要是小时候英语课这么有趣，指不准我都当上外交官了！

转眼已到学期末，相信各位老师即便现在还没有放假，也差不多到了考试阶段，再坚持个一周，寒假就开始了。

不过这病毒一波一波地变种，也挺让人担心的。与其冒着风险外出游玩，可能还玩不尽兴，还不如在家好好学学 PPT ！

今天陈老师就教大家做一款小学英语课、英语培训都用得到的 PPT 小游戏——单词打字机！

我们废话不多说，先来看看效果：

正如视频号文字区描述所写，做这么一个游戏 PPT，灵感来源于多年前我玩过的一款手机游戏《疯狂猜图》：

在这款游戏里，玩家需要根据图片及其下侧方框数量提示，从备选区域挑选文字，逐一点击填入方框，回答正确即可进入下一关并获得金币。

2014 年，我就做过这么一份模仿《疯狂猜图》的 PPT，当时还在「秋叶PPT」公众号上发过：

这次算是在这个基础上做了一个小小的进化，加上了回答正确之后将图片打印出来的环节，提升了游戏的场景感。

OK，下面就简单说一下制作这份「单词打字机」游戏 PPT 的步骤。有兴趣的老师们不妨试着动手模仿一下——每次都在说这句话，但我也知道，真正愿意动手的老师恐怕不多。就好像我也有兴趣减肥，但让我去跑步我就不想动了 ……

要不趁着寒假，我们大家都试着比以前更优秀一点？

打印机的素材一开始我是准备找图片的，但找来找去效果都不太理想，所以最终还是自己手绘了一个。用到的也大都是基本的形状——圆角矩形、单侧圆角矩形、梯形、圆环等等。大家看下面这个动图应该能看得比较清楚：

值得提醒的有两点：

第一，在这一类形状绘制案例里，插件的支持通常必不可少。比如这个打印机，首先是顶部的纸托，我在绘制好梯形之后，做了圆角化处理，使其更符合整体风格。这里用到的是「英豪工具箱」的「圆角工具」功能：

其次是打印好的纸张应该穿过出纸口被送出，这样效果才真实：

所以出纸口这个细长的圆角矩形，我们需要将其纵向一分为二，上面一半在「纸张」的上层，下面一半在「纸张」的下层。这里我仍然是使用了「英豪工具箱」，「分割图/形」功能相当好用。选中圆角矩形，设置好行列数，轻轻一点即可一分为二：

第二，要善用「遮罩」解决层级矛盾。既然被打印的「纸张」是从打印口里钻出来，那么它的上半部分，就应该始终被打印机机体（深蓝部分）遮挡。但从底部的关系来看，「纸张」又需要在打印机深蓝色部分的上层，这里就出现了矛盾：

因此，我们需要把纸张放在深蓝色形状之上，然后再手动绘制一个深蓝色矩形（如下选中部分）作为遮罩：

元素层级关系由下到上，如下图所示：

页面左侧的设计几乎没有难度，使用一大一小两个矩形和一系列圆角正方形即可搞定。

不过，要想快速完成下面 21 个圆角正方形的绘制，还是得借助插件。iSlide 插件的「矩阵布局」功能，试过才知道有多香。

另外有一个细节要注意——下方的圆角正方形，文字是直接写到形状里的，因为这样才能把整个形状设为触发器，方便点击：

而上方填空处的圆角正方形，一开始形状内部并没有文字，文字要稍后通过淡出动画出现，所以文本框和形状是各自独立的：

左侧的动画相对简单，按键形状设置的是强调类别里的「填充颜色」动画，文字则设置的是「淡出」动画，二者均由对应的按键形状触发，实现「当点击按键A时，按键A变色、字母A淡出」的效果：

依次把想要呈现的单词按字母顺序设置一遍就 OK 了。如果你还完全不会触发器动画设置，请自觉去我小红书或视频号主页找触发器基础系列视频来补课。想要做这一类互动课件，触发器必须掌握得非常熟练。

哦对了，想要有打字音效的话，还需要给「淡出」动画在「效果选项」里添加「打字机」声音：

接下来看右侧的打印机动画。首先要做的是把需要「打印」的图片复制一份到出纸口的白纸上，并与白纸组合到一起。

不过组合之前，记得把复制出来的图片调整层级到白纸（矩形 45）上层，这样二者组合之后层级位置才不会发生变化：

接下来对其设置向下的直线路径动画，并调整路径的起点和终点——起点时白纸在出纸口上半部分（还记得出纸口被裁成两半了么？）的上侧，终点时在其下侧：

在「效果选项」里把路径动画的默认平滑开始、平滑结束取消掉，设置合适的时间。然后把进纸口的「白纸」也做类似处理，设置向下的路径动画、取消平滑，终点时能够完全隐身于打印机下层即可。

另外，由于进纸口的「白纸」高度较小，直线运动的路径长度会比出纸口的「白纸」短，所以动画时间也应该相应缩短。具体多少合适可以根据实际情况测试一下，这样看起来才像是同一张纸从上方进、下方出：

最后，由于我们只是调节了下方白纸的动画位置，并未调节它的物理位置，动画开始之前，它就会被看到是摆在当前位置的，这显然不是我们想要的效果：

因此还需要给它加上一个「出现」动画将其从原位置「隐身」。最终打印机部分的动画如下：

这里的逻辑可能大家需要多捋捋——为什么要隐身反而加「出现」动画呢？因为我们是想让它在动画开始前隐身。既然第一个动画才是「出现」，那第一个动画之前，它不就一直是「没出现」的状态么？

有的老师又要问了：那为什么不干脆就把它的实际位置改一改，给它塞到打印机里面去不就得了？这样只需要加一个路径动画让它从里面到外面，岂不更简单？

对，做动画是简单了，但这份 PPT 是一系列的测试题。复制多页之后，每一页的单词不同，就要对应更换不同的图片。

如果直接把「白纸」放到了打印机里面，更换图片和它组合时就会多有不便——因为看不到白纸在哪里，图片拖动复制过去之后，摆放位置也就成了个问题。

所以你看，做这样的动画，还是有很多训练我们逻辑思维能力、考查我们考虑事情是否周全的地方吧！

OK，这就是今天的所有内容，有能力跟着教程做的老师可以试着动动手。如果你是新手，实在是没有能力制作，但又特别想要这份游戏 PPT ，也可以联系我请我喝杯星爸爸 ，修改方法我已经录制好示范视频了，会一并发送。

——
公众号：Jesse1981
原文链接：要是小时候英语课这么有趣，指不准我都当上外交官了！