本期要点:全面解析不同场景下的跑马灯PPT图片动画

技巧概要:动画精准衔接 路径起点终点位置 插件提高效率

图文编辑:幻云PPT设计 大雄董军

比如我们今天要讲的跑马灯动画

跑马灯动画其实是根据咱们传统节日元宵节时一种特制灯笼的效果命名的,大致的效果如下

我们从一侧观看时,就能看到灯笼里的图片持续不断的循环滚动,而这个效果在PPT图片循环动画里,经常使用到

比如这样的多图人物介绍图片

使用跑马灯轮播动画效果

比如MG动画里背景的循环无缝持续滚动

再比如我们在跑马灯动画的基础上加个遮罩

(二维动画仿地球转动)

再比如我们在跑马灯动画的基础上加个遮罩

再加个平板

加遮罩无非就是加一个全屏矩形

把中间的部分用形状布尔运算减除掉

然后调整好各个元素的图层顺序

本节课我们重点讲解

不同场景下的

4种跑马灯PPT动画的制作方法

(难点:无缝衔接 无跳帧持续轮播)

优点:一键生成,较为便捷

缺点:图片较多时动画速度过快,动画的速度调整较复杂

如上图所示,姥爷的插件OKPlus5.2中有一个Plus特效,里边有现成的走马灯动画,操作方法也非常的简单

1.在PPT中插入需要轮播的图片,统一图片高度,并左右贴合,垂直方向对齐,摆放如下

注:此方法建议不要使用过多图片,不然动画速度会过快,而动画速度的调整稍微复杂些;不过后边我也有提供的动画过快的解决方法

2.全选摆放好的图片,点击OKplus中的【Plus特效】-【走马灯】动画,效果完成

轮播方向说明:

默认方向为:自右向左

按Ctrl 点击:自左向右

按Shift点击:自上向下(图片需要上下方向贴合)

按ctrl Alt点击:自下向上(图片需要上下方向贴合)

这个方法适用于图片不是很多的情况下,如果图片很多,使用这个方法制作走马灯图片轮播动画,动画速度会特别快,视觉上容易眩晕,当然也有解决方法

第一步:延长每个动画的持续时间:

全选所有图片,点击【口袋动画】-【时间序列】-【时间缩放】选择固定调整,百分比例缩放,将缩放数据修改为200或者300,也就是2倍时间/3倍时间

第二步:等比例延长每个动画的延迟时间:

使用插件制作的跑马灯动画持续时间和延迟时间是相互影响的,如果我们延长了每个动画的持续时间,那么我们还需要等比例延长每个动画之间的延迟时间

比如我们把所有动画都延长的200%,也就是2倍,那么等差延迟时间也需要等比例延长200%

首先我们选中动画窗格中的第二个动画,看下它的延迟时间,这个也就是等差步长,比如这个数值是0.33秒,那么我们就应该把所有动画之间的等差延迟调为0.33*2=0.66

调整方法:

全选所有图片,点击【口袋动画】-【时间序列】-【时间延迟】,选择固定延迟-等差延迟,将等差步长改为0.66(具体数值需要根据原始等差步长和延长的动画持续时间的倍数之间的乘积决定),去掉“保留原延迟时间”前的√,搞定

如何快速统一图片高度?

全选图片后,点击iSlide中的【设计工具】,然后在右侧工具栏【设计工具】的【大小】中点击第二个按钮【等高】即可

如何快速垂直方向对齐图片?

全选图片后,点击【图片格式】-【对齐】-【垂直居中】即可

如何快速左右方向贴合图片?

挨个手动将图片左右无缝依次贴合很麻烦,这里我们可以借助英豪插件:全选所有图片,点击【LvyhTools】英豪插件-点击【高级对齐】-【左右贴边】,此时所有图片将自动左右无缝贴合

优点:动画速度方便调整

缺点:只适合所有图片组合后与幻灯片等宽的场景

首先看下什么叫“所有图片组合后与幻灯片等宽”

方法2我们需要将所有图片摆放好后全部组合,这个组合的宽度,需要我们调整到和幻灯片宽度一致

1.跟方法1介绍的快捷方法一样,将所有图片统一高度,垂直居中,左右无缝贴合摆放好,然后全选后Ctrl G进行组合,之后按住Shift将这个组合的宽度拉到跟幻灯片宽度一致。

2.将这个组合移动到幻灯片外,如果我们需要图片轮播是从左往右,那就把这个组合放在幻灯片外的右侧,如果我们需要图片轮播是从右往左,那就把这个组合放在幻灯片左侧。

简单点就是“到哪个方向,就放在哪个方向”

我们以“自右向左”为例,将这个组合移动到幻灯片外的左侧(无缝贴合)

3.选中这个组合,点击【动画】,选择【飞入】,开始为与上一动画同时,持续时间6秒,效果选项中将方向改为“自右侧”

4.点击【动画】-【动画窗格】,右键选中这个动画选择计时,将重复改为“直到幻灯片末尾”

此时的动画效果

我们需要在这个组合飞入后,后边再次衔接上这个组合,也就是当组合运动到黄色框的位置时,应该有个红色框部分的组合立刻衔接进入,从而不间断持续无缝轮播

5.复制当前组合1,得到组合2,与组合1重叠摆放(或使用OK插件的原位复制),此时我们需要对复制后的这个组合2进行动画延迟,以保证它在组合1运动到幻灯片中心时,开始飞入衔接上组合1

组合2延迟时间计算方式

由于整个动画持续是6秒,而这6秒是相当于两个幻灯片的宽度距离,而当这个组合运动到幻灯片中间时,此时刚好是1个幻灯片的距离,也就是6/2=3秒,而此时,组合2就该登场了,所以组合2的延迟时间就是整体动画持续时间的一半,也就是3秒,而其他参数保持不变。

此时放映时就可以得到持续连贯的跑马灯轮播效果了

优点:动画速度方便调整

缺点:只适合所有图片组合后与幻灯片等宽的场景

方法3跟方法2类似,都需要图片组合与幻灯片等宽

方法2是两个组合同时飞入,设置组合2的延迟时间为整体动画持续时间的一半

方法3是连个组合同时进行,一个组合飞入,一个组合飞出,无需延迟

还有个不同点是:

方法2是由空白幻灯片进入图片持续轮播

方法3则是由放映时没有空白,图片直接进入轮播

1.同样的道理我们将所有图片摆放好,组合后调整到跟幻灯片等宽,然后将这个组合摆放在幻灯片中心

2.为这个组合添加退出中的飞出动画,开始为与上一动画同时,持续时间6秒,无延迟,方向到左侧

3.复制当前组合得到组合2,将组合2与组合1重叠摆放(或直接使用OK插件原位复制),然后将组合2的动画修改为进入动画中的飞入,开始为与上一动画同时,持续时间6秒,无延迟,方向自右侧

此步的目的在于:让组合1向右侧飞出的同时,组合2飞入衔接上组合1

4.衔接问题解决了,接下来就是把两个动画设置为重复播放,在动画窗格中选中两个动画,右键选择计时,将重复改为“直到幻灯片末尾”,效果完成

方法2和方法3都需要图片组合后等宽于幻灯片宽度,如果不等宽,衔接就会出问题

但是,现实中总是不会那么巧合,总是有时候图片数量很多,组合后宽度大大超过幻灯片的宽度,这怎么办呢?

我们在这里引入方法4来解决这个问题

优点:动画速度可调节,适用于所有场景,不论图片数量多少

缺点:操作稍复杂

方法4路径 补位法,是跑马灯轮播动画最通用的方法

如下图所示

如果我们需要轮播的图片数量很多

图片摆放后超出了幻灯片宽度

方法1插件一键生成速度会特别快,调整动画时间和延迟虽然提供了方法,但是有的朋友可能没有安装口袋动画,以及有些朋友可能嫌调动画时间/动画延迟比较麻烦

方法2 方法3都需要所有图片组合后与幻灯片等宽,但是这个案例如果设置等宽,图片就会变得很小,显然也不合适

所以我们需要另一种方法来解决这些问题,而路径 补位法就是这个方法的核心

操作方法详解:以从右向左轮播为例

1.首先同样按方法1提供的扩展说明,将所有图片设置等高 垂直方向对齐 左右无缝贴合,然后将所有图片组合,调整这个组合的大小和位置,使得幻灯片内的图片都是完整的,而不是其中一张横跨幻灯片内外边线

2.调整好以后,先取消这个组合,并将幻灯片内的这几张图选中,复制一份,移动到所有图片之后,同样是对齐 贴合,这里就是补位的操作,补位完成后,全选图片,Ctrl G进行组合

3.选中这个组合,点击【动画】,添加直线动画,开始为与上一动画同时,持续时间8秒(这里图片较多,我们设置时间长一些,避免动画过快)

4.在动画窗格中,右键选中动画,选择效果选项,将平滑开始和平滑结束均设置为0;在计时中,将重复修改为“直到幻灯片末尾”

之后,重点是路径动画的终点设置(起点默认即可,无需更改)

路径动画的终点位置:

首先在动画的效果选项中,将路径设置为“靠左”

然后选中路径终点(红色的点),按住Shift,将终点位置进行拖动,直到终点位置预览图中,我们补位的部分(复制幻灯片内的那几张图),和幻灯片内对应的图片,完全重合

这里为了方便大家查看位置,所以起点和终点我错开了位置,操作中需要两者在同一条水平线上重叠

这样操作的目的在于:

当这个组合路径运动到终点,也就是上图左侧部分的时候,下一次动画重复,起点位置的幻灯片内的图片,就刚好衔接到补位部分,这样就可以持续无限循环,也不会造成补位部分的图片一次动画两次出现

以上操作是轮播方向从右向左(图片顺序是最左侧是第一张),如果我们对图片顺序要求不高,方向想改为从左向右,那么我们只需要右键选中调整好的路径,点击“反转路径方向”即可

那么如果我们对图片顺序要求严格,又想从左向右(与教程方向相反),那么具体怎么操作呢?我们只需要在各个步骤反方向操作即可,包括路径方向 图片摆放顺序 组合在幻灯片中的位置,这个具体操作,大家可以根据教程自己动手试一下

大家可以根据以上详细步骤结合这个表,以及具体的设计场景,选择最适合自己的制作方法

比如3D图轮

(戳图片了解更多3D效果)

html垂直居中走马灯,史上最全解析:4种方法制作-PPT跑马灯/走马灯图片轮播动画...相关推荐

  1. 免杀艺术 1: 史上最全的免杀方法汇总

    本文讲的是免杀艺术 1: 史上最全的免杀方法汇总, 从本文开始,我们将分三章来系统的讲述一下有关免杀的各种技术. 虽然目前有很多方法可以让恶意软件使用某一技术绕过反病毒检测,但这些显然不是恶意软件免杀 ...

  2. 移动端IM开发者必读(二):史上最全移动弱网络优化方法总结

    1.前言 本文接上篇<移动端IM开发者必读(一):通俗易懂,理解移动网络的"弱"和"慢">,关于移动网络的主要特性,在上篇中已进行过详细地阐述,本文 ...

  3. 2个recordset合并_史上最全!8种办法玩转Excel文字合并,总有一款适合你!

    本文作者丨 wayy - Excel 研究院 本文由「秋叶 Excel」原创发布 如需转载,请在公众号发送关键词「转载」查看说明 在日常工作过程中, 我们经常会遇到要把一串文字拼接到一起的情况. 你还 ...

  4. 无人机的分类(史上最全的无人机分类方法)

    无人机的分类(史上最全的无人机分类方法) 无人机的应用领域非常广泛,所以无人机的尺寸.重量.性能及任务等方面差异也都非常大.由于无人机的多样性,因此,从不同的考量角度,无人机有多种分类方法. 按用途分 ...

  5. 史上最全《计算机网络 自顶向下方法》答案合集

    史上最全<计算机网络 自顶向下方法>答案合集 封面: 英文名:Computer Networking: A Top-Down Approach (7th Edition) 答案 第一章 ( ...

  6. 汇编语言入门--调试工具debug的使用(史上最全,11种常见命令)

    汇编语言入门–调试工具debug的使用(史上最全,11种常见命令) 1.直接启动debug程序 详见:https://bingshuai.blog.csdn.net/article/details/1 ...

  7. dedecms网站轮播本地显示为什么上传到服务器就不显示了,dedecms后台上传图片实现图片轮播的方法...

    dedecms后台上传图片实现图片轮播的方法 发布时间:2020-09-15 11:55:13 来源:亿速云 阅读:110 作者:小新 dedecms后台上传图片实现图片轮播的方法?这个问题可能是我们 ...

  8. 史上最全电脑硬盘修复方法

    硬盘修复(1) 在研究硬盘故障的具体处理方法之前,我们有必要先了解一些硬盘相关的基础知识. 主引导记录区MBR 硬盘是一种磁介质的外部存储设备,在其盘片的每一面上,以转动轴为轴心.以一定的磁密度为间隔 ...

  9. 史上最全的字符串格式化方法,学这些就够用了

    一.思考 1.什么是字符串格式化? ◆ 将变量(对象)的值填充到字符串中 ◆ 在字符串中解析Python表达式 ◆ 对字符串进行格式化显示 左对齐.右对齐.居中对齐 保留数字有效位数 2.你学过的字符 ...

最新文章

  1. xcode 4.3.2 use storyboard创建TableView
  2. string数组怎么定义
  3. mysql备份脚本+关_mysql数据库自动定期备份的脚本
  4. Linux 查看软件位置的命令
  5. Py之pdfkit:python的库之pdfkit简介、安装、使用方法详细攻略
  6. Java语言基础(数组)
  7. 同一界面放两个TTIWDBAdvWebGrid的问题(delphi IW TMS)
  8. 【java】爬虫之零基础利用postman分析并实现12306余票查询功能
  9. 计算机毕业论文工作进展情况,论文中期检查进展怎么写_论文中期检查表怎么写_论文进展情况怎么写...
  10. 安吉丽娜-朱莉曝光罕见少女照(图)
  11. 不同类型游戏音效竟有不同制作方法?—动作类型音效制作
  12. 关闭webstorm提示 empty tag doesn't work in some browsers
  13. jpress转换html5,docker-compose安装jpress(这种是war包和生成文件在宿主机,运行在docker上)...
  14. python pppoe拨号_Python实现PPPOE攻击工具
  15. 2019年双十一购物数据分析报告
  16. iq2010wifi测试软件,LitePoint IQ2010蓝牙测试仪WIFI/GPS/NFC
  17. java di是什么_java spring中DIP是什意思?DI的含义是什么?
  18. 搜索日志、如何搜索日志
  19. 计算机软考英语题翻译,软考专业英语真题、译文及答案.docx
  20. 一台云服务器如何部署多个网站和多个站点?

热门文章

  1. Exchange 2016批量新建账号
  2. 知到网课答案|大学生劳动就业法律问题解读题库
  3. 阳历、阴历、干支历转换 - For JAVA
  4. 全国青少年造型艺术作品大赛作品征集
  5. 百姓网发帖秒被百度收录技巧,被收录后,属于外链接吗
  6. 商业银行、信托、券商等金融机构与融资租赁的合作模式解析
  7. 喜报 | 国家发明专利证书! 再添2项!
  8. 熹妃q传服务器维修多久,熹妃q传体力多久恢复 熹妃q传体力用不完及怎么获得...
  9. iOS编程 手动忽略clang编译器警告
  10. systemverilog-static和automatic