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

Design

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

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

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

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

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

スポンサーリンク

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

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

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

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

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

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

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

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

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

制作の振り返り

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

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

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

使用したフォント

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

 

 

考察

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

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

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

 

どんな人に?

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

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

何を伝えたい?

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

②3日間限定

なぜ伝えたい?

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

デザインのポイントメモ

①配色について

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

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

 

②構成について

中央ぞろえの構成。

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

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

 

③フォントについて

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

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

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

 

苦労した点

斜めストライプ

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

リボン

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

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

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

 

今後の課題

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

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

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

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

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

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

 

 


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

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

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

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

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

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

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

na2factoryをフォロー
Na2 factory

コメント

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