flash動(dòng)畫(huà)創(chuàng)作

1、實(shí)驗(yàn)4 Flash復(fù)雜動(dòng)畫(huà)的創(chuàng)作一、實(shí)驗(yàn)?zāi)康?、 理解引導(dǎo)線的概念，掌握引導(dǎo)層動(dòng)畫(huà)的原理、創(chuàng)作方法。2、 理解遮罩的概念，掌握遮罩動(dòng)畫(huà)的原理、創(chuàng)作方法。3、 理解多場(chǎng)景動(dòng)畫(huà)的概念，掌握復(fù)雜剪輯動(dòng)畫(huà)的創(chuàng)作原理。二、實(shí)驗(yàn)任務(wù)1、 制作閃光的蓮花(掌握要點(diǎn):遮罩動(dòng)畫(huà)2、 制作海底水泡以及水波紋效果三、實(shí)驗(yàn)內(nèi)容1、制作蓮花閃爍動(dòng)畫(huà)（1）新建一個(gè)大小為550×400像素，背景色為黑色，幀頻為24fps的空白文檔。將默認(rèn)的“圖層1”更名為“背景”，然后使用“矩形工具”繪制一個(gè)沒(méi)有邊框的矩形，打開(kāi)“顏色”面板，設(shè)置類(lèi)型為“放射狀”，再設(shè)置第1個(gè)色標(biāo)顏色為（R:1，G:47，B:152），第2個(gè)色標(biāo)

2、顏色為（R:2，G:2，B:100），第3個(gè)色標(biāo)顏色為（R:0，G:0，B:0），填充效果如圖1所示。圖1  制作背景（2）新建一個(gè)“蓮花”圖層，然后導(dǎo)入蓮花圖片（可網(wǎng)絡(luò)上搜索任意圖片），選中蓮花圖片，Ctrl+B將圖片打散，用橡皮工具將不需要的圖形擦除，保留花朵形象。如圖2所示。圖2  導(dǎo)入素材（3）選中“蓮花”圖層中的蓮花，然后按F8鍵將其轉(zhuǎn)換為影片剪輯（名稱為“蓮花”），如圖3所示。圖3  創(chuàng)建影片剪輯（4）在“庫(kù)”面板中，右擊“蓮花”影片剪輯實(shí)例并選擇“編輯”菜單，進(jìn)入“蓮花”元件的編輯場(chǎng)景。選中元件中的花朵圖像，再按F8鍵將

3、其轉(zhuǎn)換為影片剪輯元件（名稱任意），然后利用該新建元件創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)：在“蓮花”元件的圖層一的第40和75幀插入關(guān)鍵幀，選中第40幀中的蓮花元件 ，并在屬性面板中修改其色彩效果，如圖4所示的設(shè)置，最后在時(shí)間抽上創(chuàng)建出傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。圖4 添加蓮花閃爍效果（5）回到動(dòng)畫(huà)主場(chǎng)景，選中主場(chǎng)景中的影片剪輯“蓮花”，然后為其添加“發(fā)光”濾鏡，具體參數(shù)設(shè)置如圖5所示。品質(zhì)為“高”，并設(shè)置其發(fā)光顏色為：R:0，G:255，B:255），Alpha為100%，如圖5所示。圖5  添加“發(fā)光”濾鏡（6）主場(chǎng)景，在“蓮花”圖層的上一層新建一個(gè)“星光”圖層，然后新建一個(gè)“星光四射”影片剪

4、輯元件，并將在元件放置于“星光”圖層。操作步驟如下：創(chuàng)建一個(gè)新影片剪輯元件，如圖6所示。圖6  新建元件（7）在“星光四射”元件中，使用“矩形工具”繪制一個(gè)沒(méi)有邊框的矩形，然后設(shè)置填充顏色為（R:0，G:255，B:255），并用設(shè)置好的顏色填充矩形，再用“選擇工具”調(diào)整好其形狀，如圖7所示。圖7  調(diào)整矩形形狀（8）使用“任意變形工具”選中圖形，然后將變換中心點(diǎn)拖曳到舞臺(tái)的中心點(diǎn)上，如圖8所示。圖8  調(diào)整圖形中心位置（9）使用“選擇工具”選中調(diào)整好的圖形，然后按Ctrl+T組合鍵打開(kāi)“變形”面板，設(shè)置旋轉(zhuǎn)角度值為30°，

5、然后單擊“重制選區(qū)和變形”按鈕 復(fù)制出11份圖形，如圖9所示。圖9  旋轉(zhuǎn)復(fù)制圖形（10）在“星光四射”元件中，新建一個(gè)“圖層2”，將“圖層1”中的圖形復(fù)制到“圖層2”中，然后選擇“圖層2”中的圖形，執(zhí)行“修改/變形/水平翻轉(zhuǎn)”菜單命令，再將圖層2中的圖形調(diào)整成白色，如圖10所示。圖10  水平翻轉(zhuǎn)圖形（11）選中“圖層1”的第1幀，按F8鍵將其中圖形轉(zhuǎn)換為元件（名稱為“轉(zhuǎn)圖圖形”），選中“圖層1”第90幀，然后按F6鍵將其轉(zhuǎn)換為關(guān)鍵幀，在“圖層1”中創(chuàng)建1到90幀的傳統(tǒng)補(bǔ)間動(dòng)畫(huà)，并在屬性面板設(shè)置關(guān)于該補(bǔ)間動(dòng)畫(huà)的旋轉(zhuǎn)屬性。選中“圖層2”的第90

6、幀，按F5鍵插入幀，再最后將“圖層2”轉(zhuǎn)換為“圖層1”的遮罩圖層，如圖11所示。圖11  最終的時(shí)間軸圖層（12）返回動(dòng)畫(huà)主場(chǎng)景，將“蓮花”圖層中的“蓮花”元件以及“星光四射”圖層中的“星光四射”元件對(duì)齊，并確?！靶枪馑纳洹眻D層放置在“蓮花”圖層的下方。動(dòng)畫(huà)制作完成。2制作海底水泡以及水波紋效果該實(shí)例中包括了動(dòng)作補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、遮罩動(dòng)畫(huà)、引導(dǎo)路徑動(dòng)畫(huà)等四種動(dòng)畫(huà)形式，制作上要比前面幾個(gè)實(shí)例難度大一些，但它能綜合復(fù)習(xí)前面學(xué)過(guò)的內(nèi)容。圖5- 10 Flash動(dòng)畫(huà)效果圖（1）新建一個(gè)Flash動(dòng)畫(huà)文件，命名為“海底.fla”，設(shè)置舞臺(tái)尺寸為450×300像素，【背

7、景色】為深藍(lán)色。（2）創(chuàng)建元件本例中的實(shí)例比較多，把它們分成“水泡部分”、“海底部分”、“游魚(yú)部分”三大部分來(lái)制作。先來(lái)創(chuàng)建和水泡有關(guān)的部分。步驟1 創(chuàng)建“單個(gè)水泡”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱為“單個(gè)水泡”。在場(chǎng)景中畫(huà)一個(gè)無(wú)邊的圓，顏色任意，大小為30×30像素，再在【混色器】面板中，添加兩個(gè)白色色標(biāo)，【Alpha】值從左向右依次為100%、40%、10%、100%，如圖5-11所示，選擇【顏料桶工具】，在圓的中心偏左上的地方單擊，并可以用【填充變形工具】進(jìn)行微調(diào)。圖5- 11 水泡（放大400倍）、填充位置及混色器面板參數(shù)步驟2 創(chuàng)建“水泡運(yùn)動(dòng)”元件

8、執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱為“水泡運(yùn)動(dòng)”。選中被當(dāng)前元件圖層的第一幀，從【庫(kù)】中將名為“單個(gè)水泡”的元件，拖放在舞臺(tái)的下端，創(chuàng)建“單個(gè)水泡”的補(bǔ)間動(dòng)畫(huà)，然后在第60幀處把“單個(gè)水泡”元件實(shí)例移到舞臺(tái)的上端并設(shè)置【Alpha】值為50%，用選擇工具修改運(yùn)動(dòng)路徑如圖5-12所示。圖5- 12 水泡運(yùn)動(dòng)步驟3 創(chuàng)建“成堆的水泡”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱為“成堆的水泡”。從庫(kù)里拖入數(shù)個(gè)“水泡運(yùn)動(dòng)”元件，任意改變大小和位置，見(jiàn)圖5-13。圖5- 13 成堆的水泡（放大400倍）步驟4 創(chuàng)建“游魚(yú)”元件（選作內(nèi)容）執(zhí)行【插入】|【新建元件】命令

9、，新建影片剪輯，名稱為“游魚(yú)”。在場(chǎng)景中共設(shè)四層，分別為“魚(yú)頭”、“中間魚(yú)尾”、“上面魚(yú)尾”、“下面魚(yú)尾”。在各圖層中畫(huà)出魚(yú)的各部分形狀，如圖5-14所示，“魚(yú)頭”層中是魚(yú)的眼睛和圓滾滾的身子，為了體現(xiàn)魚(yú)游動(dòng)時(shí)的姿勢(shì)，我們把魚(yú)尾分成上、中、下三部分，畫(huà)好后在第7、14幀處各添加關(guān)鍵幀，把魚(yú)頭、魚(yú)尾位置形狀稍做改變，在第1、7、14幀處創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)。為了保持動(dòng)作連貫，第20幀和第1幀中的形狀是完全一樣的。圖5- 14 魚(yú)在各幀的形狀及時(shí)間軸面板步驟5 創(chuàng)建“魚(yú)游動(dòng)”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱為“魚(yú)游動(dòng)”。選擇圖層的第100幀，按F5鍵，使圖層中的幀延伸到第10

10、0幀。將庫(kù)中“游魚(yú)”元件拖入圖層的第一幀，用【任意變形工具】調(diào)整“游魚(yú)”元件實(shí)例為合適的大小，創(chuàng)建“游魚(yú)”的補(bǔ)間動(dòng)畫(huà)，選擇第100幀，將“游魚(yú)”移動(dòng)至舞臺(tái)的其他位置，調(diào)整第1幀和第100幀中的“游魚(yú)”元件之間的運(yùn)動(dòng)路徑，建立運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)，如圖5-15所示。圖5- 15 魚(yú)在第1幀和第100幀的位置步驟6 創(chuàng)建“海底”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱為“海底”。選擇第1幀，然后再執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令，將“海底.bmp”的圖片導(dǎo)入到場(chǎng)景中。步驟7創(chuàng)建“遮罩矩形”元件執(zhí)行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱為“遮罩矩形”。在場(chǎng)景中畫(huà)一個(gè)5

11、00×4的無(wú)邊矩形，設(shè)置顏色為任意。復(fù)制并粘貼這個(gè)矩形，向下移一點(diǎn)位置，使其變成二個(gè)，再?gòu)?fù)制并粘貼這二個(gè)矩形，再向下移一點(diǎn)位置，使其變?yōu)樗膫€(gè)，如此循環(huán)，在粘帖過(guò)程中，選中所有矩形，在【屬性】面板中查看圖形高度，直至創(chuàng)建出一個(gè)500×540的矩形，如圖5-16所示。 圖5- 16 遮罩矩形步驟8創(chuàng)建“水波效果”元件 水波蕩漾的效果是用遮罩動(dòng)畫(huà)的手法做的，看著挺漂亮，實(shí)際制作卻很簡(jiǎn)單，執(zhí)行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱為“水波效果”。從【庫(kù)】面板里將名為“海底”的圖形元件拖放到場(chǎng)景中，在【屬性】面板上設(shè)置元件的【X】值為0，【Y】值為0，

12、在時(shí)間幀上單擊右鍵，在彈出菜單中選擇【復(fù)制幀】。然后新建一個(gè)圖層，在這層的第1幀上單擊鼠標(biāo)右鍵，在彈出菜單中選擇【粘貼幀】，就把剛才的元件粘到第二層中了，選中該層中的實(shí)例，在【屬性】面板上設(shè)置它的【X】值為0，【Y】值為1，【Alpha】值為80。將兩個(gè)圖層的100幀處都插入普通幀。注意：這里是一個(gè)技巧：第二層圖片與第一層圖片的位置差決定水波蕩漾的大?。∥恢貌钤酱?，水波越大，其【Alpha】值的大小決定水波的清晰程度，【Alpha】值越大，水波越清晰，反之越模糊。圖5-17是第一層和第二層中，兩張圖片在X，Y軸的位置對(duì)比。圖5- 17 兩張圖片在場(chǎng)景中的位置對(duì)比要實(shí)現(xiàn)水波蕩漾，光有二層圖片是不

13、行的，還要用遮罩動(dòng)畫(huà)實(shí)現(xiàn)光線的明暗變化才行,這樣，才能產(chǎn)生水的流動(dòng)感。新建一個(gè)圖層，并命名為“遮罩層”，將【庫(kù)】中的“遮罩矩形”元件拖入“遮罩層”的第1幀，注意下面的邊緣對(duì)著“海底圖片”的下邊緣。創(chuàng)建“遮罩矩形”的補(bǔ)間動(dòng)畫(huà)，在第100幀上將元件的上邊緣對(duì)齊“海底圖片”的上邊緣，如圖5-18所示。 圖5- 18 遮罩層中矩形元件的位置右擊該圖層名稱，在彈出的快捷菜單中選擇【遮罩層】命令。至此，這個(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)景中一共需要3個(gè)圖層，由下而上一層一層地?cái)⑹?。?）創(chuàng)建動(dòng)畫(huà)步驟1 創(chuàng)建背景層從庫(kù)中把名