今回はモスバーガーの竜田バーガーのバナーをトレースしてみました!
ネオンのデザインはとても魅力的なのですが、再現するのにまだまだ時間がかかってしまいました。
今回も学んだことを紹介させていただきます!
バナートレースを使用路考えている方は是非チェックしてみてください!
トレース画像
バナーサイズ(幅×高さ):1200×900
使用ソフト:Photoshop
使用カラー:#033159 #5acbec #f5153f
使用フォント:VDL ラインGアール-pop / HGP創英角ゴシックUB
参照:BANNER LIBRARY
振り返り
知識・スキル
フォント
「モスでヤンニョむ?」のフォントが独特で、見本と似ているフォントを探すのに時間がかかりました。
Adobe Fontsで必死で見つけてVDL ラインGアール-popのフォントを選んで使用しました!
背景の水玉
背景の水玉はそれぞれ同じ色を再現するのに、1つ1つ楕円形ツールで丸を書いて、カラー、透明度、ぼかし(ガウス)を調整しました。
1つ1つ調整するのが大変だったので、もっと効率的にできる方法を見つけたいと思います。
ぼかし(ガウス)の設定方法
フィルター>ぼかし>ぼかし(ガウス)
吹き出しのネオン
吹き出しのネオンは、光彩(内側)、カラーオーバーレイ、光彩(外側)で再現しています。
「モスでヤンニョむ?」のネオンデザインの吹き出し設定の詳細を解説します!
吹き出し設定の詳細
光彩(内側)
透明度100% ノイズ0% カラー:#caeaf3 ソース:エッジ チョーク0% サイズ117px 範囲100% 適用度76%
カラーオーバーレイ
不透明度:100% カラー:#a8d0d9
光彩(外側)
描画モード:通常 不透明度100% ノイズ0% カラー:#5acbec スプレッド10% サイズ8px 範囲60% 適用度53%
気づき
背景のぼかし
背景の水玉はすべて不透明度を下げて、輪郭にぼかしが入っています。
また、背景の紺色はすべてが紺ではなく、若干中心が薄くなるようにグラデーションがかかっています。
このように、全体的に背景がぼかされるようにデザインすることで、被写体であるハンバーガーの写真を強調することができていると感じました。
商品を取り扱うバナーを作成する際には、参考にしてみようと思います!
まとめ
食べ物を訴求するバナーは、商品写真を大きく存分に使うといいですね!
とてもおいしそうでおなかが空いてきました。
商品写真がバナーの半分以上を占めていて迫力がありますよね!
食べ物のバナーを作成するときは参考にしてみようと思います!
今回は、今までの復習となるような作業が多かったのですが、まだまだ時間がかかるので、効率的に進められるようにこれからも模索していきます。
ありがとうございました!