無料PhotoshopチュートリアルYouTubeで更新中>>

【Photoshop】グラスなどの透明なものを切り抜く方法

Photoshopで透明なグラスを切り抜く方法
記事内に商品プロモーションを含む場合があります
ちびたじ
ちびたじ

透明なグラスを切り抜いたら透明じゃなくなっちゃったよ…

透明なグラスを切り抜いたあとに、背景が見えるように置かないと不自然になってしまいます。

なので、背景もきちんと見えるように切り抜きをしていきます。

スポンサーリンク

透明グラスを切り抜く方法

動画でも詳しく解説してるので、ぜひ見てみてください。

※練習用の画像はYouTube概要欄に貼ってあります

透明なグラスを切り抜く手順
  1. グラスを切り抜いてグループレイヤーを作る
  2. 描画モードを乗算にする
  3. ブレンド条件で明るいところを差し引く
  4. 複製してレイヤーマスクでグラスのふちだけ塗る
  5. 複製して描画モードをスクリーンにする
  6. ブレンド条件で暗いところを差し引く

では、詳しいやり方をみていきましょう!

グラスを切り抜いてグループレイヤーを作る

まずグラスだけを選択するためにクイック選択ツールをクリックして、被写体を選択をクリックします。

Photoshopで透明なグラスを切り抜く方法

 

そしてワインを選択範囲外にするために、Altを押すとブラシがマイナスになるので、ワインの上をクリックしてドラッグして塗っていきます。

Photoshopで透明なグラスを切り抜く方法

 

そしてグラスだけが選択されたらレイヤーマスクをクリックします。

Photoshopで透明なグラスを切り抜く方法

 

ここから何度も切り抜きが必要になるのですが、このあと何度も切り抜きをしなくていいようにグループにまとめて、レイヤーマスクを付けます。

では、グループをクリックします。

Photoshopで透明なグラスを切り抜く方法

 

グループの中に先ほどの切り抜きをしたレイヤーをクリックしてドラッグして入れます。

Photoshopで透明なグラスを切り抜く方法

 

グループにレイヤーマスクをかけたいので、レイヤーマスクをクリックしてドラッグしてグループレイヤーにかけます。

Photoshopで透明なグラスを切り抜く方法

ちびえりな
ちびえりな

グループに同じ写真を複製して入れればグラスの切り抜きがたくさんできるよ!

 

そして背景のレイヤーを入れるとこのようになります。

Photoshopで透明なグラスを切り抜く方法

ちびたじ
ちびたじ

グラスの透明感がなくてちょっと不自然…

ちびえりな
ちびえりな

それをこれから直していくよ!

描画モードを乗算にする

では、ここからこのグラスの透明なところを透明に見えるように、レイヤーの描画モードを乗算に変えていきます。

Photoshopで透明なグラスを切り抜く方法

ちょこっとアドバイス

描画モードの乗算は黒いところは黒、白いところは透過、それ以外は少し暗くなる特徴あり!

乗算の特徴からグラスの淵の黒いところは黒として残り、それ以外のところは元のグレーが少し暗くなります。

ちびえりな
ちびえりな

次に濃いグレーを差し引いていくよ!

ブレンド条件で明るいところを差し引く

グラスのグレーを差し引きたいのですが、グラスの淵の黒は残したいので、明るいところから差し引いていグレーを消していきます。

では、ブレンド条件にいくために、レイヤーの右側をダブルクリックしてレイヤースタイルのブレンド条件にいきます。

Photoshopで透明なグラスを切り抜く方法

 

そして、今のグラスの写真から差し引きたいので上のスライダーで、明るいところから差し引きたいので、右のスライダーを左にスライドして明るいところを差し引いていきます。

Photoshopで透明なグラスを切り抜く方法

 

このままだとギザギザしてしまうので、このスライダーをoptionを押しながらスライダーをクリックして2つに割って滑らかにしていきます。

Photoshopで透明なグラスを切り抜く方法

複製してレイヤーマスクでグラスのふちだけ塗る

まだグラスの淵の色が薄いので、濃くするために⌘+Jを押して、先ほどのレイヤーを複製します。

Photoshopで透明なグラスを切り抜く方法

ちびたじ
ちびたじ

お〜!全体的に暗くなった!

グラスの淵だけを暗くしたいので、レイヤーマスクでふちだけが濃くなるようにブラシで塗っていきます。

では、レイヤーマスクをクリックして、このレイヤーマスクを反転したいので、⌘+Iを押します。

Photoshopで透明なグラスを切り抜く方法

 

ブラシツールで色を白にして、ソフト円ブラシを選び、反映させたいグラスのふちだけ塗っていきます。

Photoshopで透明なグラスを切り抜く方法

複製して描画モードをスクリーンにする

次にグラスの明るいところを反映させていきたいので、もう一度⌘+Jを押して写真を複製して、一番上に置きます。

Photoshopで透明なグラスを切り抜く方法

 

そして先ほどやったブレンド条件も一緒に複製されてしまったのでリセットするために、レイヤーをクリックして右クリックして、レイヤー効果を消去をクリックします。

Photoshopで透明なグラスを切り抜く方法

 

そしてこちらは明るいところだけを入れたいので、描画モードをスクリーンに変えます。

Photoshopで透明なグラスを切り抜く方法

ちょこっとアドバイス

描画モードのスクリーンは、白いところは白、黒いところは透過、それ以外のところは少し明るくなる特徴あり!

ブレンド条件で暗いところを差し引く

先ほどのレイヤーのグラスの反射だけを残すために、ブレンド条件を使って暗いところを差し引きます。

では、またレイヤーの右側をダブルクリックしてブレンド条件にいきます。

Photoshopで透明なグラスを切り抜く方法

 

そして、今度はこの写真の中の暗いところを差し引いていきたいので、上のスライダーの左側の暗いスライダーを右にスライドします。

Photoshopで透明なグラスを切り抜く方法

 

そして滑らかに見えるようにAltを押しながらスライダーをクリックして2つに分けて、左のスライダーを少し左に持っていきます。

Photoshopで透明なグラスを切り抜く方法

 

そうすると滑らかに見えて、背景まで透き通って見えるようになります。

Photoshopで透明なグラスを切り抜く方法Photoshopで透明なグラスを切り抜く方法

透明グラスを切り抜く方法まとめ

Photoshopで透明グラスの切り抜きをする方法を見てきました。

透明にしなくてはいけない分、通常の切り抜きよりも工程は多いのですが、描画モードを使って透明なものを透明に切り抜くことができます。

ちびたじ
ちびたじ

グラスが透けて背景もちゃんと見えるね!

\切り抜き方はたくさんある/

Photoshopで画像を切り抜く方法

コメント

タイトルとURLをコピーしました