animate将flash转换html,【An教程】快速入门Animate（原Adobe Flash）

介绍

Animate其实就是我们之前常说的Flash，只不过换了个名字罢了。在Animate中除了支持原先的Swf文件外还开始支持Html5

创建项目

点击主页左下方「创建」

我们可以对「文件名」「宽高」等内容进行修改

认识界面

我们通过一张图来认识一下界面

绘制图形

在左侧的工具栏中有图形绘制的工具，利用其我们能绘制「矩形」「圆形」「多边形」

在这里我们要注意一点的是：在Animate中默认使用「合并绘制模式」也就是：两个图形重叠时上方的图形会减去下方图形的重叠部分。

但如果我们不想使其进行合并，我们则需要「创建对象」使其处于「对象绘制模式」，如下图所示：

传统补间动画

通过传统补间动画，我们可以使物体的位置发生变化。

在创建传统补间动画前我们先要把原本的图形变为「元件」，接着在想要结束的地方打上「关键帧」并移动元件位置，在两个「关键帧」中我们右键点击「创建补间动画」一个简单的小动画就完成啦。

步骤概括：

1.转化为「元件」

2.打「关键帧」并移动位置

3.创建「传统补间动画」

Ps：按下「Enter」键播放动画

形状补间动画

通过形状补间动画，我们能够实现物体形状变化上的动画。

与之前传统补间动画不同的是，我们在这里不需要转化为「元件」

同样的，我们在想要结束的地方打上关键帧，并进行形状修改，在两个关键帧之间右键选择「创建补间形状」

步骤概括：

1.打「关键帧」并改变形状

2.创建补间形状

导出动画

「文件」-「导出」即可完成导出

Ps：Animate可以导出gif，mov，swf等格式的文件，在这里大家根据需求自行选择即可。