Photoshopで鏡面反射の効果を付ける方法【初心者向け】

Photoshopで【鏡面反射】の効果を付ける方法を初心者向けに解説した記事です。一見難しそうですが、「レイヤーマスク機能」と「グラデーション効果」を使うことで、鏡面反射の画像を作ることができます。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

Photoshopで鏡面反射の効果を付ける方法を初心者向けに解説した記事です。

一見難しそうに見えますが、Photoshopのレイヤーマスク機能とグラデーション効果を使用することで、鏡面反射の画像を作ることができます。

 

なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。

 

大石ゆかり

田島メンター!!テーブルに置かれたビンやグラスとかが、下に反射して見えるような表現をやってみたいです!

田島悠介

鏡面反射だね。これはレイヤーの複製&反転と、レイヤーマスク&グラデーションのふたつの組み合わせを使うことで表現できるよ。

大石ゆかり

今回も色々な機能を使うんですね。大変そう……

田島悠介

実際にやってみると分かるけれど、ほとんど時間はかからないからね。早速画像を開いてみようか。

 

鏡面反射の効果を付ける

今回は例としてこの画像を使用します。

ps_ref_1

 

構成は黒で塗りつぶした「レイヤー1」の上に地球の画像がある「レイヤー0」がある状態です。

この地球の画像を下方向に反射させていきます。

ps_ref_2

 

まず、反射させる対象のあるレイヤー0を右クリックし「レイヤーを複製」を選択します。

ps_ref_3

 

レイヤー複製のダイアログが表示されるので、名前を任意でつけ「OK」を押します。ここではデフォルトで表示される「レイヤー0のコピー」としました。

ps_ref_4

 

複製したレイヤー(ここでは「レイヤー0のコピー」)を選択した状態でメニューから「編集」をクリックします。

ps_ref_5

 

「変形」→「垂直方向に反転」を選択してください。

ps_ref_6

 

これで地球の画像が上下反転しました。

ps_ref_7

 

そのまま左のツールから「移動ツール」を選択してください。

ps_ref_8

 

反転させたレイヤーを下へ移動させます。画像のように水平方向の移動距離が0.0mmになるようにしましょう。

ps_ref_9

 

田島悠介

今回は下に移動しているけれど、左右に反射させるよう表現したい場合は横に動かすことになるよ。

大石ゆかり

これだけだと反射しているというより、対称的にくっついてふたつ並んでるだけみたいになりますね。

田島悠介

下に複製した画像にちょっと手を加えることで雰囲気がだいぶ変わってくるからね。続いてレイヤーマスクとグラデーションを使った効果を入れてみよう。

 

移動が完了したら、レイヤーパレットの下から「レイヤーマスクを追加」をクリックします。

ps_ref_10

 

反転し、下に移動させたレイヤーにレイヤーマスクが追加されました。

ps_ref_11

 

レイヤーマスクは黒の部分が非表示、白の部分が表示された状態になります。これを利用し、反転&移動させた地球に効果を加えていきます。

「レイヤー0のコピー」内のレイヤーマスクが選択されていることを確認し、左のメニューから「グラデーションツール」を選択します。

ps_ref_12

 

グラデーションの種類から「黒・白」を選択しましょう。

ps_ref_12_2

 

「線形グラデーション」を選択します。

ps_ref_12_3

 

図のように、画像の下から上へドラッグしてください。

ps_ref_13

 

ドラッグの開始地点や距離によって、反射の範囲が変化します。グラデーションの範囲がどのようになっているかは、レイヤーパレット内のレイヤーマスクの部分を見ながら確認しましょう。

これで完成です。

ps_ref_14

今回の記事は以上です。

 

田島悠介

レイヤーマスク内のグラデーションの範囲によって、反射した部分の表現が変わってくるからね。

大石ゆかり

そうそう、こういうのがやりたかったんです!

田島悠介

できるだけ元の画像がはっきりと見えないようにするのが自然な反射に見せるコツだと思うよ。いろいろ試してみよう。

大石ゆかり

分かりました!

 

さらにPhotoshopを使いこなしたい場合は、Photoshopでトーンカーブを使って色調補正する方法も合わせてご覧ください。

[お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。現役デザイナーに毎日チャットで質問することができます。