淺析Flash中三種“補間”動畫的應用

閆俊輝

摘? 要： Flash是一種交互式矢量動畫制作軟件，應用范圍廣泛，制作的小動畫可以應用在MTV、短片、游戲、網頁、廣告、課件等場景中。只有更好的了解各種動畫的制作方法，才能制作出優美的動畫。文章從“補間形狀”，“傳統補間”，“補間動畫”的基本制作方法入手，描述了各種動畫在時間軸上的表現，介紹了三種動畫的創建方法。掌握三種動畫的應用技巧和選用場合，對FLASH動畫制作水平的提高具有實際意義。

關鍵詞： Flash; 補間形狀; 傳統補間; 補間動畫; 創建方法; 應用技巧

中圖分類號：TP303? ? ? ? ? 文獻標志碼：A? ? ?文章編號：1006-8228（2019）04-60-03

Abstract： Flash is a kind of interactive vector animation software， which can be used in MTV， short films， games， web pages， advertisements， courseware and so on. Only a better understanding of a variety of animation production methods can produce beautiful animation. Starting with the basic production methods of "complementary shape"， "traditional complement" and "complementary animation"， this paper describes the performance of all kinds of animations on the time axis， introduces the creation methods of three kinds of animations. Grasping the application skills and the usage occasions of three kinds of animations is of practical significance to the improvement of Flash animation production.

Key words： Flash; complementary shape; traditional complement; complementary animation; creation method; application skills

0 引言

Flash動畫作為一種矢量動畫制作軟件，具有文件數據量小、圖像質量高、能夠交互操作，可用于流媒體播放等諸多優點，制作的動畫已廣泛應用于網站、電影、廣告、多媒體教學、賀卡制作和游戲等多個領域。它功能強大、易學易用，深受網頁制作和動畫設計人的喜愛，是該領域一款比較流行的軟件。已成為很多高校的數字媒體藝術類專業學生的必修課之一[1]。

Flash 基本動畫分為逐幀動畫、補間形狀、傳統補間、補間動畫和動畫預設等多種動畫設計。在動畫制作過程中，很多學生對于“傳統補間動畫、補間形狀動畫、補間動畫”的選擇時機和應用技巧產生困惑。

這三種動畫的設計在Flash動畫制作時應用廣泛，那么三種動畫在時間軸上的表現、組成、特性、效果等就成為學好這三種動畫的重中之重。只有融匯貫通應用起來才可以隨心所欲、易如反掌，制作出更加優美的動畫。

1 “補間形狀”動畫

補間形狀是指形狀逐漸發生變化的動畫，用于創建形狀變化的動畫效果，使一個形狀變成另一個形狀，同時可以設置圖形形狀位置、大小和顏色的變化[2]。補間形狀中的動畫對象必須是矢量圖形。如果要對文本進行變形，首先要將文本分離兩次，變為矢量圖形才可以變形。

如果要把一個藍色的矩形變為一個紅色圓形的效果，如圖1。

⑴ 在時間軸第1幀處繪制一個藍色矩形。

⑵ 在時間軸第10幀處按F7鍵插入空白關鍵幀，然后在這一幀處繪制一個紅色圓形。

⑶ 選擇第1幀點擊鼠標右鍵，在快捷菜單里選擇創建補間形狀，則完成補間形狀動畫制作。就實現了從一個藍色矩形到一個紅色圓形的形狀變化。

通過打開“繪圖紙外觀”，可以觀察到從第1幀到第10幀的過渡過程，形狀變化期間的中間變化動態。

從上例可以看出使用該動畫時，首先工具要用“繪制對象”模式，首尾幀繪制矢量圖（在圖形對象被選定時，對象上面會出現白色均勻的小點），尾幀處要插入空白關鍵幀后繪制圖形;首尾幀圖形可以相同也可以不同;創建成功后在時間軸上顯示為淡綠色背景有實心箭頭。

在復雜的形狀變形中，需要先創建中間形狀，然后再進行補間。形狀提示點要在開始幀處增加，形狀提示要符合邏輯，首尾幀設置的提示點數要一致，并且按照順時針順序變形最好[3]。如圖2（共5個提示點a，b，c，d，e）。

2 “傳統補間”動畫

傳統補間動畫在Flash8以前的版本里面是沒有的。也是Flash中較為常見的基本動畫類型，使用它可以制作出對象的位移、變形、旋轉、透明度、濾鏡及色彩變化等動畫效果。傳統補間中的對象只能針對非矢量圖形進行（在圖形對象被選定時，對象四周會出現藍色或灰色的外框）。

⑴ 在時間軸第1幀處繪制一個紅色圓形，按F8鍵將其轉化為圖形元件（關于轉換成什么元件，要看實際情況）。

⑵ 在時間軸第15幀處按F6鍵插入一個關鍵幀，選擇任意變形工具，將此幀的圖形縮小、右移（可以變形、旋轉、位移或放大）。

⑶ 選擇第1幀點擊鼠標右鍵，在快捷菜單里選擇創建傳統補間動畫，則完成傳統補間動畫的制作，就實現了一個紅色圓形變小并向右移動的動畫。

通過打開“繪圖紙外觀”效果，就可以看到從第1幀到第15幀的過渡過程，觀察傳統補間動畫是如何形成的。

通過例子可以看出，進行傳統補間動畫的首、尾關鍵幀上的圖形都不能是矢量圖形，它們可以是組合圖形、文字對象（利用工具箱中的文字工具建立的文字對象）、元件的實例、被轉換為“元件”的外界導入圖片等都可使用。

創建動畫時，利用工具制作好首幀，先將首幀轉換為元件，再通過插入關鍵幀建立尾幀;制作動畫的首尾幀必須為同一對象;創建成功后在時間軸上顯示為淡紫色背景有實心箭頭。

傳統補間動畫在動畫制作過程中應用廣泛。

遮罩動畫就是通過傳統補間動畫得以實現，首先建立被遮罩圖層，導入對象后，在尾幀處按F5鍵插入普通幀;然后建立遮罩圖層，在遮罩圖層上完成動畫設計，建立傳統補間動畫，通過快捷菜單將遮罩圖層設置為遮罩層，即可完成遮罩動畫[4]。如圖4（小汽車逐漸消失遮罩動畫）。

運動引導層的應用，如果想要控制傳統補間的動畫圖層中的對象的移動，就可使用運動引導層。引導層單獨使用時沒有什么作用，為了讓動畫能夠按照指定曲線運動，可創建引導層，然后將被引導圖層上的對象順著引導層運動，動畫輸出時引導層不會出現。首先建立被引導圖層，然后鼠標放置被引導層單擊右鍵“添加傳統運動引導層”;在引導層上利用鉛筆工具繪制路徑曲線，在尾幀處按F5鍵插入普通幀;返回被被引導圖層的第1幀按F6鍵插入一個關鍵幀，將動畫對象導入舞臺并拖到路徑曲線的起始位置，繼續在尾幀處按F6鍵插入一個關鍵幀，再將對象拖到路徑曲線的結束位置，鼠標移至被引導圖層的第1幀，創建傳統補間動畫，引導層動畫即制作完成。如圖5（降落傘下降運動引導層動畫）。

3 “補間動畫”

補間動畫同樣是實現元件由一個位置到另一個位置的變化效果?？梢愿淖冊拇笮　⑽恢谩㈩伾?、透明度、旋轉等屬性。是通過為一個對象的某一幀指定屬性值來為該對象的另一個幀指定一個相關屬性的不同值。如一個幀中以及另一個幀中的位置和透明度等，通過中間內插幀來完成。對于由對象的連續運動或變形構成的動畫，此類動畫很有用。補間動畫中的對象跟傳統補間要求相同，也只能是非矢量圖形，但是創建起來相比傳統補間更加方便快捷。

補間動畫創建簡單，只需先設定第1個幀的對象，就可以直接創建。通過補間動畫，可以代替制作較為復雜的按照路徑曲線動作的運動引導層動畫。補間動畫第1幀中的黑點表示補間范圍分配有目標對象，黑色菱形表示最后一個幀和任何其他屬性關鍵幀[5]，如圖6所示。屬性關鍵幀是在補間范圍中為補間目標對象顯示定義一個或多個屬性值的幀，定義的每個幀都有自己的屬性關鍵幀。創建成功后在時間軸上顯示為淡藍色背景。只有補間動畫才可以保存成動畫預設。

4 結束語

通過以上闡述，我們基本掌握了制作三種動畫的對象組成要求、動畫特性、動畫效果，以及在時間軸上的表現形式等。為了讓學生在今后使用Flash軟件制作動畫時知道如何選擇哪一種既能表現自己的設計，又能迅速快捷的制作出優美的動畫提供了較大幫助。幫助學生解除了面對這三種動畫創作時無從下手的困惑。提高了學生面向對象的思維分析能力和解決問題的能力，對學生進一步學習動畫知識具有一定的指導意義。并為學生研究復雜動畫，提高Flash動畫制作水平奠定了堅實的基礎。

參考文獻（References）：

[1] 鐘誠.多媒體技術與應用教程[M].電子科技大學，2017.

[2] 孫俊麗.淺談Flash動畫之形狀補間動畫[J].辦公自動化，2017.12.

[3] 賈玉珍.Flash Cs6 中文版基礎教程[M].人民郵電出版社，2013.

[4] 容健玲.Flash動畫中遮罩層的制作[J].電腦編程技巧與維護，2017.13.

[5] 宋一兵.Flash Cs6 動畫制作慕課版[M].人民郵電出版社，2018.