![b17924cc11b45833e5493d2015f60321.png](https://i-blog.csdnimg.cn/blog_migrate/64122b8211d9b265e6bfc4367a4abf1e.png)
介绍
Animate其实就是我们之前常说的Flash,只不过换了个名字罢了。在Animate中除了支持原先的Swf文件外还开始支持Html5
创建项目
点击主页左下方「创建」
我们可以对「文件名」「宽高」等内容进行修改
![13b29a0fd909a74590a61afb16697aac.png](https://i-blog.csdnimg.cn/blog_migrate/b998e7c306fa253fd2dd241b0d72e050.jpeg)
认识界面
我们通过一张图来认识一下界面
![52fd6098a6bafaba0686a7713adceaf1.png](https://i-blog.csdnimg.cn/blog_migrate/451f6356f07af95b84468187a52944a8.jpeg)
绘制图形
在左侧的工具栏中有图形绘制的工具,利用其我们能绘制「矩形」「圆形」「多边形」
![d8beb5515cf2c9988b0c067f2ed2cd84.png](https://i-blog.csdnimg.cn/blog_migrate/977b26f0d21d458f19bddd240591a359.png)
在这里我们要注意一点的是:在Animate中默认使用「合并绘制模式」也就是:两个图形重叠时上方的图形会减去下方图形的重叠部分。
但如果我们不想使其进行合并,我们则需要「创建对象」使其处于「对象绘制模式」,如下图所示:
![044dd17adeb1176384601fc3d386bafe.png](https://i-blog.csdnimg.cn/blog_migrate/1d974790f1aa82f294d7c262011d5d1d.jpeg)
传统补间动画
通过传统补间动画,我们可以使物体的位置发生变化。
在创建传统补间动画前我们先要把原本的图形变为「元件」,接着在想要结束的地方打上「关键帧」并移动元件位置,在两个「关键帧」中我们右键点击「创建补间动画」一个简单的小动画就完成啦。
步骤概括:
1.转化为「元件」
2.打「关键帧」并移动位置
3.创建「传统补间动画」
Ps:按下「Enter」键播放动画
![b06c2fc4696328d01d1d235b5750a9e4.png](https://i-blog.csdnimg.cn/blog_migrate/ebf41159601c8bab49a395769dd47a17.jpeg)
形状补间动画
通过形状补间动画,我们能够实现物体形状变化上的动画。
与之前传统补间动画不同的是,我们在这里不需要转化为「元件」
同样的,我们在想要结束的地方打上关键帧,并进行形状修改,在两个关键帧之间右键选择「创建补间形状」
步骤概括:
1.打「关键帧」并改变形状
2.创建补间形状
![cca0a2f7baa3f3cf32fecb1359671202.png](https://i-blog.csdnimg.cn/blog_migrate/d5a2144e5a256084791d3660bcdd58a9.jpeg)
导出动画
「文件」-「导出」即可完成导出
Ps:Animate可以导出gif,mov,swf等格式的文件,在这里大家根据需求自行选择即可。
哦,写完啦!
欢迎关注我的b站账号呀,最近准备出Adobe系列软件的使用教程。
哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibilispace.bilibili.com