教學背景

補充前文《網頁設計師必懂的 5 個 PS 進階技巧》中「Download Now」按鈕的製作，本文專講右側「Buy it」風格按鈕，包含鎖頭圖示處理、價格標籤製作與圖層樣式細節。

參考目標

步驟詳解

1. 新建文件：640×480 px，命名 button。

2. 按鈕基礎：新圖層，圓角矩形工具（半徑 80 px）畫矩形。

3. 按鈕圖層樣式：
   • 漸變疊加：#1a3a69 → #2c62b2。
   
   • 描邊：#0b1b58、2 px。
   
   • 投影：正常、14%、90°、距離 5 px、大小 2 px。
   

   基礎按鈕成型（圖）。

   
4. 鎖頭圖示：下載鎖頭素材（圖），放大後用方塊橡皮擦擦開鎖舌，自由變換縮放置中，加「投影」、「內陰影」、「倒角與浮雕」等樣式（圖）。

5. 文字：Arial 粗體、#E3F7FF，加投影（距離 1 px、大小 1 px）。

6. 價格標籤：鋼筆畫標籤形狀，填色後刪除路徑；橢圓選區固定 7×7 px 打孔；加「投影」、「內陰影」、「漸變疊加」、「描邊」等樣式（多圖）。

7. 標籤文字：白色 Arial 粗體 12 px，加投影。

8. 最終合成：所有元素對齊置中，完成專業級購買按鈕。