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

 

 


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