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.
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.
Launch Adobe Photoshop and open a mobile image as a new document.
Press Ctrl + J to create a duplicate copy of the Background Layer.
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.
After making the selection, turn off the visibility of the Background Layer, and then click on the Layer Mask icon in the Layers Panel.
Go to File > Place Embedded then browse the model image from the computer files and click on Place.
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.
Now increase the opacity of the model image layer and drag it below the layer mask layer.
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.
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)
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.
I have also applied few adjustments layers to set the brightness & contrast and levels of the two images. This step is completely optional.
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.