クリエイターなら絶対に登録しておきたい転職エージェント5選!

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

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

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

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

レイヤースタイルとは?

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

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

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

作成手順

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

水滴の表現

STEP.1
画像を配置し、水滴の形を描く
画像を配置し、水滴をブラシツールで描きます。
水滴の色は何色でも構いません。
STEP.2
塗りを無くす
レイヤーパネル内の [ 塗り ] を0%にします。
するとブラシで描いた水滴が消えます。
MATCHBOX
ポートフォリオ制作&転職を最速で実現
MATCHBOX はマイナビクリエイターが提供している高品質なポートフォリオを無料で作成できるサービスです。
作品とテキストを準備するだけで簡単にポートフォリオが作成できます。PDFに出力できるので紙媒体とWeb媒体の両方を超簡単に作成可能!

無料で使えるMATCHBOX を活用し最短でポートフォリオ制作とクリエイティブ業界への転職を実現しましょう。
STEP.3
ドロップシャドウを適用
レイヤー効果の [ ドロップシャドウ ] を適用し、水滴の影を描きます。

影の色は黒ではなく、水滴を配置する元素材の色を濃くした色だと馴染みが良くなります。
塗りを0%にする事でレイヤー効果のみが表示されるようになります。
STEP.4
カラーオーバーレイを適用
[ カラーオーバーレイ ] を適用します。

微妙に水滴全体を元素材の色を付けておきます。
STEP.5
光彩(内側)を適用
[ 光彩(内側)] を適用します。

水滴のフチがうっすら光っている個所を再現できます。
侍エンジニア塾
無料体験レッスンでAmazonギフト券5000円分がもらえる
侍エンジニア塾 は未経験からプロのエンジニアを目指せるオンラインスクールです。
現役プロによるマンツーマン指導、手厚い転職支援により高い転職成功率を誇っています。

今だけ無料体験レッスンに申し込むとアマゾンギフト券5000円分がプレゼントされます!

侍エンジニア塾公式サイト
STEP.6
シャドウ(内側)を適用
[ シャドウ(内側)] を適用します。

水滴の内側に落ちる影をうっすら描きます。
FINISH
ベベルとエンボスを適用
[ ベベルとエンボス ] を適用し、水滴のハイライトを表現します。
以上で水滴表現の完成です。

Photoshopさえあれば誰でも簡単にリアルな水滴が作れます。
AdobeStock
高クオリティ素材サイトのAdobeStockで制作を加速させよう
無料の素材サイトとは比較にならないクオリティのAdobeStockは導入されているでしょうか?

AIやPSDをはじめとした全Adobe製品のネイティブ形式の素材データが揃っています。
ダウンロードし、文字を編集するだけで高品質な作品が作成可能です。もちろん商用利用可能!

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

汗の表現

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

STEP.1
画像を配置し、水滴の形を描く
画像を配置し、水滴をブラシツールで描きます。
水滴の色は何色でも構いません。
CLIP STUDIO PAINT
クリスタを使ってデザイン制作に変化を付ける
CLIP STUDIO PAINTを知らずにPhotoshopやIllustratorだけでデザイン制作を終わらせてしまうのは非常に勿体ないです。

圧倒的な描き心地だけでなく、クリスタだけで使える星の数ほどの無料素材は制作を加速させますよ。

CLIP STUDIO PAINT EX
STEP.2
塗りを無くす
レイヤーパネルの [ 塗り ] を0%にします。

するとブラシで描いた汗の塗りが消えます。
STEP.3
ドロップシャドウを適用
レイヤー効果の [ ドロップシャドウ ] を適用し、汗の影を描きます。

影の色は黒ではなく、肌色を濃くした色だと馴染みが良くなりますよ。
STEP.4
カラーオーバーレイを適用
[ カラーオーバーレイ ] を適用します。

微妙に汗全体に対して肌色を付けておきます。
STEP.5
光彩(内側)を適用
[ 光彩(内側)] を適用します。

汗のフチがうっすら光っている個所を再現できます。
レバテッククリエイター
クリエイターの転職に必要不可欠
レバテッククリエイター はクリエイティブ業界に特化した無料で使える転職エージェントです。

Web業界、ゲーム業界、デザイン業界、イラストレーターなど、クリエイティブに特化した求人数が業界トップクラス!

転職だけでなく派遣・フリーランスなど、様々な働き方にも対応していますよ。

レバテッククリエイター公式サイト
FINISH
ベベルとエンボスを適用
[ ベベルとエンボス ] を適用し、汗のハイライトを表現します。
これで汗の表現が完成です。

色味や影の濃さ等を少し変えるだけで全然違った汗の表現ができます。

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

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

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

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

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

fantiaからダウンロードする

Photoshopが必須
PSDを編集するにはAdobe Photoshop(アドビ フォトショップ)が必須です。公式サイトからダウンロードしておきましょう。
コンプリートプランが最強に便利ですが、Photoshop単品は次のリンクから入手できます。

まとめ

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

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

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

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

ではまた!

Photoshopを最安で導入しよう

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

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。Photoshop、Illustrator、Acrobatを単体で使うと、費用がコンプリートプランと同等かそれ以上になります。
初めからコンプリートプランを選択する方が断然お得&便利ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
アプリ1本分の価格で全てのAdobe製品が使い放題!

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

Photoshopを使うならAdobe公式のフォトプランが一番お得です。

アマゾンや他サイトのフォトプランは、1TBのオンラインストレージが付いて倍くらいの価格です。

制作を加速させる最強素材サイト

最強素材サイトであるAdobeStockがあると制作の効率性、品質がさらに高まります。
無料素材とは一味違うので手を加える手間が劇的に省けますよ。

ゼロフォトもくじ

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

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

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