萬盛學電腦網

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

PS 繪製雅致潔白音箱圖標

最終效果預覽

步驟 1:建立畫布與音箱立面(木質材質)

  1. 新建 1000×1000 px 畫布,填充 #7b7776 灰色背景。
  2. 繪製 512×512 px、圓角 90px 圓角矩形(命名「圓角矩形1」),置入木紋素材,Alt+點擊圖層間建立剪貼蒙版。
  3. 為「圓角矩形1」添加內陰影與投影,建立厚實木質感。
  4. 在木紋上方新建圖層填充 #5f543f,混合模式「正片疊底」,不透明度 70%,建立剪貼蒙版加深木色。

圖 1:畫布與背景色

圖 2:木紋剪貼蒙版

圖 3-4:立面內陰影與投影

圖 5:加深木色圖層

步驟 2:繪製音箱側面(透視面)

  1. 繪製 512×460 px、圓角 90px 圓角矩形(「圓角矩形2」),與立面左對齊、頂對齊。
  2. 複製木紋圖層建立剪貼蒙版;CC 版本可直接複製「圓角矩形1」再 Ctrl+T 縮放(舊版需重繪形狀以保圓角)。
  3. 為「圓角矩形2」添加內陰影與投影。
  4. 為側面木紋疊加 10% 黑白漸變,增強透視明暗關係。

圖 6:側面形狀與木紋

圖 7-8:側面陰影樣式

圖 9-10:木紋黑白漸變疊加

步驟 3:構建頂面倒角與細節

  1. 複製「圓角矩形2」(Ctrl+J),移至木紋上方,Ctrl+T 按 Shift+Alt 等比縮放 90%。
  2. 為此頂面圖層添加:內陰影、斜面與浮雕(內斜面)、光澤、描邊(漸變),營造頂面倒角倒模質感。

圖 11-14:頂面倒角樣式疊加

步驟 4:音孔陣列製作(利用變換複製技巧)

  1. 繪製 256×256 px 圓形(命名「橢圓1」),置中,添加內陰影、斜面與浮雕、投影等樣式,建議群組管理(Ctrl+G)。
  2. 繪製 11px 直徑小圓(顏色 #5f543f),配合兩條參考線找到大圓圓心(小圓直徑取奇數便於對齊)。
  3. 將小圓複製、群組,移至大圓邊緣,Alt+Ctrl+T 將變換中心移至圓心,旋轉角度需能被 360° 整除(如 15°)。
  4. 連續按 Ctrl+Shift+Alt+T 重複變換複製,瞬間生成外圈音孔陣列。
  5. 調整旋轉角度重複步驟生成內圈,最內圈可將小圓直徑改為 9px 增加密集感。

圖 15-17:大圓音孔基礎樣式

圖 18:參考線找圓心

圖 19:變換中心移至圓心

圖 20:旋轉角度設定

圖 21:外圈音孔完成

圖 22:內圈密集音孔

步驟 5:旋鈕細節刻畫

  1. 繪製橢圓填充 #ebebeb,添加內陰影、斜面與浮雕、投影、描邊等樣式,形成主旋鈕體。
  2. 複製縮放 85%(Ctrl+T Shift+Alt),添加內陰影、斜面與浮雕、描邊,形成旋鈕頂面倒角。
  3. 再複製一層,填充 0%,僅保留內陰影,增強頂面凹陷感。
  4. 完成右側旋鈕後,整組複製至左側對稱位置。

圖 23-25:主旋鈕樣式

圖 26-28:頂面倒角樣式

圖 29-30:凹陷內陰影

圖 31:左右旋鈕對稱完成

步驟 6:木紋透視修正(關鍵細節)

觀察發現木紋仍為正交投影,缺乏透視感。分別選取亮部與暗部木紋圖層,Ctrl+T 右鍵選「透視」,拖動頂部控制點收窄,模擬向後消失的透視效果。

圖 32:亮部木紋透視調整

圖 33:暗部木紋透視調整

完成作品

從立面、側面、頂面三維結構建模,到音孔陣列的變換複製技巧、旋鈕多層樣式刻畫,最後以木紋透視修正收尾,完成一枚極具產品級質感的雅致白色音箱圖標。

copyright © 萬盛學電腦網 all rights reserved