“圖形元件”好比“群眾演員”,構(gòu)成了動畫劇演出群體的基礎(chǔ),“按鈕元件”是“特殊演員”,它的存在使觀眾與“舞臺”更貼近了,那么“影片剪輯元件”到底有何能耐,在動畫舞臺獨領(lǐng)風(fēng)騷,成為無可替代的“主角”呢?
首先,“圖形”對象就1幀,“按鈕”對象是4幀,而“MC”的長度不受限止,盡管我們的【場景】中可能只有1幀,也不妨礙“MC”中的大千世界。
再有,Flash動畫的全部優(yōu)勢全能在“MC”中體現(xiàn),在“MC”中能進行“動畫編程”,而且,由于“MC”中可以包含按鈕及圖形對象,所以“MC”兼有全部動畫元件的優(yōu)勢。
最后,“MC”中還可以包含“MC”,這就意味著“MC”具有“多重時間軸”特性,這種特性,使最富于想象的動畫編導(dǎo)不會受到束縛,可以說:不怕做不到,就怕你想不到!
創(chuàng)建一個“MC”也最隨意,凡是Flash中的對象它全接受,正因為“MC”具有海納百川的“肚量”,蓋世無雙的武功,要做到靈活運用決非易事,經(jīng)驗豐富的人感到得心應(yīng)手;初學(xué)者可能有點無所適從了!關(guān)鍵的一點就是技巧的靈活掌握和經(jīng)驗的不斷積累,作為一條捷徑,就是借鑒、吸收別人作品中的構(gòu)思技巧及制作思路。本范例是一個巧妙應(yīng)用MC創(chuàng)建動畫特效的實例,希望能對你有所啟示。
學(xué)習(xí)目的
u 通過mc制作仿三維空間
u 跳轉(zhuǎn)并播放的幀語句應(yīng)用
u 創(chuàng)建光影效果
范例簡介
這個范例通過7排小球,依照三維透視原理排列,錯落有致地上下波動,小球接觸地面時還蕩出幾圈波紋,較好地營造了一種三維空間感。
如圖4-5-1所示是范例效果。
圖4-5-1 仿三維空間效果
制作步驟
本例的特點是簡潔巧妙,沒用一行代碼,動畫元素極少,構(gòu)思相當(dāng)靈巧,圖4-5-2是本例的“圖層布局”。
圖4-5-2 主場景中的圖層結(jié)構(gòu)
其中從【MC1】至【MC7】的圖層內(nèi)容就是7排小球,它們在“舞臺”中按一定規(guī)律從左到右排列,它們的出現(xiàn)各延遲了6幀,造成“錯落有致”的效果。
下面敘述一下實例的制作方法。
(1)創(chuàng)建影片文檔
執(zhí)行【文件】|【新建】命令,在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后,點擊【確定】按鈕,新建一個影片文檔,在【屬性】面板上設(shè)置文件大小為550×250像素,【背景色】為黑色,幀頻為24幀 單擊【確定】按鈕。為了讓我們在制作的時候能看清,我們先設(shè)為墨綠色。
(2)創(chuàng)建元件
步驟1 創(chuàng)建實例所需圖形元件
分別新建名為“光影”、“水波”和“小球”的圖形元件,在各自的舞臺上,用合適的工具繪制圖形,
光影的制作:畫個長條的矩形。寬高為12和140。上面為尖形。線性填充,左邊白色ffffff,右邊為666666 透明度0
水波的制作:見圖,畫一個70×70的正圓?;焐鬟x擇放射狀。左邊的色塊為000000,透明度為0 ,中間的色塊是ffffff,也就是白色,透明度為100。右邊的色塊為000000,透明度為0。如下圖
小球的制作:在第一幀上按住shift鍵畫一個30×30的正圓。填充為左白右黑的漸變。第二幀按f6插入關(guān)鍵幀。并在第一幀上輸入幀語句stop();命令。
完成后的效果如圖4-5-3所示。
圖4-5-3 繪制的圖形元件效果
步驟2 創(chuàng)建“基礎(chǔ)MC”
“基礎(chǔ)MC”所要實現(xiàn)的效果是,小球掉到地面產(chǎn)生水波,然后彈起的動畫過程。下面,我們就來實現(xiàn)這一過程。
新建名為“基礎(chǔ)MC”的影片元件,插入兩個新圖層,從下往上將圖層分別重新命名為“倒影”、“波紋”和“小球”。
從【庫】面板中,將“小球”圖形元件分別拖放到【倒影】圖層和【小球】圖層的第一幀,對齊中心后,倒影圖層的第一幀小球在十字花中心的正下方5個網(wǎng)格。
注意: 小球圖層的第一幀也在對齊場景后,將小球移動到十字花中心的正上方5個網(wǎng)格
調(diào)整兩個圖層中實例的位置后,并將【倒影】圖層中小球?qū)嵗摹玖炼取啃薷臑椤?71%”。
在兩個圖層的第20幀插入關(guān)鍵幀,分別調(diào)整該幀上實例位置,。將倒影和小球剛好從上下碰撞的位置。倒影球和小球剛好上下并攏。倒影的球上部對準(zhǔn)十字花,小球的下部對準(zhǔn)十字花,并創(chuàng)建動作補間動畫。簡易值為-100
在兩個圖層的第50幀和第70幀插入關(guān)鍵幀
在70幀的關(guān)鍵幀上。將倒影和小球的上下部分別對準(zhǔn)十字花。也就是回到第一幀的效果
調(diào)整它們的位置后,創(chuàng)建第50幀到第70幀的動作補間動畫。簡易值為100
在【水波】第21幀插入空白關(guān)鍵幀,將水波圖形元件拖放到兩個小球的中間,寬高設(shè)為32×9并調(diào)整實例傾斜度,使之具有透視效果。并對齊場景中心。在第43幀插入關(guān)鍵幀,將該幀上的實例放大,也用任意變形工具左右拉大橢,寬高為280.80,并打開屬性面板,將實例【Alpha】值修改為“0%”?;氐?1幀建立補間動畫,簡易值設(shè)為100
并在時間軸的倒影圖層的第70幀輸入語句:
gotoAndPlay(1);
這樣可以使MC重復(fù)播放。如圖4-5-4所示,是“基礎(chǔ)MC”圖層結(jié)構(gòu)及第21幀效果。
圖4-5-4 “基礎(chǔ)MC”圖層結(jié)構(gòu)及第21幀效果
步驟3 創(chuàng)建“MC合成1”元件
執(zhí)行【插入】|【新建元件】命令,新建一個影片元件,名稱為“mc合成1”
新建3個圖層,在它的4個圖層中,分別放置著4個“基礎(chǔ)MC”,
在最上的圖層4的第12幀按f7插入空白關(guān)鍵幀。打開庫面板。將基礎(chǔ)mc拖進場景,打開變形面板,約束打勾??s放比例為50%。對齊中心。在25幀按f5插入普通幀
在圖層3的第16幀按f7插入空白關(guān)鍵幀。打開庫面板。將基礎(chǔ)mc拖進場景距離圖層4的mc向右偏上的位置上,打開變形面板,約束打勾??s放比例為38%。在25幀按f5插入普通幀。
在圖層2的第20幀按f7插入空白關(guān)鍵幀。打開庫面板。將基礎(chǔ)mc拖進場景距離圖層3的mc向右偏上的位置上,打開變形面板,約束打勾??s放比例為28%。在25幀按f5插入普通幀
在圖層1的第25幀按f7插入空白關(guān)鍵幀。打開庫面板。將基礎(chǔ)mc拖進場景距離圖層2的mc向右偏上的位置上,打開變形面板,約束打勾??s放比例為21%。在25幀按f5插入普通幀
【MC合成1】的內(nèi)部如圖4-5-3所示。
圖4-5-5 “合成1 MC”內(nèi)部圖層結(jié)構(gòu)
從圖4-5-5的【時間軸】及舞臺內(nèi)容看,其實并不復(fù)雜,兩個【小球】和【倒影】圖層中的對象都是小球?qū)嵗?,不過下面一個小球有一定透明度,模仿“影子”效果,運動方向相反,而【波紋】圖層就是“波紋”效果的“動作變形”。
注意:這個MC時間軸的最后一幀要定義一個停止stop(;)動作,這樣避免MC重復(fù)播放。
(3)布局場景
步驟1 單擊【時間軸】頂上的【主舞臺】標(biāo)簽按鈕,返回【場景】,
添加1個圖層。由下到上分別給圖層起名為:天光,界面。
天光圖層制作:在天光圖層上部畫一個正圓。放射填充。3個色塊都為藍色。0A0AFE,右邊把透明度設(shè)為0,在下部畫一個550×200的矩形。下對齊。水平中齊。填充選擇黑色
在界面圖層的第一幀,將庫中的光影圖形元件拖進場景下半部。第一個設(shè)為底對齊和水平中齊。再逐步排列成右邊7個光線放射的狀態(tài)。使用任意變形工具變換角度??梢詮?fù)制右邊的三個粘貼到左邊。然后水平翻轉(zhuǎn)。效果如下圖:
鎖定這兩個圖層。
步驟2 創(chuàng)建mc圖層:
在圖層1上添加7個圖層,由上到下分別重命名為:Mc1 mc2 mc3 mc4 mc5 mc6 mc7。
在mc2圖層的第7幀按f7插入空白關(guān)鍵幀
在mc3圖層的第13幀按f7插入空白關(guān)鍵幀,
在mc4圖層的第19幀按f7插入空白關(guān)鍵幀,
在mc5圖層的第25幀按f7插入空白關(guān)鍵幀,
在mc6圖層的第31幀按f7插入空白關(guān)鍵幀,
在mc7圖層的第36幀按f7插入空白關(guān)鍵幀,
步驟3 選中mc1圖層的第一幀,將庫中mc合成1拖放到場景下部那7個天光線條的左邊第一個。然后雙擊此影片剪輯,進入mc元件的編輯狀態(tài)。對每層的基礎(chǔ)mc進行對齊。十字花一定要對準(zhǔn)光影線條。圖層4放在光影線條的底部。其它的逐步向內(nèi)排列。并在36幀按f5插入普通幀
如下圖所示:
打開庫面板,右鍵點mc合成1,選擇重制,名稱改為mc合成2,反復(fù)重復(fù)此重制,復(fù)制出6個mc來。名稱分別是mc合成3 mc合成4?。恚愫铣? mc合成6?。恚愫铣?
步驟4 其它6個mc合成組合場景方法同步驟3。在此就不一一說明。
最后在mc7圖層的第36幀上輸入幀語句:stop();
這樣我們對7個“基礎(chǔ)MC”實例擺放了不同的位置,并用繪圖工具繪制界面和天光。
場景擺放位置頂圖4-5-2主場景中的圖層結(jié)構(gòu) 所示。
整個實例效果請參閱源文件“三維空間.fla”。