分享

模拟图案解锁,打造趣味十足的PPT开场

 alayavijnana 2017-10-21


Hi,我是秋小叶~


我们演示 PPT ,通常是上台了才打开 PPT 文件,等半天进入编辑界面后再按下【F5】开始播放。有时电脑反应慢,台上台下心里都急得抓毛…


这一系列的过程,观众都看在眼里,那么,展示 PPT 有什么有趣又有新意的开场吗?今天 Jesse 老师就来教你一招~


回想锤子发布会的开场,用第一页 PPT 做了一个「悬念式」开场,一直投影在大屏幕上的「药丸」影像吊足了大家的胃口。



其实我们还可以来一个安卓系统的「图案解锁」动画!


汇报之前提前让 PPT 开始播放并停留在这第一页,上台后「解锁」,然后进入正式内容。


这样有趣又吸引人的开场一定可以留给大家深刻的印象。下面我们就来看看这个「图案解锁」动画要怎么制作。



制作九宫格连线点


❶ 搜索一张星空的图片对 PPT 页面进行背景填充(当然你可以自己随便换):


❷ 绘制一大一小两个圆,小圆填充白色、无边线;大圆设置无填充、绿色边线,对齐摆放如图所示:


❸ 将两个圆编为一组(这样方便复制和排列),然后复制为 9 个,以 3×3 的形式排列工整,可以手动排,也可以借助 iSlide插件 的「矩阵布局」功能来快速复制排列:


复制完成之后,全选所有大小圆【取消组合】(方便后面制作连线轨迹),九宫格连线点就制作完毕了。


还可以在顶部输入「稍后解锁精彩」的提示语信息。



制作连线轨迹


说到制作连线轨迹,或许大部分人会想到使用多段「直线」或者直接使用「任意多边形」来绘制,但事实上这两种方式都有一定的弊端:


  • 使用直线要是解锁图案复杂一点,所需直线段数就较多,直线与直线接头的地方会不太好把握,白色的小圆较小,直线的端点也较难落到其圆心上,往往需要后期再调整。

  • 使用任意多边形绘制或许容易一些,但这样所有线条是连成一体的,之后就没办法做连线的动画了。


Jesse 老师推荐大家使用「口袋动画」插件(即 PA插件)来完成连线轨迹绘制,几乎可以说是一键生成。


具体方法如下:

❶ 在 PA插件 中展开【创意设计】下拉菜单,选择底部的【更多选项】


❷ 点开【星阵类型】下拉菜单,将默认的「低面网络」改为「顺次星连」,然后取消「连接点」前的「√」,最后点击【确定】


❸ 按照所构想的划线方案依次选择小圆,然后点击 PA插件的【创意设计-星阵网络】,连线就自动绘制完成了


❹选中所有直线段,设置线条颜色为白色,4.5 磅,透明度 60% 。选择直线段时可以按住【Ctrl】键依次点选,也可以使用 OK插件 快速完成选择——选中一条直线,然后使用【特殊选中-按类型】即可。


完成后的效果如下:


至此,我们平面部分的工作就全部完成了,接下来就是为线条添加动画了。



制作动画效果


❶ 全选所有轨迹线添加【擦除】的出现动画,然后按照线条的角度调整它们的擦除方向,将第一条轨迹线的动画设置为【单击开始】,后续其它线条设置为【从上一项之后开始】,得到下面的效果:

(GIF 图略卡,但实际效果很流畅)


❷ 进入【切换】选项卡,勾选【换片方式】中的【设置自动换片时间】,在所有动画总时长的基础上 +1 秒 。


例如本例所有动画总时长为 4 秒,这里就填写 5,这样当本页动画完成 1 秒之后,就会自动进入下一页:


怎么才能知道动画的总时长呢?很简单,鼠标悬停到最后一个动画步骤的时间条上,就可以看到结束时间了:


❸ 将第 2 页,也就是 PPT 封面的切换动画设置为【门】或者【缩放】,我们的「图案解锁」开场效果就制作完成了:


值得提醒的是:

当勾选「自动翻页」之后,所有单击鼠标开始的动画都会变成自动开始——这是因为这一功能就是为了用于展台播放等无人操作的应用场景而设计的。


在这样的场景下,是无人来单击鼠标的,如果不自动开始的话,PPT 根本就不会播放。


但在本例中我们既需要「自动翻页」,又需要「单击开始」,怎么才能两全呢?


有一个办法就是在演示开始前的准备环节就提前按下【F5】播放幻灯片,在动画开始自动播放时向上滚动一次鼠标滚轮,这样 PPT 就能停在最初的状态,直到演讲者上台点下鼠标,动画才会开始播放。



进阶玩法

如果你对 PPT 动画很有兴趣,愿意花功夫琢磨,还可以尝试做得更好一点。


例如加入一个手指的图标,然后为它添加一系列的直线运动动画,并使其与直线的擦除动画同步,这样的解锁动画效果就更加生动了:


给愿意琢磨的朋友们提几个关键点~


❶ 直线运动动画是用对象中心来划线的,要想用手指的指尖来划线,就需要调整图标的中心点位置,使指尖成为对象中心:


❷ 默认的直线运动动画有【平滑开始】和【平滑结束】,要想图标的运动始终与直线的擦除动画一致,就必须取消平滑效果:


❸ 单独的轨迹线动画,我们可以全部设置为【上一动画之后开始】,加入的手指直线运动动画,开始条件以及每一段动画在时间轴上的位置又该如何分配呢?


这些问题都留给善于思考的你们去开动脑筋了!


最后,一起来总结一下今天教程的几个主要步骤:

  • 绘制九宫格连线点——其中用到了 iSlide插件 的【矩阵布局】功能

  • 制作连线轨迹——其中用到了 PA插件的【星阵网络】功能和OK插件的【特殊选中】功能

  • 制作动画效果——注意自动翻页及时间的设置


PS:教程中的所有操作,即便不使用插件也可以手动完成,但只是通常会需要更多的时间进行细致的调整,因此还是推荐大家善用工具而非蛮力。



关于本文

作者:Jesse

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多