对于教文科的中小学老师而言,上课时总免不了需要给学生播放音频:语文课、英语课的范文朗读,音乐课的范唱、伴奏等等。
大多数情况下,老师们可能就直接把音频素材插入到 PPT 页面,得到一个喇叭图标,播放音频的时候点就完了。可你真的不觉得这样做太丑了吗?
事实上,我们完全可以通过简单的形状绘制和动画设置,模拟出类似「网易云音乐」那样的黑胶唱片播放效果,让音乐播放过程变得更加生动:
今天陈老师就和大家聊聊这个效果的制作方法,有兴趣的老师朋友们不妨抽空跟着教程练练手,看看自己还有哪些技术欠缺,通过练习获得进步。
废话不多说,下面就让我们开始吧!
01 制作唱片
唱片主要是靠图片素材来完成,到哪里去找唱片的图片素材呢?各大素材站点?太慢了!
前面不是已经给大家展示过网易云音乐PC版客户端的界面了吗?直接截图,插入 PowerPoint 就好!看,这么大尺寸,还不够用吗?
按住 Shift 键,使用椭圆工具绘制出一个正圆,大小调节至与图中的唱片一样大:
按住 Ctrl 键,依次选择图片和圆形,进入「形状格式」选项卡,使用「合并形状-相交」命令,就能裁掉无关图片区域,得到正圆形的唱片图片了:
根据你要播放的音乐或音频的不同,找一张素材图片,裁剪为圆形,调节到合适大小,和唱片图片中心对齐后编组,这样我们就可以完成唱片部分的制作了:
02 制作唱针
唱针的造型存在一些拐角和阴影细节,不太适合进行抠图,我们可以直接利用形状来手绘。
首先,绘制两个尺寸较小的圆形,一个灰色,一个白色,中心对齐叠放,做出唱针转轴 —— 白色的大圆适当加一点居中偏移的阴影效果:
接下来使用「任意多边形」工具,绘制出弯折的唱针旋臂:
将线条设置为白色,磅值 8 磅,连接类型设置为「圆角」,置于底层,阴影参照前面白色圆形设置:
看到这里,你可能会觉得陈老师这个唱针旋臂画得太细了,嗯,其实这是刻意为之。因为我们现在是在放大绘制,绘制完成之后要整体缩小,但线条的磅值不会随着对象尺寸变化而变化,所以要以缩小后的线条粗细来设置磅值。
使用多个圆角矩形绘制出唱针头 —— 下面是拆解图,总共用到了 5 个圆角矩形:
所有部件绘制完成,将唱针转轴和唱针旋臂编为一组,整体缩小 —— 看,在缩小的过程中,旋臂粗细是不是一直没有变化?现在你明白陈老师最开始为什么要把旋臂设置得那么细了吧:
把唱针头缩小到合适尺寸,随唱针旋臂末端延伸方向做一定角度的旋转,放置到合适位置,与旋臂组合成一个对象:
和唱片放到一起看看,哎,好像有点那个味儿了 —— 这一步要是发现唱针尺寸还是不合适,可以再做缩放调整,调整完后记得单独选中组合中的旋臂,调节磅值至合适尺寸:
03 调整唱针旋转中心
为了后续得到正确的动画效果,我们还需要对唱针进行一些调整,否则唱针默认的旋转中心会在对象的几何中心(下图中橙点位置),我们就没法用「陀螺旋」动画让唱针头落到唱片上了:
调整的方法很简单,添加一个辅助形状即可 —— 选择圆形绘制工具,光标对准转轴,按住 Ctrl 和 Shift 键,以转轴为圆心画出一个能完全盖住唱针的正圆,设置为无轮廓、无填充,把它与唱针组合为一体,这样整个组合的中心点就是转轴位置了:
04 绘制播放按钮