使用xd软件如何做动态水波的效果?

文章来源:before 发布时间:2021-01-11 浏览量:5

今天用AdobeXD来做一个动态的水波效果。


1、新建画板,大小随意,我这里是建立的800*600的画板

2、用钢笔工具画出水波的形状

把刚才的形状复制一遍放右边,调整一下交接处的锚点,再选择两个形状建立编组

3、切换到圆形工具,画一个正圆形,同时选择圆形和水波编组,ctrl+shift+m或右键建立蒙版

4、复制一层水波,调整一下第二层水波的颜色和长度,进行镜像翻转

5、复制整个画板,调整新画板中两个水波形状的位置

6、切换到圆形工具画一个圆形,调整一下描边和渐变填充

复制到第二个画板

7、切换到原型,选择画板1链接到画板2,触发选时间,延迟0秒,类型选自动,缓动无,持续2秒;画板2链接回画板1,触发选时间,延迟0秒,类型选自动,缓动无,持续0秒

我们来看看效果

最后,我们可以再加上高光和阴影,改变一下渐变来美化一下就可以了!


优惠券限时 3:00:00 内使用

1000
立即领取 立即使用优惠

立减1000

立即领取 > 立即使用优惠 >

3:00:00