How To Make a 3D Pop Up Effect in Photoshop
In this tutorial you'll learn how turn an image into 3D Pop-Up Effect in Photoshop. We'll be using the Quick Selection tool to make a selection, the Rectangular Marquee Tool and Stroke command to create the frame, Free Transform to transform the frame, and layer mask.
Timestamps
00:00 Intro
00:14 Create Frame
01:51 Pop-Up your subject
03:02 Add background
1. Open Your Image File
Choose File-Open (Ctrl+O) to Open up your base image in Adobe Photoshop.
2. Create a New Layer for the Frame
Create a new layer for the frame by choosing Layer-New-Layer (Shift+Ctrl+N).
3. Grab the Rectangular Marquee Tool
Grab the Rectangular Marquee Tool (M) by selecting it from the toolbar on the left.
4. Draw a Rectangular Selection
Now draw a rectangular selection. Drag mouse in the document window to draw a rectangular selection while holding down the Shift key, to keep the selection doesn't distort.
5. Add Stroke to the Selection
Add a white stroke to the selection. Choose Edit- Stroke. Enter a value for the stroke size in the Width textbox, click the Color box and choose a white color, and click Inside for Location.
Press Ctrl+D to remove the selection.
6. Adjust Frame Perspective
Adjust the frame perspective using Edit-Transform-Perspective command. Change the frame perspective by dragging any corner to wherever you like. Press Enter key when you are done.
7. Resize the Frame
Invoke Free Transform (Ctrl+T). Resize the frame by dragging any handle. Press Enter key when you are done.
8. Warp the Frame
You can warp the frame using Edit-Transform-Warp command. Warp the frame by dragging any corner to wherever you like. Press Enter key when you are done.
9. Duplicate the Background Layer
Select the Background layer and press Ctrl+J. Drag the duplicate layer (Background copy or Layer 1) to the top position.
10. Draw Selection Inside the Frame
Grab the Magic Wand Tool. Select the frame layer (Layer 1) on the Layers panel. Click inside the frame to create a selection. The selection line will be visible inside the frame.
11. Add Layer Mask to the Background Layer
Select the Background layer on the Layers panel then choose Layer-Layer Mask-Reveal Selection. Or you can click the Add Layer Mask icon located at the bottom of the Layers panel.
12. Create Selection on Your Subject on the Duplicate Background Layer
Select the duplicate Background layer in the Layers panel by clicking on it. Create a selection on your main subject using the Quick Selection Tool. Refine your selection using Refine Edge.
13. Add Layer Mask
Choose Layer- Layer Mask- Reveal Selection. Your background will disappear, showing only the areas you’ve selected.