基于洋蔥皮特效的Flash動(dòng)畫制作原理與方法

摘 要

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

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

1 引言

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

2 Flash洋蔥皮特效動(dòng)畫的原理

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

3 Flash洋蔥皮特效動(dòng)畫的制作過程

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

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

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

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

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

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

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

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

錯(cuò)層技術(shù)可以針對(duì)同一運(yùn)動(dòng)對(duì)象，也可以針對(duì)不同的運(yùn)動(dòng)對(duì)象。前文圖1 、圖2中的效果都是針對(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)畫中，展現(xiàn)的是不同文本的同一變化效果，可以說是洋蔥皮動(dòng)畫的特殊版本。如圖4、圖5所示。

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

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

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

5 洋蔥皮特效動(dòng)畫的分類

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

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

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

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

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

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

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

5.4 洋蔥皮-腳本動(dòng)畫

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

6 總結(jié)

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

參考文獻(xiàn)

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

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

作者簡(jiǎn)介

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

作者單位

遼寧民族師范高等?？茖W(xué)校 遼寧省阜新市 123000