前言：跨軟體協作，成就超越單一工具極限的視覺語言

設計師 Radim Malinic 分享的這套工作流，巧妙融合了Illustrator 的精準矢量構造能力與Photoshop 的像素級光影質感渲染。靈感源自 17 世紀建築裝飾元素，經由霓虹廣告美學轉化，最終呈現「未來餅干罐頭」般的超現實標題字效。本文深度拆解這套AI 構骨 + PS 鑄肉的專業管線。

最終效果預覽

Phase 1: Illustrator — 精準矢量骨架構建

步驟 1：字體選擇與基礎排版

• 新建 A4 畫板，文字工具 (T) 輸入主標題。
• 字體推薦：襯線體 (Serif) 如 Serif Gothic Std、Playfair Display、Bodoni、Didot——高對比筆劃、優雅襯線、幾何結構，極適合後續「路徑偏移」生成豐富內外輪廓層級。
• 字號 100-150pt，緊字距 -20 至 -50，行高 1.0，字母間留白均勻。

步驟 2：裝飾元素植入與描邊輪廓化

1. 繪製/放置植物狀裝飾線條 (鋼筆工具手繪或現成矢量素材)，置於文字後方，淺色描邊 (0.5pt)，形成「藤蔓纏繞」視覺隱喻。
2. 文字圖層：描邊 6pt，圓角端點 + 圓角轉角，顏色黑色。此描邊將成為後續「外輪廓骨架」。
3. 複製文字圖層 (Ctrl+C > Ctrl+F)，置於新圖層「Stroke_Outline」。
4. 選中複製層文字，對象 > 路徑 > 輪廓化描邊。現在獲得一組閉合路徑，代表文字外輪廓骨架。
5. 選中輪廓路徑，路徑查找器 > 合併 (Unite)，消除字母內部重疊，獲得單一完整外輪廓複合路徑。

步驟 3：路徑偏移生成多層描邊系統 (核心技法)

這是創造「多層次、可獨立控質感」描邊系統的關鍵：

1. 選中「Stroke_Outline」群組中每個字母 (進入隔離模式逐個操作)。
2. 對象 > 路徑 > 路徑偏移，設置兩組不同偏移值：
   • 偏移 -0.5mm → 獲得「內收 0.5mm」路徑，描邊 0.5pt，虛線「100pt 間距 5pt」 (形成細密虛線環)。
   • 偏移 -1mm → 獲得「內收 1mm」路徑，描邊 1.5pt，實線。
3. 原始輪廓 (偏移 0) 保留描邊 6pt 實線 (最外層骨架)。
4. 現擁有三層同心描邊系統：外粗實線 → 中細實線 → 內細虛線，層層收縮，極具節奏感。

步驟 4：錨點精修與裝飾元素整合

• 自動偏移可能產生多餘錨點/尖角。用直接選取工具 (A) 逐字檢查，刪除多餘點、轉換平滑點、調整手柄，確保所有描邊線條流暢優雅。
• 將先前繪製的植物裝飾線條、幾何裝飾元素，按視覺層級歸類為：`Decor_Back` (文字後)、`Decor_Mid` (文字描邊間)、`Decor_Front` (文字前)。
• 利用選擇 > 相同 > 外觀 批量選同屬性對象，統一調整描邊粗細/顏色/虛線模式。

步驟 5：分層導出至 Photoshop (關鍵協作協議)

操作：AI 中選中群組 → 編輯 > 複製 → PS 中 編輯 > 貼上 > 智能對象 (或形狀圖層)。整理 PS 圖層結構如右圖所示。

Phase 2: Photoshop — 像素級光影質感鑄造

步驟 6：基礎圖層樣式——內投光與內發光雕刻體積

• 對每個實體填色形狀圖層 (文字主體、裝飾填色) 雙擊開啟圖層樣式：
• 內陰影：混合模式「疊加」，顏色深黑，不透明度 75%，距離 0，噪點 0，大小 55px，雜色 10%。關鍵：疊加模式讓陰影帶入底色色相，而非單純變暗，極具質感。
• 內發光：混合模式「正常/篩選」，顏色採自主體色相偏亮版 (如主色 #E87422 → 發光色 #FFB840)，不透明度 50%，噪點 10%，大小 20px，來源「邊緣」。模擬邊緣透光/次表面散射。

步驟 7：描邊層獨立光影——「懸浮」邊緣光暈

• 將所有描邊智能對象圖層移至實體填色圖層上方。
• 設置填充 0% (關鍵！僅保留圖層樣式)。
• 添加內陰影：模式「疊加」，距離 35px，大小 4px，顏色接近主體本色 (如 #E87422)。此產生「描邊內側發光邊緣」，讓描邊看起來像懸浮在文字表面的發光管。

步驟 8：微觀紋理疊加——打破數字完美的「真實感」

1. 新建圖層，填充 50% 灰。
2. 濾鏡 > 噪點 > 添加噪點：數量 3%，高斯分佈，單色。
3. 濾鏡 > 模糊 > 動態模糊：角度 0°，距離 20px (模擬印刷絲網紋理)。
4. 或手繪「X」字紋理定義為圖案，編輯 > 定義圖案，新圖層填充該圖案。
5. 圖層混合模式正片疊底，不透明度 7%。賦予細膩紙張/油墨質感。

步驟 9：全局色彩分級與氛圍營造

• 調整圖層 > 照片濾鏡：Warming Filter (85) 密度 85%。統一色溫，營造復古溫暖氛圍。
• 調整圖層 > 色階：針對文字區域 (建立剪貼蒙版)，輸入色階 0 / 1.1 / 255，輸出 0 / 255。提升對比度 10%，讓色彩更飽滿醒目。
• 可選：漸變映射調整圖層 (疊加模式 20%)，引入分色調 (高光暖金、陰影冷青) 電影級調色。

工作流核心優勢總結

AI 圖層/群組	PS 導入類型	理由
實體填色形狀 (文字主體、裝飾填色形)	形狀圖層	保持矢量可編輯，PS 中可隨時改顏色、加圖層樣式
描邊路徑 (三層描邊系統、裝飾線條)	智能對象	保持矢量特性，PS 中可雙擊回 AI 編輯路徑，不需反覆導出

結語

這套「AI 構骨 + PS 鑄肉」工作流，展示了專業設計師如何不受限於單一軟體功能邊界，而是將每個工具的核心優勢 (AI: 精準幾何/參數化/矢量無損；PS: 像素光影/質感合成/非破壞調色) 以智能對象、圖層樣式、調整圖層、混合模式為接口有機串聯。結果不只是一個好看的標題字效，而是一套可迭代、可擴展、可動畫化、可多端輸出的字效設計系統。嘗試將這套思維應用到你的下一個品牌標題、海報主視覺、動態片頭設計中，體驗跨軟體協作的乘數效應。

環節	Illustrator 負責	Photoshop 負責	協作關鍵
幾何構造	精準路徑、路徑偏移、布爾運算、參數化變形	—	AI 智能對象保持矢量可回編
色彩系統	全域色板、色相關係	調整圖層、非破壞性分級	AI 全域色板 → PS 色板庫同步
光影質感	基礎體積 (3D 效果/漸變網格)	像素級圖層樣式、濾鏡、混合模式、手繪筆觸	實體層/描邊層分離導入，獨立控制
紋理/顆粒	矢量圖案填色、符號噴槍	噪點濾鏡、圖案疊加、手繪掃描紋理	PS 紋理層疊加模式融合矢量基礎
迭代修改	雙擊智能對象回 AI 改路徑 → 存檔 → PS 自動更新	調整圖層隨時微調	雙向非破壞工作流