デザイナー
底面が水平じゃないモチーフを、床に反射させるのって難しい…
Photoshop(フォトショップ)の遠近法ワープを使って、底面が水平じゃないモチーフを鏡面反射させる方法を紹介します。
デザインの手法として使われている「鏡面反射」とは、モチーフが床に鏡のように反射して写っている状態の事です。
コスメ商品の広告など、美容業界のデザインでよく使われる技法です。
![鏡面反射とは](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_5.jpg)
底面が水平なモチーフの場合、垂直に反転させ透明度とマスクを調整すれば簡単に表現できます。
![底面が水平なモチーフの場合](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_3.jpg)
しかし底面が水平じゃないモチーフの場合、そのまま反転させるだけでは上手くいきません。
![底面が水平じゃないモチーフの場合](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_4.jpg)
底面が水平じゃないモチーフを鏡面反射させるには、「遠近法ワープ」を使うと上手く表現できます!
今回はその方法を実演しながら解説していきます!
Youtube動画
作業動画をyoutubeにアップしています!
このチャンネルは、デザインのチュートリアル動画を投稿しているチャンネルです。
ぜひチャンネル登録よろしくお願いします!!
【1】モチーフをコピー&反転
まずはモチーフをコピーし、下レイヤーに移動させます。
(元のレイヤー「グラス1」、コピーしたレイヤー「グラス2」)
![モチーフをコピー](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_6.jpg)
上部メニューから「編集」<「変形」<「垂直方向に反転」を選択します。
![「編集」<「変形」<「垂直方向に反転」](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_7.jpg)
すると下画像の状態になります。
![モチーフをコピー&反転](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_8.jpg)
【2】遠近法ワープ
「グラス2」を選択した状態で、上部メニューから「編集」<「遠近法ワープ」を選択します。
![「編集」<「遠近法ワープ」](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_9.jpg)
遠近法ワープとは、Photoshopの編集機能の一つで、オブジェクトを遠近法に沿って変形する事ができる機能です。
複数の面を選択する事ができ、それぞれの面を個別に変形させる事ができます。
面の作成
ドラッグすると長方形が出るので、一つの面をアバウトに作成します。
長方形を作ったら、グラスの形状に合うように赤丸の4つのポイントをドラッグで調整します。
![一つの面をアバウトに作成](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_10.jpg)
もう一つの面を新たな長方形で作成します。
新たな長方形を作成すると、他の長方形に1辺が合体します。
先ほど同様に、ポイントを調整します。
![もう一つの面を新たな長方形で作成](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_11.jpg)
ワープ
面が作成できたら緑枠の「ワープ」を選択し、ワープ機能に切り替えます。
ワープを選択したら、赤丸のポイントを反射させたい形に移動させます。
調整が終わったら画面上部の「◯」を選択してください。
![ワープ](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_12.jpg)
【3】マスクで表示部分を調整
最後に緑部分がグラデーションになるようマスクで調整し、レイヤー全体の透明度を30~60%にします。
![マスクで表示部分を調整](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_13.jpg)
完成
![完成](https://design-spot.jp/wp/wp-content/uploads/2022/07/52_20.jpg)
まとめ
今回はPhotoshop(フォトショップ)の遠近法ワープを使って、底面が水平じゃないモチーフを鏡面反射させる方法を紹介しました。
モチーフを鏡面反射させたいケースは結構多いと思うので、覚えておくと便利です!
このブログではデザインに関する様々な参考本を紹介しています。
書籍購入の参考にしてもらえると嬉しいです!
グラフィックデザインが学べるおすすめ本5冊!【目で見て学ぶ】今回はwebデザイナーである私が、心から買って良かった!と思うグラフィックデザインの参考本を5冊紹介したいと思います。
デザインのセン...
社会に求められるWeb/UIデザイナーになるために、読んでおくべき「おすすめ本5冊」webデザイナーは、リモートで働ける会社も多くフリーランスにもなりやすい、魅力的な職業です!
webデザインのスクールが増えたこともあ...
フォント・タイポグラフィのおすすめ本【デザイナー必読】10冊を紹介 今回は実際に私が読んでよかったと思った、フォント・タイポグラフィに関するおすすめ本を10冊紹介したいと思います! webデ...
レイアウトの基本が学べるおすすめ本8冊!独学デザイナー必見! 今回はレイアウト(構図)について学べる、おすすめ本を紹介したいと思います! レイアウトとは決められた空間の中に要素を配置す...
【2024年版】ロゴデザインが学べるオススメ本23冊紹介!「見て学ぶ本」と「読んで学ぶ本」 ロゴデザインが学べるおすすめ本を、「見て学ぶ本」と「読んで学ぶ本」2つのジャンルに分けて紹介します! 今回紹介する本は、実...
最後までお読み頂きありがとうございました!