Photoshopで鏡面反射の効果を付ける方法【初心者向け】
Photoshopで【鏡面反射】の効果を付ける方法を初心者向けに解説した記事です。一見難しそうですが、「レイヤーマスク機能」と「グラデーション効果」を使うことで、鏡面反射の画像を作ることができます。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
監修してくれたメンター
ノマリカ
伝わりやすくて明快なデザインを得意としている。
Photoshopで鏡面反射の効果を付ける方法を初心者向けに解説した記事です。
一見難しそうに見えますが、Photoshopのレイヤーマスク機能とグラデーション効果を使用することで、鏡面反射の画像を作ることができます。
目次
田島メンター！！テーブルに置かれたビンやグラスとかが、下に反射して見えるような表現をやってみたいです！
鏡面反射だね。
これはレイヤーの複製＆反転と、レイヤーマスク＆グラデーションを組み合わせて使うと表現できるよ。
今回もいろいろな機能を使うんですね。大変そう…。
実際にやってみると分かるけれど、ほとんど時間はかからないからね。
さっそく画像を開いてみようか。
鏡面反射の効果を付ける方法
事前準備
今回はサンプルとして以下の画像を使用します。
レイヤー構成は、黒で塗りつぶした「レイヤー1」の上に地球の画像がある「レイヤー0」がある状態です。
以降は、地球の画像が下方向に反射している表現の作成手順を解説します。
反射対象があるレイヤーを複製する
まず、反射させたい地球の画像があるレイヤー0を右クリックし「レイヤーを複製」を選択します。
レイヤー複製のダイアログが表示されるので、名前を任意でつけ「OK」を押します。
ここではデフォルトで表示される「レイヤー0のコピー」としました。
レイヤーを反転・移動する
複製したレイヤー(ここでは「レイヤー0のコピー」)を選択した状態で、上部メニューの「編集」をクリックします。
さらに、「変形」→「垂直方向に反転」を選択してください。
すると、地球の画像が上下反転しました。
そのまま左のツールバーから「移動ツール」を選択してください。
反転させたレイヤーを下へ移動させます。
以下のように水平方向の移動距離が0.0mmになるよう真下に移動しましょう。
今回は下に移動しているけれど、左右に反射させるよう表現したい場合は横に動かすことになるよ。
これだけだと反射しているというより、対称的にくっついて2つ並んでるだけみたいですね。
下に複製した画像にちょっと手を加えることで雰囲気がだいぶ変わってくるからね。
続いてレイヤーマスクとグラデーションを使った効果を入れてみよう。
レイヤーマスクを追加する
移動が完了したら、レイヤーパネル下部のアイコンから「レイヤーマスクを追加」をクリックします。
反転し、下に移動させたレイヤーにレイヤーマスクが追加されました。
レイヤーマスクにグラデーションを描画する
レイヤーマスクは黒の部分が非表示、白の部分が表示された状態になります。
この仕組みを利用し、反転＆移動させた地球に効果を加えていきます。
レイヤーパネルにて「レイヤー0のコピー」内のレイヤーマスク部分が選択されていることを確認し、左のツールバーから「グラデーションツール」を選択します。
上部のオプションバーにて、帯状のグラデーション部分をクリックしグラデーションの色を設定します。
以下のように黒から白に変化するグラデーションを選択しましょう。
黒から白に変化するグラデーションがない場合は、左のツールバー下部にて描画色を黒に、背景色を白に設定します。
再度グラデーションの設定画面を開き、プリセット「基本」→「描画色から背景色へ」を選択してください。
さらにグラデーションの形状を選択します。
オプションバーに並んでいるアイコン左端の「線形グラデーション」を選択しましょう。
選択できたら以下のように、画像の下から上へドラッグしてください。
ドラッグの開始地点や距離によって、反射の範囲が変化します。
グラデーションの範囲がどのようになっているかは、レイヤーパネルのレイヤーマスクの部分をダブルクリックすることで確認できます。
これで完成です。
レイヤーマスク内のグラデーションの範囲によって、反射した部分の表現が変わってくるからね。
そうそう、こういうのがやりたかったんです！
できるだけ元の画像がはっきりと見えないようにするのが自然な反射に見せるコツだと思うよ。
いろいろ試してみよう。
分かりました！
まとめ
今回は、Photoshopで鏡面反射の効果を付ける方法を初心者向けに解説しました。
鏡面反射の効果をうまく表現できると、高級感やリアリティが加わり画像のクオリティがアップします。
製品画像の訴求力を高めたい時などにとても効果的ですので、ぜひ覚えてみてください。
Photoshopを学習中の方へ
これで解説は終了です、お疲れさまでした。
- Photoshopを調べたけど分かりづらい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？
テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。
プログラミングを独学していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
独学に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
厳しい試験を通過した講師
があなたの相談に真摯に向き合います。
「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」
こんな気持ちでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
