今回は「やかんの麦茶」のバナートレースに挑戦しました!
実はこの麦茶はとてもおいしくて毎日飲んでいます(*^^*)
昔、暑い夏に飲んでいた、あの懐かしい味が好きで愛飲しています。
飲んだことがない方は是非一度飲んでみてください!
今回もバナートレースで学んだこと、気づいたことを書いてみましたので是非見てみてください。
トレース画像
バナーサイズ(幅×高さ):1200 × 527
使用ソフト:Photoshop
使用カラー:#32b6c2 #ffffff
使用フォント:Shippori Antique B1
参照:BANNER LIBRARY
振り返り
知識・スキル
画像の一部の色を変える
背景の緑の暖簾(のれん)の画像は、もともとも暖簾(のれん)の色を変えています。
もともとの色は”青”だったのですが、Photoshop内で緑に変更をしてみました!
同じ色の暖簾(のれん)画像を探していたのですが、なかなか見つからなかったので元画像の色を変える方法を調べてみました!
元画像
(参照元:写真AC)
Photoshopで元画像の色を変更する方法
- デザインに取り入れたい画像を画像サイトから探す
- Photoshop内に画像を取り込む
- 「オブジェクト選択ツール」で被写体を選択
- 「塗りつぶし調整レイヤー」の「色彩・彩度…」を選択
被写体にパス線が反映されたら、「色彩・彩度…」で色相・彩度・明度を調整します。 - 完成!!
垂直方向に反転
中心にある「やかんの麦茶サウナへ」のテキスト両脇のモコモコについてです。
このモコモコはペンツールで作成しました!
まず右側を作成したのですが、複製して左側に回転させるとモコモコの大きさが逆になってしまいました…。
調べてみると「垂直方向に反転」させることで、再現できるとわかり簡単にできました!
気づき
配色
パッケージと同じ色をバナー全体の色に採用することで、ブランドイメージの強化につながると思いました。
麦茶のパッケージ、女性のエプロン、背景の色すべて同じ色を使用しているので、商品イメージを訴求することを目的に作成されたバナーだと感じました。
まとめ
今回は見本バナーを探すときに、目に留まったものにしようと思っていました。
そんな時にこのやかんの麦茶のバナーが目に飛び込んできました!
デザイン全体に統一感があり、とても魅力的なバナーですよね!
メインカラーと白の使い方がシンプルでわかりやすく、ユーザーの目を引くデザインでとても参考になりました。
バナートレースはまだまだ続けていきますので、一緒に頑張っていきましょう。
ありがとうございました!