【教程】 篇十九:超详细讲解——如何制作有律动的小动画?

2020-11-12 22:03:36 0点赞 6收藏 1评论

今天我们要玩的是一个很带感的小动画,首先直接看下面的效果吧。

超详细讲解——如何制作有律动的小动画?

我们先来一起分析一下这个动画是由哪些元素参与

很容易看出基本构成元素是一系列长条的矩形,它们就是参与”表演“的演员。

当这些长条矩形没有静静地待在原地一动不动的时候就像下图这样:

超详细讲解——如何制作有律动的小动画?

演员就位后,我们再分析动画中每个元素表演了什么动作。

观察后不难发现,每个长条矩形都在不断的重复着“上—下—上—下”。

我们先给其中一个矩形添加动画。

在选择窗格中只显示一个长条矩形,

把其他的先隐藏起来。

然后在添加动画的下拉列表里找到“直线”动画,添加到矩形上面。

超详细讲解——如何制作有律动的小动画?

添加完“直线”动画后,可以看到画面中显示出了动画路径。

超详细讲解——如何制作有律动的小动画?

现在长条矩形就会沿着这条路径从起点运动到终点。

但是怎么样实现让它不停上下重复的动作呢?

需要在动画选项中做一些调整。

效果选项卡中的选定自动翻转。

选定自动翻转以后,矩形条从路径起点运动到终点以后,

会立即从终点沿着原路径再返回起点。这样就实现了“下—上”的一次动作。

超详细讲解——如何制作有律动的小动画?

然后在计时选项卡中将重复设置为“直到幻灯片末尾”,这样就实现了上下不停重复的动作。

超详细讲解——如何制作有律动的小动画?

到这里,一个矩形的动画就添加完了。

其余的矩形的动画也是一样的,

所以为了方便,你可以先画一个矩形并为其添加动画,

然后再复制出一系列,这样复制出的矩形就不用再添加动画了。

当所有矩形的动画都添加完以后,预览一下你会发现,

他们的动作一模一样,并没有实现一开始看到的那种错综复杂的律动感,

所以,还要对动画时间和时间轴做一些调整。

不要让每个动画的持续时间相同,

让所有持续时间随机一些,具体参数自己随便调整即可。

其次让延迟时间也随机一些,我调整后的时间轴如下:

超详细讲解——如何制作有律动的小动画?

如果不借助第三方插件的话,

这一步需要花一些时间慢慢调整,所以必须要有耐心。

以后 iSlide 插件将会提供更加便捷的方法实现这类动画。

展开 收起

WPS2019 视频教程

WPS2019 视频教程

29.9元起

PPT office2016 全套 视频课程

PPT office2016 全套 视频课程

30元起

CAD2019 机械制图 机械设计制图

CAD2019 机械制图 机械设计制图

29.8元起

photoshop cc 广告平面设计在线课程

photoshop cc 广告平面设计在线课程

29.8元起

PS零基础 全套案例 视频课程

PS零基础 全套案例 视频课程

5.01元起

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【11.11专享学霸班】

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【11.11专享学霸班】

1719.48元起

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【全额奖学金班】

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【全额奖学金班】

2589.2元起

CAD2019 零基础入门到精通 全套视频课程

CAD2019 零基础入门到精通 全套视频课程

30元起

PPT动画演示 商务汇报 视频在线课程 

PPT动画演示 商务汇报 视频在线课程 

29.8元起

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【特惠班】

沪江网校 微软MOS认证专业级Word+Excel+PPT(13版)【特惠班】

3009.14元起

沪江网校 Photoshop零基础直达高级全科【学霸班】

沪江网校 Photoshop零基础直达高级全科【学霸班】

4080元起

Photoshop cs6 平面设计零基础入门 自学基础班 视频课程

Photoshop cs6 平面设计零基础入门 自学基础班 视频课程

88元起

苏曼网校 Word2016 从入门到精通 视频教程

苏曼网校 Word2016 从入门到精通 视频教程

60元起

Photoshop cc2018 全套速成 入门视频课程

Photoshop cc2018 全套速成 入门视频课程

60元起

AutoCAD 室内设计 全套基础基础入门 视频课程

AutoCAD 室内设计 全套基础基础入门 视频课程

199元起

Photoshop CC 全套入门 自学视频课程

Photoshop CC 全套入门 自学视频课程

30元起
1评论

发表评论请 登录
  • 最新
  • 最热
评论举报

请选择举报理由

相关好价推荐
查看更多好价

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
6
扫一下,分享更方便,购买更轻松