教學概覽

本教學將引導您使用 Photoshop 滑鼠繪圖技巧，從零開始繪製一支具有金屬質感與立體感的經典直立式手機。過程涵蓋草圖構圖、鋼筆工具精確勾勒、加深減淡工具塑造體積、雜色濾鏡模擬材質、圖層樣式製作高光邊框、按鍵與螢幕細節刻畫，以及最終陰影與文字排版。適合想提升產品渲染與鼠繪立體造型能力的設計師。

最終效果預覽

詳細步驟

步驟 1：構思草圖奠定比例

新建文件 (建議 1200×1600 px, 72 dpi)。新建圖層「草圖」，使用硬邊圓形畫筆 (直徑 3-5 px, 不透明度 30%) 以淺灰色快速勾勒手機整體輪廓、螢幕區塊、按鍵排列與聽筒位置。此階段重點在把握長寬比例、透視關係、功能區塊配置，線條可粗略，後續將以路徑精修。

步驟 2：鋼筆工具精確勾勒機身路徑

新建圖層組「機身」。選取鋼筆工具 (P)，模式設為「路徑」。沿著草圖外緣點擊建立錨點，拖曳控制桿調整曲率，精確勾勒手機圓角矩形外框。完成閉合路徑後，在路徑面板儲存為「機身外框」。同理分別建立「螢幕區」、「按鍵區」、「聽筒區」等獨立路徑，便於後續分圖層著色。

步驟 3：加深減淡工具塑造機身立體感

載入「機身外框」路徑為選區 (Ctrl+Enter)。新建圖層「機身基礎色」，填充中性灰 (如 #9E9E9E)。在該圖層上直接使用加深工具 (O) (範圍: 中間調, 曝光度 5-8%) 加深側邊、底部陰影區；用減淡工具 (O) 提亮正面受光面、邊緣高光帶。配合矩形選框工具限制範圍，使明暗過渡符合圓角矩形體積結構。

步驟 4：刻畫細節與添加雜色材質

繼續在「機身基礎色」圖層上，以更小畫筆 (2-3 px) 刻畫邊框倒角、接縫線、Logo 凹陷等微觀結構。完成後，執行 濾鏡 > 雜色 > 添加雜色 (數量 2-3%, 高斯分佈, 單色)，模擬金屬拉絲或霧面質感。若雜色過強，可降低圖層不透明度至 85% 或添加圖層蒙版局部遮罩。

步驟 5：繪製螢幕邊框與高光

新建圖層「螢幕邊框」。載入「螢幕區」路徑為選區，縮小 2-3 px (選取 > 修改 > 收縮)，填充 RGB(134, 140, 137) 金屬灰。再新建圖層「邊框高光」，以 1 px 白色畫筆沿邊框上、左邊緣繪製細微高光線條，模擬倒角反光。

步驟 6：製作螢幕顯示層次

新建圖層「螢幕底色」置於邊框下方，填充純黑 #000000。新建圖層「螢幕反光」，用圓角矩形工具拉出較小圓角矩形，Ctrl+T 變換透視匹配螢幕角度，柵格化後執行 濾鏡 > 模糊 > 高斯模糊 (半徑 3-5 px)，降低不透明度至 15-20%，模擬環境光在玻璃面的柔和反光。再疊加一層更亮的條狀高光強化立體感。

步驟 7：添加品牌 Logo 與按鍵區

在螢幕下方適當位置，用文字工具或鋼筆路徑繪製品牌標識 (如「Alcatel」)。按鍵區製作較繁瑣：新建圖層「按鍵底座」置於間隙層下方，填充 RGB(158,158,158) 中性灰。用魔棒工具 (勾選「所有圖層」) 逐個點選按鍵選區，在各按鍵上以加深/減淡工具塑造凸起體積，邊緣再添 1 px 高光筆觸。

步驟 8：導向鍵與功能鍵細節

導向鍵：建立圓環選區 (橢圓選框工具 按 Shift 拉正圓 → 選取 > 修改 > 收縮 形成環狀)，加深/減淡工具按環狀結構塑造四向凸起。中心確認鍵：同理製作較小圓形，刻畫頂面高光與側面陰影。功能鍵 (開機、選單等) 用文字工具輸入數字字母，符號類 (如電源圖示) 用鋼筆路徑描邊。

步驟 9：邊飾、聽筒與底部細節

新建圖層「邊飾」，用矩形選區填充亮金色 (#C49420)，加斜面與浮雕圖層樣式產生金屬厚度。邊框上方以鋼筆路徑描邊 1 px 黑線表現縫隙。底部麥克風孔、充電口等用簡單圓角矩形與圓形組合繪製。頂部聽筒為細長橢圓柵格，可用單排像素點陣模擬。

步驟 10：投影與最終潤飾

新建圖層「投影」置於最底層 (僅背景層之上)。載入「機身外框」路徑填充純黑，Ctrl+T 縮放變形模擬透視投影，執行 濾鏡 > 模糊 > 高斯模糊 (半徑 8-12 px)，不透明度 30-40%。用軟邊橡皮擦 (不透明度 20%) 擦淡遠端投影。最後添加型號文字、版權標誌等資訊，完成作品。

核心技巧回顧

1. 路徑先行：所有幾何結構優先用鋼筆路徑定型，確保邊緣銳利、可無限縮放不失真。
2. 分層管理：機身、螢幕、按鍵、裝飾各自獨立圖層組，便於局部調整不影響整體。
3. 加深/減淡配合選區：選區限制塗抹範圍，避免汙染鄰近區域，是鼠繪立體造型的關鍵。
4. 材質層疊：基礎色 → 明暗體積 → 微觀紋理 (雜色/筆觸) → 環境反光 → 高光邊緣，層層疊加才真實。
5. 投影透視：投影非單純複製，需依光源方向透視變形、漸變虛化、邊緣柔化。