Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Smooth Orange Button
rss

Smooth Orange Button

Author: Eli More by this author


1. New Document

Create a new document size 75 x 18

2. Color and fill

Set the foreground color to #FCB102 and fill the background layer

image 1

3. Dodge tool

Get the dodge tool out

image 2

And set these options

image 3

Now hold shift outside of your document click then drag across to the other side, only once

image 4

Lower the size of the brush to 16 then do that again a bit lower than the last line

image 5

4. Again with the dodge tool

Dodge the bottom of the canvas now taking note to hold shift so it's in a straight line

image 6

Ok now just a little bit more here and there to make it look better :)

Lower the opacity of the brush as to not over due it

image 7

5. New layer and strokes

Make a new layer and select the whole canvas (ctrl+a) Then right click the selection and goto Stroke, use these options:

image 8

Now again on the same layer with these options:

image 9

image 10

6. Layer mode and opacity

Set the layer mode to Soft Light and lower the opacity to 95%

image 11

7. Text

To finish you can add text, I used Tahoma 11px no Anti Aliasing, with a 1 px stroke color: #CF8115

image 12

Result:

Smooth Orange 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 "Smooth Orange Button"