欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

程序员文章站 2022-07-06 14:02:45
animate中想要制作一个按钮动画,就是可以滑动拖动的效果,该怎么实现呢?我们可以通过传统补间动画制作滑块滑动的动画效果,详细请看下文介绍。打开animate软件后,新建一个空白文档,绘制素材如图使...

animate中想要制作一个按钮动画,就是可以滑动拖动的效果,该怎么实现呢?我们可以通过传统补间动画制作滑块滑动的动画效果,详细请看下文介绍。

打开animate软件后,新建一个空白文档,绘制素材如图

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

使用鼠标单击选择滑块部分

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

单击鼠标右键后选择转换为元件,也可以使用快捷键f8

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

这里选择转换为图形元件

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

新建一个图层,将元件放到新建图层中

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

使用鼠标将元件移动到滑条左侧,如图

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

延长时间轴到第50帧,并在第50帧插入关键帧

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

继续在第25帧插入关键帧,可以使用快捷键f6

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

在第25帧移动滑块到右侧,如图

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

最后创建传统补间

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

ctrl+enter就得到滑块移动的动画效果了

Animate滑块滑动动画效果怎么实现? Animate滑动特效的实现方法

以上就是animate滑动特效的实现方法,希望大家喜欢,请继续关注。