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

Design

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

制作の振り返り

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

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

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

どんな人に?

デザート大好きな人

何を伝えたい?

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

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

なぜ伝えたい?

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

デザインのポイントメモ

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

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

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

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

 

②配色について

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

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

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

 

③装飾について

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

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

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

 

苦労した点

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

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

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

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

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

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

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

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

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

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

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

やりました。

蜂蜜・練乳の部分

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

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

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

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

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

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

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

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

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

背景のミルクの波紋

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

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

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

してます。

終わりに

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

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

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

と思って作業してます。

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

 


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

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

このサイト、
Na2 factory(なな ふぁくとりー)を運営している
"ななふ"と申します。
群馬県在住の40代女子です。

2020年8月からWebデザインの勉強を独学でスタートし、
12月にクラウドワークスでチラシ制作を初受注!
以降、細々とバナーやチラシ制作を受注しております。
2021年11月、フリーランスWebデザイナーとして開業しました。

このサイトでは、Webデザイナーになるべく自分が調べた事、
テクニック等を詳細に紹介していきたいと思います。
これからWebデザイナーを目指す方々や、活躍中の方々と
情報共有できたら嬉しいです!

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

na2factoryをフォロー
Na2 factory ななファクトリー

コメント

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

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

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

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

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