音乐视觉音频波浪UI交互动效

教程内容:

使用钢笔工具对线段路径进行锚点位置编辑,呈现波浪的动画效果

跟着下面的步骤一步一步制作吧!

D8ECF4D8-4C7E-4DE4-9EEC-B76E3E1AE354.png


准备好素材


制作第1、2个画板


第1个画板,绘制一个大的白色圆形覆盖住整个画板,

将第二2画板的圆形缩小隐藏至白色英文字母中

添加一下时间为0的自动动画

A775E86D-3E67-4422-A9FC-D39EDD7D5030.png

其余的交互,如人物移动、渐显只需要调整素材的距离即可完成。


制作背景音浪线段效果


需要复制四个同样的素材画板,并对素材中的线段组分别调整锚点

8F8F8271-6EA8-43EE-A2E0-747F9AFD7741.png

四个画板添加一下时间为0的自动动画

48E4A0F4-0C95-4974-8672-8C72F66B2887.png

这里需要注意,后三个画板为无限循环,所以最后一个画板,需要链接到倒数第三个画板,这样就形成了循环

制作完成

点击前往查看→查看视频教程获取源文件

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作