想將平凡的建築照片轉化為充滿賽博龐克氛圍的霓虹夜景嗎?本教學將詳細引導你運用 Photoshop 的圖層樣式、路徑描邊與疊加技巧,逐步完成一張極具視覺衝擊力的夜景作品。從基礎色階調整到霓虹燈管的繪製、發光效果的疊加,再到細節光效的點綴,每一步都經過精心拆解,讓你輕鬆掌握專業級後製流程。
教學前言
霓虹燈效果是數位藝術與商業攝影後製中的經典題材。透過對建築輪廓的勾勒、色彩的大膽對比以及光暈的真實模擬,能瞬間提升畫面的戲劇張力。本案例以一張白天建築照為基礎,示範如何透過非破壞性編輯手法,打造出彷彿置身未來都市的霓虹夜景。
原圖參考

最終效果預覽

核心製作流程
第一階段:基礎色調奠定
- 複製圖層備份: 開啟素材後,立即按 Ctrl+J 複製背景圖層,保留原始檔案以備回溯。
- 色階強化對比: 執行 影像 > 調整 > 色階,依參考設定拉高高光、壓暗陰影,建立夜景的深邃感。(參考圖1)
- 色相/飽和度重塑色彩: 緊接著開啟 色相/飽和度,降低整體飽和度並偏移色相至冷色調,為後續霓虹色彩騰出空間。(參考圖2)
- 檢視初步效果: 此時畫面已呈現偏藍灰的夜景基調,作為後續發光圖層的底色。(參考圖3)
第二階段:主體霓虹燈管繪製
- 鋼筆工具勾勒輪廓: 選取鋼筆工具,沿著建築主要邊緣、轉角與結構線條點選錨點,形成封閉或開放路徑。精準的路徑是霓虹線條流暢的關鍵。(參考圖4)
- 設定雙色畫筆動態: 前景色設為螢光綠
RGB(60,255,40),背景色設為鮮豔紅 RGB(255,0,0)。選取 3px 硬邊圓形畫筆,間距 185%,並在「畫筆設定」中啟用「顏色動態」,將前景/背景顏色抖動設至 100%,讓描邊時自動在紅綠間交替,模擬霓虹管雙色發光特性。(參考圖5、6)
- 路徑描邊生成燈管: 在「背景副本」上方新建圖層,開啟路徑面板,點擊「以畫筆描邊路徑」圖示(左起第二個)。隱藏路徑後,即可看到沿建築輪廓分佈的紅綠相間燈管效果。(參考圖7)
- 修飾與外發光: 用橡皮擦移除地面多餘段落。對燈管圖層套用 圖層樣式 > 外發光,顏色取暖橙
RGB(255,184,71),調整擴展與大小參數營造柔和光暈。(參考圖8、9)
第三階段:輔助線條與裝飾發光體
- 手繪拉線裝飾: 新建「圖層 2」,以同樣畫筆設定沿建築拉線方向手繪輔助線條,必要時暫時隱藏底圖輔助對齊。(參考圖10)
- 紅色燈管疊加: 將前景色改為深紅
RGB(255,70,40),對原路徑再次描邊,並添加淡綠色 RGB(166,252,159) 外發光,形成雙層霓虹視覺層次。(參考圖11)
- 標誌性元素發光化: 以魔棒工具選取畫面中的紅五星標誌,複製至頂層,並從先前燈管圖層「複製圖層樣式」貼上,微調外發光擴展至 8px、大小 16px,強化地標發光感。(參考圖12)
- 文字霓虹化: 在公寓樓名位置分三次輸入相同文字,各自套用預設外發光樣式,模擬招牌字體發光效果。(參考圖13)
第四階段:環境光氛圍營造
- 暖色光斑點綴: 新建圖層,前景橙紅
RGB(254,138,1)、背景黃 RGB(255,255,0),矩形選區羽化 20px 後填充,再以線性漸變工具由上而下拉出「上橙下黃」過渡,自由變換調整角度位置。(參考圖14、15)
- 柔光疊加增強氛圍: 將光斑圖層混合模式改為「柔光」,複製一層疊加,使暖光自然融入場景。(參考圖16)
- 植被綠光反射: 選取背景層樹木草坪區域,羽化 5px 複製至頂層,色階提亮後載入選區再羽化 10px,新建圖層填充純綠
RGB(0,255,0) 並設為「疊加」模式,模擬霓虹燈在植被上的綠色反射。(參考圖17、18)
- 裝飾性金黃線條: 鋼筆繪製裝飾路徑,以金黃
RGB(250,61,10) 畫筆描邊並加預設外發光,豐富畫面細節。(參考圖19)
- 入口紅光點綴: 大門處以矩形選區填充紅色,混合模式設「正片疊底」,營造入口警示燈效果。(參考圖20)
第五階段:路燈、窗戶與微光細節
- 路燈光束模擬: 以鋼筆勾勒路燈光路徑,新建圖層轉選區填白,套用 濾鏡 > 模糊 > 動感模糊(90°、4px),模式設「疊加」,自由變換拉長至地面,複製分布至各路燈位置。(參考圖21、22)
- 窗戶內透光: 多邊形套索工具逐個框選窗戶,填白並設模式「明度」、不透明度 50%,營造室內燈光外洩感。(參考圖23)
- 標語文字發光: 輸入「學會生活,學會發展」八字,紅色字體加外發光,強化主題傳達。
- 樹上彩燈點綴: 5px 畫筆在樹冠點繪紅黃色點,加外發光並設模式「線性光」,增添節日氛圍。
- 電影顆粒收尾: 新建圖層填黑,濾鏡 > 雜色 > 添加雜色(25%、高斯、單色),色階微調後疊加於最上層,賦予畫面膠片質感。(參考圖24)
關鍵技巧總結
- 路徑與畫筆動態結合:利用顏色動態讓單次描邊即可產生雙色霓虹管效果,大幅提升效率。
- 圖層樣式非破壞編輯:外發光、投影等樣式可隨時修改參數,方便針對不同物件微調發光強度與顏色。
- 混合模式模擬光學行為:「柔光」「疊加」「線性光」「正片疊底」等模式分別對應自然光的柔和融合、強光疊加、發光體疊加與彩色玻璃透光效果,靈活運用能極大增強真實感。
- 分層次構建光源體系:主燈管 → 輔助線條 → 地標發光 → 環境反射光 → 微光細節 → 顆粒質感,層層遞進構建完整光照邏輯。
延伸應用建議
掌握此流程後,你可以嘗試:
- 替換霓虹色系(如賽博藍紫、復古暖橙)適應不同風格主題。
- 結合 3D 軟體導出的建築線稿,實現更複雜結構的霓虹化。
- 搭配 After Effects 將靜態圖層動畫化,製作霓虹閃爍、光束掃動等動態效果。
完成上述步驟後,你將擁有一張極具商業級質感的建築霓虹夜景作品。記住,優秀的後製不僅是技術的疊加,更是對光影邏輯與色彩情緒的精準把控。現在,打開你的素材開始實作吧!