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

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

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

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

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

こんにちは!

ななふ@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やインスタでも#バナートレースで投稿しているのですが、

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

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

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

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

コメント