【Photoshop】水をモチーフにしたエフェクトPSDの使い方と作例

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Photoshop（フォトショップ）で水をモチーフにしたテキストエフェクトとフォトエフェクトの使い方と作例をフォトショ初心者の方に詳しく解説します。リアルな水の質感をした文字や水滴表現ができるPSD形式のエフェクト素材です。

Webサイトやバナー、チラシやポスターなどのメインビジュアルが1分で作成可能！もちろん全て商用利用可能なPSD素材なので安心して活用できます。

フォトショップで超手軽に高品質な水をモチーフにした加工をされたい方必見ですよ。

この記事の目次

何ができるの？

上記の様な水をモチーフにした表現が1分で出来るPSDです。ゼロから水エフェクトを作るにはPhotoshopの知識や手間が必要ですが、当エフェクトPSDを使えばフォトショ初心者の方でも超簡単にハイクオリティな水をテーマにした質感表現が再現できますよ！

水をテーマにしたエフェクトを活用

それではリアルな水の表現ができるエフェクトPSDの使い方を解説します。
フォトショ初心者の方にも簡単に使いこなせますよ！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はAdobe公式サイトから導入できます。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

Realistic Water Text Effect Mockup

STEP.1

水エフェクトをダウンロード

[ Realistic Water Text Effect Mockup ] をダウンロードします。商用利用可能なPSDTがダウンロードできますよ。

STEP.2

PSDTを開く

ダウンロードしたPSDTをPhotoshopで開くと左図の画面が開きます。

レイヤーパネルを開きましょう。
※非表示の場合は [ F7 ] で表示可。

[ YOUR TEXT HERE ] という名称のスマートオブジェクトがあるので、レイヤーサムネールをダブルクリックしましょう。

STEP.3

PSBを編集＆保存する

別タブで [ Drops.psb ] が開きます。お好きな文字やアイコン、その他グラフィックを作成して [ Ctrl + S ] (Mac：⌘ + S) で上書き保存をしましょう。

FINISH

水のテキストエフェクトが完成

元のPSDを参照すると水のテキストエフェクトの中身が差し変わっている事が確認できます。

[ 色相・彩度 ] 等で色の調整を加えるとまた違った表現も簡単にできます。
[ Realistic Water Text Effect Mockup ] を使えば1分で超高品質かつ高画質な水を模した質感のロゴ等が作れるので是非お試しください。

Deluge Underwater Photo Effect

STEP.1

水中エフェクトをダウンロード

[ Deluge Underwater Photo Effect ] をダウンロードします。商用利用可能なPSDTがダウンロードできますよ。

STEP.2

PSDTを開く

ダウンロードしたPSDTをPhotoshopで開くと左図の画面が開きます。

レイヤーパネルを開きましょう。
※非表示の場合は [ F7 ] で表示可。

[ Insert_Image_Here ] という名称のスマートオブジェクトがあるので、レイヤーサムネールをダブルクリックしましょう。

STEP.3

PSBを編集＆保存する

別タブで [ Insert_Image_Here.psb ] が開きます。お好きな写真やイラスト素材を配置し、[ Ctrl + S ] (Mac：⌘ + S) で上書き保存をしましょう。

FINISH

水中エフェクトが完成

元のPSDを参照すると水中の表現ができるフォトエフェクトの中身が差し変わっている事が確認できます。[ Deluge Underwater Photo Effect ] を使えばどんな画像でも超短時間で水中にいるような表現に加工できますよ。

その他の水をテーマにしたエフェクトPSD

その他の水をモチーフにした高品質なPSD素材です。
もちろん全て商用利用可能です！

#01 Raindrops Photo Effect Mockup

リアルな水滴が画面中に散らばった表現ができるフォトエフェクトのPSD素材です。もちろん欲しい水滴だけマスクしておけば特定の水滴だけ表示させる事も出来ますよ。

ダウンロードする

#02 Water Ripple Text Effect

水面に映り込んだ部分がゆらいでいるような表現ができるテキストエフェクト素材です。フラットな水の表現をされたい方にピッタリですよ。

ダウンロードする

#03 Rain On The Glass Photo Effect Mockup Template

雨の水滴が付いたガラス越しに見た絵作りができる高画質なフォトエフェクト素材です。水滴のパターンが5種類収録されているのが嬉しいですね。

ダウンロードする

#04 Water Ripples Effect

水の波紋が表現できるフォトエフェクト素材です。もちろんポートレート以外にも適用できますよ。

ダウンロードする

#05 Water Surface Circle Text Effect Mockup

水面に石を投げ込んだ時にできる水の波紋が再現できるテキストエフェクト素材です。文字オブジェクトだけでなく、アイコンやその他画像にも適用可能ですよ。

ダウンロードする

#06 Liquid Text Effect

普通の水滴表現ができるテキストエフェクトです。普通ですが、質感が本物のように非常にリアルな仕上がりで超高品質ですよ。

ダウンロードする

#07 Hazy Dissolving Text Effect Mockup

水面の揺らめきとぼかしの絶妙なハーモニーで構成されたテキストエフェクトです。そのままロゴデザインに使える品質ですよ。

ダウンロードする

#08 Drop Text Effect

超リアルな水滴のドアップでデザインされたテキストエフェクト素材です。水滴の下にあるものは像が歪んでいるのが非常にリアルですね。

ダウンロードする

#09 Realistic Underwater Photo Effect Mockup

水中の歪み表現がリアルに再現できるフォトエフェクト素材です。PSD内のスマートオブジェクトを差し替えるだけなので所要時間は1分です。

ダウンロードする

#10 Water Splash Effect with Ai Elements

水面に物体を落とした際の飛沫表現が簡単に付与できるエフェクト素材です。シズル感のある瑞々しい表現ができますよ。

ダウンロードする

リアルな水表現ができるエフェクト素材

【Photoshop】水などのリアルな液体表現ができるエフェクトPSD素材17選【商用可】

商用利用可能で高品質な水のような液体表現ができるエフェクトPSD素材を厳選しました。ロゴデザインや見出しのデザイン等が一瞬で出来るチート素材ですよ！

おわりに

以上、Photoshop（フォトショップ）で高品質な水の表現ができるエフェクトPSDの使い方と作例についてでした。

今回使用したエフェクトPSDは [ Realistic Water Text Effect Mockup ] と [ Deluge Underwater Photo Effect ] です。非常に高品質なテキストエフェクトとフォトエフェクトで、ロゴや水中表現などをする際に重宝しますよ。

スマートオブジェクトの素材を差し替えるだけなので、フォトショ初心者の方でも簡単に使いこなせます。ロゴデザインや見出し、Webサイトやバナー、チラシやポスターなどの印刷物など、高品質なメインビジュアルをあっという間に作成できるので是非お試しください！

ではまた！