教學背景與目標

承接上一篇「時尚金屬按鈕製作教學」，許多讀者詢問其中發光按鈕的製作方法。本快速教學將示範如何僅使用圖層樣式、混合模式與模糊濾鏡，在現有金屬按鈕基礎上製作簡單卻逼真的燈光效果文字。

最終效果預覽

步驟 1：開啟前置文件與隱藏 Logo

打開上一教學完成的 PSD 檔案，隱藏中間的 Logo 圖層，騰出空間製作中央發光文字。

步驟 2：輸入文字

使用文字工具輸入喜歡的文字（範例使用 "start"），顏色可任意設定，後續將透過圖層樣式完全覆蓋。

步驟 3：色彩疊加 - 設定基礎色調

開啟圖層樣式，選擇「色彩疊加」，顏色設為 #5ba0c8，作為發光文字的基底色調。

步驟 4：內發光 - 建立內部光暈

選擇「內發光」，設定如下：

• 混合模式：顏色減淡
• 不透明度：65%
• 顏色：白色
• 來源：中心
• 其他參數請參考下圖

步驟 5：外發光 - 擴散光芒

選擇「外發光」，設定如下：

• 混合模式：濾色
• 不透明度：42%
• 顏色：#33b5ff
• 其他參數請參考下圖

步驟 6：內陰影 - 增加立體深度

選擇「內陰影」，設定如下：

• 顏色：黑色
• 混合模式：顏色加深
• 不透明度：76%
• 其他參數請參考下圖

步驟 7：建立掃描線圖案 - 關鍵細節

這是製作數位感發光效果的關鍵步驟：

1. 新建 10×2 像素文件
2. 繪製一個 10×1 像素黑色矩形（畫面呈現半黑半白）
3. 執行「編輯 > 定義圖案」儲存

步驟 8：應用掃描線圖案

新建圖層，使用剛定義的圖案填充。載入文字選區（Ctrl+點擊文字圖層縮圖），為掃描線圖層添加圖層蒙版，使掃描線僅顯示在文字範圍內。

步驟 9：調整混合模式

將掃描線圖層混合模式改為「疊加」，獲得細緻的數位掃描質感。

步驟 10：高斯模糊強化發光感

複製文字圖層，執行「濾鏡 > 模糊 > 高斯模糊」，半徑設為 10。將複製圖層歸組，並將組混合模式設為「柔光」。

進階強化技巧

合併所有可見圖層（Ctrl+Alt+Shift+E），再複製兩份：

• 底層複製：高斯模糊，混合模式設為「疊加」
• 頂層複製：高斯模糊，混合模式設為「濾色」

此技巧可大幅增強發光的層次與穿透力。

相關教學連結

PS簡單制作環形金屬質感效果Logo圖標按鈕教程