The Ultimate Photoshop Resource

Double Bevelled Outlines Photoshop Tutorial


Step 1

outline001

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

outline003

select>modify>contract.

I chose 10 pixels

Step 4

outline004

Your selection is now contracted.

Step 5

outline005

Now to make the groove.

Select>modify>Border
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.

Deselect

Step 8

outline008

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.

 

outline010

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