設計邏輯:雲朵的幾何本質與光影重建
雲朵看似隨機,實則可拆解為「主體體積、受光面、背光面、投影、高光、環境光」六大區塊。本教學採用「布林運算建模 + 漸層網格著色 + 混合模式合成」非破壞流程,確保雲朵形狀可隨時調整、光影邏輯自動跟隨。
步驟 1:基礎體積建模——路徑查找器布林運算
- 新建 200×150 px 文件。橢圓工具 (L) 畫 4–5 個大小不一的圓,底邊對齊,重疊形成雲朵剪影。
- 全選 → 路徑查找器 → 「聯合」合併為單一主體形狀(藍色區塊)。
- 複製主體兩份 (Ctrl+C, Ctrl+F×2)。頂層複製向右上移動(模擬光源方向),與中層同選 → 路徑查找器 → 「減去頂層」,獲得「受光邊緣」(紅色區塊)。
- 同理,底層複製向左下移動,與中層「減去頂層」得「背光邊緣」(黃色區塊)。
- 主體複製一份,畫綠色橢圓模擬光源範圍,主體與綠橢圓「交集」得「核心高光區」(綠色區塊)。
步驟 2:背景天空與光源環境
- 矩形工具 (M) 畫滿畫布矩形,套用徑向漸層:中心 (0,0,0,0 CMYK) → 中間 (24,13.5,12,0) → 邊緣 (56,44,39.5,0),模擬右上角光源天空。
- 主體藍色區塊套用徑向漸層(淺藍→白→淺藍),透明度面板設「柔光」,融入天空色調。
步驟 3:六大區塊精細著色與混合模式
| 區塊 | 填色方式 | 關鍵參數 | 混合模式 |
| 受光邊緣 (紅) | 純白 | — | 正常 100% |
| 背光邊緣 (黃) | 線性漸層 | 深灰→中灰→深灰,角度垂直 | 正常 100% |
| 核心高光 (綠) | 徑向漸層 | 白→透明,中心偏右上 | 柔光 |
| 主體 (藍) | 徑向漸層 | 自行調整最佳效果 | 柔光 |
每次調整後觀察整體光影統一性,必要時回修漸層節點位置與顏色停點。
步驟 4:多雲朵群組與混合工具生成過渡雲
- 用縮放工具 (S) 依主體雲縮放出大中小三朵,漸層色相同,僅調整大小位置。
- 選取最大與最小雲 → 混合工具 (W) 點擊兩者中心 → 混合選項「指定步數 8」,獲得平滑過渡雲群。
- 透明度面板將混合群組設「正片疊底」,使過渡雲自然融入背景。
步驟 5:高光微粒與個性化簽名
鋼筆工具畫不規則白色小塊 → 高斯模糊 4–8 px → 疊加模式 60%,點綴在雲朵受光頂緣。最後加入個人標誌(字母/圖形),置於圖層頂端,完成簽名。
進階延伸:動態雲朵與動畫輸出
- 將六大區塊分別存為符號,配合「符號噴槍」快速佈滿天空。
- 匯出 PSD 分層,導入 After Effects:主體位移動畫、高光透明度關鍵幀、混合群組步數關鍵幀,製造雲朵緩緩飄動、光影流動的循環動畫。
- 遊戲引擎應用:將雲朵拆解為 Mesh + Shader Graph,實現即時光影隨太陽位置變化。