今回はコメダ珈琲のご当地ジャムのバナートレースにチャレンジしました！
今回はとてもボリュームのあるデザインだったのですが、時間をかけてやってみようと思いました(*^^*)
学んだことを書いていますので、バナートレースに興味のある方は是非ご覧ください！
トレース画像
バナーサイズ（幅×高さ）： 1200 x 675
使用ソフト：Photoshop
使用カラー：#dfccac #6e4516 #f7b056 #c3d96a #fee002 #f09d98 #d1a7cd
使用フォント： HGP明朝E
参照：バナー広場
振り返り
知識・スキル
使用素材
今回は各ジャムの周りにある果物のイラストをフリー素材でダウンロードして使用をしています！
さまざまな種類の果物のイラストが使われていたので、選定やデザインへの反映にとても時間がかかりました(>_<)
いろんな素材に触れることができて、どれも素敵なイラストだったので楽しく作業をすることができました。
イラストACは、イラストがAI・JPEG・PNGでダウンロードできる素材サイトです。
イラストACは、商用利用も加工もOKなのでイラスト素材を探す際には重宝しています。
使用素材のページを紹介しますので、同じ見本バナーでトレースにチャレンジする方は是非参考にしてみてください！
移動ツールで図形を整列
今回初めて移動ツールで図形を整列する機能を使用しました！
移動ツールを選択することで、複数の図形や画像を等間隔に整列することができます。
なぜ今までこの機能に気づかなかったのか、もっと早めに気づいていればよかったと思いました…(;_:)
分からないことは都度調べていたのですが、基本的な操作知識がついていないことに気づかされました。
操作方法
- 整列させたいデザイン要素を複数選択
（図形同士の間隔を揃えたいです）
- 移動ツールを選択
（デザイン要素を複数選択した状態で移動ツールを選択します）
- 整えたい基準のボタンを選択
（今回は等間隔に揃えるマークを選択しています）
- 完了！
（等間隔に揃いました）
気づき
使用カラーの種類とフォントの種類
今までのバナーはメインカラーとアクセントカラーを使用してバナー全体の統一感を出しているものがほとんどでした。
今回の見本バナーは使用カラーが非常に多いにもかかわらず、全体のまとまりがありボリュームのあるバナーデザインになっていてとても驚きました！
使う色が多い場合、使用フォントは1種類に統一することで、デザイン要素がたくさんあっても全体のまとまりを再現できるのだと学びました。
今後使う色が多い場合、デザイン要素をたくさん使用したい場合、などはフォントは1種類に統一をしようと思います。
まとめ
今回のデザインはとてもボリュームがありとても時間がかかりました。
素材選びと素材の加工、調整に一番時間がかかりました(>_<)
デザイン要素を多く使用する際には、全体の配色や商品、キャッチコピーより目立たない、商品をイメージさせるイラスト選びがとても重要だと気づきました。
今回使用した以外のイラストも反映してみたのですが、イラストの主張が強すぎてしまったり、バナーデザインの雰囲気に合わなかったりとボツになった素材も多くあります。
同じデザインのトーンでイラストを選定する難しさを痛感しました(;_;)
背景の使用カラーも商品が目立つように、使用画像の色を薄めた色を選定されており、細かな工夫がされていてとても学びになりました。バナー作成をする際に活かしていけたらと思います！
ありがとうございました！
HerTech
