分享

AE:图层与关键帧动画

 人生好比斗地主 2022-06-29 发布于甘肃

Aftereffects是一个基于层构架的合成软件,首先我们来了解什么是图层。图层就像是含有文字或图形等元素的胶片,一张张按顺序叠放在一起,组合起来形成页面的最终效果。图层可以将页面上的元素精确定位。实际上最终的画面就是由多层画面依次叠加而呈现出现的,熟悉Photoshop的同学应该比较容易理解,AE里面同样也是依据层来进行工作的,After effects中以图层出现的形态主要包括:

图层的类型:A.文本层、B.纯色层、C.形状图层、D.调整图层、E.摄像机图层、F.灯光层、G.空对象。

这里我着重讲解变换里面的五个基本属性

例:新建一个合成,导入第四讲素材包里的PNG1018和PNG1033,分别是一只小鸟和一只猫然后新建合成,选择720P尺寸大小,持续时间给个5秒钟,然后确定,把素材拖入合成。分别放在画面的左边和右边的底角。现在我需要让左边的图层到右边去,而右边的图层到左边去,那么这里就涉及到了关键帧操作,下面我们来了解一下AE里产生动画的基础,即关键帧的设置

那么,什么是关键帧呢?影视或动画中最小单位的单幅影像画面称为帧,相当于电影胶片上的每一格镜头。在动画软件的时间轴上帧表现为一格或一个标记。而关键帧是指角色或者物体运动或变化中的关键动作所处的那一帧。关键帧与关键帧之间的动画可以由软件来创建,叫做过渡帧或者中间帧。关键帧就好像是动画中的原画,在整个动画过程中对最终效果起着决定性的作用。下面, 我们来看关键帧的设定.

首先我们来设置位置属性的关键帧,我们把时间线标尺放置在零秒处,选中左边的猫层,我们看到在其位置属性左边有个码表般的图标,称为关键帧记录器,现在对其进行单击,于是在时间线相应位置出现了一个菱形的点,这个点就是关键帧。它记录的是当前0秒的时候,所选择的猫这一层的位置坐标,然后我们将时间线标尺移动到2秒处,拖拽其位置的X轴数值,使其到达右边,于是我们发现在此处时间所对应的位置属性上,自动添加了一个关键帧点。点击播放按钮,就可以看到,这个图层发生了从左到右的变化。同样,我们可以对另一个图层也做相应操作,使其从右边到达左边,过程中我们只手动记录了一个关键帧点,而另一个关键帧点,我们是更换时间改变其相应属性得到的。然后我们再把时间线放置到运动过程的中间位置,即1秒钟处,把小鸟层往上拉,于是我们发现,小鸟层拉出了一条曲线,从而产生了曲线运动,这条线就是图层的运动路径线。由此我们可以得出,若要产生动画,则至少需要两个属性不同的关键帧点。接下来,我们稍微放大一下小鸟层的运动路径线,发现这条线是由许多个密集排布的点组成的,这每一个点代表的其实就是一帧画面,点和点之间的距离代表的就是当前图层移动的间距。那么大家想想如果我现在把中间的关键帧点,由1秒位置托动到5帧位置时,会发生什么变化呢?我们来试试。

现在我们来看看,前面一段路径线的点是不是变得比较稀琉,而后面一段路径线的点则变得比较密集了。于是我们可以得出,路径线上点的疏密其实就代表了运动速率的快慢。当然,我们还可以点击时间线面板上的图表示来验证。大家可以看到,速率线上有了一个明显的变化,前面高后面低,这也证明我们的判断是准确的。于是大家以后可以简单的从运动路径线上点的疏密,就可以判断图层的运动速率快慢。

下面我们再新建一个合成 ,选择Pal D1/DV,就是PAL制的标清画面,然后导入三个齿轮,将其排布到相应位置,接下来打开旋转属性,这种情况下,如果每次都需要一层层打开变换,我们的时间线操作区域就会显得非常拥挤。实际上,我们经常在操作过程中,使用相应属性对应的快捷键来完成,比如位置属性对应的快捷键为P,旋转属性对应R,缩放属性对应S,锚点属性对应的是A,这些快捷键都是其英文单词的首个字母,唯一例外的是不透明度属性,其对应的快捷键不是Opacity中的O,而是T。我们按一次是打开相应属性,再按一次就是关闭该属性

我们首先让红色齿轮在4秒内旋转4周,注意旋转里面,前面代表圈数,后面代表度数。我们把前面改为4,下面再来设置蓝色齿轮,根据齿轮咬合的关系,蓝色齿轮应该逆时针旋转4周,我们需要把前面的圈数改为-4,这样播放起来,蓝色齿轮就可以和红色齿轮做相反的转动了。再来设置绿色的大齿轮,我们都有这样的经验,齿轮越大,转速应该越慢,于是我设置其在4秒内旋转1周。这样播放一下,我们发现,整体上三个齿轮的旋转是符合逻辑关系的。这里我们齿轮动画一共只有4秒钟,最后一秒是没有动画的。如果我们只想预览前面4秒钟,那么我们就可以把相应的工作区域的结束点往前拖动,这样就不会预览第5秒钟了。当然我们也可以把时间线标尺放到4秒钟的地方,单击键盘上的N键,工作区也会自动回到当前位置。

接下来,我们再来看锚点属性,锚点属性代表的是当前图层的定位点。多数情况下,锚点处于图层的中心,当然你可以刻意去改动它,从而对缩放、旋转的状态进行改变。以刚才的齿轮动画为例,我来重新放置三者之间的位置使其重合,然后在0秒处对三个层的锚点设置关键帧,把时间线标尺拖到4秒钟的地方,改变红色齿轮和蓝色齿轮的锚点位置,现在由于图层的旋转中心发生了变化,于是运动状态也相应发生了改变。

接下来,我们再新建一个320*240大小的合成,然后导入一张图片,对其进行缩放属性的设定让其在1秒钟内由小变大,再选择工具栏上的文本输入工具,在屏幕上单击输入Scale文本,并设定其1秒钟内由大急速变小,然后播放。此时,有些同学就发现这里不太舒服,实际上,这种设定固然没错,但从动画运动规律上来说,急速变化的过程,往往会伴随着一些形变。于是我们可以再来改进一下,单击播放预览按钮往后一帧,设置其大小为80%,下一帧为120%,再下一帧为90% ,再下一帧110%,最后回到100%,此时我们再来播放,我们发现这个文本有了颤动的感觉,在实际使用中,我们许多动画是需要跟随音乐节奏走的,而最终文字落版的时候经常是对应一个音乐的结束强音,让其产生一些颤动会更贴合音乐节奏,比如我们来看段南京视觉术学院的宣传片,在最后的时候,就是这么来处理的。

最后一个属性是不透明度,它和缩放一样,它的作用::控制图层的透明变化。常被用来设定其属性由0到100的动画,用来在画面里产生新的元素或图层。这个属性相对比较直观,由于时间关系,不再详细讲述。

接下来,我们再回到之前做的位置变化的合成,有的同学可能会发现,我刚刚在中间位置的地方把小鸟层往上拉,默认拉出来的是一条曲线,那么如果我现在不想让这条线变成曲线,而是希望它走直线,那么应该怎么处理呢?我们仔细观察图层的运动轨迹线,可以发现其非常类似我们在Photoshop里面使用过的钢笔路径线。于是我们可以尝试使用AE工具栏上的钢笔工具来对其运动路径进行精确控制。我们选中钢笔工具,然后把钢笔工具放在关键帧点上,你会发现,此时它变成了转换点工具,你只要轻轻一点,原来的曲线就变成了直线。如果我们按下鼠标左键轻轻拖动,那么这条线又变成了曲线。不仅如此,当我们把钢笔工具放在路径线上非关键帧位置上时,钢笔工具又变成了添加点工具,点击鼠标左键,产生一个节点,而对应的时间线里面也相应的多出了一个关键帧点,于是,我们就找到了钢笔和路径之间的关系。从而可以更方便的完成一些复杂运动路径的控制。

下面我们来尝试一下,导入素材BG-b,利用其新建一个合成,然后导入字母层H,现在需要H层从画面左边沿着背景层上的路径进行移动。按照传统方法,我们就需要用多个关键帧点对其进行控制,那么在这里,我们可以只打一个开始和结束位置的关键帧,然后在中间的路径线上用钢笔工具添加点,并拖动位置,调整曲线形态,中间的运动过程全部由钢笔来控制,这样我们就完成了全部操作。潘放一下,我们会发现当前的运动完全符合背景的轨迹。

最后,我们来了解一下关键帧的类型。从关键帧的外观形态来看,主要包括以下几种样式:

1、菱形关键帧,是最普通的关键帧;,之前我们接触到的关键帧都属于此类

2、缓入缓出关键帧,能够使动画运动变得平滑,按F9键可以实现。如图动画,我们可以选择中间的关键帧,点击F9健,然后选中前面的第一个关键帧, 点击Shift+F9,再选择最后面的关键帧,点击Ctrl+ Shift+F9,于是就出现了图2和图3的关键帧形态。播放动画时,我们发现整个动画变得比较平滑。

3、箭头形状关键帧,与上个关键帧类似,只是实现动画的一段平滑,包括入点平滑关键帧和出点平滑关键帧。入点关键帧可以按键盘shift+ F9实现,出点是ctrl+ shift+ F9实现。

4、圆形关键帧,也属于平滑类关键帧,使动画曲线变得平滑可控,实现方法是按住ctrl键,点击关键帧即可。

5、正方形关键帧,这种关键帧比较特殊,是硬性变化的关键帧,在文字变换动画中常用,可以在一个文字图层改变多个文字源以实现不用多个图层就能做出不一样的文字变换的效果,在文字层的来源文字选项上打上关键帧就是此关键帧。

6、最后6. 7两个都是停止关键帧,可以在右键点击切换保持关键帧得到。6是曲线关键帧转换成停止关键帧后的状态。7是普通线性关键帧转换为停止关键帧时候的状态,让期间的动画停下来。

例如这样一个动画,我希望其在1秒钟的时候保持住不动,停留到下一个关键帧开始,则可以在关键帧上点击鼠标右键,选择“切换定格关键帧”便可以实现。

课程小结:

1、图层变换里的五个基本属性,即锚点、位置、缩放、旋转和不透明度

2、如何创建关键帧并形成动画效果

3、钢笔工具在图层运动中的使用技巧

4、关键帧的基本操作及类型

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多