HOW TO MAKE 3D POP OUT EFFECT IN PHOTOSHOP IN 4 SIMPLE STEPS
How to make the eye grabbing “out of bounds” or 3D pop-out effect effect is an easy way to add a ton of impact to an image, as the subject jumps out of the screen and grabs the viewer.
Short and sweet. (I’m trying something new with this. placing a top quick reference. Please let me know in the comments if you find this beneficial.
Step 1: Remove the screen
Step 2: Remove and mask the photo
- Combine the photos
Step 4: Sandwich the screen layer between the original image at the bottom of the layer stack and the extracted image at the top.
Last: Move about and add a shadow.
HOW TO USE PHOTOSHOP TO CREATE A 3D POP OUT EFFECT As well as OUT OF BOUNDS EFFECT
First, remove the screen.
Choose the Polygon Lasso tool
Click on each of the 4 corners of the screen. On the last corner, you will see a circle indicating this is the start/finish point.
When you click, the selection will be complete
The marching ants selection will be visible as being active.
The hands overlap, as you can see. We must make it right.
Choose the Quick Selection tool
Hold down Alt/Option to turn it into minus or subtract mode. You will see the + turns into a – in the center of the cursor.
Drag on the area to remove.
After you have applied the tool, it will make the selection.
To cut out the selection, we will add a layer mask, but wait.
We want to hide the selected area, so hold down Alt/Option as you click on the layer mask button.
We have transparency on the screen. Perfect!
In the next step, we will prepare the subject that will jump through the screen.
STEP 2: CUT OUT THE SUBJECT FROM THE BACKGROUND
FILL OUT THE SAME DOCUMENT WITH THE TWO IMAGES.
Having an area that will protrude beyond the screen once the backdrop has been removed is crucial when choosing a picture to be extruded.
Select File > Open.
Drag the image into the tab of the image that includes the screen using the move tool (v). (How to use Photoshop to merge photos)
Hold on tight because the second image will soon appear. Release the mouse button after moving the cursor to the centre of the image (or lift the pen if using a tablet).
You will see the 2 layers on the same document.
Let’s remove the background from the dog.
Choose the Quick Selection tool
If you have the option, select Cloud under the subject heading at the top. Even though it won’t function quite as well if you don’t see this option, it still functions.
Click Select Subject
You will see a selection around the subject (the dog).
Let’s make the fur selection edges look better,
Choose Select and Mask
Grab the Refine Edge Brush (it will be selected by default).
Drag the brush around the edges of the fur. Make sure the brush is positioned 3/4 outside the subject for the best results as you paint (at least this 3/4 seems to work best for me)..
On the bar on the right of Select and Mask, click Decontaminate colors. This will reduce the colored fringes.
Choose New Layer with Layer mask as output.
Click ok
STEP 3: ARRANGE AND POSITION THE CUTOUT
You will see something like this. Do NOT reposition or scale anything yet!
Make sure all layers are visible, by clicking the eyeball.
Drag the Original dog layer to the bottom.
The original dog layer and the extracted dog layer should now be wedged between your screen and them. The extracted layer sits on top so it can overlap, but the original layer will still be visible via the hole in the screen.
Making ensuring the two dog layers are always chosen together is crucial.
Click on the name of the other dog layer in the layers panel while holding down the Ctrl or M key.
The two Dog layers should be chosen as displayed. To display the layers, I added the blue boxes.
Press Ctrl/Cmd+T (Ctrl+T Windows / Cmd+T Mac).
You can now drag to reposition the layer, or grab the handles to resize or rotate the layer.
The next step is optional depending on the image. But usually, this will make it look better.
STEP 4: ADD A SHADOW
Choose the top layer
Choose fx in the layers panel
Select Drop Shadow
A shadow will appear
Change the size to soften the shadow and opacity
Drag on the shadow in the image to reposition it
Click ok to apply
The screen’s shadow work makes it appear to be coming off the screen. But we must take it out of the iPad’s confines. In the air, shadows don’t float.
Click on the word effects in the layers panel
Right-click
Choose Create Layer
As you can see, the shadow is now a regular layer rather than an effect.
To add a layer mask to the shadow layer, click the mask button. This mask will be used to remove the shadow from the areas where we don’t want it.
To aid in our masking, we can use a prior selection as a stencil.
Hover over the thumbnail for the iPad screen mask while the Shadow mask is still the active layer. A square with dots will be seen.
To load the selection, click.
See the selection on the image.
selecting a brush (B key)
Set Black as the foreground colour.
At the top of the screen, set 100% for both flow and opacity.
To get rid of the shadow on the dog’s head, paint over the top of the illustration.
(Try flipping the selection if nothing happens. Select>Inverse)
And here is out 3D pop out effect.
For the thumbnail, I added some water splashes. For this I just used a brush. See other tutorials on Custom brushes.
Thanks for joining me on this tutorial. I hope it was easy to follow and that you had fun!