最近发现好多的APP在个人中心【我的】的界面都用了这种类似波浪的缓动效果，这种效果能给人一种呼吸的，灵性的感觉。在简洁的APP页面中使用，无疑是锦上添花的，因为动效的初衷就是画龙点睛，而不是喧宾夺主，所以使用这种效果估计能给用户带来一些意外的小惊喜，同时做的好还能提升用户的好感度，增加用户对你的品质认可，做的稍微差点也不影响用户体验。根据观察效果想到了制作方法，有些细节还没调整到最好，最近比较忙文章也有不足希望大家能够多多包涵互相学习。

拉勾的APP效果是做出一种非常缓慢的舒服的动态变化，只要将速度调低就可以了。还有一种是线性的波浪效果，早期的iOS版本中siri效果是采用线性的动画。

上周小米的MIUI8正式发布，但是公测还有段时间，发布会期间十分关注MIUI的一个新特性，那就是在MIUI8中精心设计的动效，无论在Android端还是iOS中，精美的，适当的动效越来越受到重视，恰巧的是在MIUI8的录音APP中出现了我最近特别感兴趣的类似波浪的动效，但是如何在AE中实现它确实困扰了我好久，  苦于没大神可以交流只能自己不断研究和Google来摸索总算找到了可以基本实现的方法，但是还是没能达到原版效果。

MIUI官网请戳这里                                    MIUI动效视频请戳这里

1.首先来尝试制作第一个，就是在APP个人界面中出现过的效果。

【新建合成-大小：600*600，时长为05s，背景颜色：#11B3C8】

导入我们所用到的素材，快捷键（Ctrl +I/command+I），准备完成后，开始新建一个形状图层，大小为600*280，颜色为#B6EAF4，画完后画布中如图片中一样。

下一步为这个形状图层添加波浪的效果，在效果中找到扭曲-波形变形的效果，然后开始调节参数，这一步至关重要

参数的设置直接决定了后面效果的好坏，这里需要注意的是一定要把固定的地方设置为全部边缘，不然在动画的效果会出现破绽，因为是左右的波浪，所以方向一定要把握好，至于高度和宽度适宜的参数都可以自行调节。新新手可以

按照我的参数去调节。

接下来滑动滑块，神奇的波浪效果是不是就出来了，接下来再新建一个形状图层，颜色填充为#FFFFFF，大小设置为600*280，放在第一个形状图层上面。效果如图

同样为这个图层加上波形变形的效果，然后调节一些参数，这里需要注意将方向和高度调节好，才能出现两种方向不同的波浪效果，加以区分来丰富视觉。

其他的参数可以自行调节到自己想要的效果，配置高的可以把品质调到最高，也可以给速度key关键帧，调节贝塞尔曲线来模拟MIUI8的动态效果。通过这两个图层加波形变形，就已经成功了一大半了。最后把素材放进去，丰富一下界面，素材可以自己画一个，有需要的同学可以留言，我会把素材打包上传。最后效果如下：

只是分享一下我的制作方法与思路，另外两个的制作方法我会整理好再上传的，对此有兴趣的同学可以关注一下我喔。