Glossy buttons in Fireworks

Type your text and give it a gradientCreate a square and give it a linear fill with the properties: gradient CC9900 -> FFFFCC.

Type your text and give it a gradientCreate a second square which covers half the first square, but is 1 px from the top, left and right side of the first square. The fill is ‘#FFFFFF’ to ‘#FFFFFF’ but the last colour has an opacity of 0%.

Type your text and give it a gradientNow add labels to the buttons.

Type your text and give it a gradientThis effect can be done with any colour and size button.

Categories

Tags

No tags

Social