Array

Double Bevelled Outlines Photoshop Tutorial

Colin Smith

Subscribe on YouTube:

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.

New feature, Remove Background for Reference image in Photoshop Generative Fill

How to remove People in Camera RAW, ai people removal in ACR

I received a request from the forum for this effect from one of our Members living in Japan. This is...

Copy link