萬盛學電腦網

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

Photoshop 鼠繪寬屏液晶顯示器教程:從斜面浮雕到材質細節

本教程展示如何純鼠繪一台寫實寬屏液晶顯示器。核心技法:利用「斜面與浮雕」圖層樣式快速生成邊框立體感、矩形工具配合自由變換透視構建幾何體、選區收縮/擴展配合漸變刻畫屏幕邊框與機身厚度、圖層合併轉換樣式為像素後續編輯。全程強調「非破壞性編輯」與「圖層結構管理」,適合進階鼠繪練習。

最終效果預覽

第一步:文檔設置與邊框基礎

新建文件(尺寸參考圖),矩形工具拉黑色矩形。圖層樣式添加「斜面與浮雕」(參數見圖),產生邊框立體倒角。新建空白層,選中兩層 Ctrl+E 合併,將浮雕樣式轉為像素內容(圖 1-3)。

第二步:邊框對稱與屏幕區域挖空

切除上下多餘斜角(圖 4),左側切一塊水平翻轉至右側,使雙側均有浮雕效果(圖 5)。載入圖層選區,選擇 > 修改 > 收縮 35px,Ctrl+J 複製為新圖層「邊」(圖 6-7)。

第三步:屏幕邊框漸變與細邊製作

「邊」圖層載入選區拉漸變(圖 8),保持選區再收縮 5px,反選 Ctrl+J 複製得「細邊」圖層(圖 9-10)。隱藏「邊」層可見細邊。回到「邊」層 Ctrl+U 調色(圖 11)。

第四步:機身支架(底盤與連接梁)

背景新建層,矩形工具繪梯形支架臂(圖 12),載入選區拉漸變(兩端深中間亮,圖 13),添加「內陰影」增強厚度(圖 14),效果見圖 15。新建組「底盤」,梯形填漸變(圖 16-17),複製層 Ctrl+U 明度 -100 變黑,合併兩層(圖 18),切圓前兩角(圖 19),效果見圖 20。支架臂與底盤間新建層「梁」畫小方塊填黑(圖 21),再建「梁下」層勾形狀填近黑,加「斜面浮雕」(圖 22-23),合併轉像素後切右半邊水平翻轉拼右側(圖 24),曲線調色(圖 25),與支架臂合併(圖 26)。

第五步:支架垂直鏡像與屏幕高光細節

合併後的支架層複製,Ctrl+T 垂直翻轉移至下方(圖 27)。載入屏幕層左上角選區 Ctrl+J 複製為高光層,Ctrl+U 明度 +20 + 曲線提亮(圖 28)。底盤副本 Ctrl+T 變形拉圓底邊(圖 29),屏幕下方微調變淡(圖 30)。

關鍵技巧複盤

  • 浮雕樣式轉像素:新建空白層合併,去除「Fx」圖標,後續可自由擦除、變形。
  • 選區收縮/擴展做邊框:大選區漸變做主邊框,再收縮反選複製得細邊,厚度精確可控。
  • 支架對稱複製:上半部做完合併,複製垂直翻轉得下半部,保證結構對稱。
  • 圖層命名規範:「邊」「細邊」「梁」「底盤」等語義化命名,複雜圖層結構下極其重要。

本教程雖步驟多,但邏輯清晰:幾何構建 → 樣式生成立體 → 轉像素精修 → 組件複製對稱 → 整體調色。掌握此流程,鼠繪任何硬面建模類產品(手機、音箱、鍵盤)皆可舉一反三。

copyright © 萬盛學電腦網 all rights reserved