毕业论文
您现在的位置: 在线收听 >> 在线收听发展 >> 正文 >> 正文

还在用丑陋的喇叭放音乐教你五步把网易云

来源:在线收听 时间:2023/2/25

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

大多数情况下,老师们可能就直接把音频素材插入到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秒(折合秒),超过10分钟上限了,怎么办呢?

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

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

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

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

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

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

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

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

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

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

来看看效果吧:

00:17

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

转载请注明:http://www.0431gb208.com/sjszyzl/2720.html