![見出し画像](https://assets.st-note.com/production/uploads/images/52509382/rectangle_large_type_2_ad7e781152440a2931a4fa0d162b1eb9.png?width=1200)
#Photoshop 透明なグラスを透かして背景に合成するテクニック
皆様おはこんばんチワッス!ゲラです
さてさて今回のテーマは、
透明なグラスを透かして背景に合成するテクニック
でございます。
透明な物体の切り抜きはいろいろなやり方があるんですが、
今回は描画モードとレイヤー効果を使った切り抜き方法をご紹介致します!
今回使用する画像はこの2つ!
![画像1](https://assets.st-note.com/production/uploads/images/52495577/picture_pc_d25c0f9e460d295b7d14853118d9f5e7.jpg?width=1200)
↑ここから画像をダウンロードして一緒に作業してみましょう!
画像サイズ:1920x1280
![画像2](https://assets.st-note.com/production/uploads/images/52497546/picture_pc_21f22bab08c12bce3e87086980e48329.jpg?width=1200)
↑ここから画像をダウンロードして一緒に作業してみましょう!
画像サイズ:1920x1276
そんじゃいってみましょーー!!
【1】
まずはペンツールでグラスのパスを取っていきましょう!
パスを取るのは合成と切り抜きの基本中の基本ですね!
![画像3](https://assets.st-note.com/production/uploads/images/52498052/picture_pc_b41d4494f0ed362326b3afc9192ff16c.gif?width=1200)
両方のグラスのパスを取り終えました!
![スクリーンショット 2021-05-17 17.15.34](https://assets.st-note.com/production/uploads/images/52498198/picture_pc_15ef1c9285685a286625e7dd1a5cd62a.png?width=1200)
【2】
パスパネルから先ほど引いた作業用パスを選択して、右上オプションから
選択範囲を作成を選択、1pxと入力して選択範囲を作成します!
続けてレイヤーパネルから背景を選択して、
パネル下部からレイヤーマスクを作成しましょう!
![画像5](https://assets.st-note.com/production/uploads/images/52498816/picture_pc_539b88a413bc6c857ac28579bf5abb6a.gif?width=1200)
【3】
別途用意しておいた背景を配置して、グラスの後ろに持ってきましょう!
ファイルを作業画面に直接ドラッグアンドドロップすれば
そのまま配置されます。
![スクリーンショット 2021-05-17 17.30.41](https://assets.st-note.com/production/uploads/images/52499263/picture_pc_aa45b9a86ae8b7f7dba5ac52dc842d76.png?width=1200)
当然ですが、この段階ではまだ透けていないですね、次のステップから
透けさせる作業に入っていきます。
【4】
まずはグラスのレイヤーを選択してcmd+Jで複製しましょう!
そして
上のグラスレイヤーはスクリーンの不透明80%に、
下のグラスレイヤーは乗算の不透明100%変更します。
![スクリーンショット 2021-05-17 17.41.55](https://assets.st-note.com/production/uploads/images/52500020/picture_pc_1b95ec38345a7b50a08b05a3dfd1a0b9.png?width=1200)
【5】
上の方のグラスのレイヤーを選択して、
上部イメージメニュー→色調補正→トーンカーブ
を選択します。
トーンカーブのグラフの線の真ん中をつかんで、右下にググッと
引っ張ってみましょう!
グラスのハイライトの部分が透けていってますね!
![画像8](https://assets.st-note.com/production/uploads/images/52500752/picture_pc_5d4efe67f97a7ac509c3cde62e5ba682.gif?width=1200)
【6】
続けて同じく上のグラスレイヤーを選択したまま、レイヤーパネル下部から
レイヤー効果を選択しましょう!
![スクリーンショット 2021-05-17 19.18.16](https://assets.st-note.com/production/uploads/images/52507012/picture_pc_686c6a377d909758de0676da90c58281.png?width=1200)
するとレイヤー効果の設定ウィンドウが開くので、
ウィンドウ下部のブレンド条件という部分をいじっていきます。
ブレンド条件の右の選択項目がグレーになっていることを確認しましょう。
![スクリーンショット 2021-05-17 19.22.05](https://assets.st-note.com/production/uploads/images/52507176/picture_pc_95eceb5c993fc0c418782ecbb2570b7e.png?width=1200)
そして2本あるグラデーションバーの内、上のグラデーションバーの
左の三角をoptionを押しながら右に動かします。
![画像11](https://assets.st-note.com/production/uploads/images/52507569/picture_pc_b92529167143b2e28b7f65ea38d33cc0.gif?width=1200)
すると三角が半分に割れるので、200の位置まで持っていきましょう!
![画像12](https://assets.st-note.com/production/uploads/images/52507776/picture_pc_6c00a67b35f5411d8eeda042c9f4c65d.gif?width=1200)
今度は割れた三角の左半分を40の位置に持っていきましょう!
![画像13](https://assets.st-note.com/production/uploads/images/52508019/picture_pc_abb6b1140e8b534b84fcf4fe577bf370.gif?width=1200)
【7】
最後の仕上げをしていきましょう!
透明な物体の合成はノイズが目立ちやすくなるので、
ノイズを軽減してあげましょう!
上のグラスレイヤーを選択して
上部フィルターメニュー→ノイズ→ノイズを軽減
を選択しましょう!
設定を下記のようにしてOKを押します。
強さ:10
ディテールを保持:60%
カラーノイズを軽減:40%
ディテールをシャープに:0%
![スクリーンショット 2021-05-17 19.36.50](https://assets.st-note.com/production/uploads/images/52508245/picture_pc_13df7aa3a392e05e13329e4b6193718a.png?width=1200)
下のグラスレイヤーも同じ設定でノイズの軽減をかけてあげれば完成です!
![スクリーンショット 2021-05-17 19.39.54](https://assets.st-note.com/production/uploads/images/52508477/picture_pc_431ee172766ec4a9115e69bce9580c78.png?width=1200)
いかがでしたでしょうか??
透明感を残したままの切り抜きはなかなかハードルが高いですが、
やり方さえ覚えてしまえば決して難しい物ではないので
ぜひぜひお試しください!
そんじゃまたなお前らwwwwwwww
\デザイナーに超役立つ素材配布アカウント!ぜひフォローお願いします/
![](https://assets.st-note.com/img/1671742737343-oEMQx2t4G8.jpg?width=1200)
Twitterでデザインや創作にめちゃくちゃ役立つ"光素材"を無料配布しております!
僕も仕事でよく使いますがデザインや作品に一瞬でこなれ感を出すことができるめちゃくちゃ便利な素材です!
下記条件を満たすことで、タイムラインに投稿されている光素材を個人商用問わず無料でご使用いただけます。
— 光工房/ヒトノセ|光素材無料配布中 (@hikari_hitonose) October 10, 2022
✨この固定ツイートをRT&イイネ
✨@hikari_hitonoseをフォロー
※使用方法は画像参照
Twitter未公開 & 印刷物や大きな作品にも使える高解像度パック↓https://t.co/G9SOJXsEmo pic.twitter.com/Nfy7Nb0DPw
■固定ツイートをいいね&RT
■本アカウント(@hikari_hitonose)をフォロー
以上の条件を満たすことでタイムラインに投稿されている光素材が個人・商用問わず無料でお使いいただけますのでぜひぜひご活用ください!
使い方はとっても簡単!!こちらの記事をご参照ください!!
\Twitter未公開&印刷でも使える超高解像度版素材はBOOTHにて販売中/
光工房/ヒトノセ BOOTH店
光フィルター素材集 Pack01
光フィルター素材集 Pack02
光フィルター素材集 Pack03
光フィルター素材集 Pack04
光フィルター素材集 Pack05
新作パックも随時追加です♫
この記事が気に入ったらサポートをしてみませんか?