Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
Photoshop  Home Photoshop Web Layout Clean Button
rss

Clean Button

Author: SweDesignz.com More by this author


This tutorial will show you how to create buttons which like like this:

Clean Button Tutorial: Final Result

Lets start with a blank document - 80 x17 px

image 2

Lets use the following colors [you can use whatever you want, I suggest you only change foreground color]

Foreground: 909092
Background: FFFFFF

Now lets use a Foreground to Background gradient. Hold shift and use it from down to top.

You should get something like this:

image 3

Give that layer a stroke using the following settings:

image 4

Now you should have this:

image 5

Now you can add some text, I used CubicFive 10 - 10pt Smooth, but you can play around with that. Give it also some shadow with the following settings:

image 6

Now we'll add a filter: Render >> Lighting Effects with the following settings:

image 7

Thats about it, you should get something like this:

Clean Button 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 "Clean Button"