元件及漸變動(dòng)畫.ppt

1、元件及漸變動(dòng)畫,回顧上節(jié)課的內(nèi)容：,什么叫做逐幀動(dòng)畫？ 在動(dòng)畫中，我們需要將它的每個(gè)動(dòng)作創(chuàng)建一個(gè)畫面，當(dāng)這些畫面以一定的速度顯示時(shí)就可形成動(dòng)畫；這種方式通常稱為逐幀動(dòng)畫。,逐幀動(dòng)畫的優(yōu)點(diǎn)是變化復(fù)雜，可以制作出任何效果，但制作過程比較繁瑣，生成的動(dòng)畫比較大，并沒有體現(xiàn)Flash的的真正實(shí)力 。 為什么Flash還能博得眾人青睞呢？ 那是因?yàn)闈u變動(dòng)畫。,Flash制作的動(dòng)畫文件通常稱為“影片”。影片中的演員就是在舞臺上表演的對象，在Flash中這些表演的對象需要設(shè)計(jì)“元件”，元件是Flash中的基本元素。 在目前要完成的影片中，舞臺上參加表演的有道路、人行橫道、藍(lán)天、飄動(dòng)的云等對象，這些對象中有靜

2、止的，有動(dòng)態(tài)的。,元件： 也稱為符號或組件。它是動(dòng)畫中可以重復(fù)作用的圖形、按鈕、影片剪輯。合理使用元件可以縮短動(dòng)畫制作的時(shí)間，減少文件的數(shù)據(jù)量，提高工作效率。,1.設(shè)計(jì)“背景” 繪制“天空、道路” 執(zhí)行“插入”“新建元件”命令，在如圖所示的“創(chuàng)建新元件”對話框的“名稱”輸入框中輸入“背景”，并在“行為”中選中“圖形”選項(xiàng)后確定。 選擇線條工具、矩形工具等工具在舞臺上完成馬路、人行橫道、藍(lán)天的設(shè)計(jì)。,2.繪制靜止在天空中的兩朵云 執(zhí)行“插入” “新建元件”命令，命名為“云1”，類型設(shè)為“圖形”；然后選擇工具欄中的適當(dāng)工具在舞臺上畫出云朵，例如使用鉛筆工具和填充顏色。 提示：為繪制方便建議將舞臺背

3、景色設(shè)置為黑色。（從屬性那兒就可以設(shè)置了） 同樣，再次執(zhí)行“插入”“新建元件”命令，命名為“云2”，類型設(shè)為“圖形”；不必重新繪圖，打開庫面板，用鼠標(biāo)將其中剛剛創(chuàng)建的元件“云1”拖到舞臺上，再利用工具箱中的“任意變形工具”，適當(dāng)改變云朵的大小和形狀。,3.設(shè)計(jì)“云”的動(dòng)作 根據(jù)我們生活中的經(jīng)驗(yàn)，天空中的云通常是隨風(fēng)飄動(dòng)的，或者它的形狀是變化多樣的。難道我們需要將云的所有位置和形狀都繪制出來嗎？,（1）應(yīng)用運(yùn)動(dòng)漸變來設(shè)計(jì)云的飄移。 1執(zhí)行“插入”“新建元件”命令，命名為“飄動(dòng)的云”，類型設(shè)為“影片剪輯”。 2.打開庫面板，用鼠標(biāo)將庫中的元件“云1”拖動(dòng)到舞臺左側(cè)，此時(shí)時(shí)間軸面板中圖層1的第1幀自

4、動(dòng)成為關(guān)鍵幀。,3選中時(shí)間軸的第50幀，插入關(guān)鍵幀：執(zhí)行“插入”“時(shí)間軸”“關(guān)鍵幀”命令。 4在對應(yīng)第50幀的舞臺上將“云1”的位置移至舞臺右側(cè)。,5再次選定第1幀，在屬性面板中將補(bǔ)間設(shè)為“動(dòng)作”，動(dòng)畫建立后時(shí)間軸幀面板的背景變?yōu)榈{(lán)色，在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭。,(2)應(yīng)用形狀漸變動(dòng)畫設(shè)計(jì)云的變形。 1按Ctrl+F8鍵新建元件，命名為“變形的云”，類型設(shè)為“影片剪輯”。 2打開庫面板，用鼠標(biāo)將其中的元件“云2”拖到舞臺左側(cè)。,3選中舞臺上的元件“云2”，執(zhí)行“修改”“分離”命令將對象打散。 4選中時(shí)間軸的第30幀，按F6插入關(guān)鍵幀。 5利用工具箱的“任意變形工具”，在第30幀的

5、舞臺上將“云2”的形狀加以改變。 6然后用鼠標(biāo)選定第1幀，在屬性面板中將補(bǔ)間接設(shè)為“形狀”，動(dòng)畫建立后時(shí)間軸面板的背景變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭。,資料：,漸變動(dòng)畫： 運(yùn)用漸變動(dòng)畫輕易就能制作出具有移動(dòng)、縮放、旋轉(zhuǎn)、形狀漸變、色彩漸變效果的動(dòng)畫，還能控制動(dòng)畫行進(jìn)的速度，看是要變慢或變快，都隨您的意思。 分類：動(dòng)作漸變動(dòng)畫 形狀漸變動(dòng)畫,4.將設(shè)計(jì)好的元件組合生成完整的動(dòng)畫 回到場景：單擊時(shí)間軸上方的“場景”。 打開庫面板，用鼠標(biāo)將其中的元件“背景”拖到場景舞臺中心。,將元件“云1”拖到舞臺左側(cè)，執(zhí)行“控制”“播放”命令和執(zhí)行“控制”“測試場景”命令，觀察動(dòng)畫效果。 將元件“飄過的云”和“變形的云”從庫中拖到舞臺，再次執(zhí)行“控制”“播放”命令和執(zhí)行“控制”“測試場景”命令，觀察動(dòng)畫效果。 5.以“過馬路.fla”為名保存文件,漸變動(dòng)畫：,優(yōu)點(diǎn)：漸變動(dòng)畫是采用了一種獨(dú)特的過渡變形技術(shù)，在動(dòng)畫制作時(shí)只需要做出第一幀與最后一幀的內(nèi)容，中間幀的動(dòng)畫過程flash會(huì)自動(dòng)為您完成。,作業(yè)：做一個(gè)文字運(yùn)動(dòng)的移動(dòng)漸變動(dòng)畫,（）設(shè)置背景； （）編輯第一個(gè)關(guān)鍵幀； （）編輯最后一個(gè)關(guān)鍵幀； （）設(shè)置移動(dòng)漸變過渡。,設(shè)置漸變過渡：,制作移動(dòng)漸變動(dòng)畫的三個(gè)必要條件,至少存在兩個(gè)關(guān)鍵幀； 在