Smooth orange button
This tutorial will teach you how to make a nice gradient styled search button you may have seen before

author:
  Eli
title:
  Smooth orange button
date:
  Sat 11 February 2006
category:
  Web Layout and Design
credits:
 


New Document

Create a new document size 75 x 18


Color and fill

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




Dodge tool

Get the dodge tool out


And set these options


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


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




Again with the dodge tool

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


Ok now just a lil bit more here and there to make it look better :)
Lower the opacity of the brush as to not over due it




New layer & strokes

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


Now again on the same layer with these options:






Layer mode and opacity

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




Text

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



Result:



For questions and help regarding this tutorial,
please post a message at the forums.
Want your link here?