|
嘀嗒嘀嗒！ 罗辑思维“得到”休息茶水间的一个PPT动画，惊呆了很多人！一个倒计时动画为什么会这么惊奇呢？ 因为它的每一秒都和闹钟一样精准无疑，而且整整持续了15分钟整。 于是很多小伙伴在涛说PPT上看到后，竟在我们后台求教程。 (PS:听刘哲涛老师透露，将会有思路文章发出并附上源文件，于是先行附上我的思路，静等刘哲涛老师的答案。) 将这个动画拆分为3步走，你会发现这个动画其实很简单。 1、道具组合准备 2、动画思路分析 3、动画参数设置 道具组合准备 一个完整的时钟组合，需要有一个时钟底面、时针、分针、秒针、圆心五个部分。 但是在PPT动画里面并没有旋转动画，可以支持时针、分针、秒针围绕一个端点旋转。 于是我们碰到了第一个难点，用什么动画实现指针旋转呢？ 于是我们需要转换思路。 将时针、分针、秒针分别复制一份，并且组合起来，其中一份的透明度设置为100即可，这样设置方面添加陀螺旋动画。 如图设置好后，时针、分针、秒针的对称面各有一个隐藏的针。 PS:建议道具组合可以在AI、PS里面处理成PNG导入进来,不然时针转动的时会有锯齿感。 动画思路分析 敲黑板： 动画和实际时钟转动的度数是一样的，时间上的跨度为15分钟，当分钟转动完毕时，时针也需要转动相应的度数。 公式计算，转动完15分钟： 秒针：需要转动15圈，15 X 360 = 5400 度 分针：15分钟，4分之一个小时，360 / 4 = 90 度 时针：1小时转动30度，0.25个小时转动了7.5 度 于是我们就碰到了第二个难点。 PPT动画最长时间为10分钟（600秒），15分钟就超过了时限，但是我们的整体思路是对的呀。 所以我们讲整体思路拆分。 更改如下： 将15分钟拆解为10分钟 + 5分钟，利用动画补间，将两个动画无缝联合起来。 前10分钟： 秒针：需要转动10圈，10X 360 = 3600 度 分针：10分钟，6分之一个小时，360 / 6 = 60 度 时针：1小时转动30度，10分钟转动了5 度 后五分钟： 秒针：还需要转动5圈，5 X 360 = 1800 度 分针：5分钟，12分之一个小时，360 / 12 = 30 度，在原先60度的基础上再转动30 度数 时针：1小时转动30度，5分钟转动了2.5 度，在原先5度的基础上再转动2.5 度 动画参数设置 先解决10分钟的部分动画 点开大图更清晰 分秒时都是同时开始转动的，于是在陀螺旋动画里面将旋转角度都设置为3600 度，持续时间都10分钟（600秒） 于是10分钟的事情，就这么轻松的解决了！ 再解决后五分钟的部分动画 首先先给分针和时针一个退出动画中的消失，结束他们的使命。 再将分针和时针复制一份，命名为分针补间动画和时针补间动画。其中时针已经转动了5 度，分钟已经转动了60 度。 在分钟和时针消失的同时马上出现 于是给分钟补间动画和时针补间动画添加一个出现动画。 分秒时同时开始转动，只需要再次重复第一步的操作，在陀螺旋动画里面将旋转角度都设置为1800 度，持续时间都5 分钟（300秒）
然后你可以选择播放等待15分钟就可以得到上面这个时间点了，是不是很简单啊！ 看完动动手，顺便附上源文件，获取方式详见留言第一条。另外提醒各位：《限时免费丨1725豪华PPT模板大礼包》截止明天17:00点，其中有两套可以免费获取哦，如需请抓紧哦。 |
||||
|
|
