lundi 26 octobre 2009

Realistic frame by frame bird fly animation in flash

In this thoroughly explained, detailed flash lesson, I will show you how to create realistic, frame by frame bird fly animation using some special flash tips and tricks. You don't have to use action script code to make this lesson. Using this lesson, you will see how to draw, frame by frame bird wings moving, how to convert bird into a movie clip symbol, how to animate it and much much more. You can use this lesson for any flash header, banner or for some other flash components. Let's start!

Example:



Step 1

First, save the image below that we will use for this lesson as background.



Step 2

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 450 pixels and the height to 239 pixels. Select any color as background color. Set your Flash movie's frame rate to 34 and click ok.

Step 3

Call the current layer background. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 4

Choose File > Import > Import to stage (Ctrl+R) and import the image that you just saved in step 1 into a flash stage. While the image is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.



Step 5

Click now on frame 100 and hit F5 key.

Step 6

Create a new layer above the layer background and name it bird. It's time for drawing, so, using the Line Tool and Paing Bucket Tool, draw a bird body without wings like it is shown on the picture below!



While the bird body is still selected, hit F8 key (Convert to Symbol, to convert it into a Movie Clip Symbol.



Step 7

Double-click on the movie clip on stage with the Selection tool(V).You should now be inside the Movie Clip.



Step 8

Call the current layer bird body. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 9

Click now on frame 30 and hit F5 key.

Step 10

It's time for wing animation, so create a new layer above the layer bird body and name it wing 1.

Step 11

Select now wing 1 layer and using the flash tools for drawing, draw just one wing like it is shown on the picture below!



Step 12

Select now frame 2 and hit F6 key. After that, set the wing shape on the position like it is shown on the picture below!



Step 13

Select now frame 4 and hit F6 key. After that, set the wing shape on the position like it is shown on the picture below!



Step 14

Click now on frame 6, hit F6 key and make this wing shape.



Step 15

Select now frame 8, hit F6 key and make this wing shape.



Step 16

Select now frame 10, hit F6 key and make this wing shape



Step 17

Select now frame 12, hit F6 key and make this wing shape



Step 18

Select now frame 14, hit F6 key and make this wing shape



Step 19

Select now frame 16, hit F6 key and make this wing shape



Step 20

Select now frame 18, hit F6 key and make this wing shape



Step 21

Select now frame 20, hit F6 key and make this wing shape



Step 22

Select now frame 22, hit F6 key and make this wing shape



Step 23

Select now frame 24, hit F6 key and make this wing shape



Step 24

Select now frame 26, hit F6 key and make this wing shape



Step 25

Select now frame 28, hit F6 key and make this wing shape



Step 26

Select now frame 30, hit F6 key and make this wing shape



Step 27

We're done with the first wing and it's time for another wing.

Step 11

Select now wing 1 layer and using the flash tools for drawing, draw just one wing like it is shown on the picture below!



Step 12

Select now frame 2 and hit F6 key. After that, set the wing shape on the position like it is shown on the picture below!



Step 13

Select now frame 4 and hit F6 key. After that, set the wing shape on the position like it is shown on the picture below!



Step 14

Click now on frame 6, hit F6 key and make this wing shape.



Step 15

Select now frame 8, hit F6 key and make this wing shape.



Step 16

Select now frame 10, hit F6 key and make this wing shape



Step 17

Select now frame 12, hit F6 key and make this wing shape



Step 18

Select now frame 14, hit F6 key and make this wing shape



Step 19

Select now frame 16, hit F6 key and make this wing shape



Step 20

Select now frame 18, hit F6 key and make this wing shape



Step 21

Select now frame 20, hit F6 key and make this wing shape



Step 22

Select now frame 22, hit F6 key and make this wing shape



Step 23

Select now frame 24, hit F6 key and make this wing shape



Step 24

Select now frame 26, hit F6 key and make this wing shape



Step 25

Select now frame 28, hit F6 key and make this wing shape



Step 26

Select now frame 30, hit F6 key and make this wing shape



Step 27

We're done with the first wing and it's time for another wing.

Step 46

Go back on the main scene (Scene 1).

Step 47

Click now on frame 70 and 100 of layer bird and hit F6 key. While you're still on frame 100, place the bird on the position like it is shown on the picture below!



Step 48

Go back now on frame 70 and place the bird on the position like it is shown on the picture below!



Step 49

Go back now on the first frame and place the bird on the position like it is shown on the picture below!



Step 50

Right-click anywhere on the gray area between frame 1 and 70 and frame 70 and 100 on the timeline and choose Create Motion Tween from the menu that appears.



We're done!

Test your movie (Ctrl+Enter) and enjoy!

Download source file (.fla)

0 commentaires:

Enregistrer un commentaire

 

About

Site Info

Text

best tutorial for all Copyright © 2009 Community is Designed by Bie