黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

今年年初的时候,陈老师发过一则用 PPT 动画来模仿网易云音乐播放器的教程,不知道大家还有没有印象。

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

事实上,今年 5 月份我帮一位音乐老师制作赛课 PPT ,就用到了这个动画,效果非常好,这位老师最后也拿了一等奖,我还专门发了一篇推文说这事儿。

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

或许是大家都感觉这种表现形式不错吧,最近有好多新来的朋友都在找着我分享这个效果的做法和源文件。

但正如我最近几篇文章一直强调的,动画类的 PPT ,哪怕你有源文件,只要自己水平不到位,也很难看懂别人是怎么做的,想要把它改为自己能用的效果就更难了。

毕竟长城不是三两天修好的,PPT 动画也没有速成之路。就和学钢琴一样,你得耐着性子去弹音阶去学《拜厄》,而不是因为看着别人弹曲子弹得好听,就直奔那条曲子去——但凡那种一上来就学《梦中的婚礼》的,基本上都是注定学废的。

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

那么,有没有效果和黑胶唱片类似,也能表达音乐在播放,但又比较简单适合新手学习的做法呢?

前些天陈老师在给学院里的学生上《钢琴发展史》这门课的时候,忽然发现自己在好几年前制作这套课件时使用了一种更简单的动画,来表现音乐的播放……不瞒你说,那会儿我的水平也比现在差一大截,所以大概也只能做成这样子了。

喏,就是下面这个效果:

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

这个效果只用到了一个动画:脉冲——所以你肯定能学得会。

「脉冲」是强调动画里的第一种,它能够让对象的大小增加 5%,同时透明度增加,然后再回归原状。用一个简单的圆形示范一下:

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

默认的脉冲速度比较快,只有 0.5 秒,太快了一点。我们可以把这个时间更改为 2 秒,同时增加它的重复次数。具体的方法是打开动画效果选项下拉菜单,选择「计时」,修改「期间」为 2 秒,然后设置「重复」为「直到下一次单击」:

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

这样就可以实现前面大家看到的那个效果了。当然了,既然我们是要给唱片添加「脉冲」,那么第一步就是去找一张唱片的图片。

百度「觅元素」,进入网站后搜索「唱片」,找到合适的图片,QQ 关联登录后将光标对准图片,就可以点击右上角按钮下载透明 PNG(免费用户每天 3 张,但很多图片的背景都是纯色,可以直接拖到 PPT 里来手动去除背景,约等于无限制):

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

图片插入 PPT 后,按照前的方法给它添加动画、设置时间和重复方式,就能实现节奏性的呼吸变化了:

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

现在再插入要播放的音乐,设置「从上一项开始」,音乐和唱片的脉冲动画就能同步播放。

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

开始播放的问题解决了,那结束播放呢?如果音乐已经停止了,唱片还一直在脉冲闪动,看起来就比较违和了。

还记得我们把脉冲动画的重复设置为了「直到下一次单击」吗?只要我们在音乐结束的时候单击一下鼠标,唱片的动画就能停下来。但问题在于,如果我这一页没有其他动画了呢?再单击一次鼠标不就翻页了吗?

这里提供一个巧妙的解决方法给大家。我们只需要绘制一个矩形,给它添加上出现动画:

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

这样单击鼠标或翻页笔按下「下一步」时,矩形出现,唱片的脉冲动画也就停下来了。

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

可我们这个页面上并不需要一个矩形呀!这样做不是多了一个矩形吗?

哈哈,精妙之处来了——我们把这个矩形拖到页面范围之外,在 PPT 播放的时候不就看不到了吗?可是它的出现动画仍然是有效的,只不过是在观众看不到的地方「悄悄出现」。这样就能两全其美,既实现了停止唱片的「脉冲」动画,又不影响现有的页面设计。

黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

事实上这种利用辅助图形的手法是PPT动画设计中非常常见的,大家将来了解到更多PPT动画的设计技巧之后,会接触到更多类似的「神操作」。

好了,最后让我们欣赏歌曲,看看完整效果吧!

怎么样?各位音乐老师,这次这个简易版的黑胶唱片动画效果,你学会(fei)了么?赶紧到留言区告诉我吧!

------
公众号:Jesse1981
原文链接:黑胶唱片播放器动画太难?这份简易版教程你一定能学会!

版权声明:Jesse1981 发表于 2021年11月12日 下午10:59。
转载请注明:黑胶唱片播放器动画太难?这份简易版教程你一定能学会! | AboutPPT导航

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...