設計思路與風格定位
目標:製作具有手繪感、立體透視、磚石紋理、夕陽氛圍的卡通古長城。流程採用「手繪線稿 → 選區填色 → 濾鏡疊加紋理 → 手動明暗刻畫 → 色彩氛圍統一」的非破壞性工作流,關鍵在於「魔棒選區+合併複製」提取線稿內色塊,與「濾鏡組合(雜色+光照效果+乾畫筆)」快速生成磚石質感。
畫布與基底色
- 新建 800×400 px 文件
- 前景色設
R:215 G:203 B:165(暖米黃) → Alt+Delete 填充背景
- 新建圖層「線稿層」
手繪線稿與選區提取
- 畫筆設定: 1 號硬邊圓筆,前景黑色
- 繪製透視牆體:
- 先畫水平線與消失點,建立透視框架
- 繪製城牆主體:近大遠小,上寬下窄,垂直線汇聚消失點
- 磚塊縫隙:不規則、斑駁、無規律,模擬風化痕跡
- 關鍵: 外輪廓線必須完全閉合,無斷點
- 複製線稿層 得到「線稿備份」
- 魔棒提取填色區:
- 選中「線稿層」,魔棒工具(容差 32,取消連續)點擊城牆內部區域
- Ctrl+Shift+I 反選 → 選中城牆主體
- Ctrl+Shift+C 合併複製 → Ctrl+V 貼上 → 得到「填色層」(含基底色+線稿)
- 圖層順序:背景 → 填色層 → 線稿層 → 線稿備份
- 鎖定透明像素: 選中填色層 → 點擊圖層面板「鎖定透明像素」圖示,限制繪製範圍
濾鏡疊加:磚石紋理一鍵生成
- 添加雜色: 濾鏡 → 雜色 → 「添加雜色」 → 數量 7.09%,高斯分布,勾選單色
- 光照效果: 濾鏡 → 渲染 → 「光照效果」 → 聚光燈模式,調整光源位置/強度/聚焦度模擬側光
- 乾畫筆藝術化: 濾鏡 → 藝術效果 → 「乾畫筆」 → 筆觸大小 6、筆觸細節 8、紋理 1
此三步濾鏡疊加,將平坦填色層轉化為具有磚石顆粒、光影起伏、手繪筆觸感的紋理層,完成度達 90%。
手動精修:加深/減淡工具刻畫體積
- 合併除背景外所有圖層(Ctrl+E) → 僅剩「長城層」
- 加深工具(O,範圍:中間調,曝光度 10-20%):
- 沿磚縫逐條加深
- 陰影面(背光側)整體加深
- 轉角、凹陷處加強
- 減淡工具(範圍:高光,曝光度 10-15%):
- 受光面磚塊凸起邊緣提亮
- 頂部邊緣高光
- 控制力度,避免過曝
色彩與氛圍統一
- Ctrl+U 色相/飽和度:飽和度 -10,明度 +5,整體更協調
- 夕陽暖光疊加:
- 新建圖層,前景色
R:198 G:95 B:18(橙紅)
- 噴槍工具(J),流量 20%,大範圍隨意塗抹
- 圖層混合模式改「疊加」 → 瞬間產生夕陽暖光灑落效果
- 置入天空素材 → Ctrl+U 調整色相/飽和度配合整體色調 → 置於最底層
關鍵技術總結
| 階段 | 核心操作 | 關鍵參數/工具 |
| 線稿 | 手繪閉合透視線稿 | 1號硬筆、魔棒反選、合併複製 |
| 基礎紋理 | 三濾鏡疊加 | 雜色7%+光照效果+乾畫筆 |
| 手動明暗 | 加深/減淡工具 | 中間調/高光、曝光10-20%、逐筆刻畫 |
| 色彩氛圍 | 疊加模式噴槍+天空素材 | 橙紅#C65F12、疊加模式、色相同步 |
避坑與進階建議
- 線稿不閉合: 魔棒選區會外洩,務必檢查並補全線條
- 濾鏡參數依賴解析度: 本教學基於 800px 寬,高解析度需按比例增大雜色數量/光照大小/筆觸大小
- 加深/減淡不可逆: 建議在複製圖層上操作,或使用「曲線調整圖層+蒙版」非破壞性替代
- 透視一致性: 所有磚縫、城樓、哨塔的消失點必須統一,建議先用參考線定好消失點再繪製
- 風格擴展: 同流程可製作「雪地長城」(基底藍白、光照冷色、疊加藍紫)、「夜景長城」(基底深藍、發光窗口、星空背景)
延伸:動畫化可能
將「線稿層」「填色層」「紋理層」「明暗層」「氛圍層」分別輸出為透明背景 PNG,導入 After Effects 或 Spine,可製作:
- 鏡頭推進/拉遠(圖層縮放位移)
- 光影隨時間變化(調整圖層關鍵幀)
- 煙塵/鳥群/旗幟飛揚(粒子/骨骼動畫)
- 夕陽西下過程(色相/亮度關鍵幀)