基于洋蔥皮特效的Flash動畫制作原理與方法

摘 要

Flash洋蔥皮特效動畫可以記錄運(yùn)動對象的運(yùn)動軌跡，并得到運(yùn)動軌跡的不同畫面。本文對洋蔥皮特效動畫的制作原理與方法進(jìn)行了研究，分析了其實(shí)現(xiàn)基礎(chǔ)與關(guān)鍵技術(shù)，總結(jié)出了標(biāo)準(zhǔn)的制作流程，并進(jìn)行的分類實(shí)踐，為該類動畫的提供了應(yīng)用范式。

【關(guān)鍵詞】Flash動畫制作 洋蔥皮特效 錯(cuò)層技術(shù)

1 引言

Flash動畫制作易于上手、但難于精通，主要是因?yàn)镕lash動畫種類繁多、變化靈活，其制作規(guī)律不容易掌握。洋蔥皮特效是一種經(jīng)典的Flash特效動畫，它可以記錄運(yùn)動對象的運(yùn)動軌跡，并得到運(yùn)動軌跡的不同畫面。其應(yīng)用領(lǐng)域比較廣泛，例如多媒體制作中的運(yùn)動軌跡特效、轉(zhuǎn)場特效、文本特效、鼠標(biāo)跟隨等等。就目前的研究成果來看，更多的研究集中在案例制作和應(yīng)用方面，本文將對洋蔥皮特效動畫的制作原理與方法進(jìn)行研究，梳理其制作規(guī)律并為具體應(yīng)用提供范式。

2 Flash洋蔥皮特效動畫的原理

Flash動畫與傳統(tǒng)動畫一樣，都是利用了人眼的視覺暫留特性。就是說當(dāng)人眼看到一張圖像時(shí)，它的成像會在1/24秒內(nèi)停留在人的視網(wǎng)膜上，如果在這期間再播放一張張略微改動的畫面，就會給人造成一種流暢的視覺變化效果。Flash洋蔥皮特效動畫是將運(yùn)動對象的運(yùn)動過程在不同的圖層中有規(guī)律的延遲播放，以達(dá)到記錄運(yùn)動對象的運(yùn)動軌跡，并得到運(yùn)動軌跡的不同畫面的效果。由于這種動畫的運(yùn)動效果具有多層虛化的影子，像是刨開的洋蔥皮，所以被稱為洋蔥皮特效動畫。具體效果如圖1所示。

3 Flash洋蔥皮特效動畫的制作過程

（1）制作具有運(yùn)動軌跡變化的原始動畫。

（2）將原始動畫復(fù)制到新圖層，并移動新圖層所復(fù)制的動畫，以達(dá)到延遲播放的效果（這一步驟也可以用延長幀或腳本語言技術(shù)來實(shí)現(xiàn)）。

（3）更改新圖層中運(yùn)動元件的透明度，以達(dá)到虛化影子的效果（可選）。

（4）重復(fù)步驟二若干次，以達(dá)到“錯(cuò)層”的效果，完成洋蔥皮特效動畫。

需要注意的是，洋蔥皮特效必須是針對有運(yùn)動軌跡變化的動畫。因?yàn)椋绻\(yùn)動對象沒有運(yùn)動軌跡的變化，僅改變?nèi)珙伾葘傩裕筒粫a(chǎn)生出多層虛化的影子，也就無法實(shí)現(xiàn)洋蔥皮特效動畫。Flash基礎(chǔ)動畫的分類包括：逐幀動畫、運(yùn)動補(bǔ)間動畫、引導(dǎo)線動畫、形狀補(bǔ)間動畫、遮罩動畫和腳本動畫。其中運(yùn)動補(bǔ)間動畫中運(yùn)動元件可以改變的常用屬性有：位移、大小、色調(diào)、透明度、濾鏡、旋轉(zhuǎn)、斜切和緩動等。根據(jù)上述分類，有運(yùn)動軌跡變化的動畫包括：運(yùn)動補(bǔ)間動畫中位移、大小、旋轉(zhuǎn)和斜切等屬性的改變，還包括引導(dǎo)線動畫以及形狀補(bǔ)間動畫。沒有運(yùn)動軌跡變化的動畫包括：運(yùn)動補(bǔ)間動畫中色調(diào)、透明度、濾鏡和緩動等屬性的改變。需要說明的是，遮罩動畫是可以產(chǎn)生運(yùn)動軌跡變化的，其遮罩層與被遮罩層中的對象都是可以運(yùn)動的。但是Flash會忽略遮罩層中運(yùn)動對象的透明度變化，在遮罩層中的任何填充區(qū)域都是完全透明的，而任何非填充區(qū)域都是不透明的，這就造成了遮罩層運(yùn)動動畫不會產(chǎn)生多層虛化的影子，無法實(shí)現(xiàn)洋蔥皮特效；而對于被遮罩層來說，遮罩項(xiàng)目所覆蓋的部分在舞臺上是可見的，可以實(shí)現(xiàn)被遮罩層運(yùn)動動畫的洋蔥皮特效，但是通過實(shí)驗(yàn)發(fā)現(xiàn)，去掉被遮罩層后，洋蔥皮特效并沒有改變，也就是說被遮罩層運(yùn)動動畫的洋蔥皮特效有畫蛇添足之嫌，具體效果見圖2、圖3。

腳本動畫可以有運(yùn)動軌跡的變化、也可以沒有，需要視具體情況而定。

4 洋蔥皮特效動畫中的錯(cuò)層技術(shù)

洋蔥皮特效動畫的實(shí)現(xiàn)基礎(chǔ)是要求運(yùn)動對象必須要有運(yùn)動軌跡的變化，也可以說是運(yùn)動對象的位置要有變化，而實(shí)現(xiàn)洋蔥皮特效的關(guān)鍵在于錯(cuò)層技術(shù)的使用。所謂錯(cuò)層技術(shù)是指同一動畫在時(shí)間軸的不同圖層中有規(guī)律的階梯狀設(shè)置，要達(dá)到的效果是同一動畫的重復(fù)延遲或延長播放。

錯(cuò)層技術(shù)可以針對同一運(yùn)動對象，也可以針對不同的運(yùn)動對象。前文圖1 、圖2中的效果都是針對同一運(yùn)動對象應(yīng)用的錯(cuò)層技術(shù)，展現(xiàn)的是同一對象的運(yùn)動軌跡變化。而針對不同運(yùn)動對象的錯(cuò)層技術(shù)更多的應(yīng)用在文本動畫中，展現(xiàn)的是不同文本的同一變化效果，可以說是洋蔥皮動畫的特殊版本。如圖4、圖5所示。

圖4、圖5中的文本錯(cuò)層技術(shù)重復(fù)延遲展現(xiàn)的是不同文本的同一垂直縮放效果。

錯(cuò)層技術(shù)可以采用延遲播放的方法，也可以采用延長播放的方法。對于延遲播放，運(yùn)動對象在不同圖層中的動畫其運(yùn)動時(shí)長是一樣的、運(yùn)動效果是一樣的、動畫所占用的幀數(shù)是一樣的，不同的是動畫被整體的有規(guī)律的置后了。前文展示的4個(gè)洋蔥皮特效動畫都是采用的延遲播放的方法。而對于延長播放，運(yùn)動對象在不同圖層中的動畫其運(yùn)動方式是一樣的，但運(yùn)動速度不同、動畫所占用的幀數(shù)不同，被有規(guī)律的延長了。如圖6所示。

圖6中的原始動畫是在圖層1中設(shè)置的，占用的幀數(shù)為11幀，而作為影子的其它圖層中的動畫所占的幀數(shù)逐次遞增，運(yùn)動速度逐次遞減，產(chǎn)生了如圖所示洋蔥皮特效動畫。

5 洋蔥皮特效動畫的分類

洋蔥皮特效與其它Flash特效一樣，都是基于Flash基礎(chǔ)動畫的，根據(jù)Flash基礎(chǔ)動畫的分類，以及前文的分析，可以將洋蔥皮特效動畫分為如下四類：

5.1 洋蔥皮-運(yùn)動補(bǔ)間動畫

運(yùn)動補(bǔ)間動畫是利用運(yùn)動對象屬性的改變來實(shí)現(xiàn)的一種動畫方法，它需要在起始的關(guān)鍵幀上設(shè)置運(yùn)動對象的屬性，在結(jié)束的關(guān)鍵幀上改變對象的屬性，然后由計(jì)算機(jī)在兩個(gè)關(guān)鍵幀之間推算將發(fā)生的動畫。基于洋蔥皮特效的運(yùn)動補(bǔ)間動畫可以改變的對象屬性有位移、大小、旋轉(zhuǎn)和斜切。

5.2 洋蔥皮-引導(dǎo)線動畫

引導(dǎo)線動畫是一種特殊的運(yùn)動補(bǔ)間動畫，它和運(yùn)動補(bǔ)間動畫的唯一區(qū)別是：運(yùn)動對象的位移屬性變化方式不同。運(yùn)動補(bǔ)間動畫的運(yùn)動對象做的是直線運(yùn)動，而引導(dǎo)線動畫做的是按給定路徑移動的曲線運(yùn)動。由于引導(dǎo)線動畫的運(yùn)動軌跡是有變化的，所以可以實(shí)現(xiàn)基于引導(dǎo)線動畫的洋蔥皮特效。下面將以實(shí)例來說明洋蔥皮-引導(dǎo)線動畫的制作方法。

5.3 洋蔥皮-形狀補(bǔ)間動畫

形狀補(bǔ)間動畫是利用時(shí)間軸上的關(guān)鍵幀來改變對象形狀的動畫。由于在對象形狀改變的時(shí)候，其運(yùn)動軌跡會產(chǎn)生變化，所以可以實(shí)現(xiàn)基于形狀補(bǔ)間動畫的洋蔥皮特效。下面將以實(shí)例來說明洋蔥皮-形狀補(bǔ)間動畫的制作方法。

5.4 洋蔥皮-腳本動畫

洋蔥皮腳本動畫是使用Flash的腳本語音來實(shí)現(xiàn)的。其設(shè)計(jì)思路是創(chuàng)建原始動畫的影片剪輯，用腳本語句實(shí)現(xiàn)影片剪輯的復(fù)制和透明度的調(diào)整，并產(chǎn)生錯(cuò)層效果，以此來實(shí)現(xiàn)洋蔥皮-腳本動畫。用到的腳本語句主要有duplicateMovieClip（ ）函數(shù)和setProperty（ ） 函數(shù)，其中前者的作用是復(fù)制影片剪輯實(shí)例，后者的作用是設(shè)置實(shí)例的屬性。

6 總結(jié)

本文對洋蔥皮特效動畫的制作原理與方法進(jìn)行了研究，提出了洋蔥皮特效動畫的制作原理是利用錯(cuò)層技術(shù)實(shí)現(xiàn)運(yùn)動對象軌跡的變化與記錄這一觀點(diǎn)，并以此為依據(jù)總結(jié)出了該類動畫的標(biāo)準(zhǔn)制作方法，通過實(shí)際的應(yīng)用，證明了該方法的有效性與易用性。本次研究的應(yīng)用平臺是Flash CS3，下一步的研究將在更高級別的平臺上開展，同時(shí)針對3D動畫、骨骼動畫和腳本動畫進(jìn)行深入研究。

參考文獻(xiàn)

[1]李光文.基于工作過程的“Flash動畫”教學(xué)改革與實(shí)踐[J].計(jì)算機(jī)教育，2009，No.9006：92-93+107.

[2]張帥，談國新，伍傳敏.基于過程化處理的Flash動畫制作方法[J].計(jì)算機(jī)工程與設(shè)計(jì)，2008，No.23721：5598-5600.

作者簡介

寶航（1980-），男，遼寧省阜新市人。博士研究生學(xué)歷。現(xiàn)為遼寧民族師范高等專科學(xué)校講師。主要從事計(jì)算機(jī)應(yīng)用技術(shù)研究、高職教育研究。

作者單位

遼寧民族師范高等專科學(xué)校 遼寧省阜新市 123000