【Photoshop】ガラス越しの表現ができるエフェクトPSDの使い方と作例

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

Photoshop（フォトショップ）でリアルなガラス越しの表現ができるフォトエフェクトPSDの使い方と作例をフォトショ初心者の方に詳しく解説します。すりガラスや歪みガラスなど、本物のようなガラス越し表現が可能！商用利用可能なPSD素材なので安心して活用できます。

フォトショップで超手軽＆高品質なガラス越しのレタッチをされたい方必見ですよ。

この記事の目次

何ができるの？

上記の様なガラス越しの表現が1分で出来るPSDです。すりガラス、歪みガラスなど、ゼロから作るにはPhotoshopの知識や手間が必要ですが、当エフェクトPSDを使えばフォトショ初心者の方でも超簡単にサンプルの様な表現が再現できますよ！

ガラスエフェクトPSDの使い方

それではPhotoshopでガラスエフェクトが追加できるPSDの使い方を解説します。
フォトショ初心者の方にも簡単に使いこなせますよ！

Photoshopを導入しましょう

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

Black And White Monochrome Glass Water Realistic Photo Effect

STEP.1

ガラスエフェクトをダウンロード

[ Black And White Monochrome Glass Water Realistic Photo Effect ] をダウンロードします。商用利用可能なPSDTがダウンロードできますよ。

STEP.2

PSDTを開く

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

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

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

STEP.3

PSBを編集する

別タブで [ YOUR IMAGE HERE.psb ] が開きます。お好きな画像を配置して [ Ctrl + S ] (Mac：⌘ + S) で上書き保存をしましょう。

サンプル画像は [ Dramatic portrait of a young beautiful girl ] を使用しました。

FINISH

摺りガラス表現が完成

元のPSDを参照するとガラスエフェクトの画像が差し変わっている事が確認できます。

OMAKE

設定をカスタマイズ

初期設定のままだと画像の左半分だけしかガラスエフェクトが適用されていません。
レイヤーパネルを参照し、[ Main Effect ] → [ YOUR IMAGE HERE ] を右クリックメニューから [ レイヤーマスクを使用しない ] にチェックを入れると全画面が摺りガラスのような表現にできますよ。

※他にも [ WaterGlass ] レイヤーを非表示にすると水滴が消せます。

また、[ Blanco y negro ] をオフにするとカラーにできます。スペイン語で白と黒を意味するので、このフォトエフェクト素材はスペイン人のデザイナーが作ったPSDですね。

[ Black And White Monochrome Glass Water Realistic Photo Effect ] は超高品質かつ高画質なすりガラスエフェクトが1分で作れるので超オススメですよ。

Glass Distortion Effect

STEP.1

歪みガラスエフェクトをダウンロード

[ Glass Distortion Effect ] をダウンロードします。こちらも商用利用可能なPSDTなので安心して活用いただけます。

STEP.2

PSDTを開く

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

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

先のすりガラスエフェクトPSDと同様、[ (Your design here) ] のレイヤーサムネールをダブルクリックしましょう。

STEP.3

PSBを編集する

別タブで [ (Your design here).psb ] が開きます。お好きな画像を配置して [ Ctrl + S ] (Mac：⌘ + S) で上書き保存をしましょう。

[ 光と影の背景の若い女性のビューティーポートレート ] を使用しました。サンプルはそのまま使用していますが、人物の切り抜きをされたい方は [ 背景を削除 ] を使えば1分で実現できますよ。

FINISH

歪みガラスエフェクトの適用完了

元のPSDTを参照すると完成です。[ Glass Distortion Effect ] は歪んだガラス越しの表現があっという間に追加できるフォトエフェクトです。

初期設定のままだと右半分しか歪みガラスが適用されていません。

レイヤーパネルを開き、[ Effect ] → [ Shape ] をアクティブにします。[ Ctrl + T ] (Mac：⌘ + T) で長方形シェイプの大きさを変えると歪みガラスの適用範囲を変更できますよ。

その他のガラス系エフェクトPSD

その他の高品質なガラスをテーマにしたPSD素材です。
もちろん全て商用利用可能！

#01 Glass Refraction Photo Effect Mockup

デコボコとざらつきのある摺りガラス表現ができるフォトエフェクトPSDです。本物以上にリアルなすりガラス表現が可能ですよ。

ダウンロードする

#02 Foggy Glass Effect

曇ったガラス越しの風景が再現できるフォトエフェクト素材です。もやっとした表現、湿度感などが伝わってきそうなクオリティです。

ダウンロードする

#03 Glass Refraction Overlay Photo Effect Mockup

波打ったようなガラス表現ができるオーバーレイ系のフォトエフェクトPSDです。ガラスの質感は後からPhotoshopのパラメーター調整で変更できます。

ダウンロードする

#04 Chrome Glass Effect Logo Mockup

クローム風のガラス素材にできるテキストエフェクトPSDです。ほのかにザラつきのある質感が非常にリアルです。テキストだけでなく、もちろんロゴ等にも適用可能ですよ。

ダウンロードする

#05 Semi Transparent Plexiglass Text Effect Mockup

ガラスや樹脂素材を重ね合わせたような半透明のガラス表現ができるテキストエフェクトです。平面的な文字やロゴに適用するだけで左図のような立体的な表現が可能です。

ダウンロードする

#06 Window Glass Reflection Photo Effect Mockup

窓ガラスに反射した風景が追加できるフォトエフェクト素材です。元画像と反射用画像の2枚を準備し、対象のスマートオブジェクトを差し替えるだけで再現できますよ。

ダウンロードする

#07 Wet Glass Effect

水滴で塗れたガラス越しの世界が再現できるフォトエフェクト素材です。雨降りの窓やシャワー室の窓などをあっという間に再現可能ですよ。

ダウンロードする

#08 Broken Mirror Effect

割れた鏡に映る絵が再現できるフォトエフェクト素材です。ガラスの割れ感、映り込みのズレなどが非常にリアルです。スマートオブジェクトの画像を1枚差し替えるだけでサンプルの表現が可能ですよ。

ダウンロードする

#09 Broken Mirror Effect

割れた鏡の表現ができるフォトエフェクトのPSD素材です。長辺が4000pxある高解像度素材なので大型印刷にも十分耐えられる品質です。本物以上の質感表現が可能ですよ。

ダウンロードする

#10 Glass Texture Effect

摺りガラスの質感を付与したフラクタルミラーのエフェクトPSDです。映り込みのズレやすりガラスの質感など、非常にハイレベルな仕上がりです。

ダウンロードする

超高品質なガラスエフェクト

【Photoshop】様々なガラスの質感にできるエフェクトPSD30選【商用可】

ガラスや鏡をモチーフにしたエフェクトPSDを厳選しました。商用利用可能で高品質なエフェクトを併せてチェックされてみませんか？

おわりに

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

今回使用したエフェクトPSDは [ Black And White Monochrome Glass Water Realistic Photo Effect ] と [ Glass Distortion Effect ] の2点です。高品質かつ高画質なエフェクトなので、大型の印刷物などの解像度を必要とするコンテンツにも問題無く使えます。

スマートオブジェクト内の素材を差し替えるだけなので、フォトショ初心者の方でも1分で摺りガラスや歪みガラスなど、リアルなガラス越しの行玄が可能です！Webサイトやバナー、チラシやポスターなどの印刷物など、高品質なメインビジュアルをあっという間に作成できるので是非お試しください。。

ではまた！