如何在photoshop中為影像新增一個漸層效果

閱讀約 8 分鐘

首頁/ PS學習教程/ 如何在photoshop中為影像新增一個漸層效果

漸層是給照片調氛圍最省事的一招。這篇把漸層填滿圖層講透:顏色停點、旋轉角度怎麼調,遮色片怎麼把過渡限制在區域性,混合模式怎麼配才自然。在 線上PS 裡開啟圖片就能跟著練。

  1. 開啟圖片
    檔案 → 開啟(或直接把檔案拖入工作區)。
  2. 複製背景圖層(Ctrl + J)
    複製後得到 “背景複製” 圖層,保證原始影像不被破壞,後續可以隨時刪除或隱藏。
  3. 新建漸層填滿圖層(推薦)
    路徑:圖層 → 新建填滿圖層 → 漸層…(在 線上ps 與 Photoshop 中完全相同)。
    在彈出的 漸層編輯器 中:
    • 選擇預設漸層或點選顏色停點自行新增/修改顏色。
    • 通過 型別(線性、徑向、角度、菱形)以及 角度/比例 控制漸層的走向和形狀。
    該圖層是 非破壞性 的,隨時雙擊圖層圖示即可重新編輯漸層。
  4. 調整混合模式與不透明度(可選)
    在圖層面板的 混合模式 下拉框中嘗試 Overlay、Soft Light、Screen 等,能夠讓漸層與底層影像產生更自然的光感互動。
    使用 不透明度 滑塊微調漸層強度,通常 30%~70% 之間效果較佳。
  5. 新增圖層遮色片(區域性控制)
    選中漸層填滿圖層 → 圖層 → 新增遮色片(或點選圖層面板底部的 遮色片圖示)。
    遮色片預設全白(完全顯示),使用 畫筆工具 (B):
    • 前景色 黑 → 隱藏對應區域;
    • 前景色 白 → 恢復顯示;
    • 前景色 灰 → 半透明過渡。
    通過畫筆的硬度、流量、大小可以細緻控制漸層的可見範圍。
  6. 進一步微調(可選)
    • 編輯漸層屬性:雙擊漸層填滿圖層的縮圖即可再次開啟漸層編輯器,隨時修改顏色、角度、型別。
    • 點陣化後自由變形(若需要對漸層形狀進行非線性變形):右鍵漸層填滿圖層 → 點陣化圖層,隨後使用 Ctrl + T(自由變形)或 編輯 → 變換 → 變形 對點陣化後的畫素進行旋轉、縮放、扭曲。
    • 圖層樣式:在圖層面板下方點選 fx → 顏色重疊、漸層重疊,可以在不破壞原始漸層的前提下再重疊一次顏色或漸層。
  7. 儲存 / 匯出
    保留圖層:
    • Photoshop → 檔案 → 儲存為 → PSD(或 檔案 → 另存為 → PSD)。
    • 線上ps → 檔案 → 匯出為 → PSD,下載後仍可在兩款軟體中繼續編輯。
    僅輸出最終影像:
    • 檔案 → 匯出為 → PNG(保留透明色版)或 檔案 → 匯出為 → JPG(可調節品質)。
    • 匯出時可在彈窗中選擇 顏色空間(sRGB)、解析度 與 壓縮品質。
小貼士
線上ps 與本地 Photoshop 的快速鍵幾乎完全一致:Ctrl + J(複製圖層)、G(漸層工具)、B(畫筆)、Ctrl + T(自由變形)等。唯一例外是 儲存:線上ps 必須走 “匯出為” 才能把檔案下載到本地。

使用 漸層填滿圖層 而非直接在畫素圖層上繪製漸層,是保持編輯彈性的最佳實踐。

若想讓漸層隻影響影像的區域性顏色而不改變整體亮度,可先建立 選取範圍(如 選擇 → 色彩範圍),再在選取範圍內新建漸層填滿圖層,省去遮色片的繁瑣操作。

參考資料

  • Adobe Photoshop官方文件
  • HTML5與現代前端圖片處理原理
  • 線上ps