In this tutorial, I've tried to help Web site developers who are interested in the design of graphics with development. Especially windows vista style buttons on their web pages. Choose Adobe Photoshop CS2 for design web buttons.
Step 1
Start Photoshop. Create a new document with a white background. Change the size (width: 120 x height: 35).
Step 2
Select the rounded Rectangle tool. In geometry options select fixed size (118 W: px - 33 H: px). Make the corner radius to 5px. Game selector foreground color # 3997aa using color. Now press and move
the mouse pointer to draw the rounded Rectangle.
Step 3
Select menu layer - > layer Style - > blend Options. Select stroke. Change Stroke size: 2, position: inside and the color: # 45acc1.
Step 4
Now select Gradient Overlay. Change the gradient colors gradient editor. By default, you will see two colours stop for example black and white. You must add a new color to the Centre of the two colors by
pressing the mouse, click on for example location: 50. Now change the location of mid-2nd color: 5. Now press OK to close the window of the gradient editor.
Step 5
Now you see you have only two layers in your document. One is the 1 and the other context. Now unlock the layer by double click on this layer and create a new layer. Change the layer
color by mixing Options - > Overlay color according to the background color of your Web site.
Step 6
Select menu file - > save for Web. Choose the optimized tab and change the format of file optimized GIF and press save to save the button Style in Vista. Now, you become a little graphic designer for your own Web site.
Thank you
MBip
Contacts
mbip2000@Yahoo.com
http://paintworks.codefinix.com
No comments:
Post a Comment