今回は、「プレミアムガーナ」のバナーをトレースしてみました！
パッケージのバナーのデザインもとても美味しそうですよね(●´ω｀●)
パッケージデザインを再現したバナーに目が留まりトレースしようと思いました！
使用素材や学んだことを書いていますので是非チェックしてみてください。
トレース画像
バナーサイズ（幅×高さ）：1080×1080
使用ソフト：Photoshop
使用カラー：#780b11 #ccab6a #fdbe21
使用フォント： Monotype Corsiva Regular / A-OTF リュウミン Pr6N
参照：BANNER LIBRARY
振り返り
知識・スキル
使用素材
オレンジの画像はたくさんあるんですが、オレンジを半分にした画像が多く、今回のような切り方のオレンジの画像を見つけるのが大変でした…(>_<)
リンクを貼っておきますので、ぜひ使用してみてください。
見本と同じようなデザインをなかなか再現できなかったので、もう少し別の方法があれば知りたいです。
見本バナーのキャラメルと同じような素材が見つからなかったのですが、似たようなデザインを見つけたので2種類の画像をダウンロードしてしようしています。
icooon-monoは、商用利用可能なアイコン素材がダウンロードできるアイコン素材ダウンロードサイトです！
シンプルで使いやすいアイコン素材が豊富なので、アイコン素材を使用する際にはメインで使用させていただいています。
水彩ブラシで左右下の背景を再現
左右下にあるふわふわしたデザインははじめ、どのように再現したらいいか悩みました(>_<)
調べてみると、水彩ブラシで再現するのが一番見本デザインに近づけられると思い、水彩ブラシの種類をたくさん試して再現しました！
ブラシの種類は、Photoshopに元々登録されている「水彩（太）」を使用しました！
ブラシを大きくして、不透明度と流度を調整して見本と同じになるように調整しました。
初めて水彩ブラシを使用したのですが、雰囲気が出るブラシなのでいろんなデザインで使えそうです♪
気づき
使用素材
今回の見本バナーは、新商品の打ち出しを目的としたバナーなので商品が前面に出ていてとても分かりやすいデザインになっていると思いました。
また、新商品のパッケージデザインを再現したバナーデザインになっていて、とても全体のまとまりがでている分かりやすいデザインになっていると思いました。
パッケージデザインで使用されている色はもちろん、キャラメルやオレンジの素材も同じものをバナーに使用しているので、一層統一感が出ていて新商品バナーとして完璧なデザインだと感じました。
商品を打ち出すバナーを作成する際にはぜひ参考にさせていただき、目的に合った、且つ統一感のでたバナーが作成できるようにデザインしたいです。
使用カラー
使用カラーに関しても、パッケージデザインと合わせた配色のためとても統一感がでていて勉強になりました。
特に、「10.17～新発売！」までの文字にグラデーションを反映していて、より一層デザインのまとまりがでていると思いました！
今までのバナートレースでも商品バナーはあったのですが、グラデーションを使用しているものはなかったので、パッケージに合わせた配色はもちろん、グラデーションなども組み合わせると統一感がでるデザインもあるのだと学ぶことができました。
まとめ
今回は、水彩ブラシでのデザインを模索するのが楽しかったです！
水彩ブラシの中でもさまざまな種類があり、どれも違った印象になるのでデザイン制作をしていく中で使いこなせるようになっていけたらと思います。
今は既存に設定されているものを使用していますが、ブラシも奥が深いので、登録されていないブラシも試していきたいと思います！
ありがとうございました！
HerTech
