本教學展示商業級產品渲染全流程：從 700×1000px、300dpi 畫布起步，以鋼筆工具精確繪製瓶身瓶蓋矢量路徑，進而通過選區限制、筆刷手繪光影、漸變填充、圖層樣式、素材融合（橙子斷面）、路徑描邊細節、高光反光構建，最終完成一幅擁有真實材質質感、光影邏輯自洽、細節豐富的洗髮水廣告主視覺。適合學習產品概念設計、電商主圖渲染、包裝提案圖製作。

最終效果

素材清單

核心製作管線

階段一：畫布與基礎幾何

新建文件：700px×1000px，300dpi。徑向漸變（#c9c9c9 → #f1f1f1）建立工作室柔光環境基調。鋼筆工具繪製兩條獨立路徑：瓶身路徑（命名「主體」）、瓶蓋路徑（命名「蓋子」），中間預留縫隙、邊緣圓角過渡，符合工業設計圖規範。

階段二：選區限制下的手繪光影——材質渲染核心

核心技法：Ctrl+點擊路徑縮略圖獲取選區 → 筆刷工具（90px、硬度 0%）在選區內手繪光影 → 選區自動限制筆觸範圍，實現「不出界」的精準渲染。

瓶蓋渲染：多色溫筆觸疊加（高光暖、側面冷、邊緣深），模擬塑膠瓶蓋的次表面散射與鏡面反射。

瓶身渲染：兩側深色、中心亮色，構建圓柱體體積感。再用更深灰色 #a2a2a2 刻畫上下邊緣細節（上邊緣較淡、下邊緣較深），符合頂光照明邏輯。

階段三：綠條裝飾帶——路徑精準貼合

新建圖層「綠條」，鋼筆繪製完美貼合瓶身輪廓的曲線路徑 → 右鍵「建立選區」 → 油漆桶填充 #aff012 → 筆刷 #628903 兩側加深立體感。鋼筆路徑確保裝飾帶與瓶身幾何完美共軌。

階段四：橙子斷面素材融合——真實感賦予關鍵

引入橙子橫切面素材。魔棒選白底 → 「優化邊緣」智能半徑抠圖。Ctrl+T 縮放 → 矩形選區選左半側 → 自由變換壓扁 → 重複操作右側（選區 > 1/4 直徑） → 置於瓶身左下。Ctrl+點擊「綠條」縮略圖載入選區 → Ctrl+Shift+I 反選 → 刪除超出瓶身部分。複製調整大小疊加多片，構成「天然成分」視覺隱喻。

階段五：細節深化與光影收尾

• 橙子陰影：載入「綠條」選區，近黑色筆刷繪製橙子左下角接觸陰影
• 瓶口封口：「主體」選區 ∩ 矩形選區（交集運算） → 填充 #dddddd
• 瓶蓋凹槽：圓角矩形 #a34100，不透明度 82% + 內陰影 + 斜面浮雕樣式
• 凹槽細線：鋼筆路徑 + 筆刷描邊（兩組：#b95701 正常 / #f99e06 疊加模式）
• 瓶身高光反光：鋼筆路徑勾勒高光區 → 選區填白 → 不透明度 12%

商業渲染方法論總結

1. 矢量路徑為骨架：鋼筆路徑定義工業級幾何精度，所有後續渲染基於此骨架
2. 選區限制手繪：選區作為「遮罩畫布」，讓手繪筆觸兼具自由度與精準度
3. 材質語義化拆解：瓶身=圓柱體光影、瓶蓋=次表面散射、綠條=貼合曲面、橙子=有機質感對比、高光=鏡面反射點
4. 素材融合而非貼圖：橙子經變形、蒙版、陰影整合，成為瓶身設計一部分而非貼圖
5. 圖層結構語義化命名：「主體」「蓋子」「綠條」「橙子群組」等，便於團隊協作與修改迭代