Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Draw a logotip and animate it in flash

30.7.2008, 23:54    Total views: 27173

Using this thoroughly explained, detailed lesson, you will see how to draw, design a cool logotip and after that how to animate it on a simple way in flash. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to use Rotate options in flash, how to convert logotip into a Movie Clip Symbol and much more!



Step 1

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the dimensions of your document as whatever you like. Select black color as background color. Set your Flash movie's frame rate to 28 and click ok.





Step 2


Take now the Oval Tool (O). For Stroke Color choose No color, for Fill color choose white and draw a circle about 20x20 px. See the picture below!





Step 3

After that, using the Line and Paint Bucket Tools, draw a shape like it is shown on the picture below!



Now, we have a sime kind of sun...

Step 4

Hit now, Ctrl+A key (Select all) to select the whole logotip and after that, press F8 key (Convert to Symbol) to convert this logotip into a Movie Clip Symbol.



Step 5

Click now on frame 40,45,48,51.54,58 and 65 and press F6 key.

Step 6

Go back now on frame 45, take the Selection Tool (V) and click once on the logotip to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Tint in it and make the adjustments as follows:



Do this also for keyframe 51 and 58.

Step 7

Right-click anywhere on the gray area between frame 40 and 45, frame 45 and 48, frame 48 and 51, frame 51 and 54, frame 54 and 58 and frame 58 and 65 on the timeline and choose Create Motion Tween from the menu that appears. See the picture below!



Step 8

Create now a new layer above the layer logotip and name it arrow.

Step 9

Select arrow layer and using the Line and Paint Bucket Tools, draw the red arrwo and place it on the position like it is shown on the picture below!



Step 10

Click now on frame 58 and frame 85 of layer arrow and press F6 key.

Step 11

Then, go back on frame 58 and open the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:



Step 12

Go back now on layer logotip, select frame 85 and press F5 key.

Now, we're done

Have a nice day!

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!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 310287

2. High-tech city animation
Total views: 272904

3. Water effect
Total views: 237059

4. Photo slide show
Total views: 220388

5. Special Picture Effect
Total views: 190723



Related links