復古風格插畫以其獨特的質感、色調與構圖語言,近年在品牌視覺、編輯插圖、包裝設計中極受歡迎。本教程拆解復古風核心視覺要素,演示從草圖到成品的完整流程。
復古風視覺基因解碼
| 維度 | 核心特徵 | PS 實現手段 |
| 色調 |
低飽和、高灰度、限制調色盤(3-5 主色)、偏暖/偏冷統一 |
色階/曲線壓暗部、選擇性顏色減飽和、漸變映射統一色調 |
| 紋理 |
紙漿紋、網點、刷痕、噪點、褶皺、磨損邊緣 |
濾鏡庫/雜色/紋理疊加、自定義圖案填充、圖層蒙版磨損 |
| 線條 |
手繪感、不閉合、線重變化、墨水擴散邊緣 |
鋼筆/畫筆描邊路徑、最小直徑壓力控制、濾鏡>風格化>擴散 |
| 構圖 |
留白呼吸、非對稱平衡、裝飾性幾何分割、扁平化透視 |
輔助線/網格佈局、形狀工具構建幾何骨架 |
| 字體 |
襯線/手寫/鉛字風格、字距緊湊、文字作圖形化處理 |
字形面板 OpenType 功能、路徑文字、文字轉形狀編輯錨點 |
完整製作流程
1. 草圖與構圖定稿
- 小尺寸縮圖探索 5-10 種構圖方案
- 確定主視覺元素、視覺流向、留白比例
- 掃描/拍照入 PS,設為「參考圖層」,不透明度 20%,鎖定
2. 扁平色塊鋪底(底色圖層組)
- 鋼筆工具勾勒各色塊閉合路徑 → Ctrl+Enter 載入選區 → 新建圖層填充
- 每個顏色獨立圖層,命名規範(如「Skin_Base」「Dress_Red」)
- 色盤預先定義 4-5 色主調色盤(參考莫蘭迪/烏爾里希/復古海報調色盤)
3. 明暗與體積塑造(陰影圖層組,剪貼蒙版至色塊組)
- 新建圖層設為「正片疊底」,剪貼至對應色塊
- 軟邊噴槍/畫筆鋪暗部,注意反射光與環境色植入
- 新建圖層設為「螢幕/線性減淡」,畫高光與邊緣光
4. 紋理疊加統一質感(紋理圖層組,頂層)
- 導入高解析度紙張/畫布紋理圖片
- 去色 Ctrl+Shift+U → 色階增強對比 → 設為「疊加/柔光」,不透明度 15-30%
- 添加蒙版,邊緣漸變隱藏,中心保留
- 補充:網點紋理(濾鏡>像素化>彩色半調)、刷痕筆刷手繪疊加
5. 線條與裝飾細節(線稿圖層組)
- 關鍵輪廓、裝飾線條用硬邊畫筆(大小抖動 100% 压力控制)手繪
- 線條不求閉合,斷筆處留白呼吸
- 文字排版:字形選擇 + 字距微調 + 路徑文字環繞 + 文字轉形狀微調
6. 總體色調統一與輸出
- 頂層添加「漸變映射」調整圖層(低不透明度 5-10%),統一色溫
- 「選擇性顏色」微調中性灰/黑/白通道,控制灰階色傾向
- 銳化:高反差保留(半徑 1-2px)+ 疊加模式 + 蒙版局部控制
- 導出:Web 用 sRGB JPEG 80%,印刷用 CMYK TIFF 300dpi
常用復古素材資源庫建設
- 紋理:Subtle Patterns、Texture King、自掃描舊紙/舊書頁
- 筆刷:Kyle T. Webster 筆刷包(含墨水、粉筆、炭筆、水彩)、Grunge 筆刷包
- 調色盤:Adobe Color 搜尋 "Vintage/Retro/Morandi"、Pinterest 板塊收集
- 字體:Google Fonts 篩選 "Display/Handwriting/Serif"、DaFont 復古分類
復古風不等於「做舊」,核心在於「克制的色彩、豐富的質感、呼吸的留白、手寫的溫度」。建立標準化 SOP 與個人素材庫,才能在商業項目中穩定輸出高質量復古視覺。