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等格式的文件,在这里大家根据需求自行选择即可。

你可能感兴趣的:(animate将flash转换html,【An教程】快速入门Animate(原Adobe Flash))