Gel buttons in Fireworks

Type your text and give it a gradientFirstly create a rounded square. The ’roundness’ of this square is 30. The colour used in this example is ‘#FFCC00′. Add a stroke of 1px, black, pencil.

Type your text and give it a gradientNow add an inner shadow with these effects:
Colour: CC6600
Size: 10
Opacity: 65
Smoothness: 7
Angle: 270

Type your text and give it a gradientAdd another inner shadow with these effects:
Colour: FFFFFF
Size: 7
Opacity: 65
Smoothness: 4
Angle: 270

Type your text and give it a gradientNow, add the final inner Shadow with these effects:
Colour: CC6600
Size: 1
Opacity: 100
Smoothness: 3
Angle: 270

Type your text and give it a gradientThis effect works with any size button and any colour.

Categories

Tags

No tags

Social