这个是目录
猫猫很好,猫猫不会鸽你,猫猫爱你。
答应大家出动图教程的。
咱做动图其实也没几天,可能技术还不是特别成熟,希望大家有问题的地方可以及时指出来❤。
注意:这个教程是用于制作像我先前博客那样的动图的速成教程,如果想成为一名动画师的话还是好好去找资料学习吧。
那么我们开始吧——
首先,认识一下An吧
说实话,在我开始写链表刷题(四)之前,我一直都是使用的flash8来制作动图,然后在网上冲浪的时候发现了flash的升级版本An。
好用,遂,叛教。
总之先把An下下来。
- 界面是这个样子的。
我们只要考虑这两个画圈的地方就好,上面是调整画布长和宽,如果对它没有什么概念的就按照默认的来就好。
反正是可以改的。
-
然后就可以进入我们工作的界面:
-
看上去很复杂对不对,我们来一个区块一个区块讲解。
①区,我不怎么用但其实很重要
个人使用观感:里面的很多功能都可以由别的区域实现。
介绍这个区域主要是想介绍一下标尺这个东西。
这样就不用担心贴歪素材了!
如果不喜欢这种软件还自带辅助线,也可以实现对齐的功能。
总之这个区域对初学者来说就会这个就好,没啥特别重要的。
②区,要和④区混合食用
在什么工具都没有使用的状态下(或者第一个选择工具选择了画布),此时属性就是画布的属性。
我们重点了解一下这些:
- 发布:我们放到最后面保存动图的时候讲。
- FPS(帧率),表示一秒有多少帧,一秒帧数越高画面越流畅,我这里是使用的默认24fps,要是觉得太高15左右也是可以的。
- 大小,可以修改画面的长和宽。
- 舞台,画布的背景颜色。
喜欢什么,就调什么,如果不喜欢这些配色也可以点击右上角框出位置进行调色。
现在我们看向右边的工具箱。
可能会用到的工具们,我们按照区块去了解。
选择,自由变形,套索工具
我们先使用矩形工具画两个矩形,然后使用选择工具选择左边的矩形:
可以看见左边的矩形有一个蓝色的边框,这个就代表它被选中了。
也可以按住shift选择多个矩形,当然也可以像选择文件一样用鼠标拖出一个框框去选择。这样都是可以的。
自由变形:选择它,可以旋转,可以缩放,可以扭曲,干就完了。
套索:是一种很特殊的选择,我们放到下一条来讲。
绘图工具(以线条为例)
钢笔:专门画曲线的工具。
钢笔下面的直线:专门画直线的工具。
以钢笔工具为例,讲解一下它们的属性栏。
填充和笔触:
就是选择颜色,由于是线条所以没有填充。
百分比表示透明度,右边的表示不需要颜色。
对象绘制模式:
按照我的理解就是整体和局部的关系。我们分别用两种模式来画一条线试试。
选中它们康康有什么区别?
可以看出对象绘制模式属于一个整体,而关闭以后变成了一堆点状物。
这个时候我们就可以引入套索这个工具了!
我们套住这两条线的右半段,对象绘制依旧选择了整体,而非对象绘制选中了右半段。
我们继续,选择整个非对象绘制图型,属性栏里面多了这一项:
选中它,我们就可以把它变成一个对象绘制图形了。
同理,这个分离也可以把对象绘制图形变成非对象绘制图形。
笔触、样式和宽度
笔触:调整粗细。
样式:调整类型。
也可以通过画笔库来选择绘制箭头。
宽度:感觉不是特别使用,看看效果就行。
一些特性
-
我们可以通过选择工具对线条就行弯曲。标志:鼠标变成了逆时针的样式
-
扩展成填充:
会使线条失去线条的属性。
案例:箭头的绘制
由于an里面可以绘制箭头,但是箭头太大,不够美观,那么我们怎么画出美观的箭头呢?
我们使用这种箭头:
用橡皮去擦后面的尾巴,发现擦不掉。
我们把它扩展以填充:
就可以擦掉了。
手型工具和放大镜
一个移动一个放大,不细讲了。
③区和⑤区
元件
用我们刚刚的箭头来讲一下③区。
选中,转换为元件。
库里面就有了这个元件。
在里面对这个元件进行修改会影响外面。
但反过来不会。
图层
⑤区可以分成左右俩部分。
左边是图层,右边是时间轴。
啥是图层呢?可以理解成一层一层的透明纸叠加起来的东西。
上面的图层里面的东西可以盖住下面的。
在不同图层画两个不同的矩形,灰图层在上面。
把灰图层移到黑的上面。
如果把俩图层更换一下位置:
时间轴
讲到时间轴就要讲到帧,帧分为三种:
- 帧
- 关键帧
- 空白关键帧
我们可以建立帧,来决定这个动画一共走多久。
关键帧可以建立在要被修改的位置。
前十帧黑方块在灰方块上面,十一帧插入了关键帧后就可以改变十一帧以后灰方块的位置。
空白关键帧
消除关键帧的影响,使得之后黑方块不在动图之中存在。
动画制作
传统补间动画
可以制作一些简单的平移。
摆好元件的起始位置和结束位置。
在中间的空挡处创建传统补间。
然后就能动起来了。
可以ctrl+enter看一下效果。
遮罩动画
我一般把它用来制作消失动画。
什么是遮罩呢。
我们先画一个黑色矩形将箭头盖住。
箭头就看不见了对吧。
然后我们设置遮罩层。
运行动画,发现能看见箭头。
我们制作一个把黑色矩形移开的传统补间动画。
效果是这样的。
结论:只有遮罩层覆盖住的图层内容可以被看到。
来做动画吧!
其实到现在才开始讲怎么做动画。
那为什么前面要讲这么多?
有了原理解决起来问题也方便嘛。
是吧…
其实吧是因为真的很简单所以为了水字数就写了一大堆。
我们选择制作这个图:
- 绘制元件
画一个圆,中间加上文字。
转换为元件:
直接复制这个,我们就有了一个这个元件的拷贝,我们只要修改拷贝文件里面的文字就可以把所有的节点都做出来了。
- 然后分图层把所有的元件都链接好。(不要在意下面的补间动画,这个使用的我之前做好的文件)
- 给箭头制作移动的补间。
- 每一次补间结束的时候文字的计数改一下。
- 走到头的时候箭头图层插入空白关键帧重置一下位置。
- 继续制作补间就好了。
- 点击发布
好了。
最后
动画制作真的不难,但是一定要分好图层,不然以后修改起来会很麻烦。
天辣这个玩意花了我一天。