萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 繪製卡通風格古長城:從手繪草圖到濾鏡紋理的風格化流程

設計思路與風格定位

目標:製作具有手繪感、立體透視、磚石紋理、夕陽氛圍的卡通古長城。流程採用「手繪線稿 → 選區填色 → 濾鏡疊加紋理 → 手動明暗刻畫 → 色彩氛圍統一」的非破壞性工作流,關鍵在於「魔棒選區+合併複製」提取線稿內色塊,與「濾鏡組合(雜色+光照效果+乾畫筆)」快速生成磚石質感。

畫布與基底色

  1. 新建 800×400 px 文件
  2. 前景色設 R:215 G:203 B:165(暖米黃) → Alt+Delete 填充背景
  3. 新建圖層「線稿層」

手繪線稿與選區提取

  1. 畫筆設定: 1 號硬邊圓筆,前景黑色
  2. 繪製透視牆體:
    • 先畫水平線與消失點,建立透視框架
    • 繪製城牆主體:近大遠小,上寬下窄,垂直線汇聚消失點
    • 磚塊縫隙:不規則、斑駁、無規律,模擬風化痕跡
    • 關鍵: 外輪廓線必須完全閉合,無斷點
  3. 複製線稿層 得到「線稿備份」
  4. 魔棒提取填色區:
    1. 選中「線稿層」,魔棒工具(容差 32,取消連續)點擊城牆內部區域
    2. Ctrl+Shift+I 反選 → 選中城牆主體
    3. Ctrl+Shift+C 合併複製 → Ctrl+V 貼上 → 得到「填色層」(含基底色+線稿)
    4. 圖層順序:背景 → 填色層 → 線稿層 → 線稿備份
  5. 鎖定透明像素: 選中填色層 → 點擊圖層面板「鎖定透明像素」圖示,限制繪製範圍

濾鏡疊加:磚石紋理一鍵生成

  1. 添加雜色: 濾鏡 → 雜色 → 「添加雜色」 → 數量 7.09%,高斯分布,勾選單色
  2. 光照效果: 濾鏡 → 渲染 → 「光照效果」 → 聚光燈模式,調整光源位置/強度/聚焦度模擬側光
  3. 乾畫筆藝術化: 濾鏡 → 藝術效果 → 「乾畫筆」 → 筆觸大小 6、筆觸細節 8、紋理 1

此三步濾鏡疊加,將平坦填色層轉化為具有磚石顆粒、光影起伏、手繪筆觸感的紋理層,完成度達 90%。

手動精修:加深/減淡工具刻畫體積

  1. 合併除背景外所有圖層(Ctrl+E) → 僅剩「長城層」
  2. 加深工具(O,範圍:中間調,曝光度 10-20%):
    • 沿磚縫逐條加深
    • 陰影面(背光側)整體加深
    • 轉角、凹陷處加強
  3. 減淡工具(範圍:高光,曝光度 10-15%):
    • 受光面磚塊凸起邊緣提亮
    • 頂部邊緣高光
    • 控制力度,避免過曝

色彩與氛圍統一

  1. Ctrl+U 色相/飽和度:飽和度 -10,明度 +5,整體更協調
  2. 夕陽暖光疊加:
    1. 新建圖層,前景色 R:198 G:95 B:18(橙紅)
    2. 噴槍工具(J),流量 20%,大範圍隨意塗抹
    3. 圖層混合模式改「疊加」 → 瞬間產生夕陽暖光灑落效果
  3. 置入天空素材 → Ctrl+U 調整色相/飽和度配合整體色調 → 置於最底層

關鍵技術總結

階段核心操作關鍵參數/工具
線稿手繪閉合透視線稿1號硬筆、魔棒反選、合併複製
基礎紋理三濾鏡疊加雜色7%+光照效果+乾畫筆
手動明暗加深/減淡工具中間調/高光、曝光10-20%、逐筆刻畫
色彩氛圍疊加模式噴槍+天空素材橙紅#C65F12、疊加模式、色相同步

避坑與進階建議

  • 線稿不閉合: 魔棒選區會外洩,務必檢查並補全線條
  • 濾鏡參數依賴解析度: 本教學基於 800px 寬,高解析度需按比例增大雜色數量/光照大小/筆觸大小
  • 加深/減淡不可逆: 建議在複製圖層上操作,或使用「曲線調整圖層+蒙版」非破壞性替代
  • 透視一致性: 所有磚縫、城樓、哨塔的消失點必須統一,建議先用參考線定好消失點再繪製
  • 風格擴展: 同流程可製作「雪地長城」(基底藍白、光照冷色、疊加藍紫)、「夜景長城」(基底深藍、發光窗口、星空背景)

延伸:動畫化可能

將「線稿層」「填色層」「紋理層」「明暗層」「氛圍層」分別輸出為透明背景 PNG,導入 After Effects 或 Spine,可製作:

  • 鏡頭推進/拉遠(圖層縮放位移)
  • 光影隨時間變化(調整圖層關鍵幀)
  • 煙塵/鳥群/旗幟飛揚(粒子/骨骼動畫)
  • 夕陽西下過程(色相/亮度關鍵幀)
copyright © 萬盛學電腦網 all rights reserved