<登場人物>

ロキ
デザイナーを目指す未来からきた女の子。人々にドキドキを届ける一人前のクリエイターになるためにスキルアップの真っ最中。

ボロちゃん
ひょんなことからロキにデザインを教えることになった渋谷に生息するドブねずみクリエイター。ペディグリーチャムが大好物♡

 

文字をフレームで囲んで装飾したいんだけどどうしよう。。うまく作れない。。時間ない。。

ネット検索すると有償・無償で提供してくれているサイトがあったりするよ。

ロキはデザインにフレームを活用したいようです。ボロちゃんがフレーム素材について紹介しています。
 
この記事では、フレーム素材制作の考え方から作成のしかた、素材配布サイトへのリンクをまとめて紹介しています。
 

目次
フレームとは
フレーム素材サイトリンク一覧
まとめ

フレームとは

「フレーム」の役割はタイトルや見てもらいたい文字を囲んで強調することです。Illustratorで一番簡単なフレームの作り方は、[図形ツール]で作成したオブジェクトを文字の背面や文字のまわりに配置することです。
Illustrator_design4rules09

詳しくは、デザイナー初級者必見!知っておきたい「デザインの4原則」で紹介しています。慣れてきたら、効率アップを目指してアピアランスでの設定操作にチャレンジしてみましょう。また、アピアランスでつくる!文字数にあわせて伸縮する「ザブトン」と「囲み枠」も制作の参考になります。

フレームの形状


文字や強調したい要素を囲む形状の装飾素材です。特定の強調したい要素を囲むだけなので幅広い組み合わせが考えられますし、伝えたいメッセージをカラーとデザインでデザインでつなぐことができます。

 

 

「囲む」目的をあらためて確認するとフレーム素材って奥が深いデザインね。

そうなんだ。デザイン作業に慣れてくると自然とやっていることだけどしっかり考えて使いこなそう。

フレーム素材サイト一覧

Frame illust

Frame illust
デザイン制作で使うことが多いフレーム飾り枠やライン罫線、背景のイラストを掲載配布しているサイト。

Frame Design

Frame Design
たくさんの種類のフレーム素材を掲載配布しているサイト。

【無料・商用可能】枠・フレーム素材配布サイト

【無料・商用可能】枠・フレーム素材配布サイト
デザイナーさんのための枠・フレームを掲載配布しているサイト。

Telop.site

Telop.site
テロップ、フレーム素材を掲載配布しているサイト。

サイト紹介は掲載時のものです。商用利用可能のサイトをまとめていますが、ダウンロードの前に必ず各サイトの利用規約をよくお読みになり、適切な使用をしてください。

まとめ

強調したい要素はまず「囲んでみる」。
伝えたいメッセージに最適なカラーやデザインのフレームを選ぶ。
図形を要素の背面やまわりに配置するだけでもフレームになる。