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

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 ななふをフォローする
na2factory ななふ
フリーランス Webデザイナー

群馬県在住の40代女子です。
2020年8月からWebデザインの勉強を独学でスタートし、
2021年11月に開業しました。
守備範囲はバナー・チラシ制作からWordPressでのサイト制作まで。

このサイトでは、Webデザイナーになるべく自分が調べた事、
自主制作物、テクニック等を紹介しています。

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

Na2 factory ななファクトリー

コメント