猫猫很好，猫猫不会鸽你，猫猫爱你。

答应大家出动图教程的。
咱做动图其实也没几天，可能技术还不是特别成熟，希望大家有问题的地方可以及时指出来❤。

注意：这个教程是用于制作像我先前博客那样的动图的速成教程，如果想成为一名动画师的话还是好好去找资料学习吧。

那么我们开始吧——

首先，认识一下An吧

说实话，在我开始写链表刷题（四）之前，我一直都是使用的flash8来制作动图，然后在网上冲浪的时候发现了flash的升级版本An。
好用，遂，叛教。

总之先把An下下来。

• 界面是这个样子的。

我们只要考虑这两个画圈的地方就好，上面是调整画布长和宽，如果对它没有什么概念的就按照默认的来就好。
反正是可以改的。

• 然后就可以进入我们工作的界面：
  

• 看上去很复杂对不对，我们来一个区块一个区块讲解。

①区，我不怎么用但其实很重要

个人使用观感：里面的很多功能都可以由别的区域实现。
介绍这个区域主要是想介绍一下标尺这个东西。

这样就不用担心贴歪素材了！
如果不喜欢这种软件还自带辅助线，也可以实现对齐的功能。

总之这个区域对初学者来说就会这个就好，没啥特别重要的。

②区，要和④区混合食用

在什么工具都没有使用的状态下（或者第一个选择工具选择了画布），此时属性就是画布的属性。

我们重点了解一下这些：

• 发布：我们放到最后面保存动图的时候讲。
• FPS（帧率），表示一秒有多少帧，一秒帧数越高画面越流畅，我这里是使用的默认24fps，要是觉得太高15左右也是可以的。
• 大小，可以修改画面的长和宽。
• 舞台，画布的背景颜色。 喜欢什么，就调什么，如果不喜欢这些配色也可以点击右上角框出位置进行调色。

现在我们看向右边的工具箱。

可能会用到的工具们，我们按照区块去了解。

选择，自由变形，套索工具

我们先使用矩形工具画两个矩形，然后使用选择工具选择左边的矩形：

可以看见左边的矩形有一个蓝色的边框，这个就代表它被选中了。
也可以按住shift选择多个矩形，当然也可以像选择文件一样用鼠标拖出一个框框去选择。这样都是可以的。

自由变形:选择它，可以旋转，可以缩放，可以扭曲，干就完了。

套索：是一种很特殊的选择，我们放到下一条来讲。

绘图工具（以线条为例）

钢笔：专门画曲线的工具。

钢笔下面的直线：专门画直线的工具。

以钢笔工具为例，讲解一下它们的属性栏。

填充和笔触：

就是选择颜色，由于是线条所以没有填充。
百分比表示透明度，右边的表示不需要颜色。

对象绘制模式：

按照我的理解就是整体和局部的关系。我们分别用两种模式来画一条线试试。

选中它们康康有什么区别？
可以看出对象绘制模式属于一个整体，而关闭以后变成了一堆点状物。

这个时候我们就可以引入套索这个工具了！

我们套住这两条线的右半段，对象绘制依旧选择了整体，而非对象绘制选中了右半段。

我们继续，选择整个非对象绘制图型，属性栏里面多了这一项：

选中它，我们就可以把它变成一个对象绘制图形了。

同理，这个分离也可以把对象绘制图形变成非对象绘制图形。

笔触、样式和宽度

笔触：调整粗细。
样式：调整类型。

也可以通过画笔库来选择绘制箭头。

宽度：感觉不是特别使用，看看效果就行。

一些特性

• 我们可以通过选择工具对线条就行弯曲。标志：鼠标变成了逆时针的样式
  

• 扩展成填充：会使线条失去线条的属性。

案例：箭头的绘制

由于an里面可以绘制箭头，但是箭头太大，不够美观，那么我们怎么画出美观的箭头呢？

我们使用这种箭头：

用橡皮去擦后面的尾巴，发现擦不掉。

我们把它扩展以填充：

就可以擦掉了。

手型工具和放大镜

一个移动一个放大，不细讲了。

③区和⑤区

元件

用我们刚刚的箭头来讲一下③区。
选中，转换为元件。

库里面就有了这个元件。

在里面对这个元件进行修改会影响外面。

但反过来不会。

图层

⑤区可以分成左右俩部分。
左边是图层，右边是时间轴。
啥是图层呢？可以理解成一层一层的透明纸叠加起来的东西。

上面的图层里面的东西可以盖住下面的。
在不同图层画两个不同的矩形，灰图层在上面。

把灰图层移到黑的上面。

如果把俩图层更换一下位置：

时间轴

讲到时间轴就要讲到帧，帧分为三种：

• 帧
• 关键帧
• 空白关键帧

我们可以建立帧，来决定这个动画一共走多久。

关键帧可以建立在要被修改的位置。
前十帧黑方块在灰方块上面，十一帧插入了关键帧后就可以改变十一帧以后灰方块的位置。

空白关键帧
消除关键帧的影响，使得之后黑方块不在动图之中存在。

动画制作

传统补间动画

可以制作一些简单的平移。
摆好元件的起始位置和结束位置。


在中间的空挡处创建传统补间。

然后就能动起来了。

可以ctrl+enter看一下效果。

遮罩动画

我一般把它用来制作消失动画。

什么是遮罩呢。
我们先画一个黑色矩形将箭头盖住。
箭头就看不见了对吧。

然后我们设置遮罩层。

运行动画，发现能看见箭头。
我们制作一个把黑色矩形移开的传统补间动画。

效果是这样的。

结论：只有遮罩层覆盖住的图层内容可以被看到。

来做动画吧！

其实到现在才开始讲怎么做动画。
那为什么前面要讲这么多？

有了原理解决起来问题也方便嘛。
是吧…

其实吧是因为真的很简单所以为了水字数就写了一大堆。

我们选择制作这个图：

• 绘制元件
  
  画一个圆，中间加上文字。

转换为元件：

直接复制这个，我们就有了一个这个元件的拷贝，我们只要修改拷贝文件里面的文字就可以把所有的节点都做出来了。

• 然后分图层把所有的元件都链接好。（不要在意下面的补间动画，这个使用的我之前做好的文件）
• 给箭头制作移动的补间。
• 每一次补间结束的时候文字的计数改一下。
  
• 走到头的时候箭头图层插入空白关键帧重置一下位置。
  
  
• 继续制作补间就好了。
• 点击发布
  好了。

---

最后

动画制作真的不难，但是一定要分好图层，不然以后修改起来会很麻烦。

天辣这个玩意花了我一天。