超级简单的水波球动效教程

在最近的项目中用到了水波球动效，但是前期走了弯路浪费不少时间，后来发现其实用效果预设可以一步到位，这里就给大家分享一下方法。

【关键点：效果预设-波形变形，轨道遮罩 】

①新建合成，根据自己需要设置大小，我这里是只需要200*200的。

②新建一个圆180*180，取消填充，描边6888FE，1px。

③新建矩形，命名第一层，大小超出画布，找到效果预设-扭曲-波形变形，添加到矩形上。这个效果属性比较简单，可以自行拖动每个属性观察一下效果就明白了，下面图里的数据可以参考一下。

波形宽度80不变，主要在波形高度K帧，分别在0s、1s、2s的地方改高度为12、-4、12，在2s截断时间。F9添加缓动，这里就能看到波浪效果了。

做圆形遮罩，新建170*170的圆，置于第一层的下方，改变圆的填充为渐变，730DFF-93D5FF，90°，50透明度， 添加轨道遮罩，第一层完成。

④第二层做法一样，复制第一层，改变高度和宽度，和相位，让波浪有此起彼伏的效果，波形高度的K帧主要是在0s，04f，1s，2s的地方调整为-7，-2，9，-7，多一帧是让起伏更自然，记得加缓动。其他数值可参考图上。 

遮罩的方法和第一层一样，渐变为0024FF-5CA0FF。

可以加上icon或者文字来表达图表含义。渲染AVI或者有插件直接导出GIF，也可以导出序列图片，看自己项目需求。

Powered by Froala Editor