Flash Aqua Button


I have been crazy about the Aqua Button, which are been used in Apple Macintosh OS interface. I usually work on the flash IDE and thought why not give it a shot.

Here is the result, feel free to make comments.

Clipboard01.png
1) choose oval tool create a circle on the stage give the stroke width of 5 pixel

Clipboard02.png

2) Select the shape and Choose any gradient of your choice

Clipboard03.png

3) Open the color mixer (Press Shit F9) and check for the setting specified in the above image

Clipboard04.png

4) Apply the same color for the stroke

Clipboard05.png

5) choose you bucket tool (Press K) and fill the shape by holding your mouse key as specified in the above image

Clipboard06.png

6) Now make a copy of the “fill” shape and hold the “ALT” and drag and drop, a copy of the same shape is made

Clipboard07.png

7) now press ctrl + Alt + s set the option specified in the above image

Clipboard08.png

8) The above is the result of the option, the gradient just flips vertically

Clipboard09.png
9) now you need change the value of gradient in the color mixer panel so that the white area is less and the color is more, check the settings in the above image

Clipboard10.png

10) now create this small shape as symbol so that when you place the small shape on top the big shape it will merge. choose F8 to convert to symbol and place the small shape on top of the big fill.

Clipboard11.png

11)here is the result

Clipboard12.png

12)now select the entire symbol and press F8 to convert to symbol

Clipboard13.png

13) now you can play around with the color option available on the properties panel (press Ctrl + F3) select the advanced from the color option.

Clipboard14.png

14) voila Aqua buttons ready

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s