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

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

Design
スポンサーリンク

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

スポンサーリンク

制作の振り返り

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

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

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

どんな人に?

デザート大好きな人

何を伝えたい?

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

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

なぜ伝えたい?

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

デザインのポイントメモ

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

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

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

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

 

②配色について

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

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

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

 

③装飾について

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

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

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

 

苦労した点

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

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

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

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

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

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

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

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

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

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

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

やりました。

蜂蜜・練乳の部分

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

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

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

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

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

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

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

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

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

背景のミルクの波紋

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

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

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

してます。

終わりに

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

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

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

と思って作業してます。

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

 


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

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

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

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

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

Na2 factory ななファクトリー

コメント

  1. na2factory ななふna2factory より:

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

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

  2. まぁぁ より:

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

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