萬盛學電腦網

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

PS 繪製綠色小罐子——光影邏輯與材質表現的圖標級實戰

成果展示

最終效果:玻璃/陶瓷質感、多級高光層次、環境反射、接地投影、生活化細節

核心觀念:圖標級寫實 = 結構準確 + 光影邏輯自洽 + 材質特徵提煉

小罐子看似簡單,實則包含圓柱體透視、厚度邊緣、內外表面反射、液體折射、凝結水珠、環境映射完整光學現象。掌握它,等於掌握了所有圓柱體容器的繪製通法。

13 步標準化制作流程

第一階段:結構建模(步驟 1-2)

  1. 新建畫布:800×800px、72dpi(圖標用途)、RGB
  2. 鋼筆路徑建模:
    • 路徑 1:罐子外輪廓(筆觸順暢、錨點最少、對稱)
    • 路徑 2:高光區域(主高光帶、次高光點、邊緣菲涅爾高光)
    • 路徑面板儲存,便於隨時調用選區

第二階段:基礎色與高光分層(步驟 3-6)

  1. 主體填色:路徑 1 載入選區 → 新建層「Base」填充綠色 #2E8B57
  2. 高光分層策略(核心創新):拒絕加深減淡工具,採用「貼圖疊加法」——
    • 高光 1(主高光帶):路徑 2-1 選區填白 → 不透明度 40%
    • 高光 2(次高光點):路徑 2-2 選區填白 → 不透明度 25%
    • 高光 3(邊緣菲涅爾):路徑 2-3 選區填白 → 不透明度 15% → 圖層蒙版黑白漸變(下半透明)
  3. 高光 3 漸變蒙版:前景背景色重置黑白 (D) → 漸變工具 (G) 線性黑白拉蒙版 → 底部自然消失
  4. 高光 1/2 柔化:高斯模糊 1-2px,邊緣自然融合

第三階段:材質與立體增強(步驟 7-9)

  1. 斜面浮雕:「Base」層添加圖層樣式 → 斜面與浮雕:內部平滑、深度 80%、大小 5px、角度 120°、高光「線性減淡」30%、陰影「線性加深」20% → 模擬罐壁厚度
  2. 底部邊緣加深:新建層「正片疊底」,小筆繪製底部接觸陰與厚度陰影
  3. 環境反射色:地面淡藍 → 罐身下緣反射淡藍;高光區域混入淡藍(環境映射) → 新建層「柔光」噴槍掃刷

第四階段:投影與場景融合(步驟 10-12)

  1. 接地投影:橢圓選區填深灰 #333333 → 高斯模糊 10px → 不透明度 50% → 徑向漸變蒙版(中心實、邊緣虛)
  2. 投影定位:Ctrl+T 自由變換,透視扭曲匹配地面,置於罐子圖層下方
  3. 生活化細節:旁邊放兩根麵條(筆刷繪製),觀察罐身上的麵條反射——生活觀察是寫實的唯一來源

「貼圖疊加法」vs「加深減淡工具」深度對比

維度加深/減淡工具貼圖疊加法(本教學)
可編輯性破壞性,難以修改非破壞,圖層/蒙版隨時調
色彩控制易偏色、灰度失控精確控制每級高光色相/飽和度
邊緣質感筆觸明顯、難均勻蒙版漸變/模糊極致柔和
團隊協作不可逆、難交接圖層結構清晰、參數可見
適用場景草稿快速探索、極小範圍修飾成品渲染、商業交付、需修改項目

圓柱體容器通用光影邏輯表(背熟即會畫所有罐瓶)

區域光學現象繪製手法圖層模式
主高光帶鏡面反射白色塊 + 蒙版漸變螢幕/線性減淡
次高光點曲面聚焦反射小白點 + 低不透明度疊加/柔光
菲涅爾邊緣掠射角全反射邊緣細線 + 蒙版消隱線性減淡
明暗交界線漫反射截止正片疊底層柔邊噴槍正片疊底
背光面反光環境漫反射環境色柔邊噴槍柔光/疊加
底部接觸陰遮擋環境光深色橢圓 + 高斯模糊正片疊底
地面投影遮擋主光源橢圓 + 透視變換 + 模糊正片疊底

結語

「生活中多注意觀察,憑空想像是很難的。」這句話是給所有想畫好材質的設計師最好的註腳。下次喝完優格瓶、醬油罐、噴霧罐,拿起手機拍幾張不同光照下的特寫,拆解它的每一道高光、每一層反射、每一處厚度邊緣。把觀察內化為筆觸邏輯,你就擁有了畫盡天下罐瓶的能力。

copyright © 萬盛學電腦網 all rights reserved