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

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

Design
スポンサーリンク

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

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

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

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

スポンサーリンク
スポンサーリンク
スポンサーリンク

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

 

構成はシンプルなので、

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

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

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

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

 

スポンサーリンク

制作の振り返り

素材

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

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

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

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

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

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

どんな人に?

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

何を伝えたい?

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

②期間限定

なぜ伝えたい?

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

デザインのポイントメモ

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

中央揃え。

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

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

 

②配色について

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

文字の黒、

背景の白の3色。

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

 

③装飾について

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

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

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

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

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

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

 

苦労した点

北海道のチーズの表現

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

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

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

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

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

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

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

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

 

終わりに

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

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

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

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

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

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

 


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

Design
スポンサーリンク
この記事が気に入ったらシェアしてね!
na2factory ななふをフォローする
na2factory ななふ
フリーランス Webデザイナー

群馬県在住の40代女子です。
2020年8月からWebデザインの勉強を独学でスタートし、
2021年11月に開業しました。
守備範囲はバナー・チラシ制作からWordPressでのサイト制作まで。

このサイトでは、Webデザイナーになるべく自分が調べた事、
自主制作物、テクニック等を紹介しています。

詳しいプロフィールはこちら

Na2 factory ななファクトリー

コメント