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

photoshop バナートレース #11『資生堂』

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

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

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

こんにちは!

ななふ@na2factoryです。

【バナートレース11回目】です!!

11回目の見本は、BANNER LIBRARYさんで見つけた資生堂のバナーです。

モデルさんの透明感がすごいですね!

スポンサーリンク

#11 トレース

トレース画像
スポンサーリンク

#11 制作の振り返り

参考バナータイトル:資生堂

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

制作にかかった時間:4~5時間ぐらい(女性の素材探しで浪費(^^;))

使用したフォント

  • 肌も心も:漢字はA-OTF 見出ゴ、仮名はHG創英プレゼン
  • 明るくいこう:漢字はA-OTF 見出ゴ、仮名は源ノ角ゴシック JP
  • BRIGHT ME UP! : Futura PT(”!”だけ源ノ角ゴシック JP)
  • 左上のロゴ BeautyJournal、|W| :DNP 秀英横太
  • 左上のロゴ 他の文字:Futura PT
  • 下部 資生堂パーラー、グラス オ フリュイ:DNP 秀英横太
  • 下部 ご購入金額に応じてプレゼント:小塚明朝 Pr6N(B)

素材情報

  • グラス オ フリュイのパッケージは見本から切り抜き
  • オレンジシャーベット、右上の女性:写真ACさんより
  • ヤシの葉のイラスト:イラストACさんより
  • 左下の女性の写真:ぱくたそさんより
  • 波面の画像:フィルターで作成を試みましたが以下の画像をDLして使用しました(・・;)

考察

苦労した点

女性の素材探し

見本の女性は右上、左下同じ人だと思うんですが、

フリー素材で同じ感じの向きで同じ人となると…探すのに時間がかかり過ぎてしまい

別の人の写真になってしまいました。

最初、別の写真で反対向きの人を左右を入れ替えて使ってみたんですがそうすると

影の付き方が異なってしまうので、そこを修正するのも難しく、探しなおし!!

人物の素材は影の付き方に注意して使用しないといけないことを学びました(・・;)

女性の透明感がだせない!

見本のモデルさんの肌の青白い?透き通った感じ。

どうしたら近づけるかなと、薄い水色をほんのりレイヤー効果で被せてみたりしたんですが

結局うまくいきませんでした。難しー!

女性の写真は切り抜き後、3枚レイヤーコピーして重ねてみましたが、、、

(上2枚は不透明度を20%以下で、フィルターのぼかしや乗算を使ってみた)

重ねない方が良かったのか、方法がいかんのか…分からない!

上手くできた点

うーん…オレンジのシャーベットの合わせこみ?グラス オ フリュイとは大分異なるけど

上手くはまりましたかね?

フォントもかなり近づけた感はあります。

漢字と仮名を分けたりとか、ちょっとやり方が泥臭くなってしまいましたが。

デザインについて思ったこと

トレースも11回目になりましたので、そろそろデザインについても考えながら作りたいと思います。

このバナーは、視線が”Z”の方向に自然となるデザインになっていて、無駄が無い!と感じます。

ちゃんと最後にデザートを見るようになっていて、特典があることも分かりやすい。

夏っぽいイラストがあしらってあるので、自然と美白化粧品に手が出そうになるという(?)効果に期待できますね。

今後の課題

写真の加工に時間がかかりました。

次回以降も写真を使ったデザインに取り組みたいです!


では、以上になります。

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

コメント