Tutorials Navigation
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. ]
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
Comments
Related Tutorials
- 01. Emulating Xbox 360 on PC for Running COD4 With Mods(2,190)
- 02. How to: Matrix Numbers | Batch File(1,602)
- 03. How to Password Protect Files on Windows(765)
- 04. How to play Socom 2/3/ and Combined Assault on PC(5,234)
- 05. Modern Warfare 2 Vac Ban Bypass Tutorial(5,080)
- 06. How to embed an image on TheTechGame(2,783)
- 07. [PC] NIOH 2 OTHER USER SAVE RESIGN(12,374)
- 08. Host bot lobbies! Full Tutorial!(9,611)
- 09. Unban yourself [Plutonium BO2](13,521)
- 10. Fall Guys - How to Change Your Name Color on Fall Guys(8,033)
- 11. Best Crosshair Settings for Valorant(6,180)
- 12. Othercide The Surgeon Boss Guide(2,232)
- 13. Othercide Remembrances Unlock Guide(3,936)
- 14. Othercide Beginners Tips and Tricks(2,473)
- 15. How to Fix Grounded Crashes, Loading Time, Low FPS and Other(4,376)
"Fireworks - Vista Buttons" :: Login/Create an Account :: 0 comments