バナーのタイトル文字が、なんだか物足りない。そんなときに効くのが「あしらい」です。
この記事では、タイトル文字を目立たせるあしらいを21例、すべて実際の作例画像つきで紹介します。座布団を敷く・文字に加える・角度を変える・加工する、の4系統に分けているので、いま作っているバナーに合いそうなものを探して、そのまま真似できます。
画像はすべてIllustratorで作成したものです。作り方のコツも各例に添えています。
この記事は
- バナータイトルのレパートリー
- バナータイトルのバランス
- 視認性を高めるためのあしらい方
具体的なアイディアが浮かばない、悩んでいる、時間ばかり過ぎていく…
バナー作成時短に少しでも参考になればと、私自身が駆け出しのときに知りたかったデザインを詰め込みました💡
添付画像はすべてIllustratorで作成しています💡
Illustratorを公式サイトの約半額で使いたい方はこちら
2ヶ月間無料で使いたい方はこちら
1分〜5分ほどで簡単にできるのに、デザインの引き出しがぐっと増えるレパートリーにしています。
デザインを始めたばかりのかたはぜひ参考にしてみてください♩
INDEX目次
文字に座布団を敷く
文字の背景に図形を配置するだけなので、すぐにできます！
まめ文字に背景色を敷くことをデザイン業界では「座布団をしく」といいます
↑読みたい項目をクリックするとジャンプします
背景色を敷く
助詞だけ背景色を敷く
助詞以外に背景色を敷く
最初の文字を強調する
正方形で囲む
丸で囲む
文字に加える
英文字を加える
ふきだしを加える
文字の角度を変える
ななめにする
縦にする
カーブをかける（ゆるい）
文字を加工する
テクスチャを加える
文字を柄にする
文字をパーツ毎に分解する
文字の一部だけ色を変える
文字の一部を図形にする
文字に立体的にする
文字の一辺だけ長くする
文字にフチをつける
文字の色を変える
塗りをずらす
まとめ
バナータイトルのあしらい21選をご紹介しました🌸
アイディアを組み合わせることでご希望のデザインに近づけてみてくださいね！
Illustratorをお得に使ってみたい方
バナー練習を「作品」に変えたい方へ
タイトルあしらいを覚えたら、次は練習で終わらせず、ポートフォリオに載せられるバナー作品にしていくのがおすすめです。
「どんなバナーを作れば仕事につながる？」「自分に合う案件の方向性は？」と迷う方は、仕事タイプを整理してから練習テーマを選ぶと進めやすくなります。
学び方や添削環境も比べたい方は、未経験向けWebデザインスクール比較で、バナー制作・ポートフォリオ・案件サポートの違いも確認できます。 未経験向けWebデザインスクール比較もあわせて確認できます。
作ったバナーを実績として見せたい方はこちら
友だち追加