你是否也試過其他設計軟體做玻璃效果，但總覺得差一點？
Apple 在 2025 年 6 月宣布將介面全面升級成液態玻璃效果。
看到這樣的更新，我開始好奇 Photoshop 能不能做出玻璃效果，這篇文章就要來分享如何做。
本文章著重從 0 開始一步步做出玻璃效果，這其中會做很多參數上調整，如果你覺得在 Photoshop 設定玻璃效果的參數浪費時間，Adobe Stock 能讓你下載模板並且立刻套用！
內容目錄
Photoshop 的3種玻璃效果作法
其實 Photoshop 能做出玻璃效果有高達 7 種，但是我想做取捨，分享一般常用的 3 種玻璃效果，分別是：普通玻璃（Clear Glass）、霧面玻璃（Frosted Glass）、液態玻璃（Liquid Glass）。
普通玻璃（Clear Glass）
一般來說，普通玻璃只有一種效果。
而我想到兩種效果，一種是棚內；另一種是室外。
所以，這裡會分享兩種做法，你可以使用看看！
棚內普通玻璃
Step1.置入底圖
先在 Photoshop 置入底圖。
Step2.拉一個框
在工具箱找到矩形工具，並在畫面中間拉一個框。
接著，在圖層中選取矩形工具，並將填滿拉到最低。
Step3. 圖層模式
點擊兩下圖層，並跳出圖層模式，再勾選樣式的筆畫。
在中間稍微調整數據：
尺寸：1 像素。
位置：內部。
混合模式：正常。
不透明： 50 %。
顏色：白色。
接著，再勾選內光暈並調整數值：
內光暈的結構
混合模式：正常。
不透明：50 %
雜訊：0 %
選擇白色到透明漸層
方式：平滑。
內光暈的成分
技術：精確。
來源：邊緣。
填塞：0 %
尺寸：15 像素。
內光暈的品質
範圍：88%
快速變換：0 %
按下確定。
step4. 複製圖層
接下來再將原先放進來的底圖，複製一次 ( ctrl+j )。
將剛剛已複製的圖層，放置最上面。
step5. 高斯模糊
將複製的圖片高斯模糊，路徑是這樣：濾鏡 → 模糊 → 高斯模糊。
數值大概選 7.2 像素左右，確定。
Step6. 建立剪裁遮色片並填滿
點圖層的右鍵，選擇建立剪裁遮色片 (Alt+ctrl+g) 。
最後將矩形圖層給填滿，拉到 100%。
step7. 結果
就這樣能有一個棚內普通玻璃效果。
室外普通玻璃
在講這個之前，我想先來看以下這張圖。
這是一般酒吧、咖啡廳都有這種玻璃窗戶，你可以看到這種玻璃效果最大特點就是：反光感超重。
於是有了計畫，第一層底圖、第二層不透明圖、第三層反光。
Step1. 置入圖片
之前的棚內普通玻璃已經做好不動狀況下，置入一張戶外照片。
將這張圖，建立剪裁遮色片 (Alt+ctrl+g) 。
Step2. 高斯模糊
在這裡做高斯模糊，路徑為：濾鏡 → 模糊 → 高斯模糊。
這裡你可以設定一個數值，我設 36% 像素。
Step3. 填滿降低
將圖片的填滿數值設為 50% 。
Step4. 製作窗戶
為了使室外場景更真實，我們要製作一個窗戶。
你可以拉兩個方形虛線，然後塗白。
再複製下來，變成一個窗戶。
窗戶圖層建立剪裁遮色片 (Alt+ctrl+g) 。
並將不透明度與填滿調整至 40% 左右。
Step5. 細部修正
如果你為了要追求更有視覺說服力可以做以下動作：
- 變形
- 遮色片消失一部分
- 高斯模糊
變形
遮色片消失一部分
點選該圖層後，下方有遮色片圖示。
點選筆刷，選擇黑色，塗抹窗戶。
高斯模糊
直接高斯模糊，路徑為：濾鏡 → 模糊 → 高斯模糊。
霧面玻璃（Frosted Glass）
接下來的玻璃效果製作會稍微難一點，有很多參數要去調整。
所以在接下去分享之前，請先理解 棚內普通玻璃 部分，因為霧面玻璃是它的延伸。
Step1. 設定數值
在畫面中拉一個矩形框後，將填滿縮到最小，並且開圖層樣式。
首先第一個點擊 筆畫 。
尺寸：1 像素
位置：內部
混合模式：正常
不透明度：100 %
填色類型：漸層
樣式：線性
角度：-45 度
現在點入漸層框，會跳出對話框。
可以看到有一個軸，上面有四個小圖示，上面漸層處理不透明度；下面漸層處裡顏色。
每一個都要點進去。
接下來這數據沒有一定，端看個人喜好而定。
我的上層數據是這樣：
不透明：20 % — 50 %，位置：0 — 100
下層數據則是：
顏色： #FFFFF — #3c3c3c，位置：0 — 100
接著點擊 漸層覆蓋，這裡的設定取決於玻璃的霧面關聯性。
混合模式：正常。
樣式：線性。
角度：-45 度。
縮放：100%
方式：平滑。
接著也點擊漸層的框，同樣也出現以下的漸層，數據也需要調整。
這也沒有一定答案，也分享我的漸層數據。
我的上層數據是這樣：
不透明：7 % — 23 %，位置：0 — 100
下層數據則是：
顏色： #d7D7D7 — #FFFFF，位置：0 — 100
Step2. 結果
把剛剛的矩形工具的填滿給調整到 100 後，就會得到一個霧面玻璃效果！
液態玻璃（Liquid Glass）
如果你有看上面的分享，就會知道要創造玻璃感，只需調整參數即可。
但是要用 Photoshop 做出 液態玻璃（Liquid Glass）的觀念完全不一樣，所以難度又提升一個檔次。
Step1. 拉白框
在工具箱找到矩形工具，並在畫面中間拉一個框。
Step2. 混和選項
點矩形工具，在下方找到 FX 符號，點選混和選項；或者是直接點矩形工具圖層兩下。
跳出以下對話框。
Step3. 調參數
在混和選項中，進階混和的填滿不透明設為： 0 %
斜角與浮雕參數調整。
樣式：筆畫浮雕。
技術：平滑。
深度：1000 %
方向： 上。
尺寸：13 像素。
柔化：4 像素。
陰影
角度：135 度、高度：28 度。
光澤輪廓：兩波峰。
亮部模式：正常，白色；不透明：67 %。
陰影模式：色彩增值，黑色；不透明：50 %。
筆畫參數調整。
尺寸：18 像素。
位置：內部。
混合模式：正常。
不透明：60 %。
填色類型：顏色，白色。
顏色覆蓋參數調整。
混和模式：正常，白色。
不透明：20 %。
按下確定。
Step4. 底圖
接下來開始有難度了。
將底圖複製一個 (Ctrl+J) ，並且往上拉到最上面。
接著，按下右鍵選擇 建立剪裁遮色片 (Alt+Ctrl+G) 。
Step4. 高斯模糊
在底圖部分建立模糊。
濾鏡 → 模糊 → 高斯模糊。
參數強度：9.8 像素。
按下確定。
矩形工具的填滿參數從 0 調到 100 。
Step5. 選取矩形
先選擇最上層底圖，再按 Alt + 點擊矩形工具的圖層中的圖。
選取 → 修改 → 縮減，跳出視窗，縮減：40 像素，確定。
再來一次。
選取 → 修改 → 羽化，跳出視窗，強度：15 像素，確定。
接著 反轉選取 (Ctrl+Shift+I)。
Step6.鋸齒狀
這裡就是決定能不能創造 液態玻璃（Liquid Glass） 的重要因素。
濾鏡 → 扭曲 → 鋸齒狀…
跳出視窗，設定參數。
總量：70型
脊形：5
風格：圍繞中心點 (Around center)
按下確定，就能看到成果！
由於做出來的視覺效果太喜歡，我又玩了各種參數。
不想這麼麻煩怎麼辦？
看完以上的內容，你可能覺得很麻煩，還要調一堆有的沒的參數。
「那有沒有不這麼麻煩的做法？」
有，而且我還會提供你兩種解法。
AI 輔助
Photoshop 最新版內建有 AI 功能，你可以請它協助生成，但缺點是很吃指令、生成不一定是你想要的圖片。
之前寫過 Photoshop AI 剛出來時，去開箱測試：Adobe加入AI戰場：全新體驗photoshop beta教學全紀錄
圖庫
你可以在 Adobe stock 裡面搜尋：Glass，篩選器選：Photoshop。
看到無數個有關於玻璃效果的圖庫，裡面大多數都是能下載後立刻套上模板完成，非常快！
缺點是要付費。