Flashvault.net

Designin and spinning gradient logo

15.11.2006, 0:25    Total views: 34595

Use this tutorial to see how to design, and after that how to rotate gradient logo in flash 8 using the Action Script.




Step 1

Create a new flash document and set Width and Height to 200px. Frame rate set to 45fps (Frames per Second).

Step 2

Double click on layer 1 to rename its name in part1. After that, take the Oval Tool (O), under Fill color set this color: #EBF3E9, under Stroke color set this color: #28371E, open the Properties Panel (Ctrl+F3), and under Stroke height set 3px. Then, hold down shift key and draw a "circle" 120x120px. See the picture below.



Step 3

While your "circle" is still selected, open the Align Panel (Ctrl+K) and then click on Align to stage icon, after that on Align horizontal center and Align vertical center icon, to precisely center your "circle" with background.

Step 4

Deselect the "circle", and after that select only the Fill color of "circle" like it is shown on the picture below.



Step 5

Then, open the Color Mixer Panel (Shift+F9), and set the options like it is shown on the picture below.





Step 6

Insert a new layer and name it part2. After that take the Oval Tool again (O), Stroke color must be switched off, under Fill color set #303221, and draw a "circle" 84x84px. Then, using the Align Panel (Ctrl+K) set it on the center, like we have done in step 3.



Step 7

Insert a new layer, and name it part3. Then, take the Oval Tool again, Stroke color must be switched off and draw again a "circle" 60x60px. Then, using the Align Panel center that "circle" with backgorund. After that, while your "circle" is still selected, open the Color Mixer Panel and set the options from the picture below.





Step 8

Insert a new layer and name it letter. Then, take the Text Tool (A), and under Fill color set #0B3716. After that in Properties Panel under font set Vedrana, under Font size set 18 and type logo. Using the Align Panel set that type (logo) on the center. See the picture below.





Step 9

Click on frame 10 of all layers except part1 layer and press F5 key.



Step 10

Select the part1 layer, and press F8 key (Convert to Symbol) to convert it into a Movie Clip.



Step 1

After that, click on frame 10 and press F6 key. Then, open the Action Script Panel (F9), and paste this script:

gotoAndPlay (1);

Step 12

Go back on frame 1, open the Properties Panel and under Tween choose Motion, and under Rotate set CCW.



Test your Movie (Ctrl+Enter)

We're done!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Forum - Newest Discussions

Convert FLV to iPod MP4 Video
Last post by: linddy
Date: 04.12.2008 10:40:59

How do I combine images with text simultanuelsy?
Last post by: speedyj
Date: 03.12.2008 23:10:49

Convert AVI Video to Flash
Last post by: linddy
Date: 29.11.2008 04:40:55

photogallery
Last post by: trnghosn
Date: 26.11.2008 16:22:19

For Sale Brand NewHTC Touch HD $380Samsung i900 Om
Last post by: so100
Date: 25.11.2008 13:01:33

For Sale Brand NewHTC Touch HD $380Samsung i900 Om
Last post by: so100
Date: 25.11.2008 13:00:48

Waiting for your hour of triumph? It is near!
Last post by: VitaMary
Date: 21.11.2008 18:46:41

Yeow dogs!
Last post by: deco11
Date: 21.11.2008 01:15:49

Show your girlfriend what a real sex is!
Last post by: VitaMary
Date: 20.11.2008 22:00:13

Related links