こんにちは！
2回目のバナートレースはドックフードのバナー作成にチャレンジしてみました。
シンプルですが少し難しそうな印象がありました…。
一度やってみて分からないことは都度調べてやろうと思い選定しました🐶
バナー広場にあったバナーを参考にしましたので、バナートレースの素材を探している方はぜひチェックしてみてください！
トレース画像
バナーサイズ（幅×高さ）：600×500
使用ソフト：Photoshop
使用カラー：#ff6601 #fdfbaa #ffe9ac #f8db03
使用フォント：凸版文久見出しゴシック StdN
参照：バナー広場
振り返り
知識・スキル
ペンツール
ペンツールは直線だけではなく曲線を描くことができる。曲線を描くときはAlt（Windows）などを使って細かく調整。
今回の場合、背景の雲や吹き出しをペンツールで作成してみた。
レイヤーマスク
対象画像の中の対象物のみを切り抜くことができる。
今回の場合、ドッグフードと犬を元画像からレイヤーマスクで抜いて反映。
ぼかし
画像のぼかし度合を調整して、対象物にぼかしをかけることができる。
今回の場合、背景の画像をぼかして元素材に寄せた。
パターン
フォトショップ内にパターンを登録しておくことで、図形に対してパターンを反映することができる。
パターンは、角度、比率、不透明度を調整することができる。
ストライプやドットなどを背景に入れたいときはパターンを使うとよい。
よく使用するパターンは登録しておくとよい。
今回の場合、上部の背景のモコモコにストライプのパターンを反映した。
気づき
テキスト
文字の角度を中心に寄せることで、真ん中の文字が目立つ。
”ナチュラルキッチンフード”が目立っている。
文字サイズは単一ではなくポイントを絞って大小調整すると情報が伝わりやすい。
「が」「と」などの接続詞は小さくて良い。
「栄養」「詰まった」などの伝えたい情報を大きくすると良い。
吹き出し
吹き出しにポイントを入れると見やすい
色
同系色で色を揃えることで統一感が生まれる。
オレンジ、黄色、ブラウンは相性がいい。
まとめ
今回のバナーは難しいと思っていたのですが、思ったより多くのスキルが使われていて1つ1つ調べて形にするのにすごく時間がかかりました。
個人的には、レイヤーマスクとペンツールを理解するのが難しかったです。
今回のバナートレースで、多くのスキルを学べたので次のトレースのに生かしたいと思います！
ありがとうございました！
HerTech
