カフェやハンバーガーのバナーはたくさんあるのですが、その中でも目に飛び込んできた印象的なこちらのバナーを見本にしてみました！
今回も気づいたことや学んだことをアウトプットできればと思っています(*^^*)
トレース画像
バナーサイズ（幅×高さ）： 1200 x 675
使用ソフト：Photoshop
使用カラー：#071a44 #ffea00 #b9011b
使用フォント：TA風雅筆 / HGP明朝E
参照：バナー広場
振り返り
知識・スキル
使用素材
今回は、紅葉と月の素材を素材サイトからダウンロードをして使用しています！
紅葉はAdobe Stockから素材を見つけ、月はイラストACから素材を見つけて使用をしています。
紅葉は見本バナーと同じような形になるように、重ねたり消したり調整をしています。
月は光彩や月の中の白が足りなかったので、光彩設定とブラシで白をつけ足しています。
紅葉の素材は元素材からもみじを選んでレイヤーマスクを設定したのですが、形が細かいため元画像の背景の黒が少し残ってしましまいました…(>_<)
背景が紺なので分かりづらいのですが、元画像から背景色が全く残らないようにレイヤーマスクができるようになりたいです。
NEWと再登場の背景
商品名の上にある「NEW」と「再登場」の背景はブラシを使用しました。
粗いブラシを使用して、見本バナーと似たデザインを再現しています！
粗いブラシもたくさんの種類があるため探すのが大変でしたが、もう少し見本に近いブラシを見つけることができたらよかったと思います。
バナートレースを続けていくうちに、直感的に見つけられるようになりたいです。
和風達筆フォント
「コメダの お月見祭」の文字はAdobe FontsのTA風雅筆を使用しました！
見本と比べるともう少し筆っぽいフォントのほうがよかったのですが、Adobe Fontsの中で一番近いフォントを選ぶことができたと思います！
気づき
使用カラー（赤・黄・紺）
赤・黄・紺を使用することで秋のイメージをより強めることができると思いました。
紅葉の赤、月の黄色、夜の紺をメインに使用をして、そのほかのデザインパーツもこの3色のいづれかを使用していました。
他の色をたくさん使わず使用カラーを統一することで、バナー全体のデザインの統一感が増した素敵なデザインになっているんだと勉強になりました！
影の演出
背景に月があるので、商品1つ1つに影がつけられていました。
5つの商品を奥行きがあるように並べ、影も円を描くようにデザインされていました。
奥行きのある商品の並べ方と、影の大きさ・方向を調整して商品全体の立体感が演出されていて商品に目が行くデザインになっていてとても勉強になりました。
商品を使用する際には、商品の立体感を出すようなデザインをすることがとても大切だと改めて感じました。
また、商品自体は元バナーの画像を使用しているため今回は設定できませんでしたが、1つ1つ商品に月の光が反射している細かなデザインもできるようになりたいです。
まとめ
始める前はシンプルなデザインかと思っていたのですが、実際にやってみると細かな工夫がされていて学べることが多くありました！
最近は商品を打ち出すバナートレースをしているので、商品をバナーに盛り込む際のポイントが日に日にわかってきたような気がします。
まだまだ分からないことや、気づけていないこと、覚えられていないことも多くありますので、これからも頑張っていきます！
ありがとうございました！
HerTech
