ps線上教程:製作漂亮的彩色泡泡

閱讀約 11 分鐘

首頁/ PS學習教程/ ps線上教程:製作漂亮的彩色泡泡

彩色泡泡靠光斑和極座標。先做鏡頭光暈得到光斑,極座標變換把它捲成環形,剪裁遮色片裁進圓形,再複製幾層換色疊出通透感。層數越多,效果越透亮。

步驟 1:製作光斑(新建檔案 & 背景填滿)

  1. 開啟 線上ps 檔案 → 新建,設定寬高 1024 × 1024 px,背景顏色選 黑色。
  2. 點選確定後得到一個黑色畫布。

步驟 2:新增鏡頭光暈(濾鏡 → 渲染 → 鏡頭光暈)

  1. 依次點選 濾鏡 → 渲染 → 鏡頭光暈。
  2. 在彈窗中把光暈中心拖到畫布靠中間的位置。
  3. 設定引數:亮度 106 %、變焦 50‑300 mm。
  4. 確認後光斑已生成。

步驟 3:複製背景圖層(Ctrl + J)

在圖層面板中選中“背景”圖層,按 Ctrl + J(Mac 為 ⌘ + J)複製得到“背景副本”。

步驟 4:極座標變換(濾鏡 → 扭曲 → 極座標)

  1. 確保選中剛複製的“背景副本”。
  2. 選擇 濾鏡 → 扭曲 → 極座標。
  3. 彈窗中選擇“平面座標到極座標”,點選確定。

步驟 5:再複製一層(Ctrl + J)

再次選中已完成極座標的圖層,按 Ctrl + J 複製,得到“圖層 1 副本”。此層後續會多次使用。

步驟 6:加強光束(Ctrl + F)

選中“圖層 1 副本”,使用 Ctrl + F(重複上一次濾鏡)再次執行極座標變換,使光束更強。

步驟 7:新建圓形遮罩畫布(800 × 800)

  1. 在 ps 中 檔案 → 新建,尺寸設為 800 × 800 px,背景填滿為 黑色。
  2. 新建一個空白圖層,使用 橢圓選框工具(U),按住 Shift 繪製正圓選取範圍(約佔畫布 90%)。
  3. 將選取範圍填滿為 黑色(編輯 → 填滿),隨後取消選取範圍。

步驟 8:把光束貼上進圓形畫布並做剪裁遮色片

  1. 切換回光束檔案,將“圖層 1 副本”拖入 800 × 800 的圓形畫布。
  2. 使用 Ctrl + T(自由變形)調節光束的大小、旋轉,使其位於圓形內部合適位置。
  3. 執行 濾鏡 → 模糊 → 高斯模糊,數值設為 3,確定。
  4. 選中光束圖層,點選 圖層 → 建立剪裁遮色片(或快速鍵 Ctrl + Alt + G),把光束限制在圓形遮罩內部。
  5. 把該圖層的混合模式改為 濾色(Screen)。

步驟 9:複製光束並調色為藍色

  1. 選中光束圖層,按 Ctrl + J 複製。
  2. 將複製層移動到圓形的底部。
  3. 執行 影像 → 調整 → 色相/飽和度(Ctrl + U),把色相拖到藍色位置,適當降低飽和度。

步驟 10:右側光束(複製 + 變換 + 顏色)

  1. 把“圖層 1 副本”再複製一次(Ctrl + J),得到第三個光束圖層。
  2. 使用 Ctrl + T 改變旋轉角度,使其位於圓形的右側。
  3. 通過 影像 → 調整 → 色相/飽和度 改為你想要的顏色(如紫紅、橙色等),並適當調節亮度。

步驟 11:增強頂部高光(複製 + 縮放 + 透明度)

  1. 選中頂部的光束圖層,Ctrl + J 再複製。
  2. 用 Ctrl + T 將複製層稍微放大(約 110%),並將不透明度降至 80 %,讓高光更柔和。

步驟 12:把原始的“圖層 1”拖入

在光束檔案裡找到最原始的“圖層 1”(未經過極座標變換的原始光斑),把它拖入當前 800 × 800 圓形畫布。

步驟 13:模糊 + 濾色 + 剪裁遮色片

  1. 選中剛拖進來的“圖層 1”,執行 濾鏡 → 模糊 → 高斯模糊,數值設為 4。
  2. 適當移動、旋轉,使其在圓形內部產生柔和的光暈。
  3. 把混合模式改為 濾色(Screen)。
  4. 再次建立剪裁遮色片(Ctrl + Alt + G),讓光暈僅在圓形內部可見。

步驟 14:繼續製作其它高光(複製 + 調整)

使用與步驟 13 相同的方式,複製、模糊、改混合模式、剪裁遮色片,分別在左上、右上、左下、右下等位置建立更多柔光高光,使光斑更具層次感。

步驟 15:整體色彩平衡(調整圖層)

  1. 在圖層面板最上方點選 建立新填滿或調整圖層 → 色彩平衡…。
  2. 在“陰影”“中間調”“高光”中微調青色/紅色、品紅/黃綠色、黃/藍色的滑塊,使整體顏色更趨向彩虹泡泡的感覺。

步驟 16:對比度微調(調整圖層)

  1. 點選 建立新填滿或調整圖層 → 曲線… 或 亮度/對比度。
  2. 輕微提升對比度(約 10‑15 %)或在曲線上略微提升高光段,使泡泡更具立體感。

至此,彩色泡泡的製作完成!可通過 檔案 → 匯出為 PNG 儲存,或繼續在 ps 中新增文字、背景等元素。


參考資料

  • 線上ps
  • Adobe 官方文件
  • PS 教程網