純靠圖層樣式、零圖片素材，幾分鐘打造出具備立體感、高光、投影與文字內發光的專業級 UI 按鈕。適合新手理解圖層樣式邏輯，也適合資深設計師快速產出風格一致的按鈕組件庫。

基礎幾何與背景

1. 新建文件，背景用徑向漸變（深灰到淺灰）營造微妙景深。
2. 新圖層，前景色 #00d8ff，圓角矩形工具（半徑 6~8px）繪製按鈕本體。

圖層樣式逐層拆解

雙擊按鈕圖層開啟樣式面板，依序勾選並設定：

• 斜面與浮雕：內部斜面、平滑、深度 100%、方向向上、大小 10px、軟化 0px、角度 90°、高光模式「螢幕」白色 75%、陰影模式「正片疊底」深藍 50%。
• 描邊：大小 1px、位置「內部」、填充類型「顏色」#0099cc、不透明度 100%。
• 內陰影：混合模式「正片疊底」、顏色深藍、角度 90°、距離 1px、擴展 0%、大小 3px。
• 內發光：混合模式「螢幕」、顏色白色、來源「邊緣」、擴展 0%、大小 10px。
• 投影：混合模式「正片疊底」、顏色黑色、角度 90°、距離 2px、展開 0%、大小 4px。

文字與文字樣式

輸入像素風格黑色文字（如「DOWNLOAD」），添加樣式：
• 投影：白色、線性減淡、距離 1px、大小 0px（形成 1px 高光邊）。
• 內陰影：黑色、正片疊底、距離 1px、大小 0px（形成 1px 陰影邊）。
雙重 1px 邊框讓文字在亮色按鈕上極清晰。

延伸應用

將按鈕圖層存為「新建樣式」，一鍵套用至不同尺寸、顏色的按鈕；配合智能物件製作按鈕組件庫，實現「改顏色、改文字、即時更新」的高效工作流。