教學核心理念

霓虹字精髓在於「發光筆畫的物理渲染」。不同於單純套用「外發光」圖層樣式，本教學採用手繪分段渲染：將連筆字拆解為多個獨立筆畫段落，逐段繪製「底色→羽化→收縮高光→再收縮強高光→蒙版過渡」五層結構，並處理筆畫交疊處的光線疊加邏輯，達到真實霓虹管光學效果。

▲ 最終效果：紫色霓虹連筆字，筆畫交疊處光線自然疊加，末端電極細節完整

制作流程詳解

步驟 1：背景與草稿準備

新建 1024×768px 畫布。漸層工具：左下→右上拉線性漸層（深紫→深藍），營造夜晚氛圍。新建圖層手繪連筆字草稿（顏色鮮豔便於參考），此層僅作構圖參考，最終隱藏。

▲ 圖 1：漸層參數 | 圖 2：背景漸層效果

▲ 圖 3：手繪草稿參考層

步驟 2：分段渲染核心流程（以第一段為例）

核心邏輯：每段筆畫 = 底色層 + 高光層 1 + 高光層 2 + 蒙版過渡

1. 勾勒路徑：鋼筆工具沿草稿筆畫勾勒閉合路徑，特徵「兩端尖、中間粗」，符合霓虹管物理形態。
   

   ▲ 圖 4：第一段路徑

2. 底色層：Ctrl+Enter 路徑轉選區 → Ctrl+Alt+D 羽化 6px（視筆畫粗細調整，邊緣自然即可） → 填充底色 #DB3FE0 → 隱藏草稿層參考。
   

   ▲ 圖 5：羽化選區 | 圖 6：底色填充效果

3. 高光層 1（中間亮帶）：載入底色層選區 → 「選取」→「修改」→「收縮」1px → 新建圖層填充同色 #DB40E0 → 圖層混合模式改「顏色減淡」。
   

   ▲ 圖 7：收縮 1px | 圖 8：第一高光層效果

4. 高光層 2（核心強高光）：再次載入選區 → 收縮 1px → 新建圖層填充淡紫 #FFB5FF → 混合模式「顏色減淡」。
   

   ▲ 圖 9：再次收縮 | 圖 10：第二高光層效果

5. 蒙版過渡：取消選區 → 高光層 2 添加圖層蒙版 → 黑色畫筆擦除兩端，僅保留中段核心高光，形成「兩端暗、中間亮」的霓虹管物理光強分佈。
   

   ▲ 圖 11：蒙版過渡後第一段完成

步驟 3：後續段落依序制作，處理交疊邏輯

第二段路徑銜接第一段末端，同樣流程渲染。關鍵：交疊處圖層順序與混合模式「顏色減淡」自然產生光線疊加增亮效果，無需額外處理。第三、四段依此類推，羽化值隨筆畫粗細調整（粗筆畫羽化大、細筆畫羽化小）。

▲ 圖 12-15：第二、三段渲染過程

▲ 圖 17-19：後續段落渲染

步驟 4：整體氛圍後期

1. 蓋印圖層降低不透明度：Ctrl+Alt+Shift+E 蓋印可見圖層 → 不透明度 20%，柔和整體光感。
   

   ▲ 圖 20：蓋印層 20% 不透明度

2. 高反差保留銳化紋理：再次蓋印 → Ctrl+Shift+U 去色 → 「濾鏡」→「其他」→「自定義」（預設值） → 混合模式「柔光」，增強邊緣銳度與紋理質感。
   

   ▲ 圖 21：高反差保留效果

3. 亮度/對比度微調：適度增加對比度，強化明暗對比。
   

   ▲ 圖 22：對比度調整

4. 裝飾點綴：新建圖層，小畫筆點繪星狀光點裝飾。
   

   ▲ 圖 23：星點裝飾

專業級霓虹字進階技巧

電極端頭處理

霓虹管兩端需有電極結構。制作方法：筆畫端點處新建圖層，橢圓選區填充深灰 → 斜面浮雕「外斜面」+「投影」→ 添加細線連接字體主體。

動畫發光效果

Photoshop 時間軸：將各高光層不透明度設關鍵幀，製作「呼吸發光」循環動畫。或導入 After Effects，用「Trapcode Particular」添加氣體粒子流動效果。

多色霓虹

不同筆畫段落使用不同底色（紅/藍/綠/粉），高光層對應調整為該色系高亮色，混合模式同用「顏色減淡/線性減淡」。

真實環境合成

將霓虹字置入實拍夜景照片：
1. 背景圖層置底
2. 霓虹字群組混合模式「螢幕/線性減淡」
3. 添加「投影」落於牆面/地面
4. 用「鏡向」工具在濕地面/玻璃窗產生倒影
5. 曲線/色階匹配環境色溫

避坑指南

• ❌ 全字一層套「外發光」 → ✅ 分段渲染控制交疊光線邏輯
• ❌ 羽化值全程固定 → ✅ 根據筆畫粗細動態調整（粗=大羽化、細=小羽化）
• ❌ 高光層不加蒙版 → ✅ 必須蒙版過渡兩端，否則像發光棍非霓虹管
• ❌ 忽略筆畫交疊順序 → ✅ 先寫筆順在上層，後寫筆順在下層，符合物理遮擋
• ❌ 缺少後期統一調色 → ✅ 必做蓋印+柔光+對比度三步後期，統一質感

總結

手繪分段渲染法雖耗時，但賦予設計師對每一筆畫光影的絕對控制權。掌握「底色→羽化→收縮高光→蒙版過渡」四步核心邏輯，配合「顏色減淡」混合模式的光線疊加物理特性，即可創作出媲美 3D 渲染的真實霓虹字效果。此技法同樣適用於 LED 燈帶、發光線條、能量光束等發光體設計。