萬盛學電腦網

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

Photoshop 繪製粉色質感立體播放器按鈕:圖層樣式與筆觸細節全解析

本教程示範如何純手工繪製擁有金屬質感、立體倒角、高光邊緣與柔和發光的粉色播放按鈕圖標。核心技巧在於善用圖層樣式(斜面與浮雕、內/外發光、漸變疊加)、鋼筆工具勾勒精確形狀、蒙版控制高光漸變,以及智慧運用形狀工具與路徑操作。

畫布與背景

新建 3000×2380 px、300 dpi 畫布。建立「background」群組,徑向漸變(深粉至淺粉)填充背景,營造柔和環境光。

按鈕基座與倒角

  1. 圓角矩形工具(半徑 25 px)繪製白色長條基座。
  2. 複製圖層上移 3 px,加「漸變疊加」模擬頂部高光邊緣。
  3. 群組內新建圓角矩形(半徑 25 px),加「斜面與浮雕」「內發光」「漸變疊加」構建主體立體感;再複製下移 3 px 疊加第二層倒角,調整「光澤輪廓」曲線精細控制高光落點。

播放三角形與圓形按鈕

  • 鋼筆工具勾勒左側三角形(填色 #7d1821、填充 78%、羽化 16 px),複製水平翻轉得右側對稱形。
  • 自訂形狀工具載入「squircle」(圓角正方形)繪製中央圓鈕,加「漸變疊加」「外發光」營造發光觸感。(squicle 形狀可在 AI 繪製或下載現成形狀庫)

高光與細節潤飾

  1. 新建圖層,鋼筆勾勒頂部高光條,白色填充,加蒙版以黑白漸變(對稱式)從中間向右淡出,不透明度 40%。
  2. 鋼筆繪製側邊細長高光,加圖層樣式(內發光+漸變疊加)增強金屬反射。
copyright © 萬盛學電腦網 all rights reserved