鄺健全
摘要:文章闡述了Flash里的三種補(bǔ)間動(dòng)畫(huà),三種元件,遮罩動(dòng)畫(huà)和傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà),逐幀動(dòng)畫(huà)和按鈕的運(yùn)用。
關(guān)鍵詞:Flash;元件;遮罩動(dòng)畫(huà);傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà);逐幀動(dòng)畫(huà);按鈕
中圖分類(lèi)號(hào):TP37? ? ? 文獻(xiàn)標(biāo)識(shí)碼:A
文章編號(hào):1009-3044(2021)27-0120-02
如果想要實(shí)現(xiàn)二維動(dòng)畫(huà)的效果,有人會(huì)說(shuō)Office里的PowerPoint也可以做得到。比如說(shuō)文字的滾動(dòng)推出,圖片的旋轉(zhuǎn)變大等等這些簡(jiǎn)單的平面動(dòng)畫(huà)效果,還可以搭配一些簡(jiǎn)單的聲音效果。但是如果想要一些復(fù)雜的、特別的動(dòng)畫(huà)效果,那就需要功能強(qiáng)大一些,專(zhuān)業(yè)性和針對(duì)性也需要強(qiáng)大一些的軟件,F(xiàn)lash就能很好地滿(mǎn)足這些要求。Flash由于專(zhuān)業(yè)性強(qiáng),操作復(fù)雜,初學(xué)者一般不容易掌握?,F(xiàn)在由我來(lái)說(shuō)怎么樣才能快速學(xué)好Flash并加以靈活運(yùn)用。
1 Flash的幾個(gè)基本概念
首先需要理解常用的幾個(gè)概念。Flash里常用的補(bǔ)間動(dòng)畫(huà)有三種:第一種是補(bǔ)間動(dòng)畫(huà),第二種是補(bǔ)間形狀,第三種是傳統(tǒng)補(bǔ)間。創(chuàng)建補(bǔ)間動(dòng)畫(huà)和傳統(tǒng)補(bǔ)間的前提條件是元件,而元件又有三種類(lèi)型,第一類(lèi)是圖形元件,第二類(lèi)是影片剪輯元件,第三類(lèi)是按鈕元件。其次所有的補(bǔ)間運(yùn)動(dòng)都是簡(jiǎn)單的運(yùn)動(dòng)。如果想要實(shí)現(xiàn)復(fù)雜一點(diǎn)的動(dòng)畫(huà)則可以使用遮罩動(dòng)畫(huà)、傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà)和逐幀動(dòng)畫(huà)等等。再次按鈕是含有觸發(fā)事件的元件,觸發(fā)事件簡(jiǎn)單地說(shuō)就是鼠標(biāo)經(jīng)過(guò)或者單擊按鈕,按鈕會(huì)改變顏色或者運(yùn)動(dòng)起來(lái)或者發(fā)出聲音或者引起其他運(yùn)動(dòng)等等這些效果之一或者好幾個(gè)效果的結(jié)合。
2 嵌套運(yùn)動(dòng)
如果想要實(shí)現(xiàn)一個(gè)藍(lán)色小球從左往右直線滑過(guò)去,使用簡(jiǎn)單的補(bǔ)間動(dòng)畫(huà)就可以做得到。但是如果想要實(shí)現(xiàn)一個(gè)藍(lán)色小球從左往右滾動(dòng)過(guò)去,那么需要嵌套運(yùn)動(dòng)才可以做得到。首先在場(chǎng)景的左面畫(huà)一個(gè)藍(lán)色的小球,將藍(lán)色小球轉(zhuǎn)換為圖形元件,接著再轉(zhuǎn)換為影片剪輯元件。在場(chǎng)景里雙擊影片剪輯,在影片剪輯的時(shí)間軸第40幀里插入關(guān)鍵幀,然后在第1幀和第40幀中間添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà),動(dòng)畫(huà)類(lèi)型為順時(shí)針旋轉(zhuǎn)2圈。返回場(chǎng)景里在第40幀里插入關(guān)鍵幀,將藍(lán)色小球移動(dòng)到場(chǎng)景的右面,中間添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。解釋一下這么做的結(jié)果是影片剪輯元件里藍(lán)色小球在40幀時(shí)間里原地順時(shí)針旋轉(zhuǎn)2圈,場(chǎng)景里藍(lán)色小球從左往右直線滑動(dòng)。最后的效果就是這兩項(xiàng)運(yùn)動(dòng)的結(jié)合,即藍(lán)色小球從左往右滾動(dòng)過(guò)去。
3 遮罩動(dòng)畫(huà)
Flash里的遮罩動(dòng)畫(huà)是很重要的一種動(dòng)畫(huà)效果??梢赃@樣理解:就是透過(guò)一塊穿了孔的板觀看板后面的畫(huà)面,板后面的畫(huà)面可以運(yùn)動(dòng),穿了孔的板可以運(yùn)動(dòng),并且孔也可以變化運(yùn)動(dòng),從而產(chǎn)生千變?nèi)f化的動(dòng)畫(huà)效果。運(yùn)用遮罩運(yùn)動(dòng)來(lái)實(shí)現(xiàn)展開(kāi)一幅國(guó)畫(huà)的動(dòng)畫(huà)效果,首先在場(chǎng)景第一層導(dǎo)入一張國(guó)畫(huà),國(guó)畫(huà)下面有白色的紙張和橙色的畫(huà)布,把這一層作為被遮罩層。新建一層作為遮罩層,遮罩層的第1幀畫(huà)一個(gè)高度可以覆蓋國(guó)畫(huà)但是寬比較小的矩形形狀,第100幀畫(huà)一個(gè)撐滿(mǎn)左右場(chǎng)景的矩形形狀,中間添加補(bǔ)間形狀動(dòng)畫(huà)。新建一層畫(huà)一個(gè)畫(huà)軸靠左,首先將畫(huà)軸轉(zhuǎn)換為圖形元件,在第100幀插入普通幀。再次新建一層放之前的畫(huà)軸但是靠右一點(diǎn),在第100幀插入關(guān)鍵幀,將畫(huà)軸移動(dòng)到場(chǎng)景的右面,中間添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。最后的結(jié)果是隨著畫(huà)軸的右軸慢慢向右移動(dòng),國(guó)畫(huà)的畫(huà)面也慢慢地向右展開(kāi)。
4 逐幀動(dòng)畫(huà)
補(bǔ)間動(dòng)畫(huà)的軌跡都是直線,但是現(xiàn)實(shí)生活中很多運(yùn)動(dòng)都不是直線運(yùn)動(dòng),為了解決這個(gè)問(wèn)題,F(xiàn)lash使用傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà)來(lái)解決這種不走直線的問(wèn)題。傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層相當(dāng)于軌道,軌道繪成曲線則可以實(shí)現(xiàn)曲線運(yùn)動(dòng)?,F(xiàn)實(shí)生活中還有很多運(yùn)動(dòng)不是直線運(yùn)動(dòng)或者曲線運(yùn)動(dòng),比如說(shuō)人走路,豬、馬和羊奔跑,小鳥(niǎo)在天上飛這些復(fù)雜的運(yùn)動(dòng)。為了解決這個(gè)問(wèn)題,F(xiàn)lash使用逐幀動(dòng)畫(huà)來(lái)解決。像人走路這種情況,具體操作是連續(xù)每一幀都繪畫(huà)人在走路的連貫的靜態(tài)畫(huà)面。第1幀繪制人提左手,邁右腿。第2幀左手提高一點(diǎn),右腿邁得大一些,身體向前傾一些。第3幀左手提得最高,右腿邁得最大,身體再向前傾一些。第4幀是左手回收,右腿也是回收,身體再向前傾一些。第5幀左手垂下,右腳底全部著地,重心在右腳,左腿向前曲,準(zhǔn)備邁左腳。后面5幀就是將前面5幀的左手和右腿換成右手和左腿。每1幀都是靜止的畫(huà)面,但是Flash在測(cè)試或者導(dǎo)出影片人們觀看時(shí)就會(huì)感覺(jué)他在走路一樣,因?yàn)槿搜塾幸曈X(jué)上的短暫停留。通俗地說(shuō)就是人眼觀察物體的時(shí)候,當(dāng)光信號(hào)傳入大腦時(shí),需要經(jīng)過(guò)一段短暫的時(shí)間,而光的作用結(jié)束后,視覺(jué)形象并不會(huì)立即消失。
5 圖形和影片剪輯的區(qū)別
圖形元件和影片剪輯元件都是元件,也都有時(shí)間軸,它們之間有什么區(qū)別呢?首先圖形元件可以改變它的顏色,調(diào)整透明度等。而影片剪輯除了可以改變顏色和調(diào)整透明度這些效果之外,還有濾鏡效果,比如說(shuō)發(fā)光或者模糊的濾鏡效果。其次圖形元件盡管在它的時(shí)間軸里做了動(dòng)畫(huà)效果,然而在場(chǎng)景里只有一幀的話它是不會(huì)動(dòng)的;但是影片剪輯則不一樣,場(chǎng)景里只有一幀它也會(huì)動(dòng)起來(lái)。
6 按鈕的觸發(fā)動(dòng)畫(huà)
6.1按鈕控制場(chǎng)景和影片剪輯動(dòng)畫(huà)的停止
按鈕可以控制場(chǎng)景里的時(shí)間軸動(dòng)畫(huà)停止,也可以控制影片剪輯的動(dòng)畫(huà)停止。在按鈕上添加的語(yǔ)句分別是on(press){stop():}和on(press){Object(this).ball.stop():}。控制影片剪輯多了Object(this).ball.這個(gè)語(yǔ)句,在添加按鈕上面的語(yǔ)句之前需要對(duì)影片剪輯命名為ball這個(gè)變量名。變量名和影片剪輯的名稱(chēng)是兩件不一樣的事,不能互相使用,一般來(lái)說(shuō)用到動(dòng)作才需要使用變量名。
6.2按鈕改變影片剪輯的各種屬性
通過(guò)單擊按鈕可以改變影片剪輯的位置、大小、旋轉(zhuǎn)的方向、透明度、可見(jiàn)性、質(zhì)量甚至顏色,主要是通過(guò)setProperty(目標(biāo),屬性,值)這個(gè)函數(shù)來(lái)實(shí)現(xiàn)。具體操作是繪制一個(gè)按鈕,一個(gè)變量名為ufo的影片剪輯,通過(guò)單擊按鈕來(lái)改變ufo的各種屬性。在按鈕上添加動(dòng)作,具體語(yǔ)句是on (release) {setProperty(ufo, _x, getProperty("ufo", _x)-20);},第一個(gè)ufo是setProperty里的目標(biāo),第一個(gè)_x就是指ufo的橫坐標(biāo)。后面還有一個(gè)getProperty(目標(biāo),屬性),為什么需要用到getProperty這個(gè)函數(shù),是因?yàn)樽詈笤O(shè)置ufo位置時(shí)它不是固定為100的坐標(biāo),它是變化的,所以需要先獲取ufo的橫坐標(biāo),取得它橫坐標(biāo)的值后再減去20,結(jié)果就是ufo往左移動(dòng)了20個(gè)像素的距離。