2分钟用Adobe XD做一个动态水...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
4219 0 1 2020-09-29

最近都在研究AdobeXD的用法,分享给大家一些经验

今天用AdobeXD来做一个动态的水波效果,话不多说,我们开始吧

第一步,新建画板,大小随意,我这里是建立的800*600的画板

第二步,用钢笔工具画出水波的形状

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

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

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

第五步,复制整个画板,调整新画板中两个水波形状的位置

第六步,切换到圆形工具画一个圆形,调整一下描边和渐变填充复制到第二个画板

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

我们来看看效果

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

Powered by Froala Editor

全部评论:0条

  • O(∩_∩)O哈哈~

    2025-04-11 16:46

    为啥按照步骤做,最后一步点击播放按钮,不动呢

  • LEE_27

    2020-11-30 09:08

    @TuohaiGOD: 调整开始与结束时的位置

  • TuohaiGOD

    2020-11-28 17:57

    你好。我照着你的步骤,虽然一切顺利,但是到最后演示的时候,我的水面流动左右滑动到终点,然后又返回来,没有你这种无限循环的感觉呢? 请问能告诉我原因么

  • LEE_27

    2020-10-12 00:13

    @子梓语: 直接录的屏哈

  • 子梓语

    2020-10-10 18:31

    你最后一张gif怎么导出来?应该不是xd做的了吧?

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票