还在用丑陋的喇叭放音乐放音乐喇叭有滋滋声 _小知识

文章插图
对于教文科的中小学老师而言，上课时总免不了需要给学生播放音频：语文课、英语课的范文朗读，音乐课的范唱、伴奏等等。

大多数情况下，老师们可能就直接把音频素材插入到 PPT 页面，得到一个喇叭图标，播放音频的时候点就完了。可你真的不觉得这样做太丑了吗？

文章插图

事实上，我们完全可以通过简单的形状绘制和动画设置，模拟出类似「网易云音乐」那样的黑胶唱片播放效果，让音乐播放过程变得更加生动：

文章插图

今天陈老师就和大家聊聊这个效果的制作方法，有兴趣的老师朋友们不妨抽空跟着教程练练手，看看自己还有哪些技术欠缺，通过练习获得进步。

废话不多说，下面就让我们开始吧！

01 制作唱片
唱片主要是靠图片素材来完成，到哪里去找唱片的图片素材呢？各大素材站点？太慢了！

前面不是已经给大家展示过网易云音乐PC版客户端的界面了吗？直接截图，插入 PowerPoint 就好！看，这么大尺寸，还不够用吗？

文章插图

按住 Shift 键，使用椭圆工具绘制出一个正圆，大小调节至与图中的唱片一样大：

文章插图

按住 Ctrl 键，依次选择图片和圆形，进入「形状格式」选项卡，使用「合并形状-相交」命令，就能裁掉无关图片区域，得到正圆形的唱片图片了：

文章插图

根据你要播放的音乐或音频的不同，找一张素材图片，裁剪为圆形，调节到合适大小，和唱片图片中心对齐后编组，这样我们就可以完成唱片部分的制作了：

文章插图

02 制作唱针
唱针的造型存在一些拐角和阴影细节，不太适合进行抠图，我们可以直接利用形状来手绘。

首先，绘制两个尺寸较小的圆形，一个灰色，一个白色，中心对齐叠放，做出唱针转轴 —— 白色的大圆适当加一点居中偏移的阴影效果：

文章插图

接下来使用「任意多边形」工具，绘制出弯折的唱针旋臂：

文章插图

将线条设置为白色，磅值 8 磅，连接类型设置为「圆角」，置于底层，阴影参照前面白色圆形设置：

文章插图

看到这里，你可能会觉得陈老师这个唱针旋臂画得太细了，嗯，其实这是刻意为之 。因为我们现在是在放大绘制，绘制完成之后要整体缩小，但线条的磅值不会随着对象尺寸变化而变化，所以要以缩小后的线条粗细来设置磅值。

使用多个圆角矩形绘制出唱针头 —— 下面是拆解图，总共用到了 5 个圆角矩形：

文章插图

所有部件绘制完成，将唱针转轴和唱针旋臂编为一组，整体缩小 —— 看，在缩小的过程中，旋臂粗细是不是一直没有变化？现在你明白陈老师最开始为什么要把旋臂设置得那么细了吧：

文章插图

把唱针头缩小到合适尺寸，随唱针旋臂末端延伸方向做一定角度的旋转，放置到合适位置，与旋臂组合成一个对象：

文章插图

和唱片放到一起看看，哎，好像有点那个味儿了 —— 这一步要是发现唱针尺寸还是不合适，可以再做缩放调整，调整完后记得单独选中组合中的旋臂，调节磅值至合适尺寸：

文章插图

03 调整唱针旋转中心
为了后续得到正确的动画效果，我们还需要对唱针进行一些调整，否则唱针默认的旋转中心会在对象的几何中心（下图中橙点位置），我们就没法用「陀螺旋」动画让唱针头落到唱片上了：

文章插图

调整的方法很简单，添加一个辅助形状即可 —— 选择圆形绘制工具，光标对准转轴，按住 Ctrl 和 Shift 键，以转轴为圆心画出一个能完全盖住唱针的正圆，设置为无轮廓、无填充，把它与唱针组合为一体，这样整个组合的中心点就是转轴位置了：

文章插图

04 绘制播放按钮 & 设置触发动画
最后一步，绘制播放按钮，以及添加动画。播放按钮的绘制非常简单，就是一个圆形里面放一个三角形，如果有余力的朋友，还可以参照下面的排版绘制出「上一首/下一首」按钮，以及播放进度条等元素：

文章插图

这一步看似跳跃较大，但实则都是基础的形状绘制与文字排版，相信难不倒大家，如果你在练手仿制的过程中确实遇到解决不了的问题，欢迎给陈老师留言。

把要播放的音乐插入到 PPT 里来，此时会自动生成一个小喇叭，同时在动画窗格中生成一个音乐播放动画。把小喇叭放到页面外，如图所示：

文章插图

在「开始」选项卡打开「选择窗格」，在页面中选中播放按钮，将右侧选择窗格中按钮对应的名称改为「播放」，方便后面指定触发器动画：

文章插图

进入「动画」选项卡，在「动画窗格」中选中音乐播放的动画，将其改为「暂停」，然后点击「触发 - 通过播放」，选择下拉菜单中的「播放」。这样就能实现点击播放按钮时播放音乐了：

文章插图

用触发器将播放音乐的动画由默认的小喇叭图标转移给其它对象，是每一个老师都必须掌握的技能。

现在我们实现了点击播放按钮播放音乐，但事实上，我们点击播放按钮时，不光是音乐会播放，还有唱片自转、唱针旋转到唱片上、播放条前进等其它动画效果。因此，我们还需要设置这一系列的动画，并把它们也添加到触发器动画中来。

05 其它配套动画设置
选中唱片，为它添加一个「陀螺旋」动画，设置持续时间为 20 秒（时间越长，转速越慢），双击黄色时间条，弹出计时面板，设置重复为「直到幻灯片末尾」：

文章插图

选中转轴，同样添加「陀螺旋」动画，设置持续时间为 0.5 秒，双击动画对象名字，弹出效果面板，设置旋转角度为 33° （数值仅供参考），回车确认，让旋臂旋转后唱针能刚好落到唱片黑胶面上：

文章插图

最后选中播放条上的圆形游标，添加一个向右的直线动画，将动画终点调整到播放条尾部，双击动画对象名称，弹出效果窗口，取消掉平滑开始和平滑结束：

文章插图

为了实现音乐播完时，圆形游标刚好走到最右端，直线动画的时间与要播放的音乐等长。比如音乐有 30 秒，游标的直线动画时间就设置 30 秒。

不过啊，PPT里最大只能设置10分钟的动画时长（填写10:00），再多就不行了。可我这里要播放的音乐有 21 分 39 秒（折合1299 秒），超过 10 分钟上限了，怎么办呢？

不怕，用「口袋动画」插件的「动画风暴」功能就可以搞定啦：

文章插图

这样是不是就把所有需要制作的动画都完成了呢？还差两点细节 —— 第一，进度条上走过的部分要变成红色。

复制一份进度条，填充颜色为红色，为其添加「更多进入效果 - 伸展」动画，把动画选项设置为「自左侧」。动画时间同样用「口袋动画」设置为 1299 秒。最后把红色进度条叠置到灰色进度条上，把圆形游标置于顶层：

文章插图

第二个缺失的动画是点击播放后，播放按钮要变成暂停按钮 。

当然，如果较真的话，在此之后再次点击暂停按钮后，还会有唱针旋臂要转回初始位置、唱片暂停旋转、播放进度条停止前进等等动画效果……全都要实现很不现实。

既然我们只是为了满足上课需求，并不是真的要复刻一个播放器，那就可以只做「播放变暂停」的效果。毕竟上课过程中，播放音频音乐后又要中途暂停的情况较少，一般都会整体放完。个别情况例如两段歌曲只需要听一段，也可以事先把音频剪开，只插入第一段的音频，这样就不用中途按暂停了。

复制一个播放按钮，删除圆形里面的三角形，绘制一个等于符号，旋转90°，与圆形组合得到暂停按钮：

文章插图
把暂停按钮置于底层，藏在播放按钮后面，然后给播放按钮添加一个消失动画，此时的动画窗格应该是这样子：

文章插图

给大家逐一回顾一下吧：PA-组合1的动画是唱片旋转；PA-组合17的动画是唱针旋臂旋转；PA-组合37是进度条上圆形游标的水平移动；PA-圆角矩形34的动画是红色播放进度条的变长；PA-播放是播放按钮的消失。

现在，把所有这些动画，都设置为「与上一动画同时」，并且拖动到播放音乐的触发器动画之后，我们的所有工作就都完成了：

文章插图

来看看效果吧：

视频加载中...

【还在用丑陋的喇叭放音乐放音乐喇叭有滋滋声】是不是比起一个孤零零的喇叭高大上多了？

还在用丑陋的喇叭放音乐 放音乐喇叭有滋滋声

还在用丑陋的喇叭放音乐放音乐喇叭有滋滋声