イラレでバナートレース #17『まっしろノワール』

Design

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

トレースをしてから大分日にちが経ってしまって(^^;

思い出しながら書きます💦

見本は、BANNER LIBRARYで見つけたこちらのバナーです。

コメダ珈琲のバナーです。

蜂蜜と練乳のとろ~りとした感じが気になるバナーです!

スポンサーリンク

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

 

まず、商品は見本から切り抜きです。

テキストは少ないのですが、

「まっしろノワール」のフォントが難しかったです!

手持ちのフォントでアレンジしてでっち上げ(;’∀’)

練乳と蜂蜜の部分は、アピアランスで作れるかな??

と思ったのですが、蜂蜜は何とかできましたが、

練乳の部分は上手く出来なかったので、結局パスで描くことに…(^^;

他、商品の背景のミルク波紋もなかなか難しく。

悩みどころが多いバナーでした(+o+)

制作の振り返り

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

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

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

どんな人に?

デザート大好きな人

何を伝えたい?

①季節限定のシロノワールがあること

②デニッシュの中に、とろっとした蜂蜜と練乳が入っていること

なぜ伝えたい?

コメダ珈琲に来て買ってもらいたい

デザインのポイントメモ

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

テキストは中央揃えに配置。

「まっしろノワール」のフォントが印象的。

他のテキストは主張が控えめ。

 

②配色について

まっしろノワールの色である、

白がベース。蜂蜜の黄色、チェリーの赤がアクセント。

ミルキーな味のイメージで、甘そうな配色ですね(^^♪

 

③装飾について

蜂蜜と練乳のとろっとした部分、

すごく細かく丁寧に表現されています!

なかなかこんな風に描けないです( ;∀;)

 

苦労した点

まっしろノワールのタイトル

見本と同じフォントが無いので、

手持ちのAdobeFontより、「漢字タイポス415 Std R」

を使ってでっち上げました。

「まっしろ」のテキストのアピアランスで、

デフォルトの横線パターンで塗っておき、

その上に「まっしろ」をアウトライン化したレイヤーを重ね、

必要な部分だけ濃いグレーの枠線を乗せるという方法です。

拡大すると濃いグレー部分も横線が見えます(^^;

見本とは違うんですけど(^^;

何も加工しないよりは雰囲気近くなるといいなーと思って

やりました。

蜂蜜・練乳の部分

色々な大きさの円を使って、アピアランスでパスのオフセットを調整して作ってみました。

左右に分けて作りました。

同じパスで、白い下地と黄色のレイヤーに分けて、

見本のような艶出し(^^;を目指しました。

白の下地と黄色のレイヤーの間に細かい気泡を配置!

気泡が見えるように、黄色のレイヤーは乗算にしています。

練乳部分は、アピアランスでやってみて綺麗にできず(^^;

見本をパスでトレースしたのでした。

蜂蜜同様、白い下地とややクリーム色のレイヤーを作っています。

背景のミルクの波紋

円のカーブのパスを書いて、

アピアランスで加工しました。

線をブラシの丸筆(モップ)で描いて、それっぽく?

してます。

終わりに

悩みどころが何か所もあって、時間かかりました!

もっと速く完成させたいところですが、

今は速くよりも完成度高い方を目指す方がいいのかな~(^^;

と思って作業してます。

これからも色々な表現力の取得を目指して続けたいと思います!

 


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

Design
スポンサーリンク
この記事をシェア!
na2factoryをフォロー
Webデザイン勉強中

このサイト、
Na2 factory(なな ふぁくとりー)を運営している
"ななふ"と申します。

40代からのWEBデザイナーへの道!
少しづつステップアップしていきたいです。

このサイトでは、自分が覚えた事、
テクニック等を詳細に紹介していきたいと思います。
これからWEBデザイナーを目指す方々と
情報共有できたら嬉しいです!

約2.5か月かけて(^^;photoshopでのバナトレ30本達成できました!
さらにその倍ぐらいの時間をかけて、
illustratorでもバナトレ30本達成~!!
現在はXDとコーディング勉強中!

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

na2factoryをフォロー
Na2 factory

コメント

  1. まぁぁさん
    コメント、ありがとうございます!!嬉しいです!!
    このブログで初コメントです( ;∀;)
    なのに返信が遅れて申し訳ありません💦

    このような嬉しいお言葉を頂けるとは、大変光栄です!
    私も、今後も頑張らねば…という力を頂けました。
    ありがとうございます(*´ω`)
    これからもどうぞよろしくお願い致します!

  2. コメント失礼いたします。
    Twitterに『いいね』ありがとうございます!
    わたしもコツコツとトレースを行ってはいますが、ななふさんみたいに難しいトレースは画像もないと自然と避けてしまう傾向にありました。
    ですが、ななふさんがこんなも難しいトレースに挑戦しているお姿を拝見して、感銘と勇気頂きました。
    これからも、お互いに頑張って勉強していきましょう。

    突然のコメント失礼いたしました。

タイトルとURLをコピーしました