Skip to main content
Known Participant
March 9, 2024
解決済み

画像をガラスの質感に加工する方法

  • March 9, 2024
  • 返信数 2.
  • 3456 ビュー

画像のような八面体の画像があり、立方体の画像のようにガラスの質感に加工したいと思い、インターネットで調べるとガラス文字の作り方が多数ヒットしたので参考に加工してみようとしたのですが、うまくいきませんでした。


テキストではないオブジェクトをガラスの質感に加工する方法をご存じの方、ご教授いただけませんでしょうか?よろしくお願いいたします。

このトピックへの返信は締め切られました。
解決に役立った回答 photoshopperJP

次のようなイメージでよろしければ...

 

 

ガラスの質感ですが、

・透過している

・透過率の高いところは下地の色が見える

・中央の厚めの部分はガラスの色が濃いめに残る

・エッジ部分は鏡面反射をして明るい

 

という要素があるとそれらしく見えると思います。

 

擬似的に作るとしたら

・下地とオブジェクトを分離(下地はコンテンツに応じるなどで塗りつぶす)

・オブジェクトのレイヤースタイルを開き

 レイヤー効果のブレンド条件→現在のレイヤーの▲をOPTION押しながらスライドさせて

 オブジェクトを半透明にする

オブジェクトをコピーして

フィルター>表現方法>輪郭検出

を実行してエッジを抽出してブレンド条件をスクリーンにする

(ノイズが目立つのでフィルター>ぼかし>ぼかし(表面)でエッジを保持して適度にぼかす)

 

色が薄いので、オブジェクトを複製して、覆い焼きで合成

 

影がないのでオブジェクトを複製してフィルター>ぼかし>ぼかし(ボックス)で影を作成

乗算で合成

透明感をもっと出したい場合は透過先のエッジを見えるように捏造するとそれらしくなると思います。

といった感じではいかがでしょうか?

 

返信数 2

photoshopperJP
Community Expert
Community Expert
March 10, 2024

次のようなイメージでよろしければ...

 

 

ガラスの質感ですが、

・透過している

・透過率の高いところは下地の色が見える

・中央の厚めの部分はガラスの色が濃いめに残る

・エッジ部分は鏡面反射をして明るい

 

という要素があるとそれらしく見えると思います。

 

擬似的に作るとしたら

・下地とオブジェクトを分離(下地はコンテンツに応じるなどで塗りつぶす)

・オブジェクトのレイヤースタイルを開き

 レイヤー効果のブレンド条件→現在のレイヤーの▲をOPTION押しながらスライドさせて

 オブジェクトを半透明にする

オブジェクトをコピーして

フィルター>表現方法>輪郭検出

を実行してエッジを抽出してブレンド条件をスクリーンにする

(ノイズが目立つのでフィルター>ぼかし>ぼかし(表面)でエッジを保持して適度にぼかす)

 

色が薄いので、オブジェクトを複製して、覆い焼きで合成

 

影がないのでオブジェクトを複製してフィルター>ぼかし>ぼかし(ボックス)で影を作成

乗算で合成

透明感をもっと出したい場合は透過先のエッジを見えるように捏造するとそれらしくなると思います。

といった感じではいかがでしょうか?

 

written by Photoshopperjp 👉 https://photoshopper.hatenablog.com/
picpiece作成者
Known Participant
March 13, 2024

ご教授いただいた手順で、イメージ通りのものができました。
本当にありがとうございました。

photoshopperJP
Community Expert
Community Expert
March 14, 2024

お役に立てれたようで良かったです。

 

他の方が同じようなことに悩んでいた場合見つけやすくなるため、解決したら正解にマークしていただけると助かります。

written by Photoshopperjp 👉 https://photoshopper.hatenablog.com/
Community Expert
March 10, 2024

参考にされている画像がCGの場合は、3Dソフトで制作されています。
Photoshopでも平面状のものであれば擬似的なものを作成できますが、多面体は複雑すぎて難しいと思います。


もし、コンプリートプランを契約されている場合は、Adobe Dimensionを試してみると良いでしょう。
製品/パッケージデザインのためのフォトリアルな3D画像 | Adobe Dimension 

学ぶ | Adobe Creative Cloud 

 

または、無料で使用できる3DソフトのBlenderでも作成できます。


Dimensionの場合:
今回はSubstance 3D Stagerを使用しましたが、Dimensionでも同じような機能が使えると思います。


Dimensionは、モデリングの機能がないため、他の3Dソフトまたは3Dモデルを提供しているサイトからダウンロードすることになります。
但し、多面体の場合、標準のSphere(球体)で八面体を作成できます。(八面体ぽいものです。設定が間違っているかも)


標準にあるGlassのマテリアルを追加すると、ガラスの質感になります。
透明のオブジェクトには、光の屈折率が設定できるようになっています。
参考画像は、ガラスの水槽に液体が入った状態をシミュレーションしているので、より複雑な計算が行われています。


プレビュー画面のリアルタイムレンダラーと、より現実に近い光の計算を行うレイトレーシングのレンダラーを選択して出力できますが、結果は、下図のようになります。

picpiece作成者
Known Participant
March 13, 2024

ご返信ありがとうございます!
3Dソフトは使用経験がなく、難しいイメージがありまして・・・
改めて時間を作ってDimension覚えてみたいです。