恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AE教程:波浪&操纵点动效
0.0°
2018-06-01 原创文章 教程 举报 18661 480 585 43

课前准备


必须下载的素材

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


插件下载

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



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


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


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






微信公众号:LEO的Blender的课堂

更新:2018-06-01

收藏

480人已收藏

UILEO

微信:hjj199394

  • 103

    作品

  • 2w

    粉丝

  • 4

    关注

  • 【建模教程】万万没想到就学了小火箭,我的Blender就入门
  • 【Blender教程】万圣节南瓜头零基础教程
  • 顶配M1 Max渲染到底有多强?来看一看和3090的实测对比
  • 现阶段应该学习Blender还是Cinema 4D
相关标签

    猜你喜欢

      2018-06-01 原创文章 教程 举报 18661 480 585 43

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

      0.0°

      你确定要举报AE教程:波浪&操纵点动效

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年05月31日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      585
      480
      43

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录