http://www.pptjcw.com

ppt做出滚动播放的效果:网易云音乐的播放特效,PPT也能做?简单!5步搞定!

    下面的是PPT教程网给你带来的相关内容:

    ppt做出滚动播放的效果:网易云音乐的播放特效,PPT也能做?简单!5步搞定!

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

    大多数情况下,老师们可能就直接把音频素材插入到 PPT 页面,得到一个喇叭图标,播放音频的时候点就完了。

    可你真的不觉得这样做太丑了吗?

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

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

    废话不多说,下面就让我们开始吧!

    ppt做出滚动播放的效果

    制作唱片

    唱片主要是靠图片素材来完成,到哪里去找唱片的图片素材呢?各大素材站点?太慢了!

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

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

    ppt做出滚动播放的效果

    制作唱针

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

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

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

    看到这里,你可能会觉得陈老师这个唱针旋臂画得太细了,嗯,其实这是刻意为之。

    因为我们现在是在放大绘制,绘制完成之后要整体缩小,但线条的磅值不会随着对象尺寸变化而变化,所以要以缩小后的线条粗细来设置磅值。

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

    ppt做出滚动播放的效果

    所有部件绘制完成,将唱针转轴和唱针旋臂编为一组,整体缩小 —— 看,在缩小的过程中,旋臂粗细是不是一直没有变化?

    现在你明白陈老师最开始为什么要把旋臂设置得那么细了吧:

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

    ppt做出滚动播放的效果

    调整唱针旋转中心

    为了后续得到正确的动画效果,我们还需要对唱针进行一些调整,

    否则唱针默认的旋转中心会在对象的几何中心(下图中橙点位置),我们就没法用「陀螺旋」动画让唱针头落到唱片上了:

    ppt做出滚动播放的效果

    调整的方法很简单,添加一个辅助形状即可:

    选择圆形绘制工具,光标对准转轴,按住 Ctrl 和 Shift 键,以转轴为圆心画出一个能完全盖住唱针的正圆,设置为无轮廓、无填充,把它与唱针组合为一体,这样整个组合的中心点就是转轴位置了:

    ppt做出滚动播放的效果

    ppt做出滚动播放的效果

    绘制播放按钮 & 设置触发动画

    最后一步,绘制播放按钮,以及添加动画。

    播放按钮的绘制非常简单,就是一个圆形里面放一个三角形,如果有余力的朋友,还可以参照下面的排版绘制出「上一首/下一首」按钮,以及播放进度条等元素:

    ppt做出滚动播放的效果

    这一步看似跳跃较大,但实则都是基础的形状绘制与文字排版,相信难不倒大家。

    如果你在练手仿制的过程中确实遇到解决不了的问题,欢迎给陈老师留言。

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

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

    进入「动画」选项卡,在「动画窗格」中选中音乐播放的动画,将其改为「暂停」,然后点击「触发 — 通过播放」,选择下拉菜单中的「播放」。

    这样就能实现点击播放按钮时播放音乐了。

    ppt做出滚动播放的效果

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

    现在我们实现了点击播放按钮播放音乐,但事实上,我们点击播放按钮时,不光是音乐会播放,还有唱片自转、唱针旋转到唱片上、播放条前进等其它动画效果。

    因此,我们还需要设置这一系列的动画,并把它们也添加到触发器动画中来。

    ppt做出滚动播放的效果

    其它配套动画设置

    选中唱片,为它添加一个「陀螺旋」动画,设置持续时间为 20 秒(时间越长,转速越慢)ppt做出滚动播放的效果:网易云音乐的播放特效,PPT也能做?简单!5步搞定!,双击黄色时间条,弹出计时面板,设置重复为「直到幻灯片末尾」:

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

    为了实现音乐播完时,圆形游标刚好走到最右端,直线动画的时间与要播放的音乐等长。

    比如音乐有 30 秒,游标的直线动画时间就设置 30 秒。

    不过啊,PPT 里最大只能设置 10 分钟的动画时长(填写 10:00),再多就不行了。

    ppt做出滚动播放的效果

    可我这里要播放的音乐有 21 分 39 秒(折合 1299 秒),超过 10 分钟上限了,怎么办呢?

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

    ppt做出滚动播放的效果

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

    复制一份进度条,填充颜色为红色,为其添加「更多进入效果 - 伸展」动画,把动画选项设置为「自左侧」。

    动画时间同样用「口袋动画」设置为 1299 秒。

    最后把红色进度条叠置到灰色进度条上,把圆形游标置于顶层:

    ppt做出滚动播放的效果

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

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

    既然我们只是为了满足上课需求,并不是真的要复刻一个播放器,那就可以只做「播放变暂停」的效果。

    毕竟上课过程中,播放音频音乐后又要中途暂停的情况较少,一般都会整体放完。

    个别情况例如两段歌曲只需要听一段,也可以事先把音频剪开,只插入第一段的音频,这样就不用中途按暂停了。

    复制一个播放按钮ppt做出滚动播放的效果,删除圆形里面的三角形,绘制一个等于符号,旋转 90°,与圆形组合得到暂停按钮:

    ppt做出滚动播放的效果

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

    ppt做出滚动播放的效果

    给大家逐一回顾一下吧:

    ❶ PA — 组合 1 的动画是唱片旋转;

    ❷ PA— 组合 17 的动画是唱针旋臂旋转;

    ❸ PA— 组合 37 是进度条上圆形游标的水平移动;

    ❹ PA—圆角矩形 34 的动画是红色播放进度条的变长;

    ❺ PA— 播放是播放按钮的消失。

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

    ppt做出滚动播放的效果

    来看看效果吧:

    是不是比起一个孤零零的喇叭高大上多了?

    如果你希望自己也能快速掌握各种牛 X 的 PPT 技巧,编辑部强烈推荐你入手《和秋叶一起学 PPT》课程。

    系统掌握 PPT 的核心技能:页面美化、段落排版、人物海报、图片处理……带你提高设计审美、掌握高频技巧、提高制作效率。

    你会发现,PPT 中的技巧并不难,而且关键时刻立马能用上!

    课程有录屏演示,完整观看老师操作过程,不用担心按钮找不到,有偏差;

    遇到问题,有专属学员群解答,再也不用一个人苦苦挠破头!

    今天,小叶特地为你们申请了30 元优惠,到手价仅需139元~

    不到一顿饭的价格,轻松提高 PPT 能力,成为老板看中、同事羡慕的 PPT 大神

    优惠券仅限 20 张,数量有限,先到先得!

    ppt做出滚动播放的效果

    ↑↑↑扫码可立即试看↑

    ppt做出滚动播放的效果

    ppt做出滚动播放的效果

    感谢你支持pptjcw.com网,我们将努力持续给你带路更多优秀实用教程!

    提示:如果您觉得本文不错,请点击分享给您的好友!谢谢

    上一篇:英文ppt怎么翻译成中文:ppt翻译成中文怎么操作?这3个ppt翻译方法教给你 下一篇:ppt英文全称怎么读:原来“PPT”不读“P-P-T”!99%的国人都错了!

    郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。