教學靈感與目標

靈感來源於《黑色洛城》遊戲海報的復古霓虹燈效果。本教學將完整示範從 Illustrator 繪製霓虹管路徑，到 Photoshop 材質渲染與光效合成的完整流程，預計耗時 1-1.5 小時，難度中等偏高，但成果極具視覺衝擊力。

最終效果預覽

階段一：Illustrator 向量繪製

步驟 1：文字與字型修改

在 Illustrator 中建立文字，使用 Arial Black 字體。為貼合霓虹管彎曲特性，手動調整 B、D、O 等字母的錨點，使其棱角更方正、不那麼圓潤。

步驟 2：繪製霓虹管路徑

使用「圓角矩形工具」繪製霓虹燈管段落，圓角半徑依字體粗細調整。參考下圖佈局。

步驟 3：文字與燈管融合

將燈管路徑與字母輪廓精確對齊融合，確保轉折處自然銜接，形成完整的霓虹文字輪廓。

階段二：Photoshop 材質渲染與光效合成

步驟 4：文件建立與向量導入

PS 中建立 2560×1440 px 文件，背景填黑。將 AI 繪製的向量路徑複製貼上為「形狀圖層」，顏色設為黃色 #f0af17。

步驟 5：內發光 - 核心發光效果

開啟圖層樣式，設定「內發光」：

• 混合模式：顏色減淡
• 不透明度：60%
• 阻塞：20%
• 大小：60 px

步驟 6：內陰影 - 增加管壁厚度感

設定「內陰影」：

• 顏色：黑色
• 混合模式：線性加深
• 不透明度：40%
• 角度：45°，距離：10 px，阻塞：5%，大小：5 px

步驟 7-8：添加紋理增加真實感

導入金屬/玻璃紋理素材（下載連結見原文），置於文字圖層上方，建立剪貼蒙版。將紋理圖層混合模式設為「疊加」，不透明度 30%。

步驟 9：製作 3D 立體厚度

複製文字圖層並填充黑色，向左上方向鍵逐次複製移動（約 2 px/次），重複多次形成 3D 厚度。選擇所有厚度圖層合併（Ctrl+E），添加「描邊」樣式：大小 14 px，不透明度 40%，顏色 #b47200。

步驟 10-14：霓虹燈管材質精修

將 AI 繪製的燈管路徑複製到 PS，作為獨立圖層。為燈管圖層添加完整圖層樣式：

• 投影：模式「顏色加深」，黑色
• 內陰影：模式「正片疊底」，顏色 #865200，注意等高線曲線調整
• 外發光：模式「顏色減淡」，白色，不透明度 50%
• 內發光：模式「顏色減淡」，不透明度 100%，來源「居中」

步驟 15-16：手繪高光與陰影精修

建立兩個圖層組分別處理高光與陰影：

• 高光組：混合模式「顏色減淡」，內建新圖層用白色柔邊筆繪製高光區
• 陰影組：混合模式「線性加深」，不透明度 80%，內建新圖層用黑色柔邊筆繪製陰影區

步驟 17：整體氛圍柔化

蓋印可見圖層（Ctrl+Alt+Shift+E），執行高斯模糊（半徑 6 px）。將模糊圖層混合模式設為「濾色」，用橡皮擦保留僅高光區域的模糊效果，增強整體發光氛圍。

完成與心得

最終效果展示了向量精確繪製與像素級光效渲染的結合。核心技巧在於：AI 處理幾何精確性、PS 處理材質光學特性、手繪修飾打破程式化感。此工作流程適用於圖標、Logo、海報標題等多種設計場景。