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)

Simple Toyota animation

6.2.2008, 2:15    Total views: 34133

This lesson will show you how to create on a simple way toyota animation for advertisement. You don't have to know a lot about flash to make this lesson. This lesson, is for flash beginner. You don't have to use action script code to make this lesson. Let's go!



Step 1

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the Width of your document to 300 pixels and the Height to 200 pixels. Select black color as background color.Set your Flash movie's frame rate to 24 and click ok.





Step 2


Take the Text Tool (A) and go to the Properties Panel (Ctrl+F3) below the stage. Then, choose the following options:

1. Select a Static Text field,
2. Select a Trebuchet MS as font and bold it.
3. Choose 59 as font size.
4. Select white as color,
5. As the rendering option, select Use Anti-alias for readability.
6. As letter spacing choose 4.



Then, type toyota on the stage.



Double click on layer 1 to rename its name in text.

Step 3

While the text is still selected, press Ctrl+B key (Break apart) to break apart this text. After that, take the Selection Tool (V) and select only the first letter "o". Then. press Ctrl+X key (Cut).

Step 4

Creata a new layer above the layer text and name it letter o. Then, select layer letter o and press Ctrl+Shift+V key (Paste in Place).

Step 5

While the letter o is still selected, press F8 key (Convert to Symbol) to convert this letter into a Graphic Symbol.



Step 6

Click on frame 30 and 40 and press F6 key. While you're still on frame 40, take the Selection Tool (V) and click once on the letter to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Tint in it, for Tint color choose yellow and put it down to 100%. See the picture below.



Step 7

Choose right-click anywhere on the gray area between the frame 30 and 40 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.



Step 8

Click on frame 60 and after that on frame 70 and press F6 key. While you're still on frame 70 take again the Selection Tool (V) and click once on the letter to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Tint in it, for Tint color choose white and put it down to 100%.

Step 9

Choose again right-click anywhere on the gray area between the frame 60 and 70 on the timeline and choose Create Motion Tween from the menu that appears.See the picture below.

Step 10

Do this also for another one letter o, but when you'll come to frame 60, do this process.

Step 11

While you're still on frame 60, press F6 key and after that delete key on the keyboard to delete this letter.

Step 12

Then, take the Line Tool (N). For Line Color choose yellow, for line Stroke height 4 and draw a line on the place where the letter was like it is shown on the picture below.





Step 13

Click on frame 70 and press F6 key.

Step 14

Go back on on layer text, take again the Line Tool (N). For Line Color choose white , for line Stroke height 4 and draw a line which will represnt mouth on the place like it is shown on the picture below.



Click afetr that on frame 70 and press F5 key.

We're done!

Enjoy!

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: 296821

2. High-tech city animation
Total views: 247632

3. Water effect
Total views: 227059

4. Photo slide show
Total views: 209347

5. Special Picture Effect
Total views: 184914



Related links