版本要求:
这个教程通过XD自带的弹跳动效来完成制作效果
需要制作5个画板,跟着下面的步骤开始制作吧!
1.第1个画板
制作按钮
拖入准备好的素材,绘制一个等边的矩形,并将圆角拉到最大制作成一个圆型,
给底部白色矩形增加锚点制作下凹效果
拖入图标素材居中对齐,隐藏其他图标,调整“+”号图标的角度
绘制一个白色的圆形覆盖住图标,并复制四份
将制作按钮的全部素材打组
2.第2个画板
复制第1个画板
调整蓝色➕按钮的距离,并调整白色矩形的锚点为上凸效果。
并显示一个白色的圆形盖住图标
链接第1、2两个画板,设置点击自动动画弹跳1秒
3.制作第3个画板
复制第2个画板,拉伸矩形,排列好圆和图标,每一个圆覆盖住一个图标。并将底部白色矩形凸出的锚点调回原点。
4.制作第4个画板
复制第3个画板,隐藏四个圆形,将+号图标调整角度为×
5.制作交互
链接2、3两个画板选择选择时间自动动画缓动0.4秒
复制第3个画板来制作第5个画板,将几个画板循环在一起。
制作完成
点击前往查看→观看视频教程获取源文件