Toxiclab.org

Modern red button

18.2.2009, 21:47
Submited in: Photoshop | Total Views: 12267

This Photoshop tutorial will teach you how to create very modern red button. You can use this button for your contact form or some other web buttons.



Step 1

Select the Rounded rectangle tool and create the shape like it is shown on the picture below.





Step 2


On the shape we will apply the following styles.

Drop shadow



Inner glow



Gradient overlay



Stroke



Our button now looks like this:



Step 3

Hold down Ctrl key and click on buttons layer to select it. Then, take the Rectangular marquee tool and set the options like it is shown on the picture below!



Step 4

While the button selection is still active, take the Rectangular marquee tool again, and move it over the part of selection, to get active only one part of left selection. See the picture below.



Step 5

Create a new layer and fill the selection with #E1CA57.



Step 6

On the new made layer. we will apply the following styles.

Inner glow



Gradient overlay



Step 7

Using the pixelart, we will create the icon. Create a new layer, zoom it on 1600%, take the Pencil Tool and create the icon. See the picture below.



The button now looks like this:



Step 8

For text button I have used Trebuchet MS bold font, size 14pt, white color. I'm also add a little dark stroke of 1 px on text. See the picture below.



That's it!

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category


Most popular tutorials