AE教程:波浪&操纵点动效

原创文章 分类: 教程 版权:
16186 412 529 39
2018-05-31
150.7
首页推荐

课前准备


必须下载的素材

本文所需要的素材 网盘下载


插件下载

AE关键帧弹性缓入缓出曲线调节MG动画脚本插件 下载插件


源文件下载

6月6日将放出源文件



按照惯例开始继续啰嗦下


1、希望大家可以私聊我说说自己想学的效果,这样我可以出一些大家都希望学的教程


2、谢谢所有关注并支持本教程的小伙伴,由于每个教程制作的时间太过于长,所以在有些地方或许会有些不足,也欢迎大家提出意见


假如卡在一个地方可以进群或者私信我



一、确定所需要做的动效


1、将素材导入到AE

2、制作火焰动效

3、制作水波动效

3、制作水滴动效


Image title



二、将素材导入到AE中



1、准备开始绘制

打开AI软件,创建一个1000*800的画板

Image title


打开素材文件夹可以看到所有的文件,将其除了蒙层文件都导入到AE中

Image title

Image title

Image title


为了方便移动,将酒精灯、烧杯、酒精瓶的内图层等的父级拖到外图层

Image title


将其拼合如下图即可


Image title



三、如何制作火焰动效


选中“火焰内”,选中"Ctrl+P"操控点工具,在小火焰的上中下各打一个点

Image title


继续选中“火焰内”,按"U"即可看到其3个点的关键帧

Image title


将时间轴移到1S处,按“N”将终点移到这,并且在中间点和终点将3个操纵点都打上关键帧

Image title

选中操纵点1,然后将时间轴移到前2个点的中间,选择画布的点并将其操作点右移

Image title


继续将时间轴移动到后2个点的中间,选择画布的点并将其操作点左移

Image title


同理做出火焰外的动效,下图是已完成的动画


Image title




四、如何制作水波动效


这里有3个地方有水波动效,烧瓶,酒精灯和杯子中,这里用烧瓶做个例子
将“蒙层_酒精灯”导入进去,放在酒精灯_内和酒精灯_外之间


Image title


然后创建一个长条形状
将其形状的颜色加上渐变,#00EAFF - #006CFF


Image title

Image title


然后将其图层放到“蒙层_酒精灯”后面,并且选中"TrkMat"中第一个选项,

Image title


隐藏“蒙层_酒精灯”图层即可

Image title


打开“效果 - 扭曲 - 波形变形”

Image title


修改其波形高度为2,消除锯齿调整为“高”

Image title


接下来需要再次在原处创建一个淡淡的波形
重新复制一个波形


Image title


选中“形状图层1”处,将透明度调整为30%,并且将其时间轴往前拖动一段距离,和形状图层2错开即可

Image title


以下为制作完成的动效


Image title


继续完成烧杯、烧瓶的水波动效

Image title


然后在烧杯中加入气泡的动效
气泡从瓶底到水面上是一个从小到大的动画,并且速度由快到慢

首先创建一个圆形图层,在“酒精灯_外”的下侧,颜色渐变为#00EAFF - #ffffff ,透明度为30%


Image title



按下"P"调整位置,在初始帧定位,并且在终点将位置移动到水面上
接着按下“S”调整大小,在初始帧定位,将缩放调整为0,并且在终点将缩放调整为100
然后按下“T”调整透明度,在初始帧位置调整为100%,终点调整为0%


Image title



为了真实性,可以按“G”钢笔,添加2个点,然后手动调整位置的线,将其调整为曲线

Image title


按这个步骤继续做出3-5个其他的气泡

可以设几个由时间轴的“起点到中间点”和“中间点到终点”的气泡,这样气泡就可以不断的运动,而不是由于时间轴的运动一阵一阵的


Image title


五、如何制作出水滴动效

按“Y”将其锚点挪动水滴上部

Image title


按“S”在起始点打上关键帧并且将缩放设置为0,并且在中间的时间轴设置缩放为100%
按“P”在中间点打上关键帧,并且在最终点将水滴移动到瓶内


Image title


为了让水滴更加真实可以加上缓动
首先选中S(缩放)的2个点,打开弹性插件,将其加上缓动动效

具体教程可以点击查看上一个教程“AE教程:汽车开动&弹性动画【重要】”


Image title

然后选中P(位置)的2个点,打开弹性插件,将其加上缓动动效

Image title


然后将水滴加上运动模糊

Image title

Image title



这个教程也是我现学现卖,希望大家能一起进步,而且码字这么辛苦,真的不关注下吗???


版权申明:本文为我的原创文章,如有转载请附上作者和链接哦~


也欢迎加入设计群, 一起交流设计






UILEO

UILEO群号码:519675228

7525粉丝/2关注

原创小生
UI DESIGN系列教程之《 颜色篇 》&自学方法UI DESIGN系列教程之《 文字篇 》
5
UILEO

听说在教程中加广告会被关小黑屋,所以经过我深思熟虑就在这加个 427626274

精彩!

UILEO

UILEO

UILEO群号码:519675228

原创小生

扫描二维码
去手机端查看海报

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN