萬盛學電腦網

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

Photoshop 繪製精美鉛筆圖標完整教學

從幾何構圖、漸變建模、選區布林運算、透視變形、圖層樣式疊加到材質貼圖映射,完整演示一枚擁有金屬鋁箍、橡皮擦、木質筆身、鉛筆尖細節的專業級鉛筆圖標繪製流程。展示向量形狀與像素圖層混合的高階技法。

最終效果

精美鉛筆圖標最終效果

製作流程詳細步驟

第一階段:筆身主體建模

  1. 新建 950×600 px、300 ppi 白底文件。
  2. 矩形選框工具:固定大小 400×100 px,置於畫布中心(輔助線對齊)。
  3. 新建圖層「Body」,對稱漸變(白→灰→白),白色區域偏上,模擬圓柱體受光漸變。
  4. 圖像 > 調整 > 曲線 (Ctrl+M) 微調對比,豐富漸變層次。

固定選區
輔助線置中
對稱漸變
曲線微調

第二階段:紅色漆面疊加

  • 新建圖層「Color」,載入「Body」選區 (Ctrl+點擊縮略圖),填充 #d60005 紅色,不透明度 60%,混合模式正常,形成半透明漆面層。

紅色漆面層

第三階段:金屬鋁箍(Metal)構建

  1. 複製「Body」命名「Metal」,移至頂層。
  2. 拉輔助線定位鋁箍右邊緣,矩形選區貼齊右側 → 刪除左側多餘。
  3. 橢圓工具:中心點對準右側輔助線中點,Alt+Shift 拉正圓(等高)→ 右鍵「變換選區」寬度設 50% → 回車確定 → 刪除選區內像素,形成透視橢圓切面。
  4. 選取 > 儲存選區 命名「Ellipse」,供下階段復用。
  5. 選區右移至鋁箍左邊緣,新輔助線標記中心。矩形選區貼齊新輔助線 → Ctrl+Shift+I 反選 → 刪除,完成鋁箍基本幾何。

鋁箍右切面
鋁箍左切面
鋁箍基本幾何

第四階段:鋁箍凸起環紋(Bump)

  1. Ctrl+點擊「Metal」載入選區 → 任意選區工具 → 右鍵鍵盤 → 4 次(選區右移 4px)。
  2. Ctrl+Shift+I 反選 → Ctrl+Shift+Alt+點擊「Metal」縮略圖 → 獲得「移動後的選區」與「Metal」的交集選區(窄環帶)。
  3. Ctrl+J 透過複製建立新圖層「Bump」。
  4. 圖層樣式:斜面與浮雕(內部斜面、平滑、深度 200%+、大小 3-5px、高光/陰影調整)+ 漸變疊加(金屬漸變)、內部陰影 增強邊緣。
  5. Ctrl+T 高度設 102%,微凸出 Metal 表面。

交集選區
Bump 選區位置
Bump 斜面浮雕
Bump 漸變疊加

第五階段:多環疊加與陰影

  • 複製「Bump」右移 6px,重複 3 次 → 合併 3 層 → 再複製一組置右,形成雙組凸環。
  • 複製「Metal」命名「Shadow」,置於「Metal」下方,色相/飽和度 明度 -100(純黑) → 濾鏡 > 模糊 > 動態模糊 0° 距離 5px,形成投影。
  • 合併「Metal」「Shadow」「Bump」群組為鉛筆金屬部整體。

多環與陰影

第六階段:橡皮擦

  • 複製「Metal」命名「Eraser」,置於金屬部下方,右移 ~60px。
  • 色相/飽和度:著色、色相 0、飽和度 100、明度 0(粉紅/紅調),模擬橡皮擦顏色。

第七階段:鉛筆尖(Tip)與木質紋理

  1. 新建圖層「Tip」,多邊形套索勾勒筆尖三角形,填淺黃色 (#f5e6a0),置於「Body」下方。
  2. 複製「Body」命名「TipGradient」,移動覆蓋筆尖區域,色相/飽和度:著色、色相 33、飽和度 53、明度 37(木黃色)。
  3. Alt+點擊「TipGradient」與「Tip」間分隔線 → 建立剪貼蒙版,TipGradient 受限於 Tip 形狀。
  4. 編輯 > 變換 > 透視,調整 TipGradient 角度匹配筆尖透視。

筆尖形狀
TipGradient 色相
剪貼蒙版
透視變形

第八階段:橢圓切面與木紋

  1. 選取 > 載入選區 → 選「Ellipse」(步驟 3 儲存的橢圓選區)。
  2. 在「Body」與「Color」圖層上 Delete,形成鉛筆末端透視切面。
  3. 載入「Color」選區 → 新建圖層「Wood」填白 → 濾鏡 > 渲染 > 纖維 (Variance 10, Strength 10) → Ctrl+T 旋轉 90° 並縮放貼合筆身寬度 → 添加蒙版/調整不透明度融合。

橢圓切面
木紋纖維濾鏡

核心技法精華

技法應用場景關鍵操作
固定大小選區 + 輔助線精確幾何構圖矩形選框工具樣式「固定大小」+ View > New Guide
對稱漸變模擬圓柱受光基礎立體建模漸變工具「對稱漸變」,白色帶偏移模擬高光帶
選區布林運算 (交集/減去)精確構造細節幾何Ctrl+Shift+Alt+點擊縮略圖 = 交集;Ctrl+Alt+點擊 = 減去
儲存/載入選區複雜選區複用選取 > 儲存選區 (Alpha 通道) / 載入選區
剪貼蒙版 (Alt+點擊分隔線)材質貼圖限制形狀上層剪貼至下層像素範圍內
纖維濾鏡 + 旋轉 90°程序化木紋生成預設值 10/10,旋轉使紋理方向平行筆身長軸
圖層樣式疊加 (斜面/漸變/內陰影)金屬/塑膠質感非破壞、可隨時調整參數、可複製貼上

結語

本教學展示了專業圖標設計中「向量幾何構圖 → 選區精確運算 → 像素級材質疊加 → 圖層樣式非破壞質感」的完整工業級流程。每個階段均可獨立提煉為通用技法,應用於任何產品圖標、UI 圖示、3D 圖示的 2D 精細繪製中。

copyright © 萬盛學電腦網 all rights reserved