PowerPoint变体动画效果原理解析及应用研究

张未未+杜清+王苹

摘要： 关键词： 中图分类号： 文献标志码： A文章编号： 2095-2163（2017）06-0078-05

Abstract： The emergence of variant animation makes up for the deficiency of PowerPoint software in the shape tweens. In this paper， the function of variant animation is introduced in detail. The most important contour deformation effect in variant animation is randomness and uncontrollable in the process of deformation. In view of this problem， the principle of animation implementation is analyzed and production ideas are proposed. So that the deformation process of such effects can be controlled and more accurate，which is never seen in the previous literature. The examples listed in this paper also reflect the magical effects of variant animation.

0引言

動画作为信息的直观表现形式以及PowerPoint软件的一项重要功能，在幻灯片制作过程中获得了广泛应用。好的动画效果既可以增加幻灯片演示的趣味性，又可以形象逼真地解词达意，从而省略掉大段的文字描述，使得幻灯片版面更加简洁明了[1]。

PowerPoint软件可以实现的动画类型包括逐帧动画、补间动画和预定义动画三类[2]。但对于补间动画中形状补间动画制作功能的不完善一直以来被看作是该软件的重大短板，使得一些富有独创思维的动画效果难以呈现推出，并使PowerPoint软件在与苹果公司的Keynote软件的竞争中处于下风[3]。而微软公司在PowerPoint 2016的最新改进版本中增加了一种新的幻灯片切换效果—“变形”，并称之为变体动画，使得形状补间动画在该软件中第一次具备了专门的实现手段，其创意效果丰富、制作方法简单已然赢得了学界的期许与赞誉。本文对PowerPoint中的变体动画进行了全面的探讨论述，并经过反复的设计尝试，解析了变体动画中轮廓变形效果也进一步原理。文中案例也进一步展现了变体动画的神奇效果。

1PowerPoint中的动画功能及分类

目前，比较流行的动画制作软件（如Adobe公司的Flash）基本上都将可实现的动画分为三类：逐帧动画、补间动画和预定义动画[4]。其中，逐帧动画的基本原理是在连续的关键帧中分解动画动作，也就是需要逐帧绘制不同的内容，并使其连续播放而形成动画。逐帧动画的优点在于任何的动画效果均可以设计驾驭，但缺点也显而易见，就是制作难度及工作量均较大，制作效率较低。而补间动画则简化了逐帧动画的制作过程，却更加注重动画的变化规律，制作者只需要确定动画变化前后的起始画面，中间的变化过程将由软件自动添补生成。这类动画的优点在于动画制作步骤简洁、效率高，缺点在于动画的变化过程由软件自动生成，而导致精细程度必然下降，甚至个别的动画变化过程并不能达到制作者的设计需求。补间动画按照动画变化形式的不同又可分为动作补间动画和形状补间动画。这类动画也是优选常见并易于掌握的动画类型。预定义动画主要是一些常用的动画变化效果，或者是比较炫酷的但并不容易实现的动画效果由软件预先得到并保存，制作者只需要直接使用的一种动画类型。这类动画为制作者快速生成复杂的动画效果提供了便捷途径，但缺点在于动画变化过程相对固定，不易修改，使用范围也颇为有限[5]。

PowerPoint中的动画功能从软件的2007版开始加入了比较大的改进，新增了许多动画效果，动画制作的操作方式也相应发生了较大的变化，而2010及2013两个版本只是略做了些优化，并未见到显著改进，动画功能相对固定[6-7]。

虽然PowerPoint在预定义动画中有类似“放大/缩小”这样与形状变化有关的效果，但功能有限，变化过程不够细致，特别是不具有轮廓变化的动画效果。如图1所示“方形”变“圆形”的动画效果在PowerPoint 2013及之前的版本是较难做到的。一直以来没有专门的形状补间动画制作方法是PowerPoint软件动画功能的一大缺憾。

2016在发布之初也不具有形状补间动画的制作功能，直到2016年初的一次重要更新后，出现了“变体”动画效果，使得在PowerPoint中实现形状补间动画成为可能，笔者认为这是自2007版以后近10年间PowerPoint在动画功能设计上的最重大改进，也使得PowerPoint拥有了对全类型动画效果的支持能力。

2PowerPoint变体动画研究

PowerPoint中的变体动画效果类似于苹果iMac系统上Keynote软件中的神奇移动效果，可以快速实现类似于Flash中的形状补间一类的动画效果。一个对象由A变成与A状态不同的副本B，这中间的变化过程是由计算机自动完成的，而在制作动画时只需要提供开始时的状态A和结束时的状态B就可以[8]。这里的变换既可以是形状轮廓的变换，比如“方”变“圆”，也可以是同形状、不同状态的变换，比如大小、位置、颜色、角度和数量等。

2.1变体动画的获得

PowerPoint 2016早期的发布版本也并不具备变体动画效果，只有在将Office365升级到2016.06以上的版本时，才能在“切换”选项卡中看到一种新的幻灯片切换效果—“变形”，这就是本文重点探讨的变体动画。如图2所示。endprint

变体动画最终实现的是对象形状或状态的变化，但PowerPoint并没有将其划归在对象动画类型里，而是根据制作方法的特点归类在了幻灯片切换效果中。

2.2变体动画的基本实现方法及适用对象

变体动画在制作时，需要将同一对象置于两张连续的幻灯片页面中，改变其中一张幻灯片上对象的形状或属性，这里的属性包括大小、位置、颜色、角度、数量、组合等，改变两张幻灯片之间的切换效果为“变形”，在幻灯片播放时便会自动实现中间的变体过程。

可以利用变体动画效果的幻灯片对象包括PowerPoint基本形状、自绘图形以及形状的组合，也可以是文字和图片。

2.3变体动画可实现的变形过程

1）轮廓变体。在设置了“变形”切换效果的两张幻灯片上改变对象的轮廓形状，来实现不同形状间的自然過渡。这是变体动画可展示的最重要的变形过程，是用其他动画效果所不能替代的。如图3所示。

2）大小变体。同一元素在两个页面的大小不同，在变体动画中软件会自动补全面积变化的过程，非常形象地演绎了元素的放大和缩小。虽然在对象动画类型中有“放大/缩小”效果可实现相同的变形过程，但利用变体动画可使变换过程更加连贯和精细。

3）位置变体。将上一张幻灯片上的对象移动到下一张上的新位置，利用变体动画可做到位置间的连续移动，类似于对象动画类型中的自定义路径动画，但整体过程更加简洁。位置变体可明确实现直线位置移动，对于曲线运动等不规则的位移，并不能绘制运动路径，此时采用自定义路径动画将更为适宜。

4）颜色变体。对象在连续的两张幻灯片中任意变换填充效果，可以是纯色和渐变色，也可以是图案、图片或纹理填充，利用变体动画可得到填充效果的自然过渡。利用传统对象动画类型中的“对象颜色”效果却只能实现纯色填充效果的变化，这也可称做变体动画的一大优势。

5）角度变体。两张幻灯片中同一对象的放置角度不同，利用变体动画可实现角度旋转。

6）数量变体。对象在数量上的变体实际上就是多个对象的叠加和分散，本质是利用了位置和角度的变体，看起来犹如数量上产生了变化。

7）三维变体。可以实现三维图形的位移和旋转变化。这也是变体动画的重要功能，用其他动画效果不能替代。可施加变体效果的三维图形必须是利用PowerPoint中的三维工具所绘制的图形，由形状的组合拼接而成的三维图形则对此功能无效。

8）文字变体。可以实现相同文字的延续和变化，不相同的文字将淡入或淡出。文字变体既可实现单独字符的变化，也可以词组为单位进行变化。如图4所示，在变体过程中，即幻灯片进行切换时，字母将自动插入单词的对应位置。文字变体动画适合于名词解释类内容的演示。

9）图片变体。通过改变不同幻灯片中相同图片的位置、大小、颜色和角度等图片属性，利用变体动画实现属性改变后的自然过渡。如图5所示，第一页幻灯片中5张图片叠放在一起，第二页幻灯片中5张图片按新位置依次排列。设置了“变形”切换效果后，图片的位置移动、角度旋转等变化过程将由软件自动完成。

还有一些变形过程均可看作以上九类基本变形效果的组合。从上述九类典型的变体动画效果来看，变体动画不仅局限于形状轮廓的变化，也包括位置、角度和颜色等对象状态的变化。有些效果用传统的对象动画可以实现，但转换过程较变体动画更显复杂，而有些效果只能通过变体动画来实现。

3变体动画实现原理解析

在变体动画的九类基本变形效果中，比较难实现、变形原理较复杂的是轮廓变体。主要问题在于什么样的形状或形状组合可相互变化，以及变化过程是否可以按照制作者的预想推进，而不是随意变化。由于研究变体动画的文献较少，微软官方也没有提供相应需求案例，因此对于以上两个问题就会给致力掌握变体动画效果的制作者带来些许困惑。笔者经过反复的实验探究，对变体动画中的轮廓变体效果的原理获得了比较清晰的认知。具体过程论述如下。

3.1实现轮廓变体效果的对象特征

在一些文献中曾提到形状变体效果对于可变形状是有所选择的，比如“方”变“圆”的效果，其中方形和圆形不能选择PowerPoint基本形状中的矩形和椭圆，必须选择圆角矩形。如图6所示，矩形和圆形是由圆角矩形通过控制变形点变换而来，而只有这样的矩形和圆形之间才能应用得到形状变体动画效果。

经过笔者实验探知，基本形状中的矩形和椭圆也可以用来作为轮廓变体效果的应用对象，但在变化前却需要将基本矩形和椭圆转换为任意多边形，便可在2种形状间顺利实现轮廓变体效果。“转换为任意多边形”是PowerPoint软件的自带功能，但却并非常用命令，故而可通过如图7所示操作将其添加到基本选项卡中[9]。并进一步发现，PowerPoint中所包含的任意基本图形均可通过此操作与其他形状间进行轮廓变形。而通过组合而得到的不规则形状以及通过自由曲线所绘制的图形本身就是任意多边形的形式，可不用转换。

3.2轮廓变体效果原理解析及可控设置

在变体动画中，当设置了变化前后的形状后，中间的变形过程将由软件自动生成，有时变形过程会很复杂、也很随机，视觉呈现并不美观。以“方”变“圆”为例，可发生如图8所示变形过程。也可构建如图9所示变形过程。

图9所示变形过程随机性较大，也比较复杂。相同图形不同的变形过程主要是由图形构造本身所决定的。PowerPoint中，每种图形都有不同的画法，不同的画法都会留有数量不同、分布不同的图形顶点[10]。可通过在图形上右键单击，选择“编辑顶点”命令查看图形顶点。如图8所示，变形过程中的方形和圆形的顶点如图10所示。

由图11可以看出，由于方形和圆形的顶点数量不同，顶点所处位置不对应，因此变形过程将会呈现随机性，也较为复杂。进而就可推出轮廓变形效果的基本变化原理，即变形前形状的顶点在变化过程中要与邻近的变化后形状的顶点相互重合，在重合的过程中，带动轮廓的变化。变形前后形状顶点的数量相同，且顶点在图形中所处的位置越靠近，则变形过程就更趋简洁、自然，反之则复杂而随机。图12是对图11变化过程的修正。由于变形前后方形和圆形具有相同数量的顶点且位置接近，因此变化过程流畅且简洁。endprint

由此可见，可以通过对于形状的顶点数量和位置的控制来实现变形过程的可控，顶点数量越多，对于变形过程的控制越精细。但在PowerPoint中对于基本形状添加顶点时，会出现较大的形状畸变。这种情况下，可借助Adobe illustrator软件来绘制带有不同数量顶点的基本形状的矢量图形，然后再导入到PowerPoint中对其应用变体动画执行效果。除了基本形状以外，通过自由曲线所绘制的图形以及组合图形的变形过程控制方法与此相同。

4变体动画的应用举例

当对变体动画的原理及九类基本变形效果建立了整体认知后，便可通过多种形式的效果组合来实现酷炫的变体动画效果。

4.1轮廓变体效果与图片变体效果的组合应用

对于图片直接应用变体效果只能实现同一图片在位置、大小、颜色和角度等属性发生变化时的变形效果，而图片的轮廓及画面并不能通过变体效果来改变。解决此问题的方法是将轮廓变体效果与图片变体效果进行组合使用。

在两页幻灯片中分别绘制矩形和圆形，并转换为任意多边形，用不同的图片对矩形和圆形进行填充。如图13所示。

在这两页幻灯片间应用“变形”切换效果，如图14所示，从而实现图片画面及轮廓的变形。

PowerPoint中的图片虽然可以通过“裁剪”命令直接裁剪为矩形或圆形，但裁剪后的图片由于不能转换为任意多边形，因此不能达成画面及轮廓的变形目的。所以上述效果只能通过对形状填充的方式设计实现。

4.2利用图片变体效果制作电影海报宣传动画

新建五页幻灯片，幻灯片内容如图15所示。每页幻灯片的切换方式均设置为“变形”效果，换片方式选择“自动换片”，并设置循环放映，便可实现五幅海报图片逆时针旋转的效果，且在旋转的过程中图片大小会随着位置的变化而变化。

如果是如图16所示画面的布局方式，则可以实现水平方向海报的轮播效果，且位于画面中间的海报图片将会自然变大以表强调。

如上两种电影海报宣传动画效果用传统的对象动画方式也可实现，但流程方式复杂且容易出现错误。因此新鲜创意再配合变体动画的简单实现过程，便可制作出华丽炫酷的动画效果来。

5结束语

变体动画的出现，弥补了PowerPoint软件一直以来在制作形状补间动画方面的短板，可以看作是该款软件近10年来在动画制作方面堪称业界亮点的功能改进。PowerPoint中的变体动画可以应用于基本形状、自绘图形、组合形状、文字和图片等常用幻灯片制作元素，并可以从轮廓、大小、位置、颜色、角度、数量和三维旋转等多个方面实现变形效果。而针对变体动画中最重要的轮廓变形效果在变形过程中随机性强、不可控的问题，本文详细解析了动画实现的原理，并对以往存在的错误做法进行了纠正，从而使此类效果的变形过程细密可控，并更加精确，这在之前的文献中不曾见到。变体动画的强大功能丰富了幻灯片的表现手法，使得卓富创意的动画效果得以轻松实现。

参考文献：

[1] 陈魁. PPT动画传奇：解密专业演示动画特效[M]. 北京：电子工业出版社，2012.

[2]陈魁，吴娜. PPT演义—100%幻灯片设计密码（PowerPoint2010）[M]. 北京：电子工业出版社，2014.

[3] 康欣欣，傅钢善. EasiNote与Powerpoint两款课件制作软件的应用比较[J]. 中国医学教育技术， 2016，30（5）：548-551.

[4] 张鹏程. Flash的动画类型研究[J]. 美术教育研究， 2016（7）：105.

[5] 张峤，桂双凤. Flash动画运动规律与原画绘制[M]. 北京：机械工业出版社，2016.

[6] 张未未，王苹，唐燕. 基于PPT对象模型的倒计时器程序实现[J]. 信息技术，2016（3）：91-96，100.

[7] 张未未，刘仁权. PPT自有动画实现任意时长倒计时器的方法[J]. 信息技术，2016（9）：81-85.

[8] 刘敏. 探析Office2016中PowerPoint的新功能—变体[J]. 电脑知识与技术，2017，13（12）：155-156.

[9] 孟丽娟，吴锋，崔磊. 浅析在PowerPoint中绘图的方法[J]. 中国教育信息化， 2011（2）：44-45.

[10]费英，余波，王文彬. Powerpoint演示文档中矢量图形的創作和使用方法[J]. 中国医学教育技术， 2012，26（3）：265-268.endprint