AE制作圆球读取动画

主要讲解圆球的读取动画哦~涉及到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学习者们使用AE CC Sphere插件制作流畅圆球读取动画效果,教程难度一般,效果主要是运用滤镜插件制作出来的.动画效果还挺不错的,推荐一下和飞特的朋友们一起分享学习了,,同时感谢原创 ...

  • Maya+AE制作影视片头动画教程

    这篇教程介绍的是用Maya+AE制作影视片头动画的方法,和技巧。教程的难度其实不大,但是不太详细,新手看起来可能会有一些吃力。转发过来和的影视后期爱好者们分享一下,希望大家喜欢这篇教程! FEVTE编 ...

  • AE制作简单滑板动画

    AE制作简单滑板动画,制作出来的动画效果挺流畅,AE是影视后期软件,用来做动画真的简单很多

  • 使用ae制作文字旋转动画的方法

    使用ae制作文字旋转动画的方法,这里,让小编给大家介绍一下. 操作方法 01 首先我们打开ae软件. 02 点击箭头所指的这个图标新建一个合成. 03 然后使用文字工具在合成中新建文字内容. 04 点 ...

  • 如何使用ae制作蒙版位移动画

    如何使用ae制作蒙版位移动画,这里,让小编给大家大概的介绍一下,让大家知道是怎么回事. 操作方法 01 首先我们打开ae软件并新建一个合成. 02 接着我们使用文字工具在画布中输入文字内容. 03 使 ...

  • 如何用AE制作出手写字动画效果?

    After Effects (简称AE)是非常高端的视频特效处理软件,很多大片都使用AE制作各种特效.手写字的动画效果是如何用AE制作的呢? 操作方法 01 打开AE新建一个自己需要的大小合适的合成项 ...

  • 如何使用AE制作位移遮罩动画

    AE是视频制作软件,那么你知道如何快速的制作位移遮罩动画么?下面我们跟着以下图文步骤,学习下制作的方法. 一.新建合成并建立固态层 01 通过执行:图像合成>新建合成组命令,快速建立一个新的合成 ...

  • ae怎么制作光圈扩散效果? ae制作光圈扩散动画的教程

    ae中自带了效果很多,想要制作一个圈圈扩撒效果,该怎么制作呢?下面我们就来看看详细的教程. 1.导入素材——生成合成 2.新建一个色层图层: 3.矩形工具按q可以切换到椭圆: 4.去掉小眼睛——我们画 ...

  • 如何用AE制作倒计时的动画。

    在很多场合,都可以看到很帅气的倒计时的动画,那究竟这个动画是怎么做出来的?下面就和大家分享一下如何用AE来制作一个贴心的倒计时的小动画. 操作方法 01 首先,先新建一个合成,将合成的名字改为&quo ...