今年苹果发布会没有看,但是最近看到三石兄发了一篇关于发布会现场的这页PPT复刻的推文,它介绍的是利用直线辅助的方法来完成。
三石兄相关推文:
iPhone12发布会PPT,你也能做!mp.weixin.qq.com那么今天我们主要介绍如何用插件来复刻它。接下来我们将借助islide和OK以及PA口袋动画三个插件来实现它。
首先我们来看一下它动态的完整效果
观察这一页PPT,我们可以发现难点主要是在于中间的动态进度条和动态数据。那么这个动态进度条和动态数据有没有方便的方法来做呢?
关于这个动态数据滚动的做法,我们前面推文有讲过,利用OK插件一键生成。我们再来复习一下操作
1.滚动数据动画
1)先纵向打出一列随机数字
2)通过OK插件“文档组-逐帧相关-逐帧辅助-设置行间距为固定值0磅”,再对文本添加逐帧闪烁,设置对应参数即可。
3)在滚动数据末尾为最后停留的数据,添加出现动画。
2.半封闭式圆环进度条
接下来观察我们这个由圆点组成的半封闭圆环式进度条,我们发现它包含了以下图示的基础属性的变化,那么我们就可以利用插件对应的功能来制作这个圆环进度条
1)插入正圆形,对圆形执行“环形布局”。
动态操作演示如下
最后删除掉多余部分,即可
2)通过“OK神框-填充透明递进”设置它的递进透明填充属性。
OK神框“填充透明递进”使用方法,在这里简单说明一下,在框内输入合适的数值,中间用逗号隔开,然后回车即可。
如下图所示,在框内输入“10,0”,表示的是对象填充颜色的透明度呈10%到0%的透明度变化。
这里我设置的是20%-0%的透明度的变化,这个参数可以根据自己需要来设置。
动态演示如下
3)通过“OK神框-尺寸比例递进”对设置它的大小递进。
跟前面讲的方法一样,我们只需要在神框内插入合适的数值,用逗号隔开,然后回车即可。这里我设置的是“80,100”,即尺寸大小比例呈80%-100%递进变化。
下面我们直接上动图演示
3.进度条动画设置
我们可以看到进度条好像是一个旋转出现的这么一个效果,其中还伴随着一个大圆点进行变化的。
我们可以将圆环分为2等分,然后组合起来,分别用“向上”和“向下”两个方向的擦除出现动画来做这个类似的效果。
动态操作演示如下
速度有点慢,后面我们还可以将擦除速度再调快一点。
接着是外面的大圆点的伴随路径动画的设置,我们可以先复制一个圆点出来,然后利用PA口袋动画插件的“形状转路径”即可得到圆点的伴随路径动画。
这里我们先用布尔运算和编辑顶点,得到一个与半封闭圆环等大的半封闭圆线框,作为圆点的伴随路径。
这里也简单地说明一下,“形状转路径”的使用方法。先选中小圆点,然后选择口袋动画的插件的“形状转路径”,等到半封闭线框变红的时候,用鼠标轻轻点击一下这个线框,这个圆点就可以沿着这个线框做路径运动。简单来说,“形状转路径”功能,就是相当于我可以在PPT中随意给它画线条,那么通过这个功能,就可以让任意对象沿着所画线条进行路径运动。
下面请看动态演示操作
现在我们已经将圆点的路径动画设置好了,现在我们可以打开动画窗格对它进行一些参数调整。
最终放上文字和前面做的动态滚动数据的效果
其实很多时候方法是可以迁移使用的,那么由这个圆环式动态进度条,我们还可以延申得到下面这些动态进度条
以上就是今天要分享给大家的内容了,希望大家喜欢!
老规矩,在微信公众号后台回复“动态数据进度条”就即可下载以上动态数据进度条的PPT源文件。