本教學將教你製作一種廣泛應用於網頁按鈕、Banner、UI 元素的「質感光澤文字」。透過圖層樣式的投影、漸層疊加、描邊，再配合手動繪製高光圖層，營造出玻璃般通透、頂部反光的精緻質感。

效果預覽

製作流程

1. 建立背景與文字

新建文件，使用漸層工具從左上角向右下拉出徑向漸層，顏色從 #ffda53 (橙黃) 到 #c00000 (深紅)，營造溫暖背景氛圍。接著用文字工具輸入文字，建議使用粗體無襯線字型。

2. 文字圖層樣式設定

雙擊文字圖層開啟「圖層樣式」，依序設定：

投影

使用預設值即可，為文字底部建立微妙陰影，增加厚度感。

漸層疊加

• 混合模式：正常
• 樣式：線性
• 角度：90°
• 刻度：100%
• 顏色：從淺到深的暖色系漸層（參考圖示）

這賦予文字主體豐富的色彩深度與立體感。

描邊

• 大小：1-2 px
• 位置：外部
• 混合模式：正常
• 顏色：深紅或棕色，勾勒文字輪廓

完成上述樣式後，文字已具備基礎立體質感。

3. 手動繪製頂部高光（關鍵細節）

1. 按住 Ctrl 點擊文字圖層縮圖載入文字選區。
2. 按 Shift+Ctrl+N 新建圖層（命名為「高光」），確保在該圖層操作。
3. 選取「橢圓選框工具」，選項列選擇「與選區交集」模式。
4. 在文字上方拖曳一個橢圓選區，最終會得到「文字形狀」與「橢圓」的交集區域（即文字頂部弧形區）。
5. 按 Shift+F5 填充白色。

4. 調整高光圖層屬性

將「高光」圖層混合模式改為 疊加，不透明度降低至 30% 左右（視背景明度微調）。這讓白色高光自然融入文字漸層，產生玻璃頂部反光的通透感。

最終成果

一組擁有豐富層次、頂部高光閃爍、質感高級的光澤文字完成。