“圖形元件”好比“群眾演員”,構(gòu)成了動(dòng)畫劇演出群體的基礎(chǔ),“按鈕元件”是“特殊演員”,它的存在使觀眾與“舞臺(tái)”更貼近了,那么“影片剪輯元件”到底有何能耐,在動(dòng)畫舞臺(tái)獨(dú)領(lǐng)風(fēng)騷,成為無(wú)可替代的“主角”呢? 學(xué)習(xí)目的 u 通過(guò)mc制作仿三維空間
u 跳轉(zhuǎn)并播放的幀語(yǔ)句應(yīng)用 u 創(chuàng)建光影效果 范例簡(jiǎn)介 這個(gè)范例通過(guò)7排小球,依照三維透視原理排列,錯(cuò)落有致地上下波動(dòng),小球接觸地面時(shí)還蕩出幾圈波紋,較好地營(yíng)造了一種三維空間感。
如圖4-5-1所示是范例效果。
圖4-5-1 仿三維空間效果 制作步驟 本例的特點(diǎn)是簡(jiǎn)潔巧妙,沒用一行代碼,動(dòng)畫元素極少,構(gòu)思相當(dāng)靈巧,圖4-5-2是本例的“圖層布局”。
圖4-5-2 主場(chǎng)景中的圖層結(jié)構(gòu) 其中從【MC1】至【MC7】的圖層內(nèi)容就是7排小球,它們?cè)凇拔枧_(tái)”中按一定規(guī)律從左到右排列,它們的出現(xiàn)各延遲了6幀,造成“錯(cuò)落有致”的效果。
下面敘述一下實(shí)例的制作方法。 (1)創(chuàng)建影片文檔 執(zhí)行【文件】|【新建】命令,在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項(xiàng)后,點(diǎn)擊【確定】按鈕,新建一個(gè)影片文檔,在【屬性】面板上設(shè)置文件大小為550×250像素,【背景色】為黑色,幀頻為24幀 單擊【確定】按鈕。為了讓我們?cè)谥谱鞯臅r(shí)候能看清,我們先設(shè)為墨綠色。 (2)創(chuàng)建元件 水波的制作:見圖,畫一個(gè)70×70的正圓。混色器選擇放射狀。左邊的色塊為000000,透明度為0 ,中間的色塊是ffffff,也就是白色,透明度為100。右邊的色塊為000000,透明度為0。如下圖
小球的制作:在第一幀上按?。螅瑁椋妫翩I畫一個(gè)30×30的正圓。填充為左白右黑的漸變。第二幀按f6插入關(guān)鍵幀。并在第一幀上輸入幀語(yǔ)句stop();命令。 完成后的效果如圖4-5-3所示。
圖4-5-3 繪制的圖形元件效果 步驟2 創(chuàng)建“基礎(chǔ)MC”
“基礎(chǔ)MC”所要實(shí)現(xiàn)的效果是,小球掉到地面產(chǎn)生水波,然后彈起的動(dòng)畫過(guò)程。下面,我們就來(lái)實(shí)現(xiàn)這一過(guò)程。 新建名為“基礎(chǔ)MC”的影片元件,插入兩個(gè)新圖層,從下往上將圖層分別重新命名為“倒影”、“波紋”和“小球”。 從【庫(kù)】面板中,將“小球”圖形元件分別拖放到【倒影】圖層和【小球】圖層的第一幀,對(duì)齊中心后,倒影圖層的第一幀小球在十字花中心的正下方5個(gè)網(wǎng)格。 注意: 小球圖層的第一幀也在對(duì)齊場(chǎng)景后,將小球移動(dòng)到十字花中心的正上方5個(gè)網(wǎng)格 調(diào)整兩個(gè)圖層中實(shí)例的位置后,并將【倒影】圖層中小球?qū)嵗摹玖炼取啃薷臑椤?71%”。 在兩個(gè)圖層的第20幀插入關(guān)鍵幀,分別調(diào)整該幀上實(shí)例位置,。將倒影和小球剛好從上下碰撞的位置。倒影球和小球剛好上下并攏。倒影的球上部對(duì)準(zhǔn)十字花,小球的下部對(duì)準(zhǔn)十字花,并創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。簡(jiǎn)易值為-100 在兩個(gè)圖層的第50幀和第70幀插入關(guān)鍵幀 在70幀的關(guān)鍵幀上。將倒影和小球的上下部分別對(duì)準(zhǔn)十字花。也就是回到第一幀的效果 調(diào)整它們的位置后,創(chuàng)建第50幀到第70幀的動(dòng)作補(bǔ)間動(dòng)畫。簡(jiǎn)易值為100 在【水波】第21幀插入空白關(guān)鍵幀,將水波圖形元件拖放到兩個(gè)小球的中間,寬高設(shè)為32×9并調(diào)整實(shí)例傾斜度,使之具有透視效果。并對(duì)齊場(chǎng)景中心。在第43幀插入關(guān)鍵幀,將該幀上的實(shí)例放大,也用任意變形工具左右拉大橢,寬高為280.80,并打開屬性面板,將實(shí)例【Alpha】值修改為“0%”?;氐?1幀建立補(bǔ)間動(dòng)畫,簡(jiǎn)易值設(shè)為100 并在時(shí)間軸的倒影圖層的第70幀輸入語(yǔ)句:
gotoAndPlay(1);
圖4-5-4 “基礎(chǔ)MC”圖層結(jié)構(gòu)及第21幀效果 步驟3 創(chuàng)建“MC合成1”元件 執(zhí)行【插入】|【新建元件】命令,新建一個(gè)影片元件,名稱為“mc合成1”
新建3個(gè)圖層,在它的4個(gè)圖層中,分別放置著4個(gè)“基礎(chǔ)MC”, 在最上的圖層4的第12幀按f7插入空白關(guān)鍵幀。打開庫(kù)面板。將基礎(chǔ)mc拖進(jìn)場(chǎng)景,打開變形面板,約束打勾。縮放比例為50%。對(duì)齊中心。在25幀按f5插入普通幀 在圖層3的第16幀按f7插入空白關(guān)鍵幀。打開庫(kù)面板。將基礎(chǔ)mc拖進(jìn)場(chǎng)景距離圖層4的mc向右偏上的位置上,打開變形面板,約束打勾??s放比例為38%。在25幀按f5插入普通幀。 在圖層2的第20幀按f7插入空白關(guān)鍵幀。打開庫(kù)面板。將基礎(chǔ)mc拖進(jìn)場(chǎng)景距離圖層3的mc向右偏上的位置上,打開變形面板,約束打勾。縮放比例為28%。在25幀按f5插入普通幀 在圖層1的第25幀按f7插入空白關(guān)鍵幀。打開庫(kù)面板。將基礎(chǔ)mc拖進(jìn)場(chǎng)景距離圖層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的【時(shí)間軸】及舞臺(tái)內(nèi)容看,其實(shí)并不復(fù)雜,兩個(gè)【小球】和【倒影】圖層中的對(duì)象都是小球?qū)嵗?,不過(guò)下面一個(gè)小球有一定透明度,模仿“影子”效果,運(yùn)動(dòng)方向相反,而【波紋】圖層就是“波紋”效果的“動(dòng)作變形”。
注意:這個(gè)MC時(shí)間軸的最后一幀要定義一個(gè)停止stop(;)動(dòng)作,這樣避免MC重復(fù)播放。 (3)布局場(chǎng)景 步驟1 單擊【時(shí)間軸】頂上的【主舞臺(tái)】標(biāo)簽按鈕,返回【場(chǎng)景】, 添加1個(gè)圖層。由下到上分別給圖層起名為:天光,界面。 天光圖層制作:在天光圖層上部畫一個(gè)正圓。放射填充。3個(gè)色塊都為藍(lán)色。0A0AFE,右邊把透明度設(shè)為0,在下部畫一個(gè)550×200的矩形。下對(duì)齊。水平中齊。填充選擇黑色 在界面圖層的第一幀,將庫(kù)中的光影圖形元件拖進(jìn)場(chǎng)景下半部。第一個(gè)設(shè)為底對(duì)齊和水平中齊。再逐步排列成右邊7個(gè)光線放射的狀態(tài)。使用任意變形工具變換角度??梢詮?fù)制右邊的三個(gè)粘貼到左邊。然后水平翻轉(zhuǎn)。效果如下圖: 鎖定這兩個(gè)圖層。 步驟2 創(chuàng)建mc圖層:
在圖層1上添加7個(gè)圖層,由上到下分別重命名為: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圖層的第一幀,將庫(kù)中mc合成1拖放到場(chǎng)景下部那7個(gè)天光線條的左邊第一個(gè)。然后雙擊此影片剪輯,進(jìn)入mc元件的編輯狀態(tài)。對(duì)每層的基礎(chǔ)mc進(jìn)行對(duì)齊。十字花一定要對(duì)準(zhǔn)光影線條。圖層4放在光影線條的底部。其它的逐步向內(nèi)排列。并在36幀按f5插入普通幀 如下圖所示:
打開庫(kù)面板,右鍵點(diǎn)mc合成1,選擇重制,名稱改為mc合成2,反復(fù)重復(fù)此重制,復(fù)制出6個(gè)mc來(lái)。名稱分別是mc合成3 mc合成4?。恚愫铣? mc合成6?。恚愫铣?
步驟4 其它6個(gè)mc合成組合場(chǎng)景方法同步驟3。在此就不一一說(shuō)明。 最后在mc7圖層的第36幀上輸入幀語(yǔ)句:stop(); 這樣我們對(duì)7個(gè)“基礎(chǔ)MC”實(shí)例擺放了不同的位置,并用繪圖工具繪制界面和天光。 場(chǎng)景擺放位置頂圖4-5-2主場(chǎng)景中的圖層結(jié)構(gòu) 所示。 整個(gè)實(shí)例效果請(qǐng)參閱源文件“三維空間.fla”。
|
|