萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 打造炫酷紅色動感光束:從筆路到高光的完整實作

動感光束是科技感、賽博朋克風格設計的經典元素。本教學將拆解光束結構,帶你用鋼筆工具勾勒路徑、漸變填色、圖層樣式疊加高光,再搭配光斑點綴,完成一條極具張力的紅色動感光束。

成品預覽

文件設定

  • 新建畫布:1000 × 650 px,72 ppi,背景填滿黑色(#000000)。

光束結構拆解

光束由三部分組成:大光束(主視覺)、小光束(細節補強)、光斑(氛圍點綴)。大、小光束需用鋼筆勾閉合路徑後填漸變、加外發光;光斑則用柔邊畫筆點繪。

大光束製作(核心步驟)

  1. 建立群組與圖層:新建群組「大光束」,內新增圖層 1。
  2. 鋼筆勾勒閉合路徑:選鋼筆工具(P),點擊畫出如圖所示的流線型閉合路徑,模擬光束彎曲感。
  3. 路徑轉選區 + 羽化:Ctrl+Enter 轉選區 → Shift+F6 羽化 12 px。
  4. 線性漸變填色:選漸變工具(G),設定左側深紅(#8B0000)→ 中間亮紅(#FF3030)→ 右側深紅,由左向右拖曳。取消選區(Ctrl+D)。
  5. 外發光圖層樣式:雙擊圖層 → 外發光,混合模式「線性減淡(添加)」,顏色 #FF6600,不透明度 75%,擴展 0%,大小 25 px。確定。

大光束高光細節(第二層)

  1. 新增圖層 2,鋼筆勾勒比圖層 1 窄、位置略偏移的閉合路徑(模擬光束核心高光帶)。
  2. 路徑轉選區 → 羽化 3 px。
  3. 漸變工具:左透明紅 → 中間純白 → 右透明紅,由左向右拖曳。取消選區。
  4. 加圖層蒙版,用黑色柔邊畫筆抹淡左側過渡,形成自然消隱。
  5. Ctrl+點擊圖層縮略圖載入選區 → 選單 選擇 → 修改 → 收縮 3 px。
  6. 點擊圖層縮略圖回到像素狀態,Ctrl+J 複製選區到新圖層 3。
  7. 圖層 3 混合模式改「顏色減淡」,不透明度 55%,加蒙版抹淡邊緣。

第二、三條光束疊加

重複上述流程,調整路徑形狀、漸變角度、不透明度,疊加出層次豐富的光束群。建議每條光束獨立群組管理。

小光束製作

  1. 新群組「小光束」,新圖層鋼筆勾細長三角形路徑。
  2. 路徑轉選區 → 羽化 2 px → 漸變填色(同大光束色系但更窄)。
  3. 不取消選區,按 ↑ 兩下、← 一下位移選區,按 Delete 刪除 → 取消選區,形成鋒利邊緣。
  4. 濾鏡 → 模糊 → 高斯模糊 1.5 px,柔化銳邊。

光斑點綴

  1. 新圖層,鋼筆勾小橢圓選區 → 羽化 2 px → 填充淡黃 #FAFB6B。
  2. 再新圖層,勾更小橢圓 → 羽化 1 px → 填白。
  3. 隨機分佈於光束周圍,調整不透明度 30~60%,營造能量粒子感。

最終調整

  • 將所有光束群組置於「光斑」群組上方。
  • 可在最上層加一層「曲線」調整圖層,微調對比與色溫。
  • 完成後另存為 PSD 保留圖層,或匯出 PNG/WebP 供網頁、UI 使用。
copyright © 萬盛學電腦網 all rights reserved