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

photoshop バナートレース #20『Mystery Deal』ボーダー・ドットのカラフルデザイン

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

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

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

photoshopでのバナトレ20回目になります。

今回選んだお手本は、BANNER LIBRARYさんで見つけたコチラ!

 
ドミノピザのハロウィンキャンペーン?のバナーです。
ハロウィンのイラストやカラフルな色使いでとっても可愛いバナーです。
 
スポンサーリンク

トレース

しまった!トレースの★のイラストの色が!!紫がない!黒のまま!!

やってしまいました(-_-;)

細かいほかの部分の加工に気を取られてついミスったまま、終わりにしてしまいました。

ピザの箱のテキストを合わせこむのが難しくて集中力切れちゃったです。

スポンサーリンク

制作の振り返り

参考バナータイトル:Mystery Deal(ドミノピザ)

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

制作にかかった時間:5時間

使用したフォント

  • 今すぐチャレンジ! : DNP 秀英角ゴシック銀 Std
  • Mystery Deal : Sitka
  • 50%OFF : Bahnschrift
  • 最大、が当たる!?: A-OTF 見出ゴMB31 Pr6N
  • ピザ : 源ノ角ゴシック JP

素材情報

  • ハロウィンのイラスト:イラストACさんでDL

考察

デザインについて気付いたこと

どんな人に?

ファミリー。特にお母さんかな?ハロウィンだし、特別にピザ頼もうかなっという気になりそう!

背景のオレンジと黄色のボーダーで、すぐにハロウィンを連想できますね。

何を伝えたい?

最大50%OFFになるクーポン?が当たるキャンペーン中!

「今すぐチャレンジ」というボタンがあることによって、ネットでクーポンが当たるしくみなんだと分かります。

“50%OFF”を大きく配置して、すぐにチャレンジしたくなるよう誘導していると思われます。

なぜ伝えたい?

ドミノピザのHPで確認したところ、このクーポンは週末限定みたいです。

週末の食事にドミノピザを選んでほしい!って事でしょうか。

苦労した点

ピザの箱のテキストの配置

最初はピザの箱のイラストをネットで探したんですが、

ドミノピザのパッケージは独特でオシャレなので、やっぱりそのままあったほうがいいだろうと思い、見本を下に敷いてトレースしました。

箱を描いたまでは良いのですが、箱の上面にテキストをはめ込むのが難しい!

テキストを円のパスに沿って書く→自由変形や遠近法ワープを試す→字の配置が見本と違い過ぎる→NG

一気に円型のテキストをいい感じに変形するのは不可能と判断。

結局、単語毎にパスに沿って入力して、遠近法ワープを使って変形する作業を繰り返しました。

細かくてしんどかったです!

そして仕上がりもビミョー。(´;ω;`)ウゥゥ

遠近法ワープ、使えたり使えなかったりで困りました。エラーメッセージが出て無かったことにされるのは辛い!

原因はネットで検索してもよく分からない…なんだったのか…一応今の私のPCは外部GPXもあるし, メモリも十分にあるんですけどね~。

遠近法ワープが使えない時は変形→ゆがみ等を使って乗り切りました。

円の微妙な重なり

細かい所ですが、できていません。(-_-;)

大きく目立つところは見本みたく重ねたんですけど、やりきれませんでした(反省)

ドットとストライプ

今回はフィルターギャラリーのカラーハーフトーンを使って作りました!

見本と全く同じ幅ではないですが、スピードを求められる時にはやっぱりフィルター便利!

今後の課題

20回目のバナトレが終わりました。

フォトショの操作には慣れてきましたが、いざ一から自分でデザインするとなったら何もできないんじゃないかな…と思います。

今まではとりあえず見本をトレース!トレース!とあんまりデザインする視点を考えてなかったので、

これから30本目まではなんでこのデザインになったのかとか、どういう狙いがあるのかとか、

ちゃんと考えてやりたいです。

フォトショだけでトレースするのは30本までにしようかと思ってます!

その後は念願のイラストレーター修行へ…!!今後も頑張ります(^▽^)/


最後まで見て頂き、ありがとうございました!

コメント