UI·交互设计

UI动效-水波纹的动效

2018-11-25  本文已影响0人  风儿追跑了我

水波纹动效,AE或者ps都可以制作,这里才用了AE,因为ae做起来方便一点

之前一直想做这个效果,但是没有理解透,通过菜心设计铺解说,我觉得一下子顿悟了

他说:做一个循环动效最关键的一点,就是开始和结束的状态是一摸一样的:

只要你记住这个点,再结合实际操作,就可以想起来怎么做了。

生活中运用到地方还是挺多的,比如太阳扩散雷达等等。。。

老师的这个链接有展示效果,大家可以看看 https://www.jianshu.com/p/8372fe9e68cf

我只是说下具体做法,希望跟我一样笨的人可以学会。

1.新建-形状图层-画一个椭圆

选中-形状图层-按command+d,复制3次,等到下面4个图层

2.分析变化-形状大小变化+透明度变化

分析发现只有形状大小变化以及透明度变化,所以我们先来调节形状大小变化

点击每个图层的缩放属性,按快捷键s。在时间轴的另外一处打上关键帧

图层1是最外面1层,缩放没有变化,唯独变化的是透明度,这个暂时可以不管它

图层2是形状图层2,大小需要由原来的形状图层2的大小,变化到形状图层1

上面是以此类推,我截图给你们看看,这是在第一帧时候的透明度和位置的变化,只需要改变这2个属性哦

时间轴另外一端的变化

不懂的话,可以按这个参数试试,就可以得到效果~

上一篇下一篇

猜你喜欢

热点阅读