Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Sleek Buttons
rss

Sleek Buttons

Author: Tu-torial.com More by this author


Step 1:

Let's start out by creating a new file. I used a 400x200 pixels canvas set at 72dpi, and I filled my background with a white color. Now create a new layer set and name it 'Sleek Button'.

Select the Rounded Rectangle Tool and above your screen under the options palette choose Fill Pixels, set the radius to 4 px and check anti-aliased. Create a new layer and draw a rounded rectangle with 105x27 px dimensions and #00ABEA color shade.

image 1

Step 2:

Under Layer Style(Layer > Layer Style) add an Outer Glow, Inner Glow and Gradient Overlay blending options to your blue rounded rectangle layer.

image 2

image 3

image 4

image 5

Step 3:

Now draw a skinny black rectangle with 95x4 px dimensions inside your current button design.

image 6

Step 4:

Under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to your black rectangle layer. Then set the layers blending mode to Lighten.

image 7

image 8

Step 5:

Now choose the Horizontal Type Tool and set the font family to Arial, regular, 12 pt, crisp and white color. In a new text layer type the name of your first sleek button.

image 9

Step 6:

Under Layer Style(Layer > Layer Style) add a Stroke blending option to your text layer from step five.

image 10

image 11

Results:

Sleek Buttons Tutorial: Final Result



Author's URL: www.tu-torial.com

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 "Sleek Buttons"