An Tutorial Quick Start Animate (formerly Adobe Flash)

Animate is actually what we used to call Flash, but under a different name. In addition to supporting the original Swf files, Animate also supports Html5

Creating a project

Clicking on "Create" at the bottom left of the home page

allows us to modify the "filename", "width and height", and so on

Getting to know the interface

Let's go through the interface with a diagram

Drawing Drawing

In the left toolbar there are tools for drawing rectangles, circles, and polygons

One thing to note here is that Animate uses a "merge mode" by default, which means that when two shapes overlap, the top one subtracts the overlap of the bottom one.

But if we don't want to merge them, we need to create the object so that it is in Object Draw Mode, as shown in the following figure:

Traditional Patch Animation

With traditional patch animation, we can make the position of the object change.

Before creating a traditional interpolation animation, we first need to change the original graphic into a "component", and then hit the "keyframes" where we want to end and move the component position, and then in the two "keyframes", we right-click on the "Create Interpolation Animation" to create a simple little animation is complete.

Summary of steps:

1. Convert to Component

2. Hit the keyframe and move the position

3. animation on changes in the shape of an object.

Unlike the traditional interstitial animation, here we don't need to transform into a component

Similarly, we keyframe where we want to end up and modify the shape, right-clicking between the two keyframes and choosing Create Interstitial Shape

Steps in a nutshell:

1. Keyframes and shapes

2. Create a patch shape

Export animation

"File" - "Export" to complete the export

Ps: Animate can export gif, mov, swf and other formats, where you can choose according to the needs of their own.

Ps: Animate can export gif, mov, swf and other formats.