Extruding Object with Photoshop

This tutorial will show you how to make your object pop out of your frame using photoshop CS. Just like the image below:

Photoshop CS Tutorial

Step1. Open your desired image

Photoshop CS Tutorial

Step2. Create a new layer, using your marquee tool, create a square that will overlap your object. Once you have created your square, invert your selection (select>inverse). Fill the area with your desired border color.
After your border has been filled with the appropriate color, drage the border layer to below your picture layer

Photoshop CS Tutorial

Select the picture layer. Hold and select the border layer to load the border layer’s selection.
With the selction active and the picture as the curretn layer, create a layer mask (layer>layer mask>reveal selection). This will mask the picture where the border is present.

Photoshop CS Tutorial

Select the layer mask and with the brush selected, begin to paint away the area of the mask that covers your object that you wish to extrude. This is a bit tricky, so take your time and get it right.

Photoshop CS Tutorial

Now, create a new layer and move it to below the picture layer but above your border layer. Make sure that black is your foreground color. Using your brush tool (make sure you have a hard brush), start painting the area that is going to extrude. Basically, you’re creating a shadow. After you have vreated the shadow, apply a gaussian blur to the layer (filter>blur>gaussian blur)

Photoshop CS Tutorial

Use the move tool, offset your shadow so that it creates a sense of depth in the picture

Photoshop CS Tutorial


Photoshop CS Tutorial

Posted by Jkinner – http://jkinner.deviantart.com

See also: Photoshop Tutorials

Share your photos with our readers, make your own profile page, create blog, get unlimited storage for your photos, discuss photography equipment & techniques by joining our photo community

Subscribe for our latest updates sent to your e-mail (no spam)

Preview | Powered by FeedBlitz

RSS feed | Trackback URI


Comment by shwetha
2010-08-16 04:30:29

hi, I’m not understanding step4. Pls some one can help me out

Comment by Nancy
2010-08-27 04:06:27

very pretty

Comment by Rachana Utekar Subscribed to comments via email
2010-09-03 04:37:24

Hey I liked the tutorial…
Nice and simple way to give 3D look to the image.

Comment by Igor K. Subscribed to comments via email
2011-12-20 21:02:20

Step 3 is a mess.
Hence, to me, the tutorial rendered useless.


Comment by Amy
2012-05-27 14:34:13

On step 3, you either have to invert the selection again before picking “reveal selection,” or else select “hide selection” (without inverting the selection).

Also, make sure you get rid of *any* background color at the edge of the part of the image that sticks out when you’re painting the mask — otherwise it’ll look messy when you’re done.

Comment by Pam Subscribed to comments via email
2013-03-25 11:47:25

Hi, could anyone give a step-by-step instruction to explain the “how” to do the below?? If so – thank you.

“Select the picture layer. Hold and select the border layer to load the border layer’s selection.”


Have Your Say

Your Comment may not appear immediately due to moderation
Name (required)
E-mail (required - never shown publicly)
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your Comment.