第六章元件和實例

信管系孟東霞第六章元件和實例主要內(nèi)容認識元件和實例元件的類型和創(chuàng)建影片剪輯元件按鈕元件上機實訓(xùn)和指導(dǎo)：動畫《春天在哪里》1.認識元件和實例元件：可以重復(fù)利用的圖形、動畫片段或按鈕，是構(gòu)成Flash動畫的基本要素之一，便于大量制作，有助于減少影片文件的大小，被保存到庫面板中。實例：登上舞臺表演的元件被稱為“實例”，是元件在舞臺上的具體表現(xiàn)。元件和實例的關(guān)系類似于演員和扮演的角色（例如：楊冪和角色趙默笙、林蕭、晴川等），一個元件可以生成多個實例。元件變化，實例肯定變化，實例的設(shè)置不影響元件。2元件的類型和創(chuàng)建元件包括三種類型：圖形元件、影片剪輯元件和按鈕元件。圖形元件：通常存放靜態(tài)圖像，可以是形狀、位圖、文字等多種圖像形式；影片剪輯元件：是獨立的動畫片段，具備自己獨立的時間軸，可以包含交互控制、音效，甚至是其他的影片剪輯元件；按鈕元件：對鼠標(biāo)事件（單擊和滑過）做出響應(yīng)的交互按鈕，可以與觀眾實現(xiàn)交互動畫。2元件的類型和創(chuàng)建創(chuàng)建元件：“插入””新建元件”或者選中場景中的對象“修改””轉(zhuǎn)換為元件”編輯元件：在當(dāng)前位置編輯、在新窗口中編輯和在元件編輯模式下編輯練習(xí)春天在哪里新建flash文檔，文檔屬性使用默認值；制作背景：修改圖層1名稱為“藍天背景”，導(dǎo)入圖片“藍天”，將其拖動到舞臺上，將此圖層一直作為背景層；片頭動畫：新建圖層“片頭文字”，輸入文字“春天在哪里”，為文字添加濾鏡效果（發(fā)光、投影和模糊等，可自定義文字濾鏡），在第1幀到第80幀之間制作文字閃光多次后變模糊又清晰的動畫效果；練習(xí)春天在哪里桃樹出現(xiàn)：新建圖層“桃樹”，在第100幀導(dǎo)入圖片“桃樹”，使用分離和套索工具刪除多余背景后，將其轉(zhuǎn)換為圖形元件“桃樹”，在第100幀到關(guān)鍵幀140幀之間制作從無到逐漸清晰的動畫效果（元件Alpha值的變化）；太陽升起：新建圖形元件“太陽”，其為橢圓工具繪制的沒有輪廓、徑向填充的正圓。新建圖層“太陽”，在第160幀上創(chuàng)建關(guān)鍵幀，在160幀到關(guān)鍵幀210幀之間制作太陽移動的過程中顏色和大小也變化的動畫效果。給太陽的動畫添加引導(dǎo)層，使其按照弧線形狀升起。練習(xí)春天在哪里花瓣飄落：新建圖形元件“花瓣”，使用線條工具和顏料桶工具制作花瓣；新建圖層“花瓣1”，在220幀關(guān)鍵幀上將元件“花瓣”添加到舞臺上，使用引導(dǎo)層繪制花瓣旋轉(zhuǎn)飄落的動畫；再創(chuàng)建兩個圖層，分別在第240幀和第260幀插入關(guān)鍵幀，然后添加花瓣飄落的動畫效果。新建圖層文件夾，將所有的花瓣圖層放置到文件夾中。3影片剪輯元件可以創(chuàng)建可重用的動畫片段，擁有獨立于主時間軸的多幀時間軸，可包含交互式按鈕、聲音和其他影片剪輯實例；例如：駿馬飛奔（比較將單個靜態(tài)圖片轉(zhuǎn)為元件和利用多個關(guān)鍵幀創(chuàng)建影片剪輯元件）同樣的例子還有：人物行走、蝴蝶飛舞等練習(xí)春天在哪里影片剪輯練習(xí)：被風(fēng)吹動的柳樹：新建影片剪輯元件“柳樹”，制作柳枝搖動的動畫效果；新建圖層“柳樹”，在第310幀將多個“柳樹”的實例導(dǎo)入到舞臺上，在310幀到340幀之間制作其從無到逐漸清晰的動畫效果，之后一直有柳枝搖擺的效果；搖動的小草：新建影片剪輯元件“小草”，制作小草舞動的動畫效果；新建圖層“小草”，在第350幀將多個“小草”的實例導(dǎo)入到舞臺上；練習(xí)春天在哪里影片剪輯練習(xí)：蝴蝶飛舞：制作類型為影片剪輯的元件“蝴蝶”，將上次制作的蝴蝶對應(yīng)的關(guān)鍵幀復(fù)制粘貼到元件里；新建圖層“蝴蝶”，將元件導(dǎo)入，創(chuàng)建多個關(guān)鍵幀并且使用引導(dǎo)層制作蝴蝶連續(xù)飛舞的動畫。鳥兒飛翔：打開已有的flash源文檔，找到小鳥的影片元件，粘貼到現(xiàn)有文檔的庫中。新建“小鳥”圖層，在第570幀上將元件導(dǎo)入，使用引導(dǎo)層制作小鳥飛翔的動畫。動畫在第690幀全部結(jié)束。4按鈕元件按鈕元件是Flash動畫和用戶交互的靈魂，能夠響應(yīng)鼠標(biāo)事件（單擊或者滑過等），外觀可以有多種表現(xiàn)形式，可以是文字、位圖、形狀，還可以是看不見的透明按鈕。鼠標(biāo)元件的時間軸上只有4個幀，通過這4個幀可以指定不同的按鈕狀態(tài)：彈起：鼠標(biāo)指針不在按鈕上的狀態(tài)指針經(jīng)過：鼠標(biāo)指針在按鈕上的狀態(tài)按下：鼠標(biāo)單擊按鈕時的狀態(tài)點擊：定義鼠標(biāo)做出反應(yīng)的區(qū)域，即響應(yīng)區(qū)。區(qū)域用實心圖形定義，面積必須包含前面三幀中的所有元素，運行時，只有在這個范圍內(nèi)操作鼠標(biāo)才能被識別，播放影片時區(qū)域不顯示。練習(xí)變色按鈕制作漸變色的矩形按鈕，按鈕上有文字“PLAY”，當(dāng)鼠標(biāo)指向和單擊時，橢圓的顏色發(fā)生變化。新建元件，類型為按鈕元件。選擇“矩形工具”，制作筆觸為無，填充為徑向填充的矩形；選擇“文本工具”，在上面輸入文本“PLAY”。選擇指針經(jīng)過和按下的幀創(chuàng)建關(guān)鍵幀，重新定義橢圓和文字的顏色。選擇點擊幀，插入關(guān)鍵幀，定義鼠標(biāo)的響應(yīng)區(qū)域為矩形。練習(xí)春天在哪里添加按鈕新建圖層“action”，在第85幀上，添加動作腳本“stop”，將剛創(chuàng)建的按鈕元件添加到該圖層的舞臺上在選中按鈕后出現(xiàn)的屬性面板上，定義按鈕的實例名稱為“mybutton”，然后在“action”的第85幀上添加下列腳本：functionstartMovie(event:MouseEvent){ this.play();

}//startMovie響應(yīng)鼠標(biāo)事件后做出的操作mybutton.addEventListener(MouseEvent.CLICK,startMovie);//按鈕一直在監(jiān)聽點擊事件，若檢查后執(zhí)行startMovie函數(shù)在第86幀上創(chuàng)建關(guān)鍵幀，導(dǎo)入外部音樂“春天在哪里”。練習(xí)春天在哪里添加按鈕在第690幀上，添加動作腳本“stop”，新建按鈕元件“REPLAY”，通過添加腳本實現(xiàn)