photoshop バナートレース #4 『日本郵便 キッテ 開業1周年 THANKS KITTE』

Design

こんにちは!

ななふ@na2factoryです。

photoshopによるバナートレース4回目です。

お手本として、バナーデザインアーカイブさんのサイトより、

『日本郵便 キッテ 開業1周年 THANKS KITTEのバナーデザイン』を使用させて頂きます。

東京駅の近くにあるキッテは、遠方の友人と待ち合わせに使ったり食事したりの思い出があります(#^^#)

こちらのバナーは、、、素敵です(*^^*)

テキストのデザインが洗練されていて、こういうバナーを自分で考えられたらいいなあ~と思います!

『KITTE』の部分は各アルファベットの縦の線が赤っぽい色に変えてあるんですが、

ものさしツールで測ってみるとその赤の線の間隔が一定になっているんですね。

デザインされた方のこだわりなのかな?

 

しかし、トレースでは使用されているフォントが分からなそう...

毎回苦戦するけど今回はもっと苦しみそう!

photoshopのマッチフォント機能を使ってフォント探しの旅の時間を短縮できるかどうか!?

 

スポンサーリンク

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

【オリジナル】

【トレースした画像】

バナトレ4回目kitte

#4 制作の振り返り

参考バナータイトル:日本郵便 キッテ 開業1周年 THANKS KITTEのバナーデザイン

参考バナーのサイズ (幅 x 高さ)(px):300 x 250

制作にかかった時間:3時間半

考察

苦労した点

  • マッチフォントを使ってフォントを探しましたが、候補のフォントでしっくりくるフォントに中々出会えない(T_T) AdobeFontの様な、対象テキストを候補フォントで表示したサンプルを見ながら選べたらいいのに
  • 『3.21~4.6』の日付の数字に使われているフォントがマッチフォントでは見つからない!AdobeFontの中では無さそうだったので、GoogleFontで探しました(M_PLUS_1pに決めました。微妙に異なっている部分はあるが諦め)
  • 『3.21』の『1』はM_PLUS_1pのフォントは見本のまっすぐな1では無く、見本と同じ様に見せる為に異なる部分をマスクして対応
  • 右下の『KITTE』の下の小さい『MARUNOUCHI』のフォントが小さすぎて、どのフォントなのか本当に分からない! Cut & Try の繰り返しが辛かった

上手くできた点

特に無いです(寂しい!)

あえて言うなら・・・背景の桜はパスツールで似た感じのハート型を描いてみました。

photoshopのブラシで、桜の花びらの描けるブラシを使ってみたのですが、明らかに違う感じになったので止めました。

今後の課題

やっぱり3時間越えでした。フォント探しの旅は毎回苦労してしまいます。

フォント探しに時間をかけ過ぎなんですかね。

 

twitterやインスタでも#バナートレースで投稿しているのですが、

他の投稿されている皆さんがもっと少ない時間で

もっと複雑なデザインを上手にされているので、悲しい!時短したい!

 

しかし、めげずに頑張ります!

ありがとうございました。

 

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

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

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

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

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

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

na2factoryをフォロー
Na2 factory

コメント

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