快速掌握 Photoshop 繪製經典 RSS 橙色圓角矩形按鈕的全過程。核心技法：形狀工具繪製基礎幾何、圖層樣式（斜面浮雕、漸變疊加、描邊、投影）構建立體質感、剪貼蒙版製作高光倒影、圖層複製偏移模擬陰影厚度。適合 UI 圖標設計入門練習。

最終效果預覽

步驟詳解

1. 畫布與基礎圓形：新建 820×680 黑底文件，新建層橢圓工具按 Shift 拉正圓填白（圖 1）。
2. 圓形立體樣式：添加圖層樣式（斜面浮雕、漸變疊加、描邊等，參數見圖 2），得立體白球（圖 3）。
3. 高光橢圓：新層拉白橢圓，加黑白漸變蒙版，模式「疊加」不透明度 77%（圖 4-5）。
4. 圓角矩形主體：新層圓角矩形工具拉白圓角矩形（圖 6），Ctrl+T 變形調整（圖 7），同法畫出其它兩條（圖 8）。
5. 陰影厚度：複製三條圖層，改色 #fb7009 置底，向上移動產生立體厚度感（圖 9）。
6. 投影收尾：整體加投影，完成最終效果（圖 10）。

關鍵知識點

• 形狀圖層優勢：矢量無損縮放，隨時可編輯圓角半徑、大小。
• 圖層樣式疊加邏輯：斜面浮雕給體積、漸變疊加給材質、描邊定邊緣、投影落地。
• 剪貼蒙版做高光：橢圓漸變蒙版比直接畫筆更可控、可編輯。
• 複製偏移做厚度：比「描邊」更真實，能模擬 3D 擠出感。

同套邏輯可快速產出各色系按鈕（藍、綠、紫），只需修改圖層樣式中的漸變色與填充色。建議保存為 .psd 模板，下次直接改色輸出。