Welcome to HBH! If you have tried to register and didn't get a verification email, please using the following link to resend the verification email.

Cool shapes and buttons on adobe fireworks


Cool shapes and buttons on adobe fireworks

By ghostghost | 5131 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]

Comments
ghost's avatar
ghost 17 years ago

fix ur images.

ghost's avatar
ghost 17 years ago

to bad your pictures are not working cause i think this would become a nice artikel with those working… Ooh and mayby it would be better to use .jpg-images ;)

ghost's avatar
ghost 17 years ago

Images fixed… Ty guys ;)

Ayr4's avatar
Ayr4 17 years ago

I didnt understand it. :xx:

Ayr4's avatar
Ayr4 17 years ago

I didnt understand it. :xx:

richohealey's avatar
richohealey 17 years ago

………… Where'd the article go?

ghost's avatar
ghost 17 years ago

System accidentally deleted it :P

Ayr4's avatar
Ayr4 17 years ago

Lolz xD

ghost's avatar
ghost 17 years ago

fixed now though (Y)

ghost's avatar
ghost 16 years ago

You didn't really make any sense but, surprisingly enough, this may be your best article… ever. Seriously, I think this is the best you're capable of. I actually have to rate it Average because you walked us through the steps. Good job.