作者：野性即火龙果
2023-12-17 00:17:58
水波纹效果在UI设计中是非常常见的一种了，今天小编就教大家用AdobeXD来做一个动态的水波效果。
1、新建画板，大小随意，我这里是建立的800*600的画板；
2、用钢笔工具画出水波的形状；
把刚才的形状复制一遍放右边，调整一下交接处的锚点，再选择两个形状建立编组；
3、切换到圆形工具，画一个正圆形，同时选择圆形和水波编组，ctrl+shift+m或右键建立蒙版；
4、复制一层水波，调整一下第二层水波的颜色和长度，进行镜像翻转；
5、复制整个画板，调整新画板中两个水波形状的位置；
6、切换到圆形工具画一个圆形，调整一下描边和渐变填充；
复制到第二个画板；
7、切换到原型，选择画板1链接到画板2，触发选时间，延迟0秒，类型选自动，缓动无，持续2秒；画板2链接回画板1，触发选时间，延迟0秒，类型选自动，缓动无，持续0秒；
我们来看看效果；
最后，我们可以再加上高光和阴影，改变一下渐变来美化一下就可以了！
Android版下载
