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.

How to turn a photo into a pencil drawing in Photoshop. Step by step, the most realistic Photoshop pencil sketch...

This technique is a contrast/tone and color correction technique all in one. Once you run through this, you will see...

Here is my Version of the ever popular Segmented Pipes photoshop tutorial. A staple for interfaces.Enjoy

Copy link