スクール課題:コーヒーのイベント訴求バナー

制作したバナー

概要

デザインスクールSHElikesの課題で、コーヒーのイベント訴求バナー制作に取り組みました。

使用ツール:Photoshop

制作時間 :7時間

製作時期 :2023年1月

要件

制作目的コーヒーイベントの訴求バナー
ターゲット・コーヒーを目的に喫茶店やコーヒーショップにいくことが好きな人
・自分で豆を挽いてコーヒーを楽しんでいる人
・コーヒーと一緒にスウィーツを食べるのが好きな人
サイズ1200×628 px
必要な要素・Tokyo Coffee Walk
・お気に入りの珈琲とお茶菓子を探しに出かけよう。
 イベント限定ブレンドもご用意あり。
・2022年10月2日(日)~2022年10月8日(土)
遷移先申し込みページ
方向性イメージ・バナー全体でコーヒーや喫茶店を彷彿とさせる
・落ちついていてお洒落なイメージ
指定条件コーヒーの写真を使用すること

工夫したところ

1.コーヒーの揺れる水面をイメージしたあしらい

コーヒーのたぷたぷと揺れる水面をイメージして、曲線のあしらい入れました。ブラウンのカラーは写真のテーブルから抽出して、調和が取れるようにしました。

2.歩く躍動感をイメージ

イベント名の中の「Walk」と、キャッチコピーの中の「出かけよう」から、てくてくと歩いていく様子をイメージしました。波線上にテキストを配置することで、その様子を表現しました。

3.あたたかみのあるコーヒーカラー

背景色は甘いコーヒーをイメージしたベージュにしました。

4.動きのある足跡

足跡のあしらいは、実際に歩いている様子を表現するために、足跡ごとに透明度を変更しました。

5.イベントの様子をイメージできる画像

画像はキャッチコピーの内容にある、コーヒーとお茶菓子が写っているものを選定して、イベントの様子をイメージできるようにしました。

6.大きなあしらいでアクセント

背景のあしらいとして、カカオの葉の画像を用いました。思い切って大きく配置することで、アクセントをつけました。

制作を通して学んだこと

アクセントの付け方

ポイントとなる要素を思い切って大きく配置することで、アクセントをつけることができると学びました。

欧文フォントの合字

トラッキングの際に、「Coffee」の中の2つの「f」の距離を離すことができず、欧文フォントには連続して同じアルファベットが並んだ際に文字がくっつく「合字」があることを学びました。

写真の中の不要なものの除去方法

これまで画像の足りない部分への塗り足しのみに利用していた「コンテンツに応じた塗りつぶし」で、写真の中の不要なものの除去もできることを学びました。