Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Tutorials Web Layout Shiny Button

Shiny Button


1. Start of with opening a new picture 80x20

image 1

2. Fill it with a color you like. I'm going to use a bluish color for this tutorial (#006CFF)

image 2

3. Take out your Elliptical Marquee Tool and make a little selection at the top of the button.

image 3

image 4

4. Make a new layer by pressing Ctrl+Shift+N and fill the selected area with white

image 5

5. Set the layer opacity to 50%.

image 6

6. Now right click the button layer (the one below) and open Blending Options.

image 7

image 8

7. Now take out the Custom Shape Tool and get in the "Arrows" menu.

image 9

8. Get out the "Arrow 2" and set two arrows at each side.

image 10

9. Now set the arrow shape layers to "Overlay" and set down the Opacity to 70%

image 11

10. Now add a little text and save it.

Shiny Button



Author's URL: X-Dream
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


Like us to: