教程簡介
本教程復刻 Windows Vista 標誌性的毛玻璃/氣泡質感文字:徑向漸變背景 → 文字填充不透明度 20% → 完整圖層樣式堆疊(投影、內陰影、外發光、內發光、斜面與浮雕、等高線、光澤、描邊) → 疊加模式漸變高光 → 橢圓選區剪裁玻璃高光 → 多邊形星形點綴。全流程僅用原生功能,無需外掛。
最終效果

詳細步驟
1. 背景徑向漸變
- 新建 500×500px 文件。
- 漸變工具選「徑向漸變」,以右下角為中心,顏色停點:
#2e5b15(綠)→ #103533(青綠中間色)→ #090e13(深藍黑),拉出漸變背景。


2. 文字基礎與填充不透明度
- 文字工具輸入字母(如 "Q"),字體 Adobe Caslon Pro,顏色
#41a993(青綠)。
- 關鍵:將文字圖層「填充不透明度」降至 20%(非「不透明度」),使文字內部透明,僅保留圖層樣式效果。

3. 圖層樣式全套堆疊(核心)
雙擊文字圖層,依次添加(參數嚴格參考對應圖):
- 投影:模式「正片疊底」、顏色黑、不透明度 50%、角度 120°、距離 5px、擴展 0px、大小 5px。
- 內陰影:模式「正片疊底」、顏色深藍、不透明度 50%、角度 120°、距離 3px、擴展 0px、大小 5px。
- 外發光:模式「螢幕」、漸變「前景到透明」(前景
#a8ff84)、不透明度 75%、雜色 0%、大小 10px、品質範圍 50%、抖動 0%。
- 內發光:模式「螢幕」、漸變「前景到透明」(前景
#83cfc9)、不透明度 75%、來源「邊緣」、大小 10px。
- 斜面與浮雕:內斜面、平滑、深度 100%、方向「上」、大小 10px、軟化 0px、角度 120°、高度 30°、高光「螢幕」白 75%、陰影「正片疊底」黑 50%、輪廓「環形」。
- 等高線:選「環形」,勾選「防鋸齒」。
- 光澤:模式「疊加」、顏色白、不透明度 50%、角度 120°、距離 10px、大小 15px、輪廓「圓錐-倒置」。
- 描邊:大小 1px、位置「外部」、模式「正常」、不透明度 100%、顏色
#9bffc8(淺綠)。











4. 疊加模式漸變高光增強
- Ctrl 點擊文字圖層載入選區 → 新建圖層 → 白→透明線性漸變從左上拉向右下 → 模式「疊加」(圖)。
- 再次載入選區 → 新建圖層置頂 → 白→透明徑向漸變從中心拉出 → 不透明度 40%(圖)。
- 橢圓選框工具畫選區覆蓋上部高光區 → Ctrl+Shift+I 反選 → Delete 刪除 → 獲得玻璃頂部高光帶(圖)。



5. 星形高光點綴
- 按 U 選「多邊形工具」,選項欄下拉勾選「星形」,「縮進邊依據」設 99%。
- 新建圖層,前景白,在文字最亮處點擊繪製星形高光(圖)。

6. 完成

技法核心解析
| 關鍵技術點 | 作用 | 參數要點 |
| 填充不透明度 20% | 文字像素透明,僅保留圖層樣式效果 | 區別於「不透明度」,後者會隱藏樣式 |
| 外發光/內發光用漸變 | 模擬玻璃邊緣折射色散 | 前景到透明漸變,前景色分別為暖綠/冷青 |
| 斜面與浮雕內斜面 | 模擬玻璃厚度邊緣折光 | 深度 100%、高光螢幕/陰影正片疊底 |
| 光澤疊加模式 | 模擬玻璃表面鏡面高光 | 白色、50%、圓錐倒置輪廓 |
| 疊加模式漸變高光層 | 非破壞性增強立體光影 | 白→透明線性/徑向漸變 |
| 橢圓反選刪除 | 裁切出玻璃頂部高光帶 | 模擬玻璃頂部折射亮帶 |
| 99%縮進星形 | 極細尖角星形 | 模擬尖銳反光閃點 |
風格變體建議
- Win 7/8/10 風格:背景漸變改藍紫系,文字色調偏藍,外發光/內發光漸變色相應調整。
- iOS 磨砂玻璃:填充不透明度 10%,增加「濾鏡 ▸ 模糊 ▸ 高斯模糊」智能濾鏡於文字智能對象,背景模糊透顯。
- 霓虹玻璃:描邊改霓虹色,外發光大小擴大至 20-30px,添加「濾鏡 ▸ 風格化 ▸ 發光邊緣」。
小結
Vista 風格玻璃字的核心公式:低填充不透明度 + 內外發光漸變色散 + 斜面浮雕折光邊緣 + 光澤鏡面高光 + 疊加漸變高光層 + 橢圓裁切頂部亮帶 + 星形閃點。每一項參數都在模擬真實玻璃的光學特性(折射、反射、色散、厚度、表面微觀不平)。理解光學原理後,可自由組合參數創造無限玻璃質感變體。