在本期象牙绘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]
欢迎大家提交自己的作业,有任何疑问可以私信象牙绘官方微博@象牙绘,技术小编会即时为你解答哦~