相关分类
AE实例教程
AE特效教程
AE视频教程
VIP会员AE教程
飞特网 顶部通栏广告

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

大毛发布于:2015-9-14 11:52 |原作者: 快乐快乐快乐|
大毛
上海市 卢湾区 设计爱好者
发私信 + 关注
简介: 这篇教程教飞特网的AE学习者们使用AE CC Sphere插件制作流畅圆球读取动画效果,教程难度一般,效果主要是运用滤镜插件制作出来的。动画效果还挺不错的,推荐一下和飞特的朋友们一起分享学习了,,同时感谢原创作者" ...

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

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

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

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

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

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

是不是很带感?

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

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

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

答案是:CC sphere。

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

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

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

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

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

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

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

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

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

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

扩展:

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

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

OK,就说到这里,下一期讲解这个我今天所制作的图片网站读取页面的页面移走动画:

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

53

好评
34

差评

刚表态过的朋友 (87 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

大毛
上海市 卢湾区 设计爱好者
+关注 发私信
发表评论

最新评论

引用
lzpswat发布于:2016-3-17 09:20
[quote]回复 JACK007说的:我想请教一下  上面步骤中说将固态层的x轴移出一半 那里该怎么弄?

引用
长泽雅美发布于:2015-12-8 02:41
引用
长泽雅美发布于:2015-12-8 02:41
引用
罗汉修成佛发布于:2015-11-30 10:21
酷  期待下一期
引用
JACK007发布于:2015-11-20 10:42

HI,楼主,你曾经做的那个H5页面动效是直接用AE做好输出GIF来用吗?这样文件不会很大吗?感觉很多帧啊。

还是用骨骼来做的动画?骨骼软件没有遮罩功能很难做到这种效果。

引用
zyw123发布于:2015-9-26 22:29
引用
Cgangs-枫叶发布于:2015-9-14 15:04

查看全部评论(7)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计