基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)制作原理與方法研究

寶航

摘 要：Flash錯(cuò)層技術(shù)可以讓同一動(dòng)畫(huà)達(dá)到重復(fù)延遲播放或重復(fù)延長(zhǎng)播放的效果，在文本動(dòng)畫(huà)中有著廣泛的應(yīng)用。文章對(duì)基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)的制作原理與方法進(jìn)行了研究，分析了其實(shí)現(xiàn)基礎(chǔ)與關(guān)鍵技術(shù)，總結(jié)出了典型的制作流程，并進(jìn)行了實(shí)踐，為該類(lèi)動(dòng)畫(huà)的制作提供了參考范式。

關(guān)鍵詞：Flash文本動(dòng)畫(huà)；錯(cuò)層技術(shù)

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)志碼：B 文章編號(hào)：1673-8454（2018）02-0085-03

Flash文本動(dòng)畫(huà)是針對(duì)文本對(duì)象的各種動(dòng)畫(huà)類(lèi)型的總稱，在Flash多媒體制作中有著廣泛的應(yīng)用。錯(cuò)層技術(shù)是一種Flash動(dòng)畫(huà)制作技術(shù)，可以使用錯(cuò)層技術(shù)來(lái)制作Flash文本動(dòng)畫(huà)。目前，基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)的研究多是一些案例的制作，還沒(méi)有形成系統(tǒng)性的研究成果，本文將對(duì)基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)的制作原理與方法進(jìn)行研究，梳理其制作規(guī)律并提出參考范式。

一、基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)制作原理

Flash錯(cuò)層技術(shù)是指將同一動(dòng)畫(huà)階梯狀的復(fù)制到時(shí)間軸的不同圖層中，以達(dá)到同一動(dòng)畫(huà)重復(fù)的延遲播放或延長(zhǎng)播放的效果。

作為運(yùn)動(dòng)對(duì)象來(lái)說(shuō)，F(xiàn)lash文本既可以整體作為一個(gè)運(yùn)動(dòng)對(duì)象，也可以分離為若干個(gè)個(gè)體作為多個(gè)運(yùn)動(dòng)對(duì)象。錯(cuò)層技術(shù)可以針對(duì)同一運(yùn)動(dòng)對(duì)象，也可以針對(duì)不同的運(yùn)動(dòng)對(duì)象。針對(duì)同一運(yùn)動(dòng)對(duì)象應(yīng)用的錯(cuò)層技術(shù)，展現(xiàn)的是該對(duì)象運(yùn)動(dòng)軌跡的變化。而針對(duì)不同運(yùn)動(dòng)對(duì)象的錯(cuò)層技術(shù)更多的應(yīng)用在文本動(dòng)畫(huà)中，展現(xiàn)的是不同文本的同一變化效果。如圖1、圖2所示。

基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)是指將文本分離為單獨(dú)的運(yùn)動(dòng)對(duì)象，并分散到不同的圖層中，應(yīng)用錯(cuò)層技術(shù)實(shí)現(xiàn)不同文本對(duì)象的重復(fù)延遲動(dòng)畫(huà)或重復(fù)延長(zhǎng)動(dòng)畫(huà)的效果，目的是實(shí)現(xiàn)Flash文本動(dòng)畫(huà)的協(xié)調(diào)統(tǒng)一。

二、基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)制作方法

基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)與其他Flash特效動(dòng)畫(huà)一樣，都是基于Flash基礎(chǔ)動(dòng)畫(huà)的。運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、引導(dǎo)線動(dòng)畫(huà)、遮罩動(dòng)畫(huà)等都可以應(yīng)用到Flash文本動(dòng)畫(huà)的制作中。下面是基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)的典型制作流程：①將一段文本分離兩次并分散到不同圖層中。②針對(duì)不同圖層中的文本制作相同的文本動(dòng)畫(huà)。③移動(dòng)不同圖層中的文本動(dòng)畫(huà)以達(dá)到重復(fù)延遲播放或重復(fù)延長(zhǎng)播放的效果。④測(cè)試并發(fā)布影片。

三、基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)的分類(lèi)

本文對(duì)基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)的分類(lèi)將從實(shí)現(xiàn)錯(cuò)層技術(shù)的方法來(lái)進(jìn)行研究。

錯(cuò)層技術(shù)可以采用延遲播放的方法，也可以采用延長(zhǎng)播放的方法。對(duì)于延遲播放，運(yùn)動(dòng)對(duì)象在不同圖層中的動(dòng)畫(huà)其運(yùn)動(dòng)時(shí)長(zhǎng)是一樣的、運(yùn)動(dòng)效果是一樣的、動(dòng)畫(huà)所占用的幀數(shù)是一樣的，不同的是動(dòng)畫(huà)被整體的有規(guī)律的置后或置前了。而對(duì)于延長(zhǎng)播放，運(yùn)動(dòng)對(duì)象在不同圖層中的動(dòng)畫(huà)其運(yùn)動(dòng)方式是一樣的，但運(yùn)動(dòng)速度不同、動(dòng)畫(huà)所占用的幀數(shù)不同，被有規(guī)律的延長(zhǎng)或縮短了。

錯(cuò)層技術(shù)的延遲播放方法對(duì)應(yīng)時(shí)間軸中幀的排列效果可以簡(jiǎn)化為一個(gè)“平行四邊形”，而錯(cuò)層技術(shù)的延長(zhǎng)播放方法對(duì)應(yīng)時(shí)間軸中幀的排列效果可以簡(jiǎn)化為一個(gè)“梯形”。如圖3、圖4所示。

根據(jù)上述分類(lèi)方法，結(jié)合幾何學(xué)中對(duì)于平行四邊形和梯形的劃分，可以將錯(cuò)層技術(shù)劃分為正向延遲、逆向延遲、正向延長(zhǎng)、逆向延長(zhǎng)、正向縮短、逆向縮短、正向延遲+逆向縮短、逆向延遲+正向延長(zhǎng)8種類(lèi)型，如圖5所示。

四、基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)制作范例

1.基于錯(cuò)層技術(shù)的Flash文本運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)

運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)是利用運(yùn)動(dòng)對(duì)象屬性的改變來(lái)實(shí)現(xiàn)的一種動(dòng)畫(huà)方法，可以應(yīng)用到文本動(dòng)畫(huà)的制作中。下面將以文本對(duì)象位移、透明度、翻轉(zhuǎn)屬性的改變?yōu)槔瑏?lái)說(shuō)明基于錯(cuò)層技術(shù)的文本運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)的制作方法。

首先，編輯若干個(gè)文本，將文本分離兩次并分散到不同圖層中；然后，將“遼”字轉(zhuǎn)換為影片剪輯，在10幀插入關(guān)鍵幀，創(chuàng)建位移改變、透明度變小、水平翻轉(zhuǎn)的運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)；接下來(lái)，針對(duì)不同圖層中的文本制作相同的文本動(dòng)畫(huà)；移動(dòng)不同圖層中的文本動(dòng)畫(huà)以達(dá)到正向延遲播放的效果。最后進(jìn)行測(cè)試，效果如圖6所示。

2.基于錯(cuò)層技術(shù)的Flash文本引導(dǎo)線動(dòng)畫(huà)

引導(dǎo)線動(dòng)畫(huà)是將運(yùn)動(dòng)對(duì)象按照繪制的路徑進(jìn)行移動(dòng)的一種特殊的運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)。下面將以實(shí)例來(lái)說(shuō)明基于錯(cuò)層技術(shù)的文本引導(dǎo)線動(dòng)畫(huà)的制作方法。

首先，編輯若干個(gè)文本，將文本分離兩次并分散到不同圖層中；然后，將“夏”字轉(zhuǎn)換為影片剪輯，在30幀插入關(guān)鍵幀，添加運(yùn)動(dòng)引導(dǎo)層、設(shè)置引導(dǎo)線、將影片剪輯附著到引導(dǎo)線上并創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)；接下來(lái)，針對(duì)不同圖層中的文本制作相同的引導(dǎo)線動(dòng)畫(huà)；移動(dòng)不同圖層中的文本動(dòng)畫(huà)以達(dá)到正向延遲播放的效果。最后進(jìn)行測(cè)試，效果如圖7所示。

3.基于錯(cuò)層技術(shù)的Flash文本形狀補(bǔ)間動(dòng)畫(huà)

形狀補(bǔ)間動(dòng)畫(huà)是利用時(shí)間軸上的關(guān)鍵幀來(lái)改變對(duì)象形狀的動(dòng)畫(huà)。下面將以實(shí)例來(lái)說(shuō)明基于錯(cuò)層技術(shù)的文本形狀補(bǔ)間動(dòng)畫(huà)的制作方法。

首先，編輯若干個(gè)文本，將文本分離兩次并分散到不同圖層中；然后，分別在各個(gè)圖層的第5幀插入空白關(guān)鍵幀，添加新的文本并徹底分離；接下來(lái)，針對(duì)不同圖層中的文本制作形狀補(bǔ)間動(dòng)畫(huà)；移動(dòng)不同圖層中的文本動(dòng)畫(huà)以達(dá)到正向延遲播放的效果。最后進(jìn)行測(cè)試，效果如圖8所示。

4.基于錯(cuò)層技術(shù)的Flash文本遮罩動(dòng)畫(huà)

遮罩動(dòng)畫(huà)是利用遮罩層提供的形狀來(lái)顯示被遮罩層內(nèi)容的一種動(dòng)畫(huà)形式。下面將以實(shí)例來(lái)說(shuō)明基于錯(cuò)層技術(shù)的文本遮罩動(dòng)畫(huà)的制作方法。

首先，編輯若干個(gè)文本，將文本分離兩次并分散到不同圖層中；然后，分別在各個(gè)文本圖層的下方插入新的圖層，并在各個(gè)新圖層中添加一個(gè)持續(xù)5幀、由小變大到覆蓋整個(gè)所對(duì)應(yīng)文本的圓形的形狀補(bǔ)間動(dòng)畫(huà)；接下來(lái)，移動(dòng)不同圖層中的形狀補(bǔ)間動(dòng)畫(huà)和相對(duì)應(yīng)的文本以達(dá)到正向延遲播放的效果；然后，為各個(gè)文本圖層設(shè)置遮罩效果；最后進(jìn)行測(cè)試，效果如圖9所示。

五、結(jié)束語(yǔ)

本文對(duì)基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)的制作原理與方法進(jìn)行了研究，提出了基于錯(cuò)層技術(shù)的Flash文本動(dòng)畫(huà)的制作原理是將分散到不同圖層中的不同文本對(duì)象的同一動(dòng)畫(huà)重復(fù)延遲播放或重復(fù)延長(zhǎng)播放這一觀點(diǎn)，并以此為依據(jù)總結(jié)出了該類(lèi)動(dòng)畫(huà)的標(biāo)準(zhǔn)制作方法，通過(guò)實(shí)際的應(yīng)用，證明了該方法的有效性與易用性。

參考文獻(xiàn)：

[1]周振波.Flash動(dòng)畫(huà)中文本的應(yīng)用[J].科技信息，2014（12）：185.

[2]高楊. Flash動(dòng)畫(huà)中文本的應(yīng)用分析[J].電子技術(shù)與軟件工程，2014（15）：94.

[3]洪濤. Flash動(dòng)畫(huà)的藝術(shù)特征及應(yīng)用研究[D].開(kāi)封：河南大學(xué)，2007.

[4]蔡麗娟，曲國(guó)先.關(guān)于Flash動(dòng)畫(huà)中交互性設(shè)計(jì)的研究[J].藝術(shù)與設(shè)計(jì)（理論），2007（3）：75-77.

[5]傅學(xué)彥. Flash動(dòng)畫(huà)制作技巧[J].電腦編程技巧與維護(hù)，2010（16）：110-111.

（編輯：魯利瑞）