UI动效-水波纹的动效

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


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


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


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

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

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

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

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

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

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

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

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

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

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

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


时间轴另外一端的变化

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容