AE动效 当前位置:首页 > 设计教程 > 基础教程 > AE动效>正文

无奈表情制作 通过AI和AE实现小动效

【AE动效】 2019-03-16本文已影响

AI部分

步骤一:

新建文档(Ctrl+N),宽度:800 px、高度:600 px、分辨率:72 px。

新建一个背景图层,绘制一个宽800px高600px的矩形,填充为#dfead0。

再新建一个背景框的图层,绘制一个宽210px高330px的矩形,填充为#c0deb2,并将上面两个边角改为105px,将其放置在画面中央。

步骤二:

根据小人儿的动效分成不同的图层绘制出人物身体的各个部分:

 

 

 

 

 

头部是做位置和旋转关键帧;身体是做缩放关键帧;手臂和装饰物做位置关键帧;嘴巴做位置关键帧;左右手分图层做位置和旋转关键帧。

AE部分

步骤三:

将绘制的好的AI文件保存,并导入到AE中,导入种类选择合成,然后选择所有的图层,右键—>从矢量图层创建形状。

步骤四 :

制作各部分的动效:头部是做位置和旋转关键帧;身体是做缩放关键帧;手臂和装饰物做位置关键帧;嘴巴做位置关键帧;左右手分图层做位置和旋转关键帧。
整个时间轴的长度控制在2s,4个关键帧的位置分别在:第0帧、第10帧、第18帧、第24帧。

第一个关键帧和第四个关键帧的数值相同,第二个关键帧和第三个关键帧的数值相同。

设置完所有的关键帧以后框选所有的关键帧,按F9添加缓动。
具体数值如下:
嘴巴:位置:第一帧(第四帧):388,252
第二帧(第三帧):385,263
头:位置:第一帧(第四帧):400,231
第二帧(第三帧):400,249
旋转:第一帧(第四帧):0,0
第二帧(第三帧):0,16.8
装饰:位置:第一帧(第四帧):400,342
第二帧(第三帧):400,322
右手:位置:第一帧(第四帧):478,271
第二帧(第三帧):478,250
旋转:第一帧(第四帧):0,0
第二帧(第三帧):0,27
左手:位置:第一帧(第四帧):321,271
第二帧(第三帧):321,250
旋转:第一帧(第四帧):0,0
第二帧(第三帧):0,-27
身体:缩放:第一帧(第四帧):100,100
第二帧(第三帧):100,112
【注意】:设置身体和左右手的关键帧之前要先用锚点工具调整中心点的位置。

步骤五:

做完全部的动效,就可以添加到渲染队列进行视频导出了,最后再在ps中导出GIF就大功告成了!

看过本文的人还看了
【AE动效】图文推荐
网友评论

关于我们联系我们常见问题友情链接版权声明

Copyright © 2006 - 2020 All Rights Reserved

学方法网致力于为热爱学习的用户提供实用学习方法和有效的学习资讯,是一个免费在线学习的综合平台

学方法网 版权所有 网站地图XML

回到顶部