フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

イラレでバナートレース #16『北海道地チーズ』

当ブログはアフィリエイト広告を利用しています。
Design
スポンサーリンク
【PR】おすすめの本

管理人が買って良かった一冊を紹介します!

Webデザイナーのお仕事が具体的に分かる!デザイン勉強中の人は読んで損なしの一冊。
¥2,497 (2024/11/19 17:38時点 | 楽天市場調べ)

illustratorでのバナトレ16回目です!

見本は、ピンタレストで見つけたこちらのバナーです。

表参道ヒルズのバナーです。

北海道の形がロゴっぽく使われて可愛らしいデザインですね!(^^)/

スポンサーリンク

オリジナルとトレース画像

構成はシンプルなので、

さくさくっと形になりました(^^)/

北海道のイラスト部分、カトラリーはフリー素材を使用しているので、

チーズっぽい色の表現部分に時間を割きました!

表参道ヒルズのロゴはペンツールでなぞって描きました。

スポンサーリンク

制作の振り返り

素材

カトラリー:シルエットACからDLしました。

北海道の地図:以下のサイト様からDLしました。黒のpngファイルを使用させて頂きました。

北海道地図の色塗りベースに、フリーペーパーの素材も使用しています。

デザインについて自分の勝手な考察(想像)

この項目は、私がデザイナーを目指すにあたって勝手に想像した事を書いています。

自分の為に残している部分なので、飛ばして頂いて全然OKです!!

どんな人に?

表参道ヒルズを利用する人

何を伝えたい?

①ヒルズ内レストランで北海道のチーズを使ったお料理が提供される

②期間限定

なぜ伝えたい?

表参道ヒルズのレストランの利用促進

デザインのポイントメモ

①文字組・レイアウトについて

中央揃え。

北海道の地図が大きく中央に配置され、

文字を認識する前に北海道関連のイベントだと分かる。

②配色について

チーズのイメージの黄色、

文字の黒、

背景の白の3色。

とてもシンプルで、見やすく、きれい!

③装飾について

チーズの表現が素晴らしいです~(*’ω’*)

北海道をチーズに見立て、穴があいていたり

黄色のまだらな表現も可愛いです。

そして、レストランのメニューであることも

文字の一部になっているカトラリーのシルエットで

分かるようになっているという素敵なデザインです。

苦労した点

北海道のチーズの表現

チーズっぽく見せる為の加工についてです。

見本のまだらな雰囲気を出すために、まずは下地として

フリー素材の茶色の紙のテクスチャを使ってます。

その上に黄色で塗った四角を重ねています。

チーズのまだら感をより出すためにフィルターの「粒状フィルム」を使ってます。

そして、複数の箇所にまだらに見せる円を配置。

各円にフィルターの「粒状」と「ぼかし」を使って、それっぽく見えるように加工してます!

この上に、見本と同じ穴あきの白円を配置してます。

終わりに

今回の見本のバナーはだいぶ前に見つけ、

いつかトレースしたいと思ってピンタレストに保存していました(^^)/

シンプルな構成だけど凄く可愛くて、

とても参考になるデザインでした!

私の作るデザインはゴミゴミし易い(+o+)ので、

もっとシンプルに伝えられるデザインを考えていきたいです!


以上になります。ご訪問ありがとうございました!

コメント