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

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

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

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

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



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



是不是很带感?

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



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

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

答案是:CC sphere。

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

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

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

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

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

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

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

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

扩展:

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



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



OK,就说到这里

(0)

相关推荐

  • ae cc sphere 是什么意思?

    ae cc sphere 可以拆分开来解释. After Effects简称"AE"是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台.动画制作 ...

  • AE制作圆球读取动画

    主要讲解圆球的读取动画哦~涉及到ae的一款很有用的插件:CC Sphere,中文应该叫CC 球体 首先感谢MartinRGB翻译并分享Marcus Eckert的文章,没有你,也不会有这篇教程.(Ma ...

  • AE制作APP界面gif动画效果

    我们在进行交互设计的时候,大部分时间是基于界面和功能逻辑的考虑,也适当的进行了交互效果的考虑,那么我们如何把交互的效果直观的表现出来呢,除了用axure做出交互的动态效果,ps绘制GIF图,代码设计动 ...

  • ae怎么制作爆炸文字的动画效果?

    ae中想要制作一个文字动画,该怎么制作呢?下面我们就来看看详细的教程. 1.首先我们打开ae创建合成后新建一个文本图层并输入内容. 2.在效果预设中找到碎片效果双击应用. 3.接着我们在左侧效果设置中 ...

  • AE怎么做光线围绕人物穿梭的动画效果?

    AE想要使用第三方插件制作一个光线穿梭的动画.做好以后就可以制作实现的视觉效果很漂亮,下面我们就来看看详细的教程. 1.首先,导入素材,我这里做的是让光线围绕着一个有动画的人穿梭的效果,人物动画的部分 ...

  • AE表达式实现心形来回飘散的动画效果

    今天为大家分享AE表达式实现心形来回飘散的动画效果方法,教程真的很不错,方法也很简单,适合新手来学习,来看看吧! 下面是具体的制作步骤: 1. 首先,先送大家一颗心. 2. 导入ae,花个mask稍微 ...

  • PPT如何制作单词认读动画效果

    PPT制作单词认读动画效果的方法 1.首先制作放入单词的便签.插入--形状--基本形状--折角形.在舞台的横线下拉出一个大小合适的折角形. 2.绘图工具--格式--形状效果--阴影--阴影选项. 3. ...

  • WPS演示制作课件时添加动画效果的方法

    WPS演示制作课件时添加动画效果的方法 创建基本要素:选择两个圆角矩形,对齐后,插入相关图片,然后插入选项按钮 后续步骤+动画设置 1.无关图片:退出--切出; 2.有关图片:出现--切入[与切出方向 ...

  • ppt怎么制作一段擦除动画效果?

    ppt怎么制作一段擦除动画效果? 1.首先,我们先用细线将需要用擦除动画效果表现出来的字给勾勒出来.这里,我们点击插入-->图形-->线条 2.全部选中,点击格式,再点击格式右下角的指向右 ...