萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

Photoshop 製作水晶質感圓角按鈕:圖層樣式與倒影效果速成

成品效果

晶瑩剔透的圓角矩形按鈕,擁有漸層通體、高光邊緣、頂部反光與底部倒影,適合網頁 UI 設計。

10 步快速製作法

1. 基礎形狀建立

新建 300×200px 文件。圓角矩形工具繪製 250×120px 大形狀(底部),複製縮小建立上部形狀。

2. 圖層樣式賦予質感

底部形狀:漸層疊加(同色相不同明度)模擬立體厚度。
上部形狀:添加倒角浮雕、內發光、投影等樣式營造玻璃質感。

3. 高光與倒影細節

白色橢圓形狀不透明度 50% 做頂部高光。載入上部選區白色描邊 + 漸層蒙版產生邊緣發光。隱藏背景蓋印圖層 (Ctrl+Alt+Shift+E),自由變換垂直翻轉製作倒影。

4. 文字與色相變化

添加文字圖層樣式,最後新增色相/飽和度調整圖層,隨時變換按鈕顏色主題。

copyright © 萬盛學電腦網 all rights reserved