Thursday, September 08, 2011

Tutorial: Nav Button - Designing Buttons in Adobe Fireworks. FREE Source.

Designing navigation buttons in Adobe Fireworks using gradients and two squares with  little bit rounded corners. I recently used this button on my latest project

"Right-Click - Open In New Tab" to view larger image.
To bring the effect of the semi-transparent cut in the middle of button, I have given the 2nd rectangle's 1st grandient color and opacity of 18% and the 2nd is 0% because it's already out of button dimensions and gives the upper color a light effect. The engraved arrow has an inner shadow, you can view the shadow color and values in the source file.

Download the source Fireworks PNG from the following link to get more insight.

Download Link:
File Type: Adobe Fireworks Source PNG
Software Requirements: Min Fireworks 8.

No comments:

Post a Comment

Please post your thoughts :)