拍立得相框的復古感來自三樣東西:暖色調、白邊、木紋底。教程把人物圖調暖後放進相框,用圖層遮色片控制只顯示框內部分,再統一整體色調。做出來的照片很有年代味。
一、準備工作
- 開啟瀏覽器,進入 線上ps編輯器。
- 準備以下素材(自行替換佔位圖):
- 人物 / 主體照片(示例:
person.jpg) - 木紋背景圖(示例:
wood.jpg) - 相框(拍立得)素材(示例:
frame.png,透明背景)
- 人物 / 主體照片(示例:
二、為人物影像新增暖色調並設定混合模式
1️⃣ 開啟人物照片
File → Open → 選擇 person.jpg
2️⃣ 複製原始圖層
選中圖層後按
選中圖層後按
Ctrl+J(複製圖層至 圖層 1)。
3️⃣ 新增 漸層對映
選中 圖層 1 →
在彈出的面板左上角的下拉式清單中選擇 **“藍‑紅‑黃”** 漸層(自行命名或使用預設)。
選中 圖層 1 →
Image → Adjustments → Gradient Map…。在彈出的面板左上角的下拉式清單中選擇 **“藍‑紅‑黃”** 漸層(自行命名或使用預設)。
4️⃣ 確認並觀察效果
點選
點選
OK 後,整張圖的色調會明顯變暖。
5️⃣ 改變混合模式
將 圖層 1 的混合模式改為
將 圖層 1 的混合模式改為
Color(顏色)。
三、合併圖層 & 開啟背景素材
6️⃣ 合併圖層
按住
按住
Shift 選中 背景圖層 和 圖層 1,然後 Ctrl+E 合併為單一圖層。
7️⃣ 開啟木紋背景和相框檔案
File → Open → 選擇 wood.jpg 與 frame.png(可以在同一個檔案中分別放置兩個圖層)。
四、把人物放入相框並進行自由變形
8️⃣ 將人物影像複製進相框檔案
回到人物檔案,
切換到相框檔案,選中 木紋圖層,
回到人物檔案,
Ctrl+A → Ctrl+C(全選並複製)。切換到相框檔案,選中 木紋圖層,
Ctrl+V 貼上人物影像。
9️⃣ 調整人物大小與角度
按
Shift+Alt 同時拖動角點 → **等比縮放**,並旋轉至合適角度。
按
按
Ctrl+T 進入自由變形。Shift+Alt 同時拖動角點 → **等比縮放**,並旋轉至合適角度。
按
Enter 確認。
五、利用圖層遮色片讓人物只顯示在相框內部
10️⃣ 選中相框圖層
使用 魔棒工具(W) 單擊相框內部空白區域,選中相框內的形狀。
使用 魔棒工具(W) 單擊相框內部空白區域,選中相框內的形狀。
11️⃣ 為人物圖層新增遮色片
切換到人物圖層(圖層 1),點選圖層面板底部
此時人物只會在相框內部可見。
切換到人物圖層(圖層 1),點選圖層面板底部
新增圖層遮色片 按鈕。此時人物只會在相框內部可見。
12️⃣(可選)微調位置
取消圖層與遮色片之間的連結(點選遮色片旁的鏈條圖示),選擇遮色片縮圖,使用
取消圖層與遮色片之間的連結(點選遮色片旁的鏈條圖示),選擇遮色片縮圖,使用
V 移動工具微調人物在相框中的位置。
六、為木紋背景加暖色調(提升整體氛圍)
13️⃣ 調整背景色相/飽和度
選中木紋背景圖層,
調整 色相、飽和度 使木紋變得更暖(示例:色相 +10,飽和度 -5)。
選中木紋背景圖層,
Ctrl+U 開啟 色相/飽和度 面板。調整 色相、飽和度 使木紋變得更暖(示例:色相 +10,飽和度 -5)。
14️⃣ 完成!
現在,一張帶有溫馨木紋背景、拍立得相框的照片就完成了 😊
現在,一張帶有溫馨木紋背景、拍立得相框的照片就完成了 😊
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps