3D Pop-Out Mobile Photo Effect in Photoshop

3D Pop Out Effect in Photoshop

Today’s tutorial is about creating a 3D Pop-Out Mobile Photo Effect in Photoshop. This 3D Pop-Out Effect might seem difficult, but it requires a few tricks to make it simple to create. This effect creates an illusion of an object popping out of the mobile screen.

3D Pop Out Mobile Photo Effect in Photoshop

We will use 2 images, a Layer Mask, Brush Tool, and a few adjustment layers. Now follow the below-mentioned step-by-step process to create a 3D Pop-Out Mobile Photo Effect in Photoshop.

Step 1

Launch Adobe Photoshop and open a mobile image as a new document.

Open a mobile image

Press Ctrl + J to create a duplicate copy of the Background Layer.

Step 2

Now I want to remove the screen part of the mobile. So, I will use the Quick Selection Tool to select the screen, and then I will use the Layer Mask to remove that part.

Select the Quick Selection Tool from the Tool Panel. If required, set the size of the brush and drag the cursor over the screen area to select it.

Make selection using the Quick Selection Tool

After making the selection, turn off the visibility of the Background Layer, and then click on the Layer Mask icon in the Layers Panel.

Layer mask
Step 3

Go to File > Place Embedded then browse the model image from the computer files and click on Place.

Select Place Embedded
Place an image to create 3D pop out effect

Reduce the opacity of the model image so that you can see the below image and set the model image according to the size of the mobile screen.

After reducing the size of the image and placing it properly, click on the tick mark in the options bar.

3D Pop Out Mobile Photo Effect
Step 4

Now increase the opacity of the model image layer and drag it below the layer mask layer.

Step 5

Select the Layer Mask layer and reduce its opacity.

Now click on the Layer Mask thumbnail to activate it. Then select the Brush Tool from the Tool Panel. Make sure the Foreground color is Black.

3D Pop out Mobile Effect

With the help of the Brush Tool, I will unhide some parts of the model image, which are set out of the mobile screen area, to create a 3D Pop-Out Mobile Photo Effect in Photoshop.

To unhide the shoe of the model, I will drag the cursor over that part. (See the below image)

3D Pop out Effect

Similarly, I will unhide the hands also. I have placed the model image inside the mobile screen in such a manner that the leg and the hands of the model are not covered inside the mobile screen area.

Step 6

I have also applied few adjustments layers to set the brightness & contrast and levels of the two images. This step is completely optional.

3D Pop Out Mobile Photo Effect

So this is how you can create a 3D Pop-Out Mobile Photo Effect in Photoshop.

Practice this Photoshop Tutorial and share your views in the comment section. Also, share this tutorial with others.

Leave a Reply

Price Based Country test mode enabled for testing United States (US). You should do tests on private browsing mode. Browse in private with Firefox, Chrome and Safari

%d bloggers like this: