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

イラレでバナートレース #5『rednails』斜めストライプなど

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

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

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

こんにちは!illustratorでのバナトレ5回目です!

そろそろもう少し凝ったデザインにチャレンジしたいと思いまして、

今回はPinterestで見つけたバナーを見本に選びました!

ネイル通販 rednails web channel というサイトのキャンペーンバナーだったようです!

(現在は上記Pinterestのアドレスからは「キャンペーンは終了しました」という表示になっています)

スポンサーリンク

トレース

斜めストライプ、ギザギザ円、リボンと初挑戦です!

何となく同じには出来たかなーと思いますが、

リボンの中のテキストが薄く見えるのと、

「最大」の円の上の「Welcome!」の曲がり具合がちょっとイマイチでした。

ここはテキストをワープで変形したのですが、

円のパス上に沿わせた方が良かったんだろうな(+o+)

あと、「2000」の数字部分、薄い黄色のはみ出し部分がちょっと多過ぎだったな?

所々不満がありますが、今っぽいデザインのトレースは楽しかったです(*´ω`)

スポンサーリンク

制作の振り返り

参考バナータイトル:rednails web channel

参考バナーのサイズ (幅 x 高さ)(px): 563×338

制作にかかった時間:90分

使用したフォント

使用場所WORDFONT
タイトル新規会員登録FOT-筑紫B丸ゴシック Std
2000DIN 2014 Narrow
PTRounded Mplus 1c
PresentMV Boli
BIZ UD明朝 Medium
リボン(ネイル~平成丸ゴシック Std
5/14~VDL ギガJr M
最大の円最大平成丸ゴシック Std
Welcome!MV Boli
3Daysの円3Days限定平成丸ゴシック Std
下部新規登録期間は~游ゴシック

考察

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

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

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

どんな人に?

リンク先はネイルのオンラインショップなので、

ネイルが好きな人、女性に向けてのバナーだと思います。

何を伝えたい?

①新規会員登録で2000ポイントプレゼント

②3日間限定

なぜ伝えたい?

オンラインショップの会員を増やしたい

デザインのポイントメモ

①配色について

パステルカラーのピンクと黄色の組み合わせ!

キュートで若々しい表現です(^^)/

②構成について

中央ぞろえの構成。

背景のストライプがあることで

ピンクなんだけど、甘過ぎないスマートな印象になっている。

③フォントについて

丸文字系のフォントが多いですね。

女性、若い人向けだな、と思うのはこのフォントの印象も大きいのかな、と。

丸文字と対照的なスリムなフォントの「2000」が際立つと感じました。

苦労した点

斜めストライプ

自分でパターンをスウォッチに登録してみました!

リボン

長方形でリボンを作ってから、ワープで変形しました。

中央の部分と左右の端の間が透明になっている部分は

パスファインダーの刈込みを使いました。

今後の課題

定番アイテムのリボンを作ってみたものの、今後も挑戦が必要だと感じました。

他のバリエーションに対応するには色々な種類を作ってみないと…

リボンにも色々ありますもんね(^^;

スウォッチ機能もまだあやふや?

パスファインダーの他の機能も使ってみたいです。

やりたい事だらけ(;^_^A


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

コメント