Animate怎么做轮播图效果? Animate循环移动图片动画的做法

ANimate中想要制作一个循环播放的动画,这需要使用传统补间动画来制作,下面我们就来看看详细的教程。

这里使用的是Animate 2021,打开后,新建一个Actionscript3.0文档。

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

将准备好的图片放到舞台中,如图,要先把图片处理成一样的尺寸

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

选择三张图片,右键选择转换为元件

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

这里选择图形元件,如图所示

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

按下alt键,使用鼠标拖动元件,快速复制一个元件,并与前面的元件对齐到右侧

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

选择两个元件,右键选择转换图形元件

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

延长时间轴到500帧

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

在第500帧插入关键帧,使用快捷键f6

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

在第500帧移动元件到如图所示位置

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

选择中间帧,右键选择创建传统补间动画

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

最重要的一步,就是在第499帧插入关键帧,并删除第500帧

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

这样就得到了循环移动的图片动画了

Animate怎么做轮播图效果? Animate循环移动图片动画的做法

以上就是Animate循环移动图片动画的做法,希望大家喜欢,请继续关注。