設計理念：受控的混亂之美

「髒污風」並非隨意塗鴉，而是**精心設計的視覺秩序與隨機紋理的對話**。本教程將示範如何用 Photoshop 基礎工具（形狀、文字、筆刷、濾鏡、圖層樣式、混合模式）構建一張具有敘事張力的 PSD 風格海報。核心技法：**紋理疊加建立材質感 → 混合模式控制疊加邏輯 → 圖層蒙版精準控制顯隱 → 筆刷塗抹製造「經年痕跡」。**

文件設置與色彩策略

• 畫布：1200×1600 px、300dpi、RGB
• 主色調：深褐 #3d2a1f（背景）、暖白 #f5ebe0（白線/文字）、三原色高飽和度 #ffcc00/#ff3333/#0099ff（色塊點綴）
• 字體：粗體無襯線字體（如 Helvetica Bold、PingFang SC Heavy），字重越重越能承載紋理

核心製作步驟

步驟 1：深褐背景 + 畫布紋理化

背景圖層填充 #3d2a1f。前景白/背景黑，濾鏡 > 紋理 > 紋理化：材質「畫布」、縮放 100%、浮雕 4、光源左上。建立「紙張底紋」基調。

步驟 2：白線文字群組構建

1. 文字工具輸入「PSD」，字號 280pt、字距 -20、顏色 #f5ebe0
2. 矩形工具繪製 4~5 條寬度不等的豎向白條，寬度 8~15px、高度超出畫布
2. 選中文字圖層+所有白條圖層 → Ctrl+G 群組命名「White Lines」
3. 群組整體旋轉 -15° 左傾，製造動感張力

步驟 3：三原色幾何色塊插入

鋼筆工具在 P、S、D 三字母上方繪製不規則幾何形狀（三角、梯形、弧形），分別填充：

• 黃 #ffcc00（P 字上方）
• 紅 #ff3333（S 字上方）
• 藍 #0099ff（D 字上方）

三圖層群組命名「Colors」，置於「White Lines」群組**下方**，形成「色塊墊底、白線浮上」的空間層次。

步驟 4：色塊紋理化（智慧濾鏡非破壞）

CS6+ 版本：三色塊圖層右鍵「轉換為智慧物件」→ 濾鏡 > 紋理 > 紋理化：材質「砂岩」、縮放 120%、浮雕 5、光源左上。
舊版本：直接套用濾鏡（不可逆，建議先複製備份）。紋理化後色塊質感從「平面塊狀」升級為「粗糙顏料塊」。

步驟 5：白線群組投影系統

1. 「White Lines」群組添加圖層樣式 > 投影：距離 5px、大小 8px、不透明度 40%、角度 135°
2. 「PSD」文字圖層單獨移至群組最上方，添加**更強投影**：距離 12px、大小 18px、不透明度 60%、展開 5%
2. 關鍵技巧：文字圖層右鍵圖層樣式 > 「建立圖層」，將投影獨立成圖層 → 添加圖層蒙版 → 黑色畫筆擦除白線上方的投影部分 → 文字「穿插」在白線之間，空間感瞬間建立

步驟 6：髒污紋理總控層（Color Burn 模式核心）

新建圖層命名「Dirty」，模式 **Color Burn（顏色加深）**，前白/後黑，濾鏡 > 渲染 > 雲彩。Color Burn 會讓白色區域變透明、黑色區域加深底圖，完美模擬「髒污漬漸隱於亮部、濃集於暗部」的真實光學行為。

步驟 7：白色物體選區提取與二次紋理化

1. Ctrl+點擊「White Lines」群組縮略圖載入選區 → 新建圖層填白 → 濾鏡 > 紋理 > 紋理化（同步驟 1 參數）
2. 此層模式「正常」，置於「Dirty」層上方，讓白線擁有獨立紋理質感

步驟 8：白線表面雲彩高光

重新載入白線選區 → 新建圖層 → 濾鏡 > 渲染 > 雲彩 → 影像 > 調整 > 色階：白場滑塊左移至 180（增加白色量）→ 模式「疊加」→ 白線表面產生若隱若現的高光斑駁感。

步驟 9：暖褐色調統一（Hue/Saturation 著色法）

對上一步圖層：影像 > 調整 > 色相/飽和度 → 勾選「著色」 → 色相 35、飽和度 25、明度 -5。獲得統一的「陳舊紙張暖褐調」，將所有雜色元素拉入同一色溫體系。

步驟 10：總蒙版「髒污筆刷」塗抹敘事

全選所有圖層 Ctrl+G 群組「Poster_Main」 → 添加圖層蒙版（全白）。下載 Brusheezy 髒污筆刷包（墨跡、噴濺、刮痕、紙張撕裂等）。前景色黑色，在蒙版上**隨性塗抹**：

• 邊緣大面積刮蝕（模擬舊海報邊角磨損）
• 文字筆劃中斷處點綴噴濺
• 色塊邊緣刷出「剝落」感
• 中心區域保留較完整（保證資訊可讀性）

步驟 11：輔助文字「TUTS」排版呼應

文字工具輸入「TUTS」，字號 120pt、同字體、旋轉 -15° 與主體平行、置於白線垂直方向。可選：套用相同「紋理化」濾鏡或圖層樣式「斜面浮雕」增加厚度感。

設計變體與延伸應用

應用場景	調整策略	關鍵參數變化
品牌 Logo 髒污版	保留 Logo 向量清晰度，僅在蒙版層局部髒污	蒙版筆刷不透明度 30%、範圍限 Logo 邊緣 20px 內
音樂專輯封面	背景改深藍/黑、色塊改霓虹色、加入麵紋理	背景 #0a0a1a、色塊 #ff00ff/#00ffff、紋理化「麵」材質
網站 Hero Banner	寬幅 1920×600、文字資訊層級化、動態雲彩動畫	導出圖層至 After Effects、雲彩圖層加 Time 表達式動畫
服裝吊牌/包裝	加入燙金/燙銀層、模切線、出血線	新增專色通道、圖層樣式「描邊」模擬燙金邊

專業工作流建議

1. 建立「髒污風格資產庫」.psd：收集常用紋理圖層、筆刷預設、色階預設、動作集
2. 非破壞原則：所有濾鏡走智慧物件、所有調整用調整圖層、所有遮罩用蒙版
3. 版本管理：每個關鍵節點存一個版本（v01_構圖、v02_紋理、v03_蒙版…）
4. 團隊協作：圖層命名規範、群組色標統一（如：文字組=紅、紋理組=藍、蒙版組=綠）

總結

這張海報的靈魂在於：**「White Lines 群組投影穿插建立空間」+「Color Burn 雲彩層統一質感」+「總蒙版髒污筆刷賦予敘事」**。三大核心技法掌握後，你可以將任何字體、幾何圖形、插畫轉化為「有歷史感、有溫度、有故事」的髒污風格視覺資產。設計不只是乾淨整齊，有時候，**適度的髒污，反而更真實、更動人。**