萬盛學電腦網

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

Photoshop 手繪大白 Baymax:從基礎幾何到表情豐富的醫療伴護機器人

《大英雄 6》中的醫療伴護機器人 Baymax(大白)以其圓潤簡潔的外型、極具辨識度的輪廓線,成為 PS 手繪入門的最佳練習對象。本教程通過 5 張關鍵步驟圖,展示從基本幾何構型到線稿精修、色彩填充、光影體積、表情變化的完整繪製流程,適合零基礎入門到進階插畫練習。


一、構圖與基礎幾何構型(步驟圖 1~2)

  1. 參考線佈局:Ctrl+R 拉出標尺,建立中軸線與關鍵水平線(頭頂、眼線、胸線、腰線、底線),確保左右對稱。
  2. 基本形體組合:以橢圓/圓形選框工具 + 填充或形狀工具組合:
    • 頭部:大圓(直徑約畫布高 1/3)。
    • 身體:橢圓(寬度 ≈ 頭部 1.2 倍,高度 ≈ 頭部 1.5 倍),與頭部重疊 1/4。
    • 四肢:簡化為圓角矩形/橢圓,手臂下垂、大腿短粗、小腿略細。
  3. 所有形狀圖層統一命名(頭、身、左手、右手……),群組為「大白_基礎形體」。

構圖參考線 基本幾何形體組合


二、線稿精修與特徵刻畫(步驟圖 3)

  1. 輪廓線提煉:在「基礎形體」群組上方新建圖層組「線稿」。用鋼筆工具 (P) 描繪外輪廓:頭身連接處平滑過渡、雙下巴暗示、手腳圓角過渡。
  2. 面部特徵:
    • 雙眼:兩個細長橢圓(距中軸線等距),內含微小高光點。
    • 連接線:極細直線連接雙眼內側(標誌性設計)。
    • 無嘴巴、無鼻子——極簡即神韻。
  3. 胸前標誌:鋼筆繪製簡化心電圖波形或「BAYMAX」字樣,置於胸部中央偏上。

線稿精修細節


三、色彩填充與材質質感(步驟圖 4)

  1. 基礎色塊:在「線稿」組下方新建「色塊」組,各部位獨立圖層填充:
    • 主體:潔白 #FFFFFF(非純白留 1% 灰度利於陰影)。
    • 胸前標誌/腳底:飽和紅 #E60012。
    • 眼線/連接線:深灰 #333333。
  2. 體積光影:為各色塊圖層添加剪貼蒙版圖層,軟邊畫筆(流量 10%~20%):
    • 陰影色:淡藍灰 #B0C4DE,繪於球體背光側(左下)、肢體內側、重疊遮擋處。
    • 高光色:淡暖白 #FFF8F0,繪於頂光照射區(額頭、胸前凸起、手背外側)。
    • 反射光:極淡環境色(如背景色微量),繪於陰影邊緣過渡帶。
  3. 材質細節:噪點濾鏡(量 1%~2%、單色)疊加於色塊組,模擬氣墊織物微細顆粒感。

色彩填充與光影


四、表情變化與互動延伸(步驟圖 5)

利用圖層組複製 + 線稿微調快速產出多表情版本:

  • 標準溫柔:基礎版,眼線水平,連接線直。
  • 開心/笑:眼線上揚成月牙彎,連接線隨之上彎,胸前心電圖波峰變大。
  • 擔憂/悲傷:眼線下垂「八字眉」狀,連接線下彎,身體微微縮縮(變形工具縱向縮放 95%)。
  • 低電量/睡眠:眼線閉合為細線,連接線消失或變虛線,胸前標誌閃爍(動畫幀)。

多表情變化示例


五、進階提案:從靜態插畫到表情包/動畫

  1. 表情包輸出:各表情組獨立導出 PNG(透明背景),尺寸 500×500 px,批量生成 9 宮格/24 宮格表情包。
  2. 幀動畫製作:時間軸面板 → 幀動畫 → 關鍵幀插值(位置/不透明度/變形),導出 GIF/MP4。
  3. 互動 H5/小程序素材:將身體部位拆分為獨立圖層(頭、身、左手、右手、雙眼),輸出 JSON + 圖集,配合 Lottie/Canvas 實現點擊互動、拖拽肢體、語音駱駝唇形同步等效果。
「大白的可愛,藏在『減法』裡:無五官、無指甲、無縫隙、無棱角。PS 手繪大白,練的正是『用最少的筆觸,捕捉最核心的神韻』——這是插畫最高級的功力。」
copyright © 萬盛學電腦網 all rights reserved