15分钟详细演示用ae制作优雅的loading效果——象牙绘ued团队(原创)

王朝学院·作者佚名  2016-05-05
窄屏简体版  字體: 小  |  中  |  大  |  超大  

在本期象牙绘UED团队分享当中,我们将详细演示用AE如何制作如下三个loading动效,

其中涉及到AE表达式的应用、值曲线调整、速度曲线编辑等知识。

对于初学者来说可能信息量略大,希望通过是视频教程能让大家更清楚流程,另外,还附赠源文件给大家作为参考,

该动效已被象牙绘官网和app应用,请勿商用。

视频如下:

[flash=500,400]http://www.tudou.com/v/c7CJypMubvI/&rpid=362021738&resourceId=362021738_04_05_99/v.swf[/flash]

第一段双子球动画,重点在于正弦函数的协调运动,我们为小球添加的运动表达式为

球一:

tempx=position[0]+14*Math.sin(time*2*Math.PI);[tempx,position[1]];

球二:

tempx=position[0]-14*Math.sin(time*2*Math.PI);[tempx,position[1]];

大家不要畏惧表达式,其实这个含义很简单的。

Position[0]和position[1]作为数组表示二维位置左边的方式,分别代表x位置和y位置。

去掉程序本身的变量和函数表达方式,小球新的横坐标可以简单的写作:

tempx=x+14*sin(t*2π)

整个动画的周期我设置为1s,即t包含与(0,1),小球的x坐标在1s的时间内完成一个周期的正弦变化。

[flash=500,400]http://s1.knowsky.com/20131005/j4mtv2j0bw5191302846.jpg[/flash]

其余两个动画看似复杂,其实简单。只需要设置好其中一个球的缓动,其余小球复制图层即可,设置时间差即可。这其中有个小技巧,设置关键帧辅助-序列图层-重叠,可以快速设置多图层的等时间差。

[flash=500,400]http://s1.knowsky.com/20131005/nrssgofhsyn191302946.jpg[/flash]

[flash=500,400]http://s1.knowsky.com/20131005/piicf4s3ah4191303046.jpg[/flash]

欢迎大家提交自己的作业,有任何疑问可以私信象牙绘官方微博@象牙绘,技术小编会即时为你解答哦~

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航