イラレでバナートレース #29『フェリシモ haco』

Design

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

見本は、Pinterestで見つけたこちらのバナー!

フェリシモのファッションブランド、hacoのバナーのようです。

ゆるやかなオシャレコーデの女性向けサイトですね。

バナーのほんわかした雰囲気と

サイトのイメージが合っているな~と感じました(^^)/

スポンサーリンク

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

模写です。

もっと短時間でいけると思ったんですがね…

「HAPPY RECOMMEND NEWS!」

のフォント調整で時間を使ってしまいましたね(+o+)

制作の振り返り

素材

バッグの写真は写真ACよりDLしました!

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

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

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

どんな人に?

ゆるやかコーディネート好きな女性

hacoを利用した事がない人

何を伝えたい?

①Web限定の初回利用者キャンペーンがあること

②プレゼントが貰えるのかも?

なぜ伝えたい?

Hacoの利用促進

デザインのポイントメモ

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

正方形の中をZラインで視線誘導!

「Web限定」を

右上対角線上に配置していて効果的、

キャンペーンの内容を告知している下部も

写真→タグ風イラストで文字を最後まで読む流れがスムーズ!

 

②配色について

白・ピンク・水色

の可愛い配色!

私の印象は「春っぽい」ですが

秋のキャンペーンという事で…

女子向けを前面に出す為この配色なのかな?

と思いました(^^)/

 

③装飾について

枠のストライプ、四角形のあしらい等

主張しすぎてないのがいいですね!

バッグを囲んでいる線とか、

手書き風にわざと崩してある点が

ゆるやかファッションのイメージと合ってるな~と思いました。

 

苦労した点

ピンクのタグ風イラスト

「秋のオトクな」と「初回お試しキャンペーン」のイラストですね。

何の規則性もなさそうなイラストだったので模写で似せるのが辛かったです💦

初めに長方形を書いて、リボン風にひし形の部分を追加して、

その後はひたすらパスを見本みながら修正~(+o+)

結局何か違う物になってしまいましたが…

バッグを囲む円

手書き風を出そうと思って、

円を描いてから効果→ラフを使用してます。

バッグは素材の写真をクリッピングマスクしてます。

終わりに

作業時間は結局終盤になっても遅いまま(+o+)

イラストの個々のパーツは何も見なくても

作り方が思い浮かぶようになってきたので

それだけでもトレース続けた意味あったと思ってまーす(^^;

残すはあと1回!

最後まで頑張ります!

 


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

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

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

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

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

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

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

na2factoryをフォロー
Na2 factory

コメント

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