漸層是給照片調氛圍最省事的一招。這篇把漸層填滿圖層講透:顏色停點、旋轉角度怎麼調,遮色片怎麼把過渡限制在區域性,混合模式怎麼配才自然。在 線上PS 裡開啟圖片就能跟著練。
-
開啟圖片
檔案 → 開啟(或直接把檔案拖入工作區)。 -
複製背景圖層(
Ctrl + J)
複製後得到 “背景複製” 圖層,保證原始影像不被破壞,後續可以隨時刪除或隱藏。 -
新建漸層填滿圖層(推薦)
路徑:圖層 → 新建填滿圖層 → 漸層…(在 線上ps 與 Photoshop 中完全相同)。
在彈出的 漸層編輯器 中:- 選擇預設漸層或點選顏色停點自行新增/修改顏色。
- 通過 型別(線性、徑向、角度、菱形)以及 角度/比例 控制漸層的走向和形狀。
-
調整混合模式與不透明度(可選)
在圖層面板的 混合模式 下拉框中嘗試Overlay、Soft Light、Screen等,能夠讓漸層與底層影像產生更自然的光感互動。
使用 不透明度 滑塊微調漸層強度,通常 30%~70% 之間效果較佳。 -
新增圖層遮色片(區域性控制)
選中漸層填滿圖層 →圖層 → 新增遮色片(或點選圖層面板底部的 遮色片圖示)。
遮色片預設全白(完全顯示),使用 畫筆工具 (B):- 前景色 黑 → 隱藏對應區域;
- 前景色 白 → 恢復顯示;
- 前景色 灰 → 半透明過渡。
-
進一步微調(可選)
- 編輯漸層屬性:雙擊漸層填滿圖層的縮圖即可再次開啟漸層編輯器,隨時修改顏色、角度、型別。
- 點陣化後自由變形(若需要對漸層形狀進行非線性變形):右鍵漸層填滿圖層 → 點陣化圖層,隨後使用
Ctrl + T(自由變形)或編輯 → 變換 → 變形對點陣化後的畫素進行旋轉、縮放、扭曲。 - 圖層樣式:在圖層面板下方點選 fx →
顏色重疊、漸層重疊,可以在不破壞原始漸層的前提下再重疊一次顏色或漸層。
-
儲存 / 匯出
保留圖層:- Photoshop →
檔案 → 儲存為 → PSD(或檔案 → 另存為 → PSD)。 - 線上ps →
檔案 → 匯出為 → PSD,下載後仍可在兩款軟體中繼續編輯。
檔案 → 匯出為 → PNG(保留透明色版)或檔案 → 匯出為 → JPG(可調節品質)。- 匯出時可在彈窗中選擇 顏色空間(sRGB)、解析度 與 壓縮品質。
- Photoshop →
小貼士
線上ps 與本地 Photoshop 的快速鍵幾乎完全一致:Ctrl + J(複製圖層)、G(漸層工具)、B(畫筆)、Ctrl + T(自由變形)等。唯一例外是 儲存:線上ps 必須走 “匯出為” 才能把檔案下載到本地。
使用 漸層填滿圖層 而非直接在畫素圖層上繪製漸層,是保持編輯彈性的最佳實踐。
若想讓漸層隻影響影像的區域性顏色而不改變整體亮度,可先建立 選取範圍(如選擇 → 色彩範圍),再在選取範圍內新建漸層填滿圖層,省去遮色片的繁瑣操作。
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps