今回はサンマルクカフェのチョコレートドリンクのバナートレースにチャレンジしてみました！
ハートとチョコレートでかわいいですよね(*^^*)
7回目のバナートレースでやったバレンタインバナーと同じく可愛くてわくわくしました！
細かなデザインが難しかったのですが、しっかりと覚えて次に活かしていきたいです！
今回も学習内容をご紹介します。
トレース画像
バナーサイズ（幅×高さ）：1080×1080
使用ソフト：Photoshop
使用カラー：#8f1b3e #ea6799 #370b02 #532911
使用フォント：Skolar Sans Latin Extended / Noto Serif Italic
参照：バナー広場
振り返り
知識・スキル
フォント
「MELTY CHOCOLAT」と似たフォントを探すのに時間がかかりました。
今回も前回同様、Adobe Fontsで似たフォントを探してみました！
前回は日本語でしたが、英語も探し方がわかりやすくてとても助かりました。
言語を英語にして、分類とコントラストを選択して似た「Noto Serif Italic」というフォントを見つけることができました。
クリッピングマスク
今まで使ってこなかったテクニックだったのですが、使ってみるととても便利でした！
クリッピングマスク
2枚のレイヤーを重ねて使用し下のレイヤーで上のレイヤーを覆う（＝マスクする）機能です！
今回のやり方は添付写真のように再現しています。
詳細は、Adobeの公式ページに乗っていたので是非参考にしてみてください！
ゴールドの素材
ゴールドの素材は、見本に似たゴールドのテクスチャを探しました！
リンクを貼っておくので気になる方はチェックしてみてください！
ラメ
左上と右下にあるラメは、ブラシツールで再現しています。
調べてみるといろいろ調整方法はありましたが、下記設定がちょうどよかったので下記手順で見本と会うように少し調整しました！
- 「ブラシの先端のシェイプ」を選択して、間隔を80%に設定
- 【ブラシ設定】内の【シェイプ】を選択し「サイズのジッター:100%」
- 【ブラシ設定】内の【散布】を選択し、「両軸にチェックを入れ、散布：200%」
気づき
ブラシの黄色のラメ
上下に黄色のラメがちりばめられていることで、商品の上に載っている飾りと、ゴールドの華やかさとリンクして、デザインの全体の統一感が出ていると感じました。
チョコレートをイメージしたデザイン
上下の端に、チョコレートをイメージしたデザインがあります！
商品写真のグラスに垂れているチョコソースをバナーデザイン内でも再現しているのだと思います！
バナーのデザインだけではなく、取り扱う商品や商品の写真にリンクしたデザインをすることが大切だと学びました。
ハートのデザイン
こちらもチョコソースと同様、商品写真にハートの台が使われているので、デザインにもハートと同系色の色を取り入れているのだと思います！
濃さの違うピンクを使っているので、全体の統一感もありとても参考になりました。
まとめ
今回の見本バナーは商品とバナーデザインがとてもリンクしているデザインだと思いました。
商品がどういうものなのか、使用する商品画像はどのような写真でどんな要素があるのかを踏まえてバナーを作成することがとても重要だと改めて感じました。
今回のバナートレースは細かな調整に時間がかかりましたが、わくわくするデザインだったので楽しく作業をすることができました！
10回達成できたので、次は20回目指して引き続き頑張ります！
ありがとうございました！
HerTech
