2分钟用Adobe XD做一个卡片翻...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
4040 8 20 2020-10-15

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

新建画板以后就省去了，反正都知道hhh


第一步

选择矩形工具画一个矩形，调整一下描边和阴影第二步

把画板复制3次，切换到原型，先设置一下交互动作第三步

把准备好的图片分别放到第一个和第三个画板，我这里是在dribbble上找的两张插画https://dribbble.com/shots/9006601-Dead-Empire

https://dribbble.com/shots/9006672-Dead-Jedi

第四步

现在来做翻转效果，选择画板2中的矩形，宽度调为1，居中对齐，分别从画板1和画板3中复制图片到画板2，调整图片宽度也为1，不透明度为0

画板4同上

最后我们来看看效果

Powered by Froala Editor

全部评论：8条

  • LEE_27

    2021-11-02 17:15

    @: 跟PS导出到AE是一样的，导出到AE就是导出图层，你要在AE里单独做动画

  • 2021-11-01 10:30

    请问一下导入到ae里面不是动画，只是单独的图层，怎么回事呀

  • LEE_27

    2020-12-21 16:59

    @津津津: 导入到ae，再从ae导出

  • 津津津

    2020-12-21 15:34

    你好，请问做的动效要如何导出来呢

  • 林奉折

    2020-12-10 17:49

    好玩 再来点

  • LEE_27

    2020-12-08 18:12

    @少侠Kerry: 1.直接复制是保证图层名字不变 2.制作翻转效果，更新最新版的话有3D图层了就不用这样做了

  • 少侠Kerry

    2020-12-08 16:55

    画板1、3的图片为啥要移动到2和4，宽度1透明度为0，有什么做用吗？

  • 帅喵

    2020-11-05 19:27

    学会了，谢谢

  • UI_中国_产品汪

    2020-10-16 18:52

    你好

更多作品

电脑版 反馈

Powered by © 2008- 2025 UI.CN

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

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

投票