top of page
Writer's pictureDeep Shah

Instagram 3D Pop Out Effect in Photoshop | Photoshop Effect | Photoshop tutorial

Updated: Nov 6, 2022

In this tutorial , you will learn how to create this awesome Instagram 3D pop out effect in Photoshop. Creating such effect might look a bit difficult but it is not so just follow the steps mentioned below and learn how to create it for yourself . So let's get started!


instagram 3d pop out effect photoshop
Instagram 3D Pop Out Effect






  • Youtube Video :-


Steps on how to create Instagram 3D pop out effect in Photoshop :-


  • So the first step is to take screenshot of any image in Instagram as shown below and open it in Photoshop


Open the screenshot image in Photoshop
  • Then unlock the background layer by double clicking on the lock icon and then in the pop up click on OK


Double click on the lock icon

Click OK in the pop up
  • Now we have to remove the image from the screenshot so for that select Rectangular Marquee tool and then make the selection of image using marquee tool


rectangular marquee tool photoshop
Select Rectangular Marquee tool

Make selection of the image as shown above using marquee tool
  • Then press the DEL key of your keyboard which will remove the image and replace it with Transparent background as shown below


Press DEL key of your keyboard to remove the image
  • Now we have to bring the image for which we have to create 3D effect over here which will look like as shown below


After dragging the image and placing it over here
  • After that reduce the opacity of the layer so that we can scale and place the image properly


Reduce the opacity of the layer
  • Now scale the image accordingly (Press SHIFT while scaling to scale evenly) and place it properly


After scaling and placing properly
  • After that click on Tick icon and then increase the opacity of the layer back to 100%


Click on Tick icon

Increase opacity back to 100%
  • Now select the part of the image which is out the frame and you want to make it as a pop out using Quick selection tool (Note :- Press ALT and then click and hover over the parts to deselect a selection)


quick selection tool photoshop
Select Quick selection tool

Make selection of the part of the which you want to keep for pop out and is also out of the frame using Quick selection tool
  • Once the selection looks proper then press CTRL + J to create a duplicate of the selection into new layer


Press CTRL + J to create a duplicate of the selection
  • Then make the Dog image layer active again by clicking on it


Make the dog image layer active
  • Then press CTRL and click on the icon of Instagram image layer which will give you selection of Instagram image layer


Press CTRL and click on the icon of Instagram image layer

After pressing CTRL and clicking on icon of Instagram image layer
  • After that press CTRL + SHIFT + I to invert the current selection


After pressing CTRL + SHIFT + I
  • Now click on Add layer mask icon to mask the current image to the selection


add layer mask icon photoshop
Add layer mask icon

After clicking on add layer mask icon
  • After that make the duplicate image layer active by clicking on it


Make the duplicate image layer active
  • Now click on Add layer style icon and select blending options over there


Click on Add layer style icon and select blending options over there
  • After that in the pop up select Drop shadow and then set the following , Angle : 90 Deg , Distance : 10px , Spread : 5% , Size : 30px and then click on OK


Click on Drop shadow and set the following and then click OK
  • So it will add a shadow for the duplicate selection


After adding drop shadow
  • So as you can see that it adds a nice shadow to make it more realistic but it also adds shadow at the upper end which is not required so for that right click on the Drop shadow tab of the layer and then select Create layer over there and then in the pop up click on OK so it will create a new layer only of shadow in it


Right click on Drop shadow tab of the layer

Now click on Create layer over there
  • Now make the drop shadow layer active by clicking on it and then click on Add layer mask


Make drop shadow layer active

Now click on Add layer mask icon
  • Now set the foreground color as black and then select brush tool and brush as soft round


Set the foreground color as black

brush tool icon photoshop
Select brush tool

Select brush as soft round
  • Now using the brush tool click and hover over the parts where shadow needs to be removed


Removing shadow using brush
  • So after the removal of upper shadow you will get the final desired image


instagram 3d pop out effect in photoshop
Final image

So that's it guys! So now if you guys liked this tutorial then hit the like button also share it to the ones who might be interested in such tutorials!


Youtube Video :-



284 views0 comments

Recent Posts

See All

Comments


bottom of page