AE制作MG动画特效解析

  发布时间:2016-12-26 15:24:52   作者:佚名   我要评论
AE中,端点实现并不能直接赋予线条,而是单独做一个小正方形图层(你所看到的端点都是4px的正方形)作为端点。端点如何跟正方形进行交互联动便需要通过表达式实现了,下面就为大家介绍AE制作MG动画特效,来看看吧

波形部分,它算是一个折腾我蛮久的东西了。AE本身自带正弦波效果,但是只能做最基本的正弦等几个规律性很强的波形(我不确定我做法是否正确)。为此我运用到了另一个效果器——置换图(效果 – 扭曲 – 置换图)

置换图的意思就是,假定一个点A,添加置换图效果,设置置换方式为最大垂直置换100,制作一张纯白色图B,把置换图层改为B,则A会向上运动100px。如果制作一张灰度50的图C,把置换图层改为C,则A会向上移动50px。那同样道理,如果我画一条细线,给细线置换效果,并置换图层是一个黑白渐变循环的图层,则就会出现可控的波形曲线了吧!

于是我做了下面的置换图:

通过调节参数产生了如图波形:

通过控制渐变置换图层黑白过渡的变化,来达到波形的运动。这样极大得波形可控性。包括镜面波形也通过这样方式去制作,来达到水滴入水波的涟漪波形效果。

chapter 3

为了表现空间感,我设计了三个小球的空间运动,三个不同颜色代表三个主色域,在运动上,想让其看起来不像是屏幕的轨迹上。这里,我开始踩了一个坑,因为我开始尽可能画出一条像空间旋转的曲线来实现。通过控制小球运动的速度,大小来让其看起来像空间运动,但是我整整花了两个小时去调整一条曲线,而且转角部分始终看起来很别扭。

我得用更好的方法了…我想,既然是做空间旋转运动,为什么不可以直接定义空间的坐标,把运动想象成一个改变半径r和轨迹圆上角alpha坐标位置的点。

代码如下:

r = effect("radius")("滑块");//定义半径alpha = effect("alpha")("滑块");//定义角度A =alpha* Math.PI / 180;//角度值映射为弧度x = r * Math.cos(A);//点的x轴坐标值z = r * Math.sin(A);//点的Z轴坐标值[x,0,z]//空间坐标输出

几乎算得上完美解决了空间中旋转的问题,但诞生了另一个致命问题,AE对三维运行的性能问题,使得修改起来极其吃力,毕竟一台13寸集成显卡的MacBook pro…如果下次再设计类似运动,我一定在表达式中通过数学方法把空间坐标映射到屏幕二维坐标…

小球运动拖尾,用了particular插件的次级粒子,实现拖尾效果比AE自带拖尾会好很多。性能上也还算能接受,这里就不详细说明了。

Chapter 4

这章节原计划表现空间粒子,光影色彩等。其实有点受与时间关系,减少了很多想法(毕竟这时候已经到十一月中旬,公司项目加急阶段…每天11点以后才能下班。)

开头的线条雨,用了particular插件的box发射器,加拖尾效果,以及增加了地板kill。如下图:绿色为kill地板,粒子到地板则被kill。上面为空间摄像机,通过摄像机运动来实现空间线条雨的效果。

彩虹伞,其实这里纠结了一下,本来想用画一个八边形然后附上颜色,再通过放大来制作打伞样式。但总觉得细节上少了很多,于是我在C4D中做了一个更真实的撑伞动画。把伞的顶部加上顶视图摄像机,伞在打开的过程中是有一些细微的变化以及本身布料形状的变化的,这些细节的存在才让伞面撑开动画看起来更自然。

我还是蛮喜欢彩虹伞这部分的,伞面撑开旋转,用plexus做了几个粒子,当成雨滴吧。动画快结尾部分,有个点阵列涟漪效果其实蛮有趣的,它的灵感来自几年前苹果的电视广告「Designed by Apple in California」中的一段。一直想知道那样的效果如何实现才自然,直到后来,我找的了应用C4D阵列运动的方法。大概做一个平面的点阵列,然后给整列一个向上波运动的效果。通过这种结合的方式,让MG动画中元素运动得更自然,更符合预期吧。

视频中:

其在C4D中:

最后

我选了几天的背景音乐,目前还没有能力自己制作音频…最后选择了X-Ray Dog 的一首《If You Ask Me》中的前半部分。当然,导出视频后,在Pr中通过剪辑调速对音乐进行节拍对齐,这也是个苦力活,把运动一帧一帧对齐音频的节拍。

然后…导出成品…End。正好赶在生日当天发出来。

最后的最后,我想说,每次独立做一个大工程(算大了吧…)虽然耗费大量时间精力,确实可以学到不少新的知识,尤其是像我这种非科班的设计狗,更喜欢去解决那些技术上的难题。之所以喜欢做这些,一方面觉得它有趣,另一方面也在不断探索自己设计上更多的可能吧。我总会自学下三维,动效应用的编程,那些看起来跟目前工作不相干的,很多人总认为UI设计师是天天画界面画icon的,直到某天开始,团队开始接触VR方面/三维方面…原来自己折腾的东西并不是没有价值的。今后打算继续学习三维方面,着重在材质,三维动态图形,三维角色,这些方面进行一些新的尝试吧。(卧槽TM你的生活呢?!!)

感谢许欣冉同学在我遇到难题时帮忙搜寻了无数宝贵的教程资料,感谢divon在字体配乐方面的帮助以及视频中给予的修改意见。

如果其他还有问题,我后台回复吧,么么哒。以及凌晨三点半了…睡觉!

未来会有更好的片子

I am a designer

I am poupo

相关阅读:

AE怎么制作一个圆形波纹加载动画?

AE怎么制作文字逐字出现的动画效果?

ae怎么制作墨水滴入水中溶解的动画? ae水墨特效教程

ae形状层怎么制作动画? ae形状图层动画效果的详细教程

相关文章

  • AE结合PS将古色古香的国画转成带景深的3D动画

    这篇教程是向脚本之家的朋友分享AE结合PS将古色古香的国画转成带景深的3D动画方法,操作很简单,只需两招就能搞定,文章介绍地很详细,推荐过来,希望大家喜欢
    2017-01-08
  • ae效果和预设怎么设置?

    ae效果和预设怎么设置?ae中想要做一个效果,该怎么添加效果呢?添加效果一共有三种方法,下面我们就来详细介绍一下,需要的朋友可以参考下
    2016-12-28
  • AE怎么制作一个圆形波纹加载动画?

    AE怎么制作一个圆形波纹加载动画?我们经常会看到一些加载动画,今天我们就来看看使用ae绘制一个圆形波纹显示加载进度的动画,需要的朋友可以参考下
    2016-12-25
  • AE CS6无法卸载并报错该怎么办呢?

    AE CS6无法卸载并报错该怎么办呢?ae中想要卸载ae却发现没办法卸载,该怎么办呢?下面我们就来看看成功卸载的方法,需要的朋友可以参考下
    2016-11-25
  • After Effects怎么画虚线? ae虚线的绘制方法

    After Effects怎么画虚线?ae中先要绘制图形,需要使用虚线,该怎么绘制虚线呢?下面我们就来看看ae虚线的绘制方法,这是基础教程,需要的朋友可以参考下
    2016-11-20
  • AE怎么导入字体? AE添加新字体的教程

    AE怎么导入字体?ae中默认的字体是英文字体,中文字体很少,想要插入一些新字体,该怎么添加呢?下面我们就来看看给AE添加新字体的教程,很简单,需要的朋友可以参考下
    2016-11-16
  • AE和PS分别制作下雪的动画特效方法介绍

    这篇教程是向脚本之家的朋友分享AE和PS分别制作下雪的动画特效方法,教程真的很不错,分别介绍了这两款软件的制作方法,有兴趣的朋友可以参考本文
    2016-11-09
  • ae怎么给视频添加冲击波效果?

    ae怎么给视频添加冲击波效果?想给视频添加一个冲击波效果,很好看,该怎么做呢?下面我们就来看看ae中添加冲击波效果的教程,很简单,需要的朋友可以参考下
    2016-11-06
  • AE怎么使用Keylight插件更换视频背景?

    AE怎么使用Keylight插件更换视频背景?想给视频更换背景,该怎么更换呢?下面我们就来看看使用se插件Keylight更换视频背景的教程,很简单,需要的朋友可以参考下
    2016-11-01
  • AE CC2015怎么快速实现中英文转换?

    AE CC2015怎么快速实现中英文转换?AE CC2015版本想要将英文切换成中文界面,该怎么切换呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-10-30

最新评论