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

photoshop バナートレース #9『LUMINE』水しぶきを再現したい!

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

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

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

こんにちは!

ななふ@na2factoryです。

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

早いもので、10回が見えて来ました(#^^#)

しかしながら、フォトショのテクニックが無さ過ぎる事を実感するばかりです。

切り抜き(特に人物)では猛練習が必要ですし、

イラスト的なバナーには手を出せていないですし…

前回のトレースで水の表現に挑戦したのですが、これがまた全然できなくて。

夏らしい水の表現は是非ともできる様になっておきたいです!

そんな分けで続けて水関連バナーを探して、BANNER LIBRARYさんのサイトで見つけた

LUMINE SEASON VISUAL ARCHIVE』のバナーを見本にトレースしようと思います。

スポンサーリンク

#9 トレース

【トレース】
スポンサーリンク

#9 制作の振り返り

参考バナータイトル:LUMINE SEASON VISUAL ARCHIVE
参考バナーのサイズ (幅 x 高さ)(px):640 x 640

制作にかかった時間:4~5時間(細切れに作業した為、もっとかかったかも)

素材情報

  • 女性の写真:ぱくたそさんのサイトより
  • 背景の写真:写真ACさんより
  • 水滴の画像:水滴 png from pngtree.com より

考察

苦労した点

イメージに合う素材に出会えない

女性の写真がなかなか見つけられず困りました(・・;)

見本の様に、夏服で、リゾートみたいな?足が露出している素材が無い…水着だと違うし!

使用させて貰った素材は、ぱくたそさんで見つけました。長袖なところがう~ん、、、でしたが。

他に怖い貞子っぽい写真が何枚もあったんですけど、どんな事に使うのかな(^^;)

背景のリゾートホテルのプールサイド?ボケててよく分からないですが、こちらもなかなか無くて。

写真ACさんでひたすら探しました。

写真の切り抜きが下手

かなり恥ずかしい出来になってしまいました。

今後特訓したいと思います…

女性の服の色

見本は赤い半袖ワンピースなのかな?私が用意した写真の女性は、白くふんわりした長袖のワンピース。

見本と同じ赤に、変えたほうがいいのかな?そう思って試したのですが、やっぱり合っていない、

でも白のままでは印象が薄すぎる。

結局、フィルター等でちょっと白を変えて、濃く見せるだけでそれ以上手を加えられず、諦めました。

水しぶきの再現

今回のメインだったわけですが。

水しぶきについては、以下の記事を参考にさせて頂きました。ありがとうございます!!

参考記事に紹介されていた、水滴ブラシを使用しました!

女性の足元の白っぽいふんわりした水しぶきは、見本と似た感じにはなりました。

あとは私の使い方次第で、もっと自然に描けるブラシなんだろうと思います。

そして、女性の上に飛び散っているキラキラ水滴。これは自分で描くのは大変なので、

水滴の画像を使用させてもらってます。

私が使用した水滴の画像↓使いたい水滴の画像を、背景なしでコピーし、サイズや角度を変えて

何個か貼り付けしました。

張り付けただけの状態だとちょっと不自然だったので、

同じレイヤーをコピーして重ね、上にしたレイヤーの描画モードをオーバーレイにしてみました。

結果、、、、頑張ってはみたけど見本と比べるとやっぱりなんだかなぁ…

今後も水関連に取り組んで、上手くなりたいです。

上手くできた点

文字部分の再現

「こぼれなかった涙も…」の文字、これはフォントでは無いだろうな、デザインした文字だろうなーと、

ペンツールでなぞるのかな?と開始。

しかしペンツールでなぞったパスだと見本と全然違うのです。見本はもっと直線とか、円とかを使った感じ!

このため、ペンツールではなく、シェイプツールの線と楕円を使って、太さを一定にして書いてみました。

一文字づつ組み合わせて形にしていく作業になりました。

↓「心」の字作成の様子

シェイプツールで文字作成

見本と比べると直線と円のパスのつなぎ目がカクカクしてしまっていますね(-_-;)

今後の課題

水しぶきや水滴の表現、まだまだ練習しないとできないな。と思います。

引き続き、色んな水関連バナーに取り組みます!


では、以上になります。

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

コメント