品略图书馆

技能193-让画面动起来,一个片头动画的设计过程揭秘(上)-布衣公子

原标题:技能193-让画面动起来,一个片头动画的设计过程揭秘(上)-布衣公子

有一句俗语说,「好的开始是成功的一半」,一个炫酷的全动画PPT作品,它的片头效果也一定不俗!

这是布衣公子网易云课堂《揭秘PPT真相》第八章某一节的标题,效果如动图所示。今天先讲上篇,轮子的手绘及登场和退场的动画设置。

涉及的知识或技能有二:①动画叠加,同一对象的多个动画效果可以叠加成新的效果,关于同一对象不同动画的效果叠加前面已有详述,请大家自行复习;②反转路径,两点好处:未播放时即为最终版式且位置精确。

最近在出PPT动画方面的技能,一见到静止的画面,总觉得它能动起来,比如,该图是本次所讲案例的灵感来源,从动画的角度来思考,轮子首先可以转动起来,然后,那几个条形图,它的动画效果也在我的心中有了初步的构思。

第一步、巧绘车轮。经过对原图的分析,车轮由内外圆环加中间与内圆相切的10个线段所组成,这10个线段将内外圆之间的区域等分为10个部分,因此每两个线段之间的夹角就是36°。因此,绘制内外圆后,我们再绘制一个竖立的线段,并复制9份,将其依次旋转36°、72°、108°、144°、180°、216°、252°、288°、324°,然后再将其均匀排列使其与内圆相切即可。

第二步、轮子登场动画设置。想要轮子从右侧驶入版式特定位置,需要三个动画叠加而成,分别是「出现」、「动作路径」和「陀螺旋」,它们同时播放并叠加出车轮驶入的效果,其中,动作路径设置【靠右】,再设置【反转路径方向】,持续时间为1.4秒;陀螺旋设置720°逆时针,且持续1.2秒。为什么陀螺旋的持续时间比移动路径时间短呢?因为这样会有刹车的感觉。

【反转路径方向的使用说明】按说,车轮由边缘滚到版式特定位置,它的路径动画设置应该是先将车轮放在右侧版式之外,再设置动作路径移动版式特定位置。这其实就是常规的设置,在本次案例场合,它很难精确排版,且不播放时车轮在界外,无法直接看到最终版式效果;然而,如果我们将动作路径设置【靠右】,再设置【反转路径方向】,则就规避了上述的问题,未播放时即为最终版式且位置精确。

第三步、轮子退场动画。退场动画很简单,但也是通过叠加而形成的组合效果,由「飞出」和「陀螺旋」叠加而成,它们的持续时间均为1秒,飞出的设置是【到左侧】,陀螺旋的设置是360°逆时针。

公子的PPT学员将会获取这些素材的源文件,具体的操作过程请您详见网易云课堂《揭秘PPT真相》之《PPT动画初步》章节的视频演示。

PPT课程地址:

http://study.163.com/course/courseMain.htm?courseId=1003808013&utm_campaign=commission&utm_source=cp-498953&utm_medium=share

Excel课程地址:

http://study.163.com/course/courseMain.htm?courseId=1004207003&utm_campaign=commission&utm_source=cp-498953&utm_medium=share

……

单击「阅读原文」进入PPT课程传送门。

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。

http://www.pinlue.com/style/images/nopic.gif
我要收藏
个赞
被踩
分享到
分享
评论
首页