Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Smooth Buttons

Smooth Buttons


1) Make a new document, anysize doesn't matter. Press CNTRL+D to reset your pallete colors. Make your background any color. I used a light beige color.

2) Make a NEW LAYER. Ok use the Rectangular Marque Tool and make a nice selection, about the size of a button, for example:

image 1

3) Now fill it in with a nice dark color, i used a dark grey:

image 2

4) Now we want to add blending options to this layer. Right click the layer and go to Blending Options and apply all these settings:

image 3

image 4

5) Now create a new layer and use the Rectangular Marque Tool once again.

image 5

Fill in the new selection on the new layer. I used a light beige for now. Ok now we got everything pretty much done, lets add some blending modes to the top layer and we are pretty much done. Apply these settings:

image 6

image 7

6) Now you can leave it like it is now or if you want we can try and make the button look more colorful. Do this by selecting the very top layer and press CNTRL+U. Now we can change the color, i used these settings:

image 8

Final:

image 9



Author's URL: Ryan Trafford
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Smooth Buttons"

Captcha