fantiaはじめました!無料素材やAI、PSDを配布中です。

【Photoshop】レイヤースタイルだけで水滴や汗を作る方法【PSD有り】

この記事を読むのに必要な時間は約 15 分です。

Photoshop(フォトショップ)のレイヤースタイルを使って汗や水滴を作る方法について解説します。
全てレイヤースタイルで作るので、一度作ってしまえば追加編集が非常に楽な方法です。

では早速始めていきましょう!

レイヤースタイルとは?

レイヤースタイルとは対象のレイヤーにドロップシャドウや境界線などの効果を加えられる機能の事を指します。

いちいちブラシツール等で描く必要は無く、各レイヤースタイルの設定をするだけで簡単にリアルな影やフチ線の効果を追加できます。
Photoshopで頻繁に使う機能の一つです。

レイヤースタイルの機能や使い方の基本は資した下記リンク先で解説しておりますので併せてチェックしてください。
【Photoshop】レイヤースタイル、レイヤー効果の使い方とコピペ方法

作成手順

レイヤースタイルを使った水滴と汗の具体的な作成手順です。

水滴の表現

STEP.1
画像を配置し、水滴の形を描く
画像を配置し、水滴をブラシツールで描きます。
水滴の色は何色でも構いません。
STEP.2
塗りを無くす
レイヤーパネル内の [ 塗り ] を0%にします。
するとブラシで描いた水滴が消えます。
STEP.3
ドロップシャドウを適用
レイヤー効果の [ ドロップシャドウ ] を適用し、水滴の影を描きます。

影の色は黒ではなく、水滴を配置する元素材の色を濃くした色だと馴染みが良くなります。
塗りを0%にする事でレイヤー効果のみが表示されるようになります。
STEP.4
カラーオーバーレイを適用
[ カラーオーバーレイ ] を適用します。
微妙に水滴全体を元素材の色を付けておきます。
STEP.5
光彩(内側)を適用
[ 光彩(内側)] を適用します。
水滴のフチがうっすら光っている個所を再現できます。
STEP.6
シャドウ(内側)を適用
[ シャドウ(内側)] を適用します。
水滴の内側に落ちる影をうっすら描きます。
FINISH
ベベルとエンボスを適用
[ ベベルとエンボス ] を適用し、水滴のハイライトを表現します。
以上で水滴表現の完成です。
Photoshopさえあれば誰でも簡単にリアルな水滴が作れます。

後から水滴の形を描き直しても、自動的に影やハイライトが設定されます。
直しに強いデータ形式なので、レイヤースタイルに登録しておくと便利です。

汗の表現

コチラの記事で紹介した汗の描き方です。
イラストなので先の水滴表現に比べ、少しシンプルな表現にしています。

STEP.1
画像を配置し、水滴の形を描く
画像を配置し、水滴をブラシツールで描きます。
水滴の色は何色でも構いません。
STEP.2
塗りを無くす
レイヤーパネルの [ 塗り ] を0%にします。
するとブラシで描いた汗の塗りが消えます。
STEP.3
ドロップシャドウを適用
レイヤー効果の [ ドロップシャドウ ] を適用し、汗の影を描きます。
影の色は黒ではなく、肌色を濃くした色だと馴染みが良くなります。
STEP.4
カラーオーバーレイを適用
[ カラーオーバーレイ ] を適用します。
微妙に汗全体に対して肌色を付けておきます。
STEP.5
光彩(内側)を適用
[ 光彩(内側)] を適用します。
汗のフチがうっすら光っている個所を再現できます。
FINISH
ベベルとエンボスを適用
[ ベベルとエンボス ] を適用し、汗のハイライトを表現します。
これで汗の表現が完成です。
色味や影の濃さ等を少し変えるだけで全然違った汗の表現ができます。

水滴、汗を配置する「元素材」の色味を影に入れると馴染みが良くなります。

レイヤースタイルの登録・書き出し方法

レイヤースタイルの登録・書き出しについて徹底解説しています。併せてチェックしてみてください!

レイヤースタイルをダウンロード

fantiaで当記事のレイヤースタイルを無料で配布しています。
よかったらダウンロードして活用してください!

まとめ

以上、Photoshopのレイヤースタイルを使った水滴と汗の表現についてでした。

一度スタイルを設定してしまえば簡単に質感を付与できるので制作の時短に繋がります。

また無料で利用できるスタイルを大量に紹介しておりますので、併せてチェックしてみてください!

【2020年度版】Photoshopの無料レイヤースタイル全447種まとめ

ではまた!

Photoshopを最安で導入するには

Photoshop(フォトショップ)を持っていない方は、下記から最安値で購入できます。

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。
アプリ単体を2つ3つ使うと費用がコンプリートプランと同等かそれ以上になります。

制作はPhotoshop、Illustrator、Lightroom、InDesign、Acrobat、etc…複数のアプリを使い分けながら作る事が多いです。
Photoshopで作業をしている際に「Illustratorなら効率的に作れるのに…」、「完成したデザインをPDFで複数ページに冊子形式にしたいなぁ…」という事は頻繁にあります。
なのでデザイナーにとって最低限Photoshop、Illustrator、Acrobatは必要です。

それならいっそ初めからコンプリートプラン を選択する方が断然便利でお得ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
65%OFFはデカイですね!
アプリ1本分の価格で全てのAdobe製品が使い放題!

Photoshop単品ならフォトプランが最安

Photoshopを使うならAdobe公式の フォトプラン が一番お得です。
Photoshop単体の半分以下の価格で、尚且つLightroomもセットになっているのが嬉しいですね。

アマゾンや他の通販サイトのフォトプランだと、不要なオンラインストレージが付いて倍くらいの価格です。Photoshop自体の最安はAdobe公式サイトの フォトプラン なので気を付けてください。

ゼロフォトもくじ

ゼロから始めるPhotoshopのもくじです。

目次一覧
ゼロから始めるシリーズ

IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。