漸變是賦予平面圖形立體體積感、材質質感的核心技能。本教學以經典幾何體——圓柱體與球體為例，系統講解線性漸變、徑向漸變在不同曲面上的參數設置、施加方向、陰影投射邏輯，建立可遷移的漸變應用思維模型。

畫布與背景設置

• 新建 600×400px 畫布
• 背景：線性漸變（黑 → 黃褐色），從上向下拖曳

第一部分：圓柱體——線性漸變模擬側面曲面光影

1. 向量路徑構建幾何體

• 矩形工具繪製矩形（柱身）
• 橢圓工具繪製橢圓（頂面/底面）
• 放大視圖，用「路徑選擇工具」對齊矩形與橢圓左右端點
• Ctrl+T 自由變換微調橢圓寬度，確保與矩形邊緣完美貼合

2. 路徑合併為完整選區

• 選「直接選擇工具」（白箭頭）分別點擊矩形、橢圓路徑，選項欄選「合併形狀區域」（相加）
• 點擊「合併」按鈕，形成單一閉合路徑
• Ctrl+Enter 路徑轉選區

3. 多色停線性漸變設置

漸變編輯器中建立 4 色停：

位置	顏色	物理意義
0%	黑	陰影側最暗面
33%	白	受光面高光
66%	灰	側面中間調
100%	黑	背光面陰影

4. 施加漸變方向：左→右（垂直於柱軸）

按住 Shift 保持水平，從柱體左側向右拖曳漸變，模擬側面光照從亮到暗再到亮再到暗的週期性變化（實為單側光源下的明暗分佈）。

5. 頂面漸變：徑向/斜向模擬頂面光照

同法繪製頂面橢圓選區，施加斜向線性漸變（左上→右下），模擬頂面接受光源的漸變。

6. 投影製作：羽化選區 + 黑→透明線性漸變

• 多邊形套索繪製投影近似形狀
• 選擇 → 修改 → 羽化（3px）軟化邊緣
• 新建圖層置於柱體下方，黑→透明線性漸變，從貼近柱體向外拖曳

第二部分：球體——徑向漸變模擬球面光影

1. 正圓選區與徑向漸變

• 橢圓工具按 Shift 繪製正圓選區
• 漸變設置：白（高光）→ 灰（中間調）→ 白（反光/邊緣光）
• 選擇徑向漸變，從左上（光源方向）向右下拖曳，起點不要貼邊，保留高光過渡區

2. 球體投影：變換選區 + 扭曲變形 + 黑→透明線性漸變

• 載入球體選區 → 選擇 → 變換選區 → 縮小選區
• 右鍵選區 → 「扭曲」，拉伸變形模擬透視投影形狀
• 新建圖層置於球體下方，黑→透明線性漸變，從球體底部向外拖曳

最終效果與核心原則總結

兩大核心原則

1. 球體必用徑向漸變：符合球面法線方向分佈，從光源點輻射狀衰減
2. 投影必用黑→透明線性漸變：模擬遮擋光線隨距離衰減的物理規律，羽化邊緣模擬半影區

可遷移的漸變思維模型

曲面類型	漸變類型	色停規律	施加方向	關鍵細節
圓柱/圓錐（側面）	線性	暗-亮-暗-亮...（週期對應光源數）	垂直於生成線	色停位置對應光照幾何關係
球體/球冠	徑向	亮(高光)-暗(中間調)-亮(邊緣光)	光源方向→球心→背光方向	高光點偏離中心、邊緣保留反光
平面/多面體	線性/鑽石/角度	單調/分段常值	垂直於平面/沿棱線	硬邊過渡用選區硬切
投影（通用）	線性（黑→透明）	不透明→透明	垂直於受光面向外	羽化模擬半影、透視扭曲模擬地面

掌握幾何體漸變邏輯，面對複雜有機形體（人臉、產品、建築）時，即可將其分解為基本幾何單元，逐個擊破，構建真實可信的光影體系。漸變不再是隨意填色，而是光影物理的數字化表達。