張未未+杜清+王蘋

摘要： 關(guān)鍵詞： 中圖分類號： 文獻標志碼： 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引言

動畫作為信息的直觀表現(xiàn)形式以及PowerPoint軟件的一項重要功能，在幻燈片制作過程中獲得了廣泛應(yīng)用。好的動畫效果既可以增加幻燈片演示的趣味性，又可以形象逼真地解詞達意，從而省略掉大段的文字描述，使得幻燈片版面更加簡潔明了[1]。

PowerPoint軟件可以實現(xiàn)的動畫類型包括逐幀動畫、補間動畫和預(yù)定義動畫三類[2]。但對于補間動畫中形狀補間動畫制作功能的不完善一直以來被看作是該軟件的重大短板，使得一些富有獨創(chuàng)思維的動畫效果難以呈現(xiàn)推出，并使PowerPoint軟件在與蘋果公司的Keynote軟件的競爭中處于下風(fēng)[3]。而微軟公司在PowerPoint 2016的最新改進版本中增加了一種新的幻燈片切換效果—“變形”，并稱之為變體動畫，使得形狀補間動畫在該軟件中第一次具備了專門的實現(xiàn)手段，其創(chuàng)意效果豐富、制作方法簡單已然贏得了學(xué)界的期許與贊譽。本文對PowerPoint中的變體動畫進行了全面的探討論述，并經(jīng)過反復(fù)的設(shè)計嘗試，解析了變體動畫中輪廓變形效果也進一步原理。文中案例也進一步展現(xiàn)了變體動畫的神奇效果。

1PowerPoint中的動畫功能及分類

目前，比較流行的動畫制作軟件（如Adobe公司的Flash）基本上都將可實現(xiàn)的動畫分為三類：逐幀動畫、補間動畫和預(yù)定義動畫[4]。其中，逐幀動畫的基本原理是在連續(xù)的關(guān)鍵幀中分解動畫動作，也就是需要逐幀繪制不同的內(nèi)容，并使其連續(xù)播放而形成動畫。逐幀動畫的優(yōu)點在于任何的動畫效果均可以設(shè)計駕馭，但缺點也顯而易見，就是制作難度及工作量均較大，制作效率較低。而補間動畫則簡化了逐幀動畫的制作過程，卻更加注重動畫的變化規(guī)律，制作者只需要確定動畫變化前后的起始畫面，中間的變化過程將由軟件自動添補生成。這類動畫的優(yōu)點在于動畫制作步驟簡潔、效率高，缺點在于動畫的變化過程由軟件自動生成，而導(dǎo)致精細程度必然下降，甚至個別的動畫變化過程并不能達到制作者的設(shè)計需求。補間動畫按照動畫變化形式的不同又可分為動作補間動畫和形狀補間動畫。這類動畫也是優(yōu)選常見并易于掌握的動畫類型。預(yù)定義動畫主要是一些常用的動畫變化效果，或者是比較炫酷的但并不容易實現(xiàn)的動畫效果由軟件預(yù)先得到并保存，制作者只需要直接使用的一種動畫類型。這類動畫為制作者快速生成復(fù)雜的動畫效果提供了便捷途徑，但缺點在于動畫變化過程相對固定，不易修改，使用范圍也頗為有限[5]。

PowerPoint中的動畫功能從軟件的2007版開始加入了比較大的改進，新增了許多動畫效果，動畫制作的操作方式也相應(yīng)發(fā)生了較大的變化，而2010及2013兩個版本只是略做了些優(yōu)化，并未見到顯著改進，動畫功能相對固定[6-7]。

雖然PowerPoint在預(yù)定義動畫中有類似“放大/縮小”這樣與形狀變化有關(guān)的效果，但功能有限，變化過程不夠細致，特別是不具有輪廓變化的動畫效果。如圖1所示“方形”變“圓形”的動畫效果在PowerPoint 2013及之前的版本是較難做到的。一直以來沒有專門的形狀補間動畫制作方法是PowerPoint軟件動畫功能的一大缺憾。

2016在發(fā)布之初也不具有形狀補間動畫的制作功能，直到2016年初的一次重要更新后，出現(xiàn)了“變體”動畫效果，使得在PowerPoint中實現(xiàn)形狀補間動畫成為可能，筆者認為這是自2007版以后近10年間PowerPoint在動畫功能設(shè)計上的最重大改進，也使得PowerPoint擁有了對全類型動畫效果的支持能力。

2PowerPoint變體動畫研究

PowerPoint中的變體動畫效果類似于蘋果iMac系統(tǒng)上Keynote軟件中的神奇移動效果，可以快速實現(xiàn)類似于Flash中的形狀補間一類的動畫效果。一個對象由A變成與A狀態(tài)不同的副本B，這中間的變化過程是由計算機自動完成的，而在制作動畫時只需要提供開始時的狀態(tài)A和結(jié)束時的狀態(tài)B就可以[8]。這里的變換既可以是形狀輪廓的變換，比如“方”變“圓”，也可以是同形狀、不同狀態(tài)的變換，比如大小、位置、顏色、角度和數(shù)量等。

2.1變體動畫的獲得

PowerPoint 2016早期的發(fā)布版本也并不具備變體動畫效果，只有在將Office365升級到2016.06以上的版本時，才能在“切換”選項卡中看到一種新的幻燈片切換效果—“變形”，這就是本文重點探討的變體動畫。如圖2所示。endprint

變體動畫最終實現(xiàn)的是對象形狀或狀態(tài)的變化，但PowerPoint并沒有將其劃歸在對象動畫類型里，而是根據(jù)制作方法的特點歸類在了幻燈片切換效果中。

2.2變體動畫的基本實現(xiàn)方法及適用對象

變體動畫在制作時，需要將同一對象置于兩張連續(xù)的幻燈片頁面中，改變其中一張幻燈片上對象的形狀或?qū)傩?，這里的屬性包括大小、位置、顏色、角度、數(shù)量、組合等，改變兩張幻燈片之間的切換效果為“變形”，在幻燈片播放時便會自動實現(xiàn)中間的變體過程。

可以利用變體動畫效果的幻燈片對象包括PowerPoint基本形狀、自繪圖形以及形狀的組合，也可以是文字和圖片。

2.3變體動畫可實現(xiàn)的變形過程

1）輪廓變體。在設(shè)置了“變形”切換效果的兩張幻燈片上改變對象的輪廓形狀，來實現(xiàn)不同形狀間的自然過渡。這是變體動畫可展示的最重要的變形過程，是用其他動畫效果所不能替代的。如圖3所示。

2）大小變體。同一元素在兩個頁面的大小不同，在變體動畫中軟件會自動補全面積變化的過程，非常形象地演繹了元素的放大和縮小。雖然在對象動畫類型中有“放大/縮小”效果可實現(xiàn)相同的變形過程，但利用變體動畫可使變換過程更加連貫和精細。

3）位置變體。將上一張幻燈片上的對象移動到下一張上的新位置，利用變體動畫可做到位置間的連續(xù)移動，類似于對象動畫類型中的自定義路徑動畫，但整體過程更加簡潔。位置變體可明確實現(xiàn)直線位置移動，對于曲線運動等不規(guī)則的位移，并不能繪制運動路徑，此時采用自定義路徑動畫將更為適宜。

4）顏色變體。對象在連續(xù)的兩張幻燈片中任意變換填充效果，可以是純色和漸變色，也可以是圖案、圖片或紋理填充，利用變體動畫可得到填充效果的自然過渡。利用傳統(tǒng)對象動畫類型中的“對象顏色”效果卻只能實現(xiàn)純色填充效果的變化，這也可稱做變體動畫的一大優(yōu)勢。

5）角度變體。兩張幻燈片中同一對象的放置角度不同，利用變體動畫可實現(xiàn)角度旋轉(zhuǎn)。

6）數(shù)量變體。對象在數(shù)量上的變體實際上就是多個對象的疊加和分散，本質(zhì)是利用了位置和角度的變體，看起來猶如數(shù)量上產(chǎn)生了變化。

7）三維變體?？梢詫崿F(xiàn)三維圖形的位移和旋轉(zhuǎn)變化。這也是變體動畫的重要功能，用其他動畫效果不能替代?？墒┘幼凅w效果的三維圖形必須是利用PowerPoint中的三維工具所繪制的圖形，由形狀的組合拼接而成的三維圖形則對此功能無效。

8）文字變體?？梢詫崿F(xiàn)相同文字的延續(xù)和變化，不相同的文字將淡入或淡出。文字變體既可實現(xiàn)單獨字符的變化，也可以詞組為單位進行變化。如圖4所示，在變體過程中，即幻燈片進行切換時，字母將自動插入單詞的對應(yīng)位置。文字變體動畫適合于名詞解釋類內(nèi)容的演示。

9）圖片變體。通過改變不同幻燈片中相同圖片的位置、大小、顏色和角度等圖片屬性，利用變體動畫實現(xiàn)屬性改變后的自然過渡。如圖5所示，第一頁幻燈片中5張圖片疊放在一起，第二頁幻燈片中5張圖片按新位置依次排列。設(shè)置了“變形”切換效果后，圖片的位置移動、角度旋轉(zhuǎn)等變化過程將由軟件自動完成。

還有一些變形過程均可看作以上九類基本變形效果的組合。從上述九類典型的變體動畫效果來看，變體動畫不僅局限于形狀輪廓的變化，也包括位置、角度和顏色等對象狀態(tài)的變化。有些效果用傳統(tǒng)的對象動畫可以實現(xiàn)，但轉(zhuǎn)換過程較變體動畫更顯復(fù)雜，而有些效果只能通過變體動畫來實現(xiàn)。

3變體動畫實現(xiàn)原理解析

在變體動畫的九類基本變形效果中，比較難實現(xiàn)、變形原理較復(fù)雜的是輪廓變體。主要問題在于什么樣的形狀或形狀組合可相互變化，以及變化過程是否可以按照制作者的預(yù)想推進，而不是隨意變化。由于研究變體動畫的文獻較少，微軟官方也沒有提供相應(yīng)需求案例，因此對于以上兩個問題就會給致力掌握變體動畫效果的制作者帶來些許困惑。筆者經(jīng)過反復(fù)的實驗探究，對變體動畫中的輪廓變體效果的原理獲得了比較清晰的認知。具體過程論述如下。

3.1實現(xiàn)輪廓變體效果的對象特征

在一些文獻中曾提到形狀變體效果對于可變形狀是有所選擇的，比如“方”變“圓”的效果，其中方形和圓形不能選擇PowerPoint基本形狀中的矩形和橢圓，必須選擇圓角矩形。如圖6所示，矩形和圓形是由圓角矩形通過控制變形點變換而來，而只有這樣的矩形和圓形之間才能應(yīng)用得到形狀變體動畫效果。

經(jīng)過筆者實驗探知，基本形狀中的矩形和橢圓也可以用來作為輪廓變體效果的應(yīng)用對象，但在變化前卻需要將基本矩形和橢圓轉(zhuǎn)換為任意多邊形，便可在2種形狀間順利實現(xiàn)輪廓變體效果?！稗D(zhuǎn)換為任意多邊形”是PowerPoint軟件的自帶功能，但卻并非常用命令，故而可通過如圖7所示操作將其添加到基本選項卡中[9]。并進一步發(fā)現(xiàn)，PowerPoint中所包含的任意基本圖形均可通過此操作與其他形狀間進行輪廓變形。而通過組合而得到的不規(guī)則形狀以及通過自由曲線所繪制的圖形本身就是任意多邊形的形式，可不用轉(zhuǎn)換。

3.2輪廓變體效果原理解析及可控設(shè)置

在變體動畫中，當設(shè)置了變化前后的形狀后，中間的變形過程將由軟件自動生成，有時變形過程會很復(fù)雜、也很隨機，視覺呈現(xiàn)并不美觀。以“方”變“圓”為例，可發(fā)生如圖8所示變形過程。也可構(gòu)建如圖9所示變形過程。

圖9所示變形過程隨機性較大，也比較復(fù)雜。相同圖形不同的變形過程主要是由圖形構(gòu)造本身所決定的。PowerPoint中，每種圖形都有不同的畫法，不同的畫法都會留有數(shù)量不同、分布不同的圖形頂點[10]?？赏ㄟ^在圖形上右鍵單擊，選擇“編輯頂點”命令查看圖形頂點。如圖8所示，變形過程中的方形和圓形的頂點如圖10所示。

由圖11可以看出，由于方形和圓形的頂點數(shù)量不同，頂點所處位置不對應(yīng)，因此變形過程將會呈現(xiàn)隨機性，也較為復(fù)雜。進而就可推出輪廓變形效果的基本變化原理，即變形前形狀的頂點在變化過程中要與鄰近的變化后形狀的頂點相互重合，在重合的過程中，帶動輪廓的變化。變形前后形狀頂點的數(shù)量相同，且頂點在圖形中所處的位置越靠近，則變形過程就更趨簡潔、自然，反之則復(fù)雜而隨機。圖12是對圖11變化過程的修正。由于變形前后方形和圓形具有相同數(shù)量的頂點且位置接近，因此變化過程流暢且簡潔。endprint

由此可見，可以通過對于形狀的頂點數(shù)量和位置的控制來實現(xiàn)變形過程的可控，頂點數(shù)量越多，對于變形過程的控制越精細。但在PowerPoint中對于基本形狀添加頂點時，會出現(xiàn)較大的形狀畸變。這種情況下，可借助Adobe illustrator軟件來繪制帶有不同數(shù)量頂點的基本形狀的矢量圖形，然后再導(dǎo)入到PowerPoint中對其應(yīng)用變體動畫執(zhí)行效果。除了基本形狀以外，通過自由曲線所繪制的圖形以及組合圖形的變形過程控制方法與此相同。

4變體動畫的應(yīng)用舉例

當對變體動畫的原理及九類基本變形效果建立了整體認知后，便可通過多種形式的效果組合來實現(xiàn)酷炫的變體動畫效果。

4.1輪廓變體效果與圖片變體效果的組合應(yīng)用

對于圖片直接應(yīng)用變體效果只能實現(xiàn)同一圖片在位置、大小、顏色和角度等屬性發(fā)生變化時的變形效果，而圖片的輪廓及畫面并不能通過變體效果來改變。解決此問題的方法是將輪廓變體效果與圖片變體效果進行組合使用。

在兩頁幻燈片中分別繪制矩形和圓形，并轉(zhuǎn)換為任意多邊形，用不同的圖片對矩形和圓形進行填充。如圖13所示。

在這兩頁幻燈片間應(yīng)用“變形”切換效果，如圖14所示，從而實現(xiàn)圖片畫面及輪廓的變形。

PowerPoint中的圖片雖然可以通過“裁剪”命令直接裁剪為矩形或圓形，但裁剪后的圖片由于不能轉(zhuǎn)換為任意多邊形，因此不能達成畫面及輪廓的變形目的。所以上述效果只能通過對形狀填充的方式設(shè)計實現(xiàn)。

4.2利用圖片變體效果制作電影海報宣傳動畫

新建五頁幻燈片，幻燈片內(nèi)容如圖15所示。每頁幻燈片的切換方式均設(shè)置為“變形”效果，換片方式選擇“自動換片”，并設(shè)置循環(huán)放映，便可實現(xiàn)五幅海報圖片逆時針旋轉(zhuǎn)的效果，且在旋轉(zhuǎn)的過程中圖片大小會隨著位置的變化而變化。

如果是如圖16所示畫面的布局方式，則可以實現(xiàn)水平方向海報的輪播效果，且位于畫面中間的海報圖片將會自然變大以表強調(diào)。

如上兩種電影海報宣傳動畫效果用傳統(tǒng)的對象動畫方式也可實現(xiàn)，但流程方式復(fù)雜且容易出現(xiàn)錯誤。因此新鮮創(chuàng)意再配合變體動畫的簡單實現(xiàn)過程，便可制作出華麗炫酷的動畫效果來。

5結(jié)束語

變體動畫的出現(xiàn)，彌補了PowerPoint軟件一直以來在制作形狀補間動畫方面的短板，可以看作是該款軟件近10年來在動畫制作方面堪稱業(yè)界亮點的功能改進。PowerPoint中的變體動畫可以應(yīng)用于基本形狀、自繪圖形、組合形狀、文字和圖片等常用幻燈片制作元素，并可以從輪廓、大小、位置、顏色、角度、數(shù)量和三維旋轉(zhuǎn)等多個方面實現(xiàn)變形效果。而針對變體動畫中最重要的輪廓變形效果在變形過程中隨機性強、不可控的問題，本文詳細解析了動畫實現(xiàn)的原理，并對以往存在的錯誤做法進行了糾正，從而使此類效果的變形過程細密可控，并更加精確，這在之前的文獻中不曾見到。變體動畫的強大功能豐富了幻燈片的表現(xiàn)手法，使得卓富創(chuàng)意的動畫效果得以輕松實現(xiàn)。

參考文獻：

[1] 陳魁. PPT動畫傳奇：解密專業(yè)演示動畫特效[M]. 北京：電子工業(yè)出版社，2012.

[2]陳魁，吳娜. PPT演義—100%幻燈片設(shè)計密碼（PowerPoint2010）[M]. 北京：電子工業(yè)出版社，2014.

[3] 康欣欣，傅鋼善. EasiNote與Powerpoint兩款課件制作軟件的應(yīng)用比較[J]. 中國醫(yī)學(xué)教育技術(shù)， 2016，30（5）：548-551.

[4] 張鵬程. Flash的動畫類型研究[J]. 美術(shù)教育研究， 2016（7）：105.

[5] 張嶠，桂雙鳳. Flash動畫運動規(guī)律與原畫繪制[M]. 北京：機械工業(yè)出版社，2016.

[6] 張未未，王蘋，唐燕. 基于PPT對象模型的倒計時器程序?qū)崿F(xiàn)[J]. 信息技術(shù)，2016（3）：91-96，100.

[7] 張未未，劉仁權(quán). PPT自有動畫實現(xiàn)任意時長倒計時器的方法[J]. 信息技術(shù)，2016（9）：81-85.

[8] 劉敏. 探析Office2016中PowerPoint的新功能—變體[J]. 電腦知識與技術(shù)，2017，13（12）：155-156.

[9] 孟麗娟，吳鋒，崔磊. 淺析在PowerPoint中繪圖的方法[J]. 中國教育信息化， 2011（2）：44-45.

[10]費英，余波，王文彬. Powerpoint演示文檔中矢量圖形的創(chuàng)作和使用方法[J]. 中國醫(yī)學(xué)教育技術(shù)， 2012，26（3）：265-268.endprint