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

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

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

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

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

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

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

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

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

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

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

スポンサーリンク

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

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

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

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

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

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

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

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

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

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

スポンサーリンク

制作の振り返り

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

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

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

どんな人に?

デザート大好きな人

何を伝えたい?

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

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

なぜ伝えたい?

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

デザインのポイントメモ

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

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

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

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

②配色について

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

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

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

③装飾について

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

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

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

苦労した点

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

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

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

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

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

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

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

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

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

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

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

やりました。

蜂蜜・練乳の部分

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

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

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

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

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

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

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

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

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

背景のミルクの波紋

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

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

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

してます。

終わりに

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

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

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

と思って作業してます。

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


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

コメント

  1. na2factory ななふ na2factory より:

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

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

  2. まぁぁ より:

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

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