Array

Double Bevelled Outlines Photoshop Tutorial

Colin Smith

Subscribe on YouTube:

Double bevel, insert effect in Photoshop

This Photoshop tutorial shows you how to make a chiseled inset in a shape. All the steps remain the same on the newest CC versions of Photoshop.

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

outline009

And 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.

Here is a nice little tutorial to show you how to electrify your images with lightning in Photoshop. This spooky...

An interface would never be complete without the little buttons that appear to be made of glass. This tutorial will...

This is how you get the 3D look using channels. By creating a bump map and transfering it to an...

Copy link