触发器PPT制作指南,打造精美的演示文稿

前段时间有个朋友说,他女朋友是一名教师,想要在课堂上给学生出一套练习题,答题模式为自主答题,但网上的自主答题软件有点贵,问我有没有什么方式可以不用购买软件就能实现自主答题。

本次内容只有一点,就是触发器。

PPT触发器是PowerPoint中的一项功能,它可以是一个图片、文字、段落、文本框等,作用相当于是一个按钮。

在PPT中设置好触发器功能后,点击触发器对象会触发一个操作,该操作可以是多媒体音乐、影片、动画等的播放控制。

简单点说PPT触发器可把一个可视对象变成一个按钮,点击它可控制PPT页面中已设定动画等的执行。

它虽然被大多数人所忽略,但是却有着十足的魔力,至于为什么说它具有“魔力”呢?下面将一一为大家揭晓答案的。

触发器PPT制作指南,打造精美的演示文稿

触发器的功能与效果

“触发器”顾名思义就是需要我们主动触发才能实现某一种功能,用PPT如何制作触发器呢?

简要操作如下:

第一步:在幻灯片页面中新建两个图标,一个矩形,一个圆形。

触发器PPT制作指南,打造精美的演示文稿

第二步:为圆形分别添加两个动画,一个是点击鼠标“淡入”进入,另一个是点击鼠标“擦除”淡出。

触发器PPT制作指南,打造精美的演示文稿

第三步:选中圆形,点击“动画”,选择第一个“淡入”动画,选择上方的“触发”选项,选择“单击”—“矩形”后,

再重复上面的步骤,点击“添加动画”,为圆形添加第二个“擦除”动画,选择上方的“触发”选项,选择“单击”—“矩形”。

触发器PPT制作指南,打造精美的演示文稿

这样就完成了一个简单的触发器效果,下面我们播映幻灯片,看一下效果:

触发器PPT制作指南,打造精美的演示文稿

通过上面的动图我们能够看到,在播放幻灯片的时候,当鼠标第一次点击左边的矩形,右边的圆形才会以淡入的方式出现,再次点击矩形时,右边的圆形以擦除的方式消失。

实例演示

经过实际的操作,“触发器”的功能和效果估计大家都有一定的了解了,那么它到底有什么作用呢?

简单的例子,我们可以通过触发器实现图片隐藏和展现的效果。

第一步:在页面中添加一个图片,插入一个与图片大小相同的形状,选择“纹理填充”,“透明度”设置为20%。

触发器PPT制作指南,打造精美的演示文稿

第二步:在图片的左边,插入一个圆形和一个文本框,并在文本框内输入文字“点击擦除”。

触发器PPT制作指南,打造精美的演示文稿

第三步:选中刚填充纹理的形状,点击“动画”—“擦除”。

触发器PPT制作指南,打造精美的演示文稿

第四步:再选中刚添加的动画效果,点击“触发”—“单击”—“圆形”。

触发器PPT制作指南,打造精美的演示文稿

第五步:再将最底层的图片添加一个放大动画,效果选择“上一动画之后”,拖拽到擦除动画的后面。

触发器PPT制作指南,打造精美的演示文稿

第六步:辅以相应的文案和背景。

触发器PPT制作指南,打造精美的演示文稿

这样就能通过触发器实现图片隐藏和展示的效果,我们点击播放幻灯片,看一下效果:

触发器PPT制作指南,打造精美的演示文稿

这样一页PPT可以使用在幼儿园或者小学的课堂中,通过这种交互性的的操作,增强孩子们对季节的认知,是不是很棒?

实操:选择题功能

简要操作如下:

首先,列出题目,逐一添加好每个选项。

触发器PPT制作指南,打造精美的演示文稿

然后,添加3个“X”图标,一个“√”图标,并将3个“X”图标分别放到3个错误选项下面,将“√”放在正确选项的下面。

触发器PPT制作指南,打造精美的演示文稿

接下来,对四个图标添加出现的动画效果。

触发器PPT制作指南,打造精美的演示文稿

为了便于区分,我们可将四个选项的图标进行标注:选中一个选项,点击“格式”-“选择窗格”,在“选择窗口”中对每一个选项进行备注。

触发器PPT制作指南,打造精美的演示文稿

最后,再将每个动画的触发器都指向该图标所对应的选项中。

触发器PPT制作指南,打造精美的演示文稿

这样,一道选择题就设置完成了。

我们播放一下:

触发器PPT制作指南,打造精美的演示文稿

通过触发器,实现了选择相应答案时自动提示。

再拓展一下思路,通过添加一些元素和动画,我们还可以在选对答案时实现撒花和恭喜的效果,如下图:

触发器PPT制作指南,打造精美的演示文稿

实操:视频放映功能

触发器PPT制作指南,打造精美的演示文稿触发器PPT制作指南,打造精美的演示文稿

视频取自抖音“Excel大咖”

简要操作如下:

点击三个形状后可以分别操作视频放映,简直和遥控器一样!

今天就和大家伙聊聊这个是怎么做到的

第一步:首先我们先插入视频素材,点击插入下方的视频,当然也可以直接把视频拉进来

触发器PPT制作指南,打造精美的演示文稿

第二步:我们稍微微地设计一下(PPT太丑的话会被扣鸡腿)

在网上下载个大小匹配的样机(在网上搜索样机就有一大堆,站长素材、千库网、摄图网都有!)

把视频放在手机上,假装用手机观看,然后弄三个圆角矩形,分别写上“开始”“暂停”“停止”

第三步:选择视频后,点击上方的动画,添加动画,给视频添加“播放”、“暂停”、“停止”,三个动画

第四步:点击动画里的动画窗格,打开动画窗格

在右边我们就可以看到你刚刚添加的三个动画

然后选择视频开始的动画,右键选择效果选项,在计时里面可以找到触发器这个按键

选择单击下列对象时启动动画效果,选择我们添加的开始这个矩形

文字看不明白的,来看一下GIF步骤操作:

然后对其他“暂停”“停止”如法炮制就完成啦

我们最后再来看下这个效果

细心看文章的朋友会发现当我们点击开始时,视频会从头开始播放,不是从暂停的那边播放

其实我们在开始的动画设置里,选择从上一个位置开始即可~

写在最后:

还可以拓展一下思维,利用触发器还能实现多题目考试、自动去除已做题目等功能。

触发器除了用于教学,还可以用来实现网页浏览器的效果!

备注:“淡入”效果只有在2016版本及其以上版本中包含,以下版本无此动画效果,可以用相似的动画效果替换。

以上就是触发器PPT制作指南,打造精美的演示文稿的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3004262.html

(0)
上一篇 2025年3月9日 20:33:16
下一篇 2025年3月9日 20:33:32

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Layui表格清空需要用到reload方法吗

    Layui表格清空:不使用reload方法,直接操作DOM或使用render方法传入空数组清空表格数据即可。首先通过JavaScript清空DOM元素内容,或者使用render方法更新表格,传入一个空数组作为data参数。 Layui表格的…

    2025年3月13日
    200
  • Layui表格清空如何使用layui的组件

    Layui表格清空可通过直接操作缓存数据提升效率,即使用table.cache直接清空数据并重新渲染表格。更高级的技巧还有局部更新,仅渲染需要更新的部分行。常见错误包括忘记设置表格id或tableId与表格id不符,导致无法清空数据。此外,…

    2025年3月13日
    200
  • Layui表格清空如何处理表格的排序状态

    Layui表格清空后排序状态仍存在是因为表格内部维护的排序状态变量未被重置。使用reload方法并设置initSort: false参数,即可禁止表格在重新渲染时使用之前的排序状态。还有以下几点需要注意:1. 避免直接修改框架源码;2. 在…

    2025年3月13日
    200
  • Layui表格清空可以用jQuery吗

    问题:可以使用 jQuery 清空 Layui 表格吗?答案:可以,但强烈不建议。原因:jQuery 操作会破坏 Layui 表格的内部结构,导致后续功能失效。Layui 提供了清空数据的方法,使用该方法可以保证表格的完整性和代码的可维护性…

    2025年3月13日
    200
  • Bootstrap Table乱码与页面编码的关系

    Bootstrap Table 乱码通常是因为页面编码与表格数据编码不一致。要解决此问题,需要确保它们一致,具体步骤包括:检查页面和表格数据编码,设置页面编码,验证编码。如果使用 UTF-8,服务器也应支持。无法解决时,可尝试使用 Java…

    2025年3月12日
    200
  • Bootstrap有序列表怎么实现?

    Bootstrap 没有专门的有序列表组件,它通过 CSS 类修饰原生 HTML 和 标签来实现有序列表。最简单的方法是直接用 和 ,然后用 Bootstrap 的类(例如 .list-group 和 .list-group-item)调整…

    2025年3月12日
    200
  • 浏览器开发者工具如何用于查看Bootstrap结果

    开发者工具可帮助你了解 Bootstrap 页面的渲染结果,包含强大功能:”元素”面板提供 HTML 结构、实时代码修改和类名查询。”样式”面板显示应用的样式规则,包括优先级和覆盖关系。&#8…

    2025年3月12日
    200
  • Bootstrap图片居中可以用text-center吗

    Bootstrap 图片居中有两种更佳方案:利用网格系统(创建容器,设置宽度,居中图片)或 Flexbox(设置 Flexbox 布局并居中图片)。避免使用 text-center,因为它脆弱且不稳定,而网格和 Flexbox 提供更稳健、…

    2025年3月12日
    200
  • Bootstrap图片居中可以用margin:auto吗

    为什么margin: auto无法为Bootstrap图片居中?因为Bootstrap的父元素通常没有明确的宽度,导致margin: auto失效。可靠的图片居中方案:使用text-center类(简单,但仅适用于单行图片)使用Flexbo…

    2025年3月12日 编程技术
    200
  • Bootstrap如何让图片水平居中

    Bootstrap中图片水平居中的方法多种多样,选择方法取决于具体需求和项目情况。最常见的做法是将图片设置为display: block;,并设置其水平margin为auto,这适用于父容器具有明确宽度的场景。Flexbox也是一个强大的选…

    2025年3月12日 编程技术
    200

发表回复

登录后才能评论