24小时课程咨询热线
13481013014

UID简介 UI设计 UED 平面设计 网页设计 淘宝美工 PS培训 学员作品 学员就业 合作企业 设计教程 免费试听 更多课程

AE入门级必备

  • 课程级别:
  • 课程数量:
  • 课程评分:
  • 课程简介:
  • 中级技能
  • 更新至第9套教程
  • AE教程,入门学AE必备视频教程!通俗易懂,简单易学,零基础也能成为AE实战高手,马上开始吧!

达内数字艺术学院拥有众多业内权威实战讲师!名师面对面,巴拉拉……

预约试听 名师答疑

AE制作圆球读取动画 FeatMax from TinyHouse

AI干货教程2016-02-15

主要讲解圆球的读取动画哦~涉及到ae的一款很有用的插件:CC Sphere,中文应该叫CC 球体此次教程主要讲解Martin所翻译文章中的一个app页面读取动画,我大概仿照着做了下:

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

是不是很带感?

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

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

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

答案是:CC sphere。

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

我们把刚刚建立的合成添加到一个新的合成中,并且对刚才的合成添加CC sphere,马上就会得到一个球体了

我们调节参数,让它变为纯色的圆球(Ambient调高即可)。

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

我们出去看一下球体变成什么样子了

此时,我们调节插件中的rotation参数的Y轴参数,你会发现我们还是得不到想要的效果,那是因为我们在插件中的渲染设置为全部,把这个选项选为outside

这回再次调节Y轴参数,我们得到了想要的动画,设置关键帧即可得到最终效果了!(Y轴在90度时全白,自行调节关键帧即可啦。)我们在圆球的最外层添加一个圆形遮罩,索性再加个3Dstroke,我之前讲过的。即可得到我们的圆球读取动画了!

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

扩展:

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