Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,326 Categories: 12

Total Tutorial Views: 41,501,429

Fireworks - Vista Buttons

Tutorial Name: Fireworks - Vista Buttons  

Category: PC Tutorials

Submitted By: Nag

Date Added:

Comments: 0

Views: 590

Related Forum: PC Building Forum

Share:

Step 1

Draw a 109x33 rectangle. Apply a style from the Plastic styles (in Fireworks CS4 ) or download styles: Web 2.0 Styles. With the applied style you will get the first stroke. If you have no stroke, add one.

[ Register or Signin to view external links. ]

Figure 1: Rectangle with a style

Step 2

Apply a roundness of 5 in pixels (px)

[ Register or Signin to view external links. ]

Figure 2: Roundness

Step 3

For the second stroke, we are using, Photoshop Live Effects. Check Stroke with a 1px width and your custom color

[ Register or Signin to view external links. ]

Figure 3: Photoshop Live Effects

Step 4

To polish things up, select a dark color for the outer stroke (from Photoshop Live Effects) and a lighter color for the inner stroke and you are done!

[ Register or Signin to view external links. ]

Figure 4: Photoshop Live Effects
Glow

You can even get a third stroke (on top of the others) by selecting the Glow filter.

[ Register or Signin to view external links. ]

Figure 5: Glow filter

Result

To polish things up, select a dark color for the outer stroke and a lighter color for the inner stroke and you are done!

[ Register or Signin to view external links. ]

Ratings

Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Fireworks - Vista Buttons" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.