Illustrator draw a simple flash animation tutorial to share

Source: Internet
Author: User
For your illustrator software users to share a detailed tutorial on drawing a simple flash animation.
Tutorial Sharing:
For example, we make the countdown number for example to explain the production method, first look at the effect:

Of course, this picture is GIF.
The specific production steps are as follows:
First, create a new document create a new document with a size of QVGA, a color mode of RGB, and a resolution of 72, named Flash animation

Creates a new rectangular path in the artboard, executes the object path split into Grid command, and adjusts the values:

Then adjust the path size appropriately to fill the path with the color:

Then press and hold ALT to move and copy 4 (ctrl+d), and fill the color separately so that the pattern makes up the corresponding number

(Of course, you can make more) for each of the figures in the image of each number of groups, and then, all selected to the center of the artboard. (If your numbers are in order, then the figures in the layers panel are ordered, if not, you must adjust them) and then all selected, select "Release to Layer (order)" in the menu in the Layer pane:

After release as shown in figure:

Then, execute the "file Export" command to export the animation, when exporting, select the export format as *.swf

In the pop-up dialog box, set the export to "AI layer to SWF frame" and click "Advanced" button to set frame rate to 1 frames/sec, layer order from bottom to top ...

Click OK, ok!

Then you can play the viewing effect ...
The effect I made myself:

Well, the above information is small to give you illustrator this software users of the detailed system of simple flash animation tutorials to share all the content, users see here, small knitting believe that everyone first in is very clear the production method of it, Then everyone will go to follow the small part of the tutorial to teach you to try to make it.

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.