Cool shapes and buttons on adobe fireworks

Cool shapes and buttons on adobe fireworks

By ghost | 5101 Reads |

0     0

Making Cool Shapes and Buttons with Adobe Fireworks.

Okay, first off I am going to teach you how to make a pretty cool looking orb :D So first off make a circle using the circle tool, any size you like also any colour you like. For the Demo I’m going to use a 195px * 195px red circle. Note : Make sure the circle has a TRANSPARENT border.

Now, make an oval, mine is going to be 100px * 25px make sure it is white with transparent borders, now move your oval towards the top of your coloured circle. Like so…. [img] http://img.photobucket.com/albums/v337/spike38054/essay1.jpg[/img]

Now, click your oval and select, from the menu “Commands>Creative>Fade Image” and select this option: [img] http://img.photobucket.com/albums/v337/spike38054/essay2.jpg[/img]

Now click okay. Now, it looks slightly more realistic now, but one thing is missing. Let’s add a shadow!! Click your larger circle and select, from the menu “Commands>Creative>add Shadow”. And, there’s your circle!! [img] http://img.photobucket.com/albums/v337/spike38054/essay3.jpg[/img]

Next is out fancy button!! Okay. Create a rectangle, mine is going to be 230px * 30px for now, lets make it red. Now, select your rectangle, and go down to the properties area and set the rectangle roundness to about 50, like so: [img] http://img.photobucket.com/albums/v337/spike38054/essay4.jpg[/img]

Next, again in the properties menu, change the colour style from solid, to “gradient>linier”. [img] http://img.photobucket.com/albums/v337/spike38054/essay5.jpg[/img]

You should now have something like this: [img] http://img.photobucket.com/albums/v337/spike38054/essay6.jpg[/img]

Next draw a vertical black line down around ¾ right of your rectangle aswell as a doughnut to the left of it. And Walla! Done : [img] http://img.photobucket.com/albums/v337/spike38054/essay7.jpg[/img]