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

photoshop バナートレース #7 『フェリシモ』人物の切り抜きに挑戦!

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

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

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

こんにちは!

ななふ@na2factoryです。

【バナートレース7回目】になります。

今回はいよいよ人物ありのバナーにチャレンジしようと思います。

見本として、Pinterestで見つけたフェリシモさんのバナーを使用させて頂きます!

スポンサーリンク

#7 トレース

【トレース】

スポンサーリンク

#7 制作の振り返り

参考バナータイトル:フェリシモ
参考バナーのサイズ (幅 x 高さ)(px):564 x 334

制作にかかった時間:2.5時間 (やっと3時間切った!)

使用したフォント

  • FELISSIMO、FASHION: IPAex明朝
  • 秋新作: BIZ UD明朝
  • NEW ARRIVAL!: Didot LT Pro

素材

女性の写真は、「写真AC」からダウンロードしました!

考察

苦労した点

女性の素材探し

初めての人物素材探しで、やはり迷走!

秋っぽいおしゃれさんの日本人女性の写真がなかなか見つからず。

見本の女性の服装が秋色で濃いので、ARRIVALのフォントの白が映えているんですよね。

私の使用した写真の女性の服は白だったので、トレースの方はぼんやりしてしまいました。

女性の切り抜き

やはりふわふわした髪の毛が難しいです…

洋服部分と、顔回りをレイヤーを分けて臨みましたが、顔回りの切り抜きの方が思ったよりばっさりになってしまいました。

フォトショの「選択とマスク」何回もやり直したんですけど、境界をなぞってもイマイチになってしまう。難しい…

女性の背景の影?の再現

見本の女性の背景は、女性のポーズにあった影がある感じ。

トレースでは同じ感じに見える様に、ブラシやぼかしツールで四苦八苦しました(・・;)

上手くできた点

フォント探しはスムーズにできた!

少ないので当然なんですけど、フォトショのマッチフォントの候補でスムーズに決められました!

今後の課題

やっと時間の短縮ができて嬉しいのですが、人物の切り抜きはまだまだでした。

今後も引き続き練習したいと思います!


では、今回は以上です。

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

コメント