Fake Bevel


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



Author's URL: Dwight Robinson
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Fake Bevel"

Captcha