Use Flash MX to make flash animations of animated GIF pictures

Source: Internet
Author: User

gif animation is relatively simple

GIF animation can only do some relatively simple animation, flash may be more diversified, the biggest difference is the format is not the same, one is SWF, one is GIF, and GIF that is the picture, according to Flash inside said GIF is the Zhen animation

PS can also do, and flash animation is more complex than that GIF, you can also program.

I found a dog, is GIF animation, how to get flash in the production of Flash animation?

The idea of animation is: Let the dog walk in the forest.

If you want to do it in my tutorial, download the material first:

In your computer to build a dedicated folder, download method: Right click on the following footage one and 22 pictures, point "picture Save As ...", put it in the folder, the future source file also put this.

You can do it all, just like I do, in fact, this is another use case topic for you to get started.

Material One: The dog is a transparent GIF animated picture: (Must be transparent, can and background synthesis)

Material Two: The forest is an ordinary jpg static picture (picture size 1004x272 pixel):

1, open Flash Software: Point insert, new component

2, change the name to "Animal", behavior select "Movie clip", point OK.

3, into the component editor (note and scene editing differences, no stage, all white.) and a more "animal" component name after Scene 1.

4, the point file in the import (note: Not imported to the library).

5, find the dog's picture (24.gif), checked:

6, automatically frame the behavior of the dog: component production complete.

7, start the background: Point "Scene 1", Back to the scene editor (note that you can not forget to return to the scene), point file. Point "Import to Library".

8, find the background picture: Bjtp.jpg selected:

9, open "Library", click the window, select "Library":

10, pop-up Library window, in the library to find Bjtp.jpg, and click on the top side of the window appear screen.

11, point to the first frame in the layer. Press the screen in the library with the Mouse (upper window), pull into the stage, put the appropriate position.

12, and then set the stage: double click to write "12.0 fps" words, pop-up "document properties" Panel, only to set the height of 272 (and picture the same height)

13, click "Align Tool" (in the Help line), pop-up alignment window, first point "relative to Stage" button. The fifth symbol in the symbol (vertical), and the picture matches the stage.

14, canceling the alignment of the window: under "50" dot Blue:

15, press the function key in the keyboard "F5", the frame is extended to 50. Note: The first frame is black dots, the tail frame is rectangular fast.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.