閆俊輝

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

關(guān)鍵詞： Flash; 補(bǔ)間形狀; 傳統(tǒng)補(bǔ)間; 補(bǔ)間動(dòng)畫; 創(chuàng)建方法; 應(yīng)用技巧

中圖分類號(hào)：TP303? ? ? ? ? 文獻(xiàn)標(biāo)志碼：A? ? ?文章編號(hào)：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動(dòng)畫作為一種矢量動(dòng)畫制作軟件，具有文件數(shù)據(jù)量小、圖像質(zhì)量高、能夠交互操作，可用于流媒體播放等諸多優(yōu)點(diǎn)，制作的動(dòng)畫已廣泛應(yīng)用于網(wǎng)站、電影、廣告、多媒體教學(xué)、賀卡制作和游戲等多個(gè)領(lǐng)域。它功能強(qiáng)大、易學(xué)易用，深受網(wǎng)頁制作和動(dòng)畫設(shè)計(jì)人的喜愛，是該領(lǐng)域一款比較流行的軟件。已成為很多高校的數(shù)字媒體藝術(shù)類專業(yè)學(xué)生的必修課之一[1]。

Flash 基本動(dòng)畫分為逐幀動(dòng)畫、補(bǔ)間形狀、傳統(tǒng)補(bǔ)間、補(bǔ)間動(dòng)畫和動(dòng)畫預(yù)設(shè)等多種動(dòng)畫設(shè)計(jì)。在動(dòng)畫制作過程中，很多學(xué)生對(duì)于“傳統(tǒng)補(bǔ)間動(dòng)畫、補(bǔ)間形狀動(dòng)畫、補(bǔ)間動(dòng)畫”的選擇時(shí)機(jī)和應(yīng)用技巧產(chǎn)生困惑。

這三種動(dòng)畫的設(shè)計(jì)在Flash動(dòng)畫制作時(shí)應(yīng)用廣泛，那么三種動(dòng)畫在時(shí)間軸上的表現(xiàn)、組成、特性、效果等就成為學(xué)好這三種動(dòng)畫的重中之重。只有融匯貫通應(yīng)用起來才可以隨心所欲、易如反掌，制作出更加優(yōu)美的動(dòng)畫。

1 “補(bǔ)間形狀”動(dòng)畫

補(bǔ)間形狀是指形狀逐漸發(fā)生變化的動(dòng)畫，用于創(chuàng)建形狀變化的動(dòng)畫效果，使一個(gè)形狀變成另一個(gè)形狀，同時(shí)可以設(shè)置圖形形狀位置、大小和顏色的變化[2]。補(bǔ)間形狀中的動(dòng)畫對(duì)象必須是矢量圖形。如果要對(duì)文本進(jìn)行變形，首先要將文本分離兩次，變?yōu)槭噶繄D形才可以變形。

如果要把一個(gè)藍(lán)色的矩形變?yōu)橐粋€(gè)紅色圓形的效果，如圖1。

⑴ 在時(shí)間軸第1幀處繪制一個(gè)藍(lán)色矩形。

⑵ 在時(shí)間軸第10幀處按F7鍵插入空白關(guān)鍵幀，然后在這一幀處繪制一個(gè)紅色圓形。

⑶ 選擇第1幀點(diǎn)擊鼠標(biāo)右鍵，在快捷菜單里選擇創(chuàng)建補(bǔ)間形狀，則完成補(bǔ)間形狀動(dòng)畫制作。就實(shí)現(xiàn)了從一個(gè)藍(lán)色矩形到一個(gè)紅色圓形的形狀變化。

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

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

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

2 “傳統(tǒng)補(bǔ)間”動(dòng)畫

傳統(tǒng)補(bǔ)間動(dòng)畫在Flash8以前的版本里面是沒有的。也是Flash中較為常見的基本動(dòng)畫類型，使用它可以制作出對(duì)象的位移、變形、旋轉(zhuǎn)、透明度、濾鏡及色彩變化等動(dòng)畫效果。傳統(tǒng)補(bǔ)間中的對(duì)象只能針對(duì)非矢量圖形進(jìn)行（在圖形對(duì)象被選定時(shí)，對(duì)象四周會(huì)出現(xiàn)藍(lán)色或灰色的外框）。

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

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

⑶ 選擇第1幀點(diǎn)擊鼠標(biāo)右鍵，在快捷菜單里選擇創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，則完成傳統(tǒng)補(bǔ)間動(dòng)畫的制作，就實(shí)現(xiàn)了一個(gè)紅色圓形變小并向右移動(dòng)的動(dòng)畫。

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

通過例子可以看出，進(jìn)行傳統(tǒng)補(bǔ)間動(dòng)畫的首、尾關(guān)鍵幀上的圖形都不能是矢量圖形，它們可以是組合圖形、文字對(duì)象（利用工具箱中的文字工具建立的文字對(duì)象）、元件的實(shí)例、被轉(zhuǎn)換為“元件”的外界導(dǎo)入圖片等都可使用。

創(chuàng)建動(dòng)畫時(shí)，利用工具制作好首幀，先將首幀轉(zhuǎn)換為元件，再通過插入關(guān)鍵幀建立尾幀;制作動(dòng)畫的首尾幀必須為同一對(duì)象;創(chuàng)建成功后在時(shí)間軸上顯示為淡紫色背景有實(shí)心箭頭。

傳統(tǒng)補(bǔ)間動(dòng)畫在動(dòng)畫制作過程中應(yīng)用廣泛。

遮罩動(dòng)畫就是通過傳統(tǒng)補(bǔ)間動(dòng)畫得以實(shí)現(xiàn)，首先建立被遮罩圖層，導(dǎo)入對(duì)象后，在尾幀處按F5鍵插入普通幀;然后建立遮罩圖層，在遮罩圖層上完成動(dòng)畫設(shè)計(jì)，建立傳統(tǒng)補(bǔ)間動(dòng)畫，通過快捷菜單將遮罩圖層設(shè)置為遮罩層，即可完成遮罩動(dòng)畫[4]。如圖4（小汽車逐漸消失遮罩動(dòng)畫）。

運(yùn)動(dòng)引導(dǎo)層的應(yīng)用，如果想要控制傳統(tǒng)補(bǔ)間的動(dòng)畫圖層中的對(duì)象的移動(dòng)，就可使用運(yùn)動(dòng)引導(dǎo)層。引導(dǎo)層單獨(dú)使用時(shí)沒有什么作用，為了讓動(dòng)畫能夠按照指定曲線運(yùn)動(dòng)，可創(chuàng)建引導(dǎo)層，然后將被引導(dǎo)圖層上的對(duì)象順著引導(dǎo)層運(yùn)動(dòng)，動(dòng)畫輸出時(shí)引導(dǎo)層不會(huì)出現(xiàn)。首先建立被引導(dǎo)圖層，然后鼠標(biāo)放置被引導(dǎo)層單擊右鍵“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”;在引導(dǎo)層上利用鉛筆工具繪制路徑曲線，在尾幀處按F5鍵插入普通幀;返回被被引導(dǎo)圖層的第1幀按F6鍵插入一個(gè)關(guān)鍵幀，將動(dòng)畫對(duì)象導(dǎo)入舞臺(tái)并拖到路徑曲線的起始位置，繼續(xù)在尾幀處按F6鍵插入一個(gè)關(guān)鍵幀，再將對(duì)象拖到路徑曲線的結(jié)束位置，鼠標(biāo)移至被引導(dǎo)圖層的第1幀，創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，引導(dǎo)層動(dòng)畫即制作完成。如圖5（降落傘下降運(yùn)動(dòng)引導(dǎo)層動(dòng)畫）。

3 “補(bǔ)間動(dòng)畫”

補(bǔ)間動(dòng)畫同樣是實(shí)現(xiàn)元件由一個(gè)位置到另一個(gè)位置的變化效果?？梢愿淖?cè)拇笮　⑽恢?、顏色、透明度、旋轉(zhuǎn)等屬性。是通過為一個(gè)對(duì)象的某一幀指定屬性值來為該對(duì)象的另一個(gè)幀指定一個(gè)相關(guān)屬性的不同值。如一個(gè)幀中以及另一個(gè)幀中的位置和透明度等，通過中間內(nèi)插幀來完成。對(duì)于由對(duì)象的連續(xù)運(yùn)動(dòng)或變形構(gòu)成的動(dòng)畫，此類動(dòng)畫很有用。補(bǔ)間動(dòng)畫中的對(duì)象跟傳統(tǒng)補(bǔ)間要求相同，也只能是非矢量圖形，但是創(chuàng)建起來相比傳統(tǒng)補(bǔ)間更加方便快捷。

補(bǔ)間動(dòng)畫創(chuàng)建簡單，只需先設(shè)定第1個(gè)幀的對(duì)象，就可以直接創(chuàng)建。通過補(bǔ)間動(dòng)畫，可以代替制作較為復(fù)雜的按照路徑曲線動(dòng)作的運(yùn)動(dòng)引導(dǎo)層動(dòng)畫。補(bǔ)間動(dòng)畫第1幀中的黑點(diǎn)表示補(bǔ)間范圍分配有目標(biāo)對(duì)象，黑色菱形表示最后一個(gè)幀和任何其他屬性關(guān)鍵幀[5]，如圖6所示。屬性關(guān)鍵幀是在補(bǔ)間范圍中為補(bǔ)間目標(biāo)對(duì)象顯示定義一個(gè)或多個(gè)屬性值的幀，定義的每個(gè)幀都有自己的屬性關(guān)鍵幀。創(chuàng)建成功后在時(shí)間軸上顯示為淡藍(lán)色背景。只有補(bǔ)間動(dòng)畫才可以保存成動(dòng)畫預(yù)設(shè)。

4 結(jié)束語

通過以上闡述，我們基本掌握了制作三種動(dòng)畫的對(duì)象組成要求、動(dòng)畫特性、動(dòng)畫效果，以及在時(shí)間軸上的表現(xiàn)形式等。為了讓學(xué)生在今后使用Flash軟件制作動(dòng)畫時(shí)知道如何選擇哪一種既能表現(xiàn)自己的設(shè)計(jì)，又能迅速快捷的制作出優(yōu)美的動(dòng)畫提供了較大幫助。幫助學(xué)生解除了面對(duì)這三種動(dòng)畫創(chuàng)作時(shí)無從下手的困惑。提高了學(xué)生面向?qū)ο蟮乃季S分析能力和解決問題的能力，對(duì)學(xué)生進(jìn)一步學(xué)習(xí)動(dòng)畫知識(shí)具有一定的指導(dǎo)意義。并為學(xué)生研究復(fù)雜動(dòng)畫，提高Flash動(dòng)畫制作水平奠定了堅(jiān)實(shí)的基礎(chǔ)。

參考文獻(xiàn)（References）：

[1] 鐘誠.多媒體技術(shù)與應(yīng)用教程[M].電子科技大學(xué)，2017.

[2] 孫俊麗.淺談Flash動(dòng)畫之形狀補(bǔ)間動(dòng)畫[J].辦公自動(dòng)化，2017.12.

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

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

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