The Ultimate Photoshop Resource

Double Bevelled Outlines Photoshop Tutorial

Step 1


Start with your shape on a new layer. Try experimenting with a shape of your own.

I drew this with the polygon lasso tool an filled it with green.

Step 2

outline002 Make a selection around your object. Ctrl/Cmd+Click on the layer Thumbnail.

Step 3



I chose 10 pixels

Step 4


Your selection is now contracted.

Step 5


Now to make the groove.

I chose 5 pixels

Step 6

outline006You should see the double selection now.

Step 7


outline007Press the delete/backspace key to erase the object on the selection.


Step 8


Now to add the bevel:

Add the layer styles (press the little f on the bottom of the layers palette.)

Choose the inner bevel option

*Optional: add a drop shadow too.


Step 9

outline009And the shape is now bevelled!

If you want you can add some text, select it, switch to the object layer and hit del/backspace to chisel out some text.



Get in-the-know!

CS6 Superguide

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.
If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free. Or click the image below.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource