【干货满满】MG动效制作解析

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

FEVTE编注：更多After Effects实例教程学习交流和After Effects作品发布请访问飞特网After Effects实例教程栏目，地址：https://www.fevte.com/moive/AE/AESL/