AE CC Sphere插件制作流畅圆球读取动画效果

来源：本站整理作者：梦在深巷时间：2015-09-16 18:13:07

这篇教程教AE学习者们使用AE CC Sphere插件制作流畅圆球读取动画效果，教程难度一般，效果主要是运用滤镜插件制作出来的。动画效果还挺不错的，推荐一下和飞特的朋友们一起分享学习了，，同时感谢原创作者"快乐快乐快乐"的原创分享!

主要讲解圆球的读取动画哦~涉及到ae的一款很有用的插件：CC Sphere，中文应该叫CC 球体

首先感谢MartinRGB翻译并分享Marcus Eckert的文章，没有你，也不会有这篇教程。(Marcus Eckert 大家可以在dribbble上查到)

此次教程主要讲解Martin所翻译文章中的一个app页面读取动画，我大概仿照着做了下：

AE CC Sphere插件制作流畅圆球读取动画效果

结合我讲的摄像机控制，让页面变成3D透视的，再加点细节：

AE CC Sphere插件制作流畅圆球读取动画效果

是不是很带感?

单独看下球体读取动画效果：

AE CC Sphere插件制作流畅圆球读取动画效果

仔细观察，这个有趣的动画的key点在于中心的动画演变，其实是一个一半空，一半白色的球体在旋转。

如何在ae中制作一个球呢?

答案是：CC sphere。

我们建立一个合成，尺寸为800*600(其他的尺寸也可以，无所谓，因为材质是纯色。)，在合成中建立一个白色固态层。

我们把刚刚建立的合成添加到一个新的合成中，并且对刚才的合成添加CC sphere，马上就会得到一个球体了我们调节参数，让它变为纯色的圆球(Ambient调高即可)。

接下来重要的一步，我们把这个合成中白色固态层的X轴移出一半

我们出去看一下球体变成什么样子了此时，我们调节插件中的rotation参数的Y轴参数，你会发现我们还是得不到想要的效果，那是因为我们在插件中的渲染设置为全部，把这个选项选为outside

这回再次调节Y轴参数，我们得到了想要的动画，设置关键帧即可得到最终效果了!(Y轴在90度时全白，自行调节关键帧即可啦。)

我们在圆球的最外层添加一个圆形遮罩，索性再加个3Dstroke，我之前讲过的。即可得到我们的圆球读取动画了!

效果讲解完毕，我觉得效果实现可能没有那么难，但是大师们的创意很珍贵，大家可以发散思维去想，去创意，这甚至可能会比技术还要重要。

这两天有点小忙，所以教程更新不是很快，见谅~

扩展：

CC sphere可以达到很多有趣的效果，其中最有意义的便是地球的制作了：

AE CC Sphere插件制作流畅圆球读取动画效果

如果有好的美术画一个手绘的地图材质的话......(楼主曾经做的一个H5页面动效)

AE CC Sphere插件制作流畅圆球读取动画效果

OK，就说到这里