How to Make a 3D Effect in Adobe Photoshop CC

A 3D effect is a kind of design where you can be able to join two or more photos together and make them appear in a 3D format.In this tutorial I will take you through how to come up with a 3D effect in Photoshop CC.

You will need an image of a phone and another image of your choice. In this case, I used an image from waist upwards of someone standing in water. You can follow the step by step guide below to come up with a similar image.

Step Guide:
Load both your images in Photoshop CC

Create a new layer by clicking on the new layer icon at the bottom of the layers panel. This this should be on the page that has you phone image on it.

Select the pen tool from the tools menu

With your newly created layer, highlight the screen of your phone using the pen tool. Make selections by placing your pen in the middle of both the four frames, drag towards one corner, press Ctrl + left-click to resize the lines. Repeat this process until you have a complete selection of the frame. Note that this area requires a lot of accuracy.

Hold Ctrl + Enter to make a final selection

Change your foreground colour to white in the tools menu/panel. Hold Alt + Delete to apply the effect on your image the click Ctrl + D to delete the selection lines.

At the bottom of the layers panel, click the fx icon and select inner shadow to bring up a layer style design box. Make the following adjustments: Move the choker to about 35%, the size to about to 17% then reduce the opacity to about 80% and click ok.

Now move to your other image, unlock the layer by double tapping it. Pick the move tool in the tool panel then drag & drop the image to the previous one.

Once you have dropped down the image, hold Ctrl + T to resize the image to fit on the frame of the phone. Reduce the opacity of the image at the top of the layers panel to about 40% to clearly adjust the image. Press Enter after you are done.

Hold Ctrl + J to duplicate the image. On the duplicated layer, click the eye icon to hide it. Move to the original image of the duplicate and move its opacity to 100%.

Click on the eye icon of the duplicate to reopen it then click Ctrl + Alt + G
Hold Ctrl and the + sign to zoom in. Pick the pen tool and make a selection of the image you dragged. Ensure you have your duplicated layer selected when doing this.

Once done with the selection, click Ctrl + Enter to make a final selection. Pick the quick selection tool, click on refine edge at the top panel. This will bring up an adjustment box for your image. Reduce the size of your brush and move it around the edges of your image carefully. Ensure not to rub through the image. Do this in portions to make it easier to undo mistakes. (Ctrl + Z). Make the output to new layer with layer mask and click Ok. You can now zoom out by holding Ctrl and the –ve sign.

Set the opacity to 100% to make the layer more visible.

You can use a brush tool to clear off any traces from the image after refining the image. Ensure your brush settings are set as normal. Again, be careful not to rub through the image while doing this.

Select your layer 2 and pick the clone stamp tool in the tool panel. You can simply click S to pick the tool.

Move the tool to the image and hold down Alt for a sec. Now drag the tool towards the corner edge of the phone frame where the other image did not reach. Do this in all areas to make a complete cover.

Select your background (the bottom layer in the layers panel). Below the layers panel, click the new fill layer icon and pick photo filter. In the pop up box, make a selection of the filter according to your desire. You can adjust the density as well.

Select your first layer in the layers panel, go to filter on the top panel, pick camera raw filter and make the adjustments that suit your image. You can repeat this procedure no your third layer.

Your final image should look something similar to this:

A 3D effect in Adobe Photoshop CC

After completing these procedures, hold Ctrl + Shift + S to save your final image. In the pop up box, ensure to save the image in Jpeg format and click ok.

Leave a reply,comment or suggestion