萬盛學電腦網

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

Photoshop 鼠繪教學:從零打造精美手機產品圖

產品級鼠繪的核心在於「結構拆解」與「光影邏輯」。手機雖構造簡單,但材質質感(金屬、玻璃、塑膠)的差異化表現,考驗著對選區、漸變、加深減淡工具的綜合運用。本教程將手機拆解為機身、螢幕、鍵盤、聽筒、按鍵等模組,逐層攻克。

最終效果

手機成品圖

核心工具與思路

  • 鋼筆工具:勾勒精準矢量路徑,轉選區填色,邊緣銳利無鋸齒。
  • 加深/減淡工具:在選區保護下塑造體積感與材質高光。
  • 圖層疊加模式:「正片疊底」疊加雜色產生金屬拉絲質感。
  • 分層策略:每個構件獨立圖層組,便於後期調整。

分步製作流程

階段一:機身主體與金屬質感

  1. 鋼筆勾勒機身外輪廓 → 選區填充 #BCB3AC → 加深/減淡工具建立大體明暗。
  2. 載入機身選區 → 新建圖層填白 → 濾鏡 > 雜色 > 添加雜色 (7-8%) → 圖層模式改「正片疊底」,瞬間獲得金屬拉絲紋理。
    機身質感

階段二:螢幕與鍵盤區塊

  1. 新建圖層,鋼筆勾選螢幕區域 → 填黑(螢幕關閉狀態)。
  2. 同法製作鍵盤基礎形狀,填白後同樣加雜色+正片疊底統一質感。
    螢幕鍵盤基礎

階段三:側面、高光與細節構件

  1. 機身側面:新建圖層勾選區 → 填灰 → 加深工具刻畫陰面。
  2. 側面高光條:載入側面選區 → 填白 → 加雜色 → 正片疊底。
    側面細節
  3. 顯示屏發光區:勾選區填淡藍。
  4. 機身底部:勾選區填灰 → 加深工具刻畫陰部。
    底部結構
  5. 黑白分界線:新建圖層筆繪黑白線條區分面轉折,側面同法。
    分界線

階段四:聽筒與麥克風網孔——精細度最高處

  1. 聽筒底部陰影:選區拉灰透漸變 → 加深/減淡修飾。
  2. 聽筒上沿深灰線:選區填充 → 加深減淡修飾(三條同法)。
    聽筒結構
  3. 柵欄網孔:勾選區填亮色。
  4. 網孔主體:使用「填充圖案」快速生成網格 → 加深減淡賦予立體感。
    網孔細節
  5. 聽筒高光反光:選區配合畫筆手繪高光點線。

階段五:鍵盤按鍵與充電口

  1. 按鍵倒影面:選區內畫筆繪製反射色 → 模糊工具軟化。
  2. 按鍵主體:鋼筆勾形 → 選區填色 → 加深減淡出凹凸感。
    按鍵立體
  3. 按鍵高光/陰影邊:羽化 1-2px 選區填淡/深灰。
  4. 功能鍵圖標:選區填白 + 描淡灰邊。
  5. 按鍵側面立體:橢圓選區刻畫側面厚度,減淡高光、加深陰面。
    按鍵側面
  6. 充電口:選區填充 + 外描淡灰邊。

階段六:投影與字元收尾

添加接地投影、品牌字元,完成商業級產品渲染圖。
最終成品

避坑指南

  • 所有曲面轉折必須用鋼筆路徑,禁用筆刷手繪邊緣。
  • 雜色數值統一控制在 7-8%,過高顯髒,過低無質感。
  • 加深/減淡工具曝光度建議 10-20%,多疊少量,不可一步到位。
  • 圖層命名規範化:Body_Screen_Keys_Earpiece_Shadow 等。
copyright © 萬盛學電腦網 all rights reserved