教學亮點:直擊 PS 繪圖痛點——「鋸齒從哪來、怎麼根治」
許多 PS 繪圖愛好者頭疼的問題:**為什麼別人的作品邊緒像矢量圖一樣銳利無鋸齒,我的卻毛邊明顯?** 本教程在繪製寫實蘋果與水果刀的實戰中,系統講解鋸齒產生機制、預防原則、修復技巧,並建立一套**「向量邊緣優先、像素渲染次之」**的專業工作流。成品具備:果皮次表面散射感、果肉水分透光感、刀刃金屬鏡面、刀柄木紋質感、接觸陰影與環境反光。
鋸齒根因深度剖析
產生機制
PS 是**位圖編輯器**,所有向量形狀最終都要光柵化為像素。鋸齒本質是**斜線/曲線在像素網格上的離散化誤差**。主要放大器有三:
- 圖層疊加疊加再疊加:每次疊加都重新取樣,邊緣誤差指數級累積
- 自由變換(縮放/旋轉/扭曲):雙三次插值不可避免產生邊緣半透明像素
- 濾鏡/圖層樣式光柵化:將向量邊緣強制像素化
核心預防原則:向量保持到最後一刻
- **形狀工具/鋼筆路徑**保持向量狀態不光柵化
- **選區操作**替代像素級繪製(魔棒選區→填充→縮放選區→描邊)
- **智慧物件**封裝必須光柵化的濾鏡效果
- **向量蒙版**替代像素蒙版控制顯隱
- **最終輸出前**才合併可見圖層光柵化
救急修復技巧:1px 內縮/外擴法
若已產生鋸齒邊緣:
1. Ctrl+點擊圖層縮略圖載入選區
2. 選擇 > 修改 > 收縮 1 像素(或擴展 1 像素視情況)
3. 新建圖層填充同色、或對原圖層添加蒙版
4. 邊緣瞬間銳利,原理:利用像素網格整數邊界「卡住」反鋸齒插值
**進階版**:選區 > 修改 > 羽化 0.5px → 反選 → 刪除 → 邊緣更自然過渡。
蘋果繪製完整流程
1. 向量構建蘋果幾何體
- 橢圓工具 + Shift 畫正圓(蘋果主體)
- 直接選擇工具 (A) 調整錨點:頂部凹陷(梗洼)、底部微平(花萼殘留)、側面非對稱膨脹
- 鋼筆工具繪製果梗、葉片向量路徑
- 所有路徑存儲於路徑面板,命名「Apple_Shape」「Stem」「Leaf」
2. 基底色與次表面散射 (SSS) 模擬
- 載入「Apple_Shape」選區 → 新建群組「Apple_Body」
- 基底色圖層:填充
#e84d2a(蘋果紅)、鎖定透明像素
- SSS 關鍵層:新建圖層模式「穿透」/「線性光」、剪貼至基底色組
- 橡皮筆刷(大軟邊、流量 5%) 擦除受光面(頂部/側面)露出底色高亮
- 畫筆工具(大軟邊、流量 5%、#ff6b4a) 繪製陰影面(底部/背面)暖紅透光帶
- 此層模擬光線進入果肉散射再射出的「紅潤感」
3. 果皮紋理與色彩變異
- 新建智慧物件「Skin_Texture」:50% 灰填充 → 濾鏡 > 雜色 > 添加雜色(15%、高斯、單色) → 濾鏡 > 模糊 > 動態模糊(角度順果皮紋理、距離 3px) → 圖層模式「疊加」、不透明度 15%
- 色彩變異層:新建圖層模式「顏色」、軟邊畫筆流量 8% 繪製:
- 黃綠色 #a8c84a 頂部/肩部(成熟度漸變)
- 深紅 #a02020 陰影面色溫偏移
- 斑點 #c83020 隨機點綴(果皮油胞)
4. 高光系統:三層疊加法
- 環境反射高光:新建圖層「螢幕模式」、白色大軟邊 10% 流量、掃繪大面積環境映射(窗戶/天空倒影)
- 鏡面高光:新建圖層「線性減淡」、白色硬邊 3px、點繪主高光點(對應主光源)、次高光帶(對應副光源)
- 邊緣菲涅爾高光:新建圖層「疊加」、
#ffaa88 1px 硬邊、沿輪廓邊緣 2px 內側描繪、蒙版漸隱非掠射角區域
5. 果梗與葉片:異材質統一燈光
- 果梗:路徑「Stem」描邊 3px
#4a3520 → 圖層樣式「斜面浮雕」內斜面模擬圓柱體積 → 加深/減淡刻畫紋理
- 葉片:路徑「Leaf」填充
#4a7830 → 斜面浮雕薄片感 → 脈絡路徑描邊 1px #2a5018 正片疊底 → 邊緣鋸齒修復(1px 內縮法)
水果刀繪製:硬表面材質邏輯
1. 刀刃:鏡面金屬的極致簡化
- 形狀:圓角矩形(刀身) + 三角形(刀尖) + 圓角矩形(刀柄連接) → 路徑布爾運算合併
- 基底色:
#c8cdd4(不鏽鋼中性灰)、鎖定透明像素
- 三條高光線定生死:
① 主高光:線性減淡、白色 2px、刀刃脊背中線全長
② 邊緣高光:線性減淡、白色 1px、刀刃兩側切刃邊緣
③ 環境反射:疊加、#88aacc 50px 軟邊、刀身平面大面積掃繪
- 斜面浮雕:外斜面、平滑、深度 200%、大小 10px、光暈 80% 白、陰影 80% 黑
- **邊緣銳利度保證**:全程向量路徑操作、最終導出前才光柵化、銳化 USM(80%/0.5/1)
2. 刀柄:木材質感程序化生成
- 基底色:
#8b5a2b(紅木色)
- 木紋程序:新建智慧物件 → 雲彩濾鏡 → 動態模糊(0°/30px) → 色階高對比 → 濾鏡 > 風格化 > 風(從右/從左各一次) → 圖層模式「疊加」30%
- 螺絲/鉚釘:2px 圓形 + 鋼鐵材質樣式、陣列複製
- 護手欄:金屬材質獨立群組、與木柄接觸面添加遮擋陰影
3. 刀刃倒角與微觀鋸齒(微距級細節)
新建 200% 放大視圖輔助:
- 刀刃切刃線:1px 深灰
#666 正片疊底、1px 亮灰 #aaa 線性減淡、平行雙線模擬倒角
- 微觀鋸齒:雜色筆刷(1px、散佈 200%)、
#888 正常模式、極輕點綴切刃邊緣
- 油汙/指紋:正片疊底層、
#443322 雲彩筆刷 5% 流量
空間關係與環境融合
接觸陰影
新建群組「Contact_Shadows」模式「正片疊底」置於所有物體群組下方:
- 蘋果底部:橢圓漸變 #000→透明、不透明度 40%、高斯模糊 8px
- 刀身底部:長條漸變、跟隨刀身透視變形、模糊 5px
- 刀尖觸地點:徑向漸變、最濃、模糊 2px
環境反光映射
- 蘋果受光面映射刀刃倒影:複製刀刃群組 → 翻轉變形 → 扭曲 > 球面化(50%) → 蒙版限制在蘋果表面 → 模式「疊加」20%
- 刀身平面映射蘋果紅:複製蘋果基底色 → 變形貼合刀身 → 模式「顏色」15%
完整圖層結構交付標準
📁 Apple_Knife_Final
├─ 📁 04_Environment(接觸陰影/環境反光/背景)
├─ 📁 03_Knife
│ ├─ Handle_Group(木柄/金屬件/風化)
│ └─ Blade_Group(刀身/倒角/微觀/高光系)
├─ 📁 02_Apple
│ ├─ Highlight_System(三層高光)
│ ├─ Color_Variation(色彩變異/SSS)
│ ├─ Skin_Texture(智慧物件紋理)
│ ├─ Base_Color(向量蒙版)
│ └─ Stem_Leaf(果梗葉片)
├─ 📁 01_LineArt(向量路徑備份)
└─ 📁 Background
從此告別鋸齒的「鐵律」
- **構圖用形狀/鋼筆,不畫像素邊緣**
- **選區操作替代像素筆刷邊緣**
- **智慧物件封裝破壞性濾鏡**
- **向量蒙版替代像素蒙版**
- **1px 內縮/外擴急救鋸齒**
- **最終輸出前才合併光柵化**
- **保留路徑面板與智慧物件源檔**
掌握這套「向量邊緣優先」工作流,你的 PS 繪圖將擁有**矢量級邊緣銳度 + 位圖級材質豐富度**的雙重優勢。無論是蘋果、刀具、還是任何硬表面/有機體模型,都能游刃有餘。現在,用鋼筆工具畫下第一條完美的蘋果輪廓曲線吧!