How to Add a Polaroid Frame to a Photo in Photoshop

About 9 min read

Home/ PS Tutorials/ How to Add a Polaroid Frame to a Photo in Photoshop

The Polaroid look comes down to three things: warm tones, a white border and a wood-grain backdrop. This tutorial warms up the portrait, drops it into the frame, uses a layer mask so only the area inside the frame shows, and then unifies the overall color. The result looks properly aged.

1. Before you start

  • Open your browser and go to the Online PS editor.
  • Prepare the following assets (swap in your own files):
    • Portrait / subject photo (example: person.jpg)
    • Wood-grain background image (example: wood.jpg)
    • Polaroid frame asset (example: frame.png, transparent background)

2. Warm up the portrait and set the blending mode

1️⃣ Open the portrait photo
File → Open → select person.jpg
2️⃣ Duplicate the original layer
With the layer selected, press Ctrl+J (this copies the layer to Layer 1).
3️⃣ Add a Gradient Map
Select Layer 1 → Image → Adjustments → Gradient Map….
In the panel that opens, choose the “Blue‑Red‑Yellow” gradient from the drop-down at the top left (name your own or keep the default).
4️⃣ Confirm and check the result
Click OK and the whole image should turn noticeably warmer.
5️⃣ Change the blending mode
Set the blending mode of Layer 1 to Color.

3. Merge the layers & open the background assets

6️⃣ Merge the layers
Hold Shift to select the Background layer and Layer 1, then press Ctrl+E to merge them into a single layer.
7️⃣ Open the wood background and the frame file
File → Open → select wood.jpg and frame.png (you can place both as separate layers in the same document).

4. Place the portrait inside the frame and free-transform it

8️⃣ Copy the portrait into the frame document
Go back to the portrait document and press Ctrl+A → Ctrl+C (select all and copy).
Switch to the frame document, select the wood layer and press Ctrl+V to paste the portrait.
9️⃣ Adjust the size and angle of the portrait
Press Ctrl+T to enter Free Transform.
Hold Shift+Alt and drag a corner handle → proportional scaling, then rotate it to a suitable angle.
Press Enter to confirm.

5. Use a layer mask to keep the portrait inside the frame

10️⃣ Select the frame layer
With the Magic Wand tool (W), click the empty area inside the frame to select the shape within the frame.
11️⃣ Add a mask to the portrait layer
Switch to the portrait layer (Layer 1) and click the Add Layer Mask button at the bottom of the Layers panel.
The portrait will now only be visible inside the frame.
12️⃣ (Optional) Nudge the position
Unlink the layer from its mask (click the chain icon next to the mask), select the mask thumbnail and use the Move tool V to fine-tune where the portrait sits in the frame.

6. Warm up the wood background (to lift the whole mood)

13️⃣ Adjust the background hue/saturation
Select the wood background layer and press Ctrl+U to open Hue/Saturation.
Adjust Hue and Saturation until the wood feels warmer (example: Hue +10, Saturation -5).
14️⃣ Done!
You now have a photo with a warm wood-grain backdrop and a Polaroid frame 😊

References

  • Adobe Photoshop official documentation
  • HTML5 and the principles of modern front-end image processing
  • Online PS