Photoshop  Home Photoshop Drawing Techniques Fake Bevel
rss

Fake Bevel

Author: Dwight Robinson More by this author


Step 1

First create a circle with your eclipse tool image 1 , or with your selection tool then stretch the width of the selection to make and of size w=164 h=77. Then fill the area with color=CCCCCC.

When your done you should have something like this:

image 2

Step 2

Apply the following layer styles to the layer:

Gradient: colors=default

image 3

Stroke: color=5B5B5B

image 4

When your done you should have something like this:

image 5

Step 3

Duplicate the base layer and click "Edit > Free Transform" and adjust the height and with of the new layer to both 95%. Then remove the stroke layer style from the layer and check "Reverse" in the Gradient layer style options.

When your done you should have something like this:

image 6

Step 4

All you need now is something like a display to sit in the middle of these layers so we can add an lcd display. So add a layer in the middle with an inner shadow and you should have something like this:

image 7

This image should look familiar to you since its what I did to create the lcd display in my Devay Winamp3 skin.

Additional Step

You can increase the darkness of the gradient on the layers if you want by making the opacity on the gradient higher, this is how the layers look with a gradient opacity of 75%.

Fake Bevel Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Fake Bevel"