Flash MX2004入門(mén)與進(jìn)階實(shí)例--動(dòng)畫(huà)基礎(chǔ)(29)_Flash教程
推薦:Flash MX2004入門(mén)與進(jìn)階實(shí)例--動(dòng)畫(huà)基礎(chǔ)(28)第三章動(dòng)畫(huà)基礎(chǔ)第六節(jié)引導(dǎo)路徑動(dòng)畫(huà)(5)(2)創(chuàng)建元件本例中的元件較前面的實(shí)例要多一些,我們把它們分成“水泡部分”、“海底部分”、“游魚(yú)部分”三大部
第三章 動(dòng)畫(huà)基礎(chǔ)第六節(jié) 引導(dǎo)路徑動(dòng)畫(huà)(6)
在【屬性】面板上,選中【路徑調(diào)整】、【同步】和【對(duì)齊】復(fù)選框,如圖3-6-27所示。

圖3-6-27 設(shè)置屬性
下面我們來(lái)創(chuàng)建海底實(shí)例中“水波蕩漾”效果所需的元件。
步驟6 創(chuàng)建“海底”元件
執(zhí)行【插入】|【新建元件】命令,新建一個(gè)圖形元件,名稱(chēng)為“海底”。選擇第1幀,然后再執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令,將配套光盤(pán)中的名為“海底.bmp”的圖片導(dǎo)入到場(chǎng)景中(“海底.bmp”圖片位置:光盤(pán)\example\part3\***\圖片\海底.bmp)。
步驟7創(chuàng)建“遮罩矩形”元件
執(zhí)行【插入】|【新建元件】命令,新建一個(gè)圖形元件,名稱(chēng)為“遮罩矩形”。在場(chǎng)景中畫(huà)一個(gè)500×4的無(wú)邊矩形,因?yàn)椤罢谡謱印敝械膱D形在播放時(shí)不會(huì)顯示,所以設(shè)置顏色為任意。
復(fù)制并粘貼這個(gè)矩形,向下移一點(diǎn)位置,使其變成二個(gè),再?gòu)?fù)制并粘貼這二個(gè)矩形,再向下移一點(diǎn)位置,使其變?yōu)樗膫(gè),如此循環(huán),在粘帖過(guò)程中,選中所有矩形,在【屬性】面板中查看圖形高度,直至創(chuàng)建出一個(gè)500×540的矩形,如圖3-6-28所示。

圖3-6-28 遮罩矩形
步驟8創(chuàng)建“水波效果”元件
水波蕩漾的效果是用遮罩動(dòng)畫(huà)的手法做的,看著挺漂亮,實(shí)際制作卻很簡(jiǎn)單,只用三層就完成了,里面有二個(gè)小技巧,在下面的講解過(guò)程中會(huì)著重介紹。
執(zhí)行【插入】|【新建元件】命令,新建一個(gè)影片剪輯,名稱(chēng)為“水波效果”,如圖3-6-29所示。

圖3-6-29 創(chuàng)建“水波效果”元件
從【庫(kù)】面板里將名為“海底”的圖形元件拖放到場(chǎng)景中,在【屬性】面板上設(shè)置元件的【X】值為0,【Y】值為0,在時(shí)間幀上單擊右鍵,在彈出菜單中選擇【復(fù)制幀】,在第100幀添加普通幀。
然后新建一個(gè)圖層,在這層的第1幀上單擊鼠標(biāo)右鍵,在彈出菜單中選擇【粘貼幀】,就把剛才的元件粘到第二層中了,選中該層中的實(shí)例,在【屬性】面板上設(shè)置它的【X】值為0,【Y】值為1,【Alpha】值為80%。
注重:這里是一個(gè)技巧:第二層圖片與第一層圖片的位置差決定水波蕩漾的大�。∥恢貌钤酱�,水波越大,其【Alpha】值的大小決定水波的清楚程度,【Alpha】值越大,水波越清楚,反之越模糊。
圖3-6-30是第一層和第二層中,兩張圖片在X,Y軸的位置對(duì)比。

圖3-6-30 兩張圖片在場(chǎng)景中的位置對(duì)比
要實(shí)現(xiàn)水波蕩漾,光有二層圖片是不行的,還要用遮罩動(dòng)畫(huà)實(shí)現(xiàn)光線(xiàn)的明暗變化才行,這樣,才能產(chǎn)生水的流動(dòng)感。
新建一層,在第1幀上拖入【庫(kù)】中名為“遮罩矩形”的元件,注重下面的邊緣對(duì)著“海底圖片”的下邊緣。在第100幀上添加要害幀,拖動(dòng)“遮罩矩形”元件實(shí)例,使其上邊緣對(duì)著“海底圖片”的上邊緣,在第1幀創(chuàng)建補(bǔ)間動(dòng)作動(dòng)畫(huà),如圖3-6-31所示。

圖3-6-31 遮罩層中矩形元件的位置
右擊該圖層名稱(chēng),在彈出的快捷菜單中選擇【遮罩層】命令。至此,這個(gè)動(dòng)畫(huà)所需的基本構(gòu)件已經(jīng)制作完成,接下來(lái)還必需在場(chǎng)景中把各個(gè)構(gòu)件“組裝”起來(lái)。
單擊時(shí)間軸右上方的【編輯場(chǎng)景】按鈕,選擇【場(chǎng)景1】切換到主場(chǎng)景中。在主場(chǎng)景中一共需要5個(gè)圖層,我們由下而上一層一層地?cái)⑹�,�?qǐng)隨時(shí)參考圖3-6-34。
分享:Flash MX2004入門(mén)與進(jìn)階實(shí)例--動(dòng)畫(huà)基礎(chǔ)(27)第三章動(dòng)畫(huà)基礎(chǔ)第六節(jié)引導(dǎo)路徑動(dòng)畫(huà)(4)步驟2創(chuàng)建【文字】層新建名為“文字”的圖層,把庫(kù)里名為“老康藍(lán)屋”的元件拖到場(chǎng)景中,文字的邊緣要和下面的“填
- as中禁用ESC鍵
- AS3.0 圖片變黑白 圖片彩色變黑白代碼
- flash as3.0 跨域的解決辦法
- 模板無(wú)憂(yōu)FLASH透明代碼
- Flash教你制作卡通MM眨眼睛動(dòng)畫(huà)
- Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕
- Flash繪制小龍與花插畫(huà)場(chǎng)景
- Flash程序的測(cè)試方法
- Flash CS4文字顏色緩動(dòng)特效
- 網(wǎng)頁(yè)中演示類(lèi)FLASH動(dòng)畫(huà)制作規(guī)范
- Flash CS3循環(huán)背景的運(yùn)用技巧
- Flash鼠繪技巧教你制作紅綠色的樹(shù)葉
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
猜你也喜歡看這些
- Flash 8中文版基本功能與典型實(shí)例
- flash動(dòng)作編程教程
- Flash卡通動(dòng)畫(huà)設(shè)計(jì)教程下載
- Flash as3.0視頻教程之組件編程
- 新東方任汝芬考研政治大綱解析班flash視頻及其他
- 金鷹FLASH CS3活學(xué)活用
- Flash CS3多媒體課件制作視頻教學(xué)
- Flash制作光盤(pán)引導(dǎo)動(dòng)畫(huà)全過(guò)程(前幾節(jié)為靜音)
- 《Flash CS3 Professional動(dòng)畫(huà)制作技能進(jìn)化手冊(cè)》--樣章、樣例、教學(xué)視頻
- 金鷹FlashMx 實(shí)例教程
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索Flash MX2004入門(mén)與進(jìn)階實(shí)例--動(dòng)畫(huà)基礎(chǔ)(29)
- 教程說(shuō)明:
Flash教程-Flash MX2004入門(mén)與進(jìn)階實(shí)例--動(dòng)畫(huà)基礎(chǔ)(29)
。