Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Modern Red Button
rss

Modern Red Button

Author: AbTuts.com More by this author


Step 1

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

image 1

Step 2

On the shape we will apply the following styles.

Drop shadow

image 2

Inner glow

image 3

Gradient overlay

image 4

Stroke

image 5

Our button now looks like this:

image 6

Step 3

Hold down Ctrl key and click on button layer to select it. Then, take the Rectangular marquee tool and set the options like the picture below shows you.

image 7

Step 4

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

image 8

Step 5

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

image 9

Step 6

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

Inner glow

image 10

Gradient overlay

image 11

Step 7

Using the pixel art, 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.

image 12

Our button now looks like this:

image 13

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.

Modern Red Button Tutorial: Final Result

We're done!



Author's URL: abtuts.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 "Modern Red Button"