資源簡(jiǎn)介

(共40張PPT)
項(xiàng)目6 基礎(chǔ)動(dòng)畫制作
任務(wù)1 Flash動(dòng)畫的類別
1
任務(wù)2 幀的基本概念與操作
2
任務(wù)3 逐幀動(dòng)畫
3
任務(wù)4 補(bǔ)間動(dòng)畫
4
任務(wù)5 動(dòng)畫預(yù)設(shè)
5
上機(jī)實(shí)戰(zhàn)
6
任務(wù)1 Flash動(dòng)畫的類別
逐幀動(dòng)畫
補(bǔ)間動(dòng)畫
逐幀動(dòng)畫是在時(shí)間軸上逐幀繪制內(nèi)容，由于是一幀一幀的繪制關(guān)鍵幀，所以逐幀動(dòng)畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容，適合制作每個(gè)幀的內(nèi)容有較大差別的復(fù)雜動(dòng)畫。
補(bǔ)間動(dòng)畫是在一個(gè)關(guān)鍵幀制作出基本畫面后，在后續(xù)的某個(gè)幀中改變對(duì)象的屬性，如改變對(duì)象的大小、顏色、位置、透明度等。插入補(bǔ)間動(dòng)畫后兩個(gè)關(guān)鍵幀之間的插補(bǔ)幀是由計(jì)算機(jī)自動(dòng)運(yùn)算而得到的。
補(bǔ)間形狀
傳統(tǒng)補(bǔ)間動(dòng)畫與補(bǔ)間動(dòng)畫類似，但傳統(tǒng)補(bǔ)間是在兩個(gè)對(duì)象相同、對(duì)象屬性不同的關(guān)鍵幀之間創(chuàng)建，可以制作一些補(bǔ)間動(dòng)畫不能實(shí)現(xiàn)的效果。
任務(wù)1 Flash動(dòng)畫的類別
傳統(tǒng)補(bǔ)間
反向運(yùn)動(dòng)動(dòng)畫
補(bǔ)間形狀動(dòng)畫是在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀更改或繪制另一個(gè)形狀，F(xiàn)lash 將內(nèi)插中間的幀的中間形狀，創(chuàng)建一個(gè)形狀變形為另一個(gè)形狀的動(dòng)畫。
反向運(yùn)動(dòng)動(dòng)畫在對(duì)象上添加骨骼，利用骨骼的父子關(guān)系，實(shí)現(xiàn)對(duì)象的反向運(yùn)動(dòng)，創(chuàng)建復(fù)雜的運(yùn)動(dòng)動(dòng)畫。
任務(wù)2 幀的基本概念與操作
任務(wù)描述
在Flash動(dòng)畫中，幀相當(dāng)于原始動(dòng)畫中的一張圖片，它決定了動(dòng)畫在時(shí)間和動(dòng)作上的所有內(nèi)容;幀的數(shù)目和放映的速度決定了動(dòng)畫的整體長(zhǎng)度。本任務(wù)重點(diǎn)介紹幀的基本知識(shí)。
活動(dòng)1 幀的基本概念
幀是Flash動(dòng)畫的基本編輯單位，動(dòng)畫實(shí)際上是通過(guò)幀的變化產(chǎn)生的。
用戶可以在各幀中對(duì)舞臺(tái)上的對(duì)象進(jìn)行修改、設(shè)置，制作各種動(dòng)畫效果。
活動(dòng)1 幀的基本概念
根據(jù)作用的不同，幀又分為關(guān)鍵幀、空白關(guān)鍵幀、屬性關(guān)鍵幀、補(bǔ)間幀和靜態(tài)幀。
活動(dòng)2 幀的基本操作
1.插入幀
（1）在時(shí)間軸上選取一幀，執(zhí)行“插入”→“時(shí)間軸”→“幀”命令。
（2）右擊幀，在彈出的快捷菜單中執(zhí)行“插入幀”命令。
（3）在時(shí)間軸上選取一幀，按F5鍵。
活動(dòng)2 幀的基本操作
2.插入關(guān)鍵幀
（1）在時(shí)間軸中選取一幀，執(zhí)行“插入”→“時(shí)間軸”→“關(guān)鍵幀”命令。
（2）右擊幀，在彈出的快捷菜單中執(zhí)行“插入關(guān)鍵幀”命令。
（3）在時(shí)間軸中選取一幀，按F6鍵。
活動(dòng)2 幀的基本操作
3.插入空白關(guān)鍵幀
（1）在時(shí)間軸中選取一幀。執(zhí)行“插入”→“時(shí)間軸”→“空白關(guān)鍵幀”命令。
（2）右擊幀，在彈出的快捷菜單中執(zhí)行“插入空白關(guān)鍵幀”命令。
（3）在時(shí)間中選取一幀，按F7鍵。
活動(dòng)2 幀的基本操作
4.復(fù)制幀
選擇一幀或多幀后，執(zhí)行“編輯”→“時(shí)間軸”→“復(fù)制幀”命令。
選擇復(fù)制幀的目標(biāo)位置后，執(zhí)行“編輯”→“時(shí)間軸” →“粘貼幀”命令。
活動(dòng)2 幀的基本操作
5.移動(dòng)幀
在時(shí)間軸中選擇一幀或多幀后，按住鼠標(biāo)拖動(dòng)到目標(biāo)位置釋放鼠標(biāo)即可移動(dòng)選定的幀。
也可以選定幀后分別執(zhí)行“編輯”→“時(shí)間軸”→“剪切幀”和“編輯”→“時(shí)間軸”→“粘貼幀”命令。
活動(dòng)2 幀的基本操作
6.清除幀
（1）右擊要清除的幀，在彈出的快捷菜單中執(zhí)行“清除幀”命令。
（2）選定幀后執(zhí)行“編輯”→“時(shí)間軸”→“清除幀”命令。
活動(dòng)2 幀的基本操作
7.刪除幀
（1）右擊要?jiǎng)h除的幀，在彈出的快捷菜單中執(zhí)行“刪除幀”命令。
（2）選定幀后執(zhí)行“編輯”→“時(shí)間軸”→“刪除幀”命令。
活動(dòng)2 幀的基本操作
8.轉(zhuǎn)換為關(guān)鍵幀
（1）右擊要轉(zhuǎn)換的靜態(tài)幀或補(bǔ)間幀，在彈出的快捷菜單中執(zhí)行“轉(zhuǎn)換為關(guān)鍵幀”命令。
（2）選定幀后執(zhí)行“修改”→“時(shí)間軸”→“轉(zhuǎn)換為關(guān)鍵幀”命令。
活動(dòng)2 幀的基本操作
9.轉(zhuǎn)換為空白關(guān)鍵幀
（1）右擊要轉(zhuǎn)換的靜態(tài)幀或補(bǔ)間幀，在彈出的快捷菜單中執(zhí)行“轉(zhuǎn)換空白關(guān)鍵幀”命令。
（2）選定幀后執(zhí)行“修改”→“時(shí)間”→“轉(zhuǎn)換為空白關(guān)鍵幀”命令。
活動(dòng)2 幀的基本操作
10.清除關(guān)鍵幀
（1）右擊要清除的關(guān)鍵幀，在彈出的快捷菜單中執(zhí)行“清除關(guān)鍵幀”命令。
（2）選定幀后執(zhí)行“修改”→“時(shí)間”→“清除關(guān)鍵幀”命令。
活動(dòng)2 幀的基本操作
11.翻轉(zhuǎn)幀
選擇要翻轉(zhuǎn)的多個(gè)幀，右擊，在彈出的快捷菜單中執(zhí)行“翻轉(zhuǎn)幀”命令，或執(zhí)行“修改”→“時(shí)間幀”→“翻轉(zhuǎn)幀”命令，可以將選定幀的次序進(jìn)行翻轉(zhuǎn)，使動(dòng)畫內(nèi)容翻轉(zhuǎn)。
活動(dòng)2 幀的基本操作
12.設(shè)置幀標(biāo)簽
選定關(guān)鍵幀，在“屬性”面板的“標(biāo)簽”選項(xiàng)中可以設(shè)置的名稱并選擇標(biāo)簽類型：名稱、注釋和錨記。
活動(dòng)3 幀頻
幀頻是動(dòng)畫播放的速度，以每秒播放的幀數(shù)（fps）為度量單位。
標(biāo)準(zhǔn)的動(dòng)畫速率是24 fps。
整個(gè)Flash文檔統(tǒng)一設(shè)置為一個(gè)幀頻。
任務(wù)3 逐幀動(dòng)畫
逐幀動(dòng)畫由多個(gè)關(guān)鍵幀組成，每個(gè)關(guān)鍵幀的內(nèi)容都不同，適合制作表現(xiàn)細(xì)膩的動(dòng)畫，如人物表情、轉(zhuǎn)身等動(dòng)畫。
一般對(duì)于比較復(fù)雜的逐幀動(dòng)畫采用以下兩種方法制作。
（1）先做好動(dòng)畫各幀的線稿，將線稿掃描后導(dǎo)入Flash，逐幀進(jìn)行描圖、上色。
（2）導(dǎo)入已有的靜態(tài)圖片素材或圖片序列，制作逐幀動(dòng)畫。
任務(wù)3 逐幀動(dòng)畫
【例6-1】制作電子表倒計(jì)時(shí)
（1）新建一個(gè)Flash文件。
（2）在圖層1的第1幀中插入文本框，輸入文字“倒計(jì)時(shí)”，按Enter鍵換行，再次輸入“00:00:05”，并將文本拖至舞臺(tái)中央。
任務(wù)3 逐幀動(dòng)畫
【例6-1】制作電子表倒計(jì)時(shí)
（3）在圖層1的第2~5幀處分別插入關(guān)鍵幀。則此時(shí)第1~5幀均為關(guān)鍵幀。
（4）在第2~5幀中分別雙擊舞臺(tái)中央的文字，將其中的數(shù)字部分分別改為“00:00:04”、“00:00:03”、“00:00:02”和“00:00:01”。
（5）在圖層1第6幀插入空白關(guān)鍵幀，輸入文字“OK！時(shí)間到?。　?。
任務(wù)3 逐幀動(dòng)畫
【例6-1】制作電子表倒計(jì)時(shí)
（6）在舞臺(tái)空白處右擊，選擇“文檔屬性”，“幀頻”設(shè)置為1fps，如圖6-8所示。
（7）按Ctrl+Enter鍵查看最終的動(dòng)畫效果，每隔一秒舞臺(tái)中的數(shù)字變化一次，實(shí)現(xiàn)了電子表倒計(jì)時(shí)的效果。
任務(wù)4 補(bǔ)間動(dòng)畫
任務(wù)描述
補(bǔ)間動(dòng)畫是Flash中非常重要的表現(xiàn)手段之一。在做flash動(dòng)畫時(shí)，在兩個(gè)關(guān)鍵幀中間做“補(bǔ)間動(dòng)畫”，就能實(shí)現(xiàn)圖畫的運(yùn)動(dòng)；插入補(bǔ)間動(dòng)畫后兩個(gè)關(guān)鍵幀之間的插補(bǔ)幀是由計(jì)算機(jī)自動(dòng)運(yùn)算而得到的，這樣大大提高了動(dòng)畫制作的效率。本任務(wù)重點(diǎn)介紹如何制作補(bǔ)間動(dòng)畫。
活動(dòng)1 補(bǔ)間動(dòng)畫的概念
所謂補(bǔ)間動(dòng)畫，是指計(jì)算機(jī)根據(jù)前后兩個(gè)關(guān)鍵幀的內(nèi)容自動(dòng)設(shè)計(jì)出的插補(bǔ)幀序列。
分類
1
2
3
基于對(duì)象的補(bǔ)間動(dòng)畫
形狀補(bǔ)間動(dòng)畫
傳統(tǒng)補(bǔ)間動(dòng)畫
活動(dòng)2 基于對(duì)象的補(bǔ)間動(dòng)畫
【例6-2】海豚
海豚按設(shè)計(jì)好的運(yùn)動(dòng)路徑移動(dòng)。
活動(dòng)3 形狀補(bǔ)間動(dòng)畫
【例6-3】變形文字
活動(dòng)3 形狀補(bǔ)間動(dòng)畫
【例6-4】旋轉(zhuǎn)變形的五角星
活動(dòng)4 傳統(tǒng)補(bǔ)間動(dòng)畫
【例6-5】移動(dòng)文字
（1）創(chuàng)建一個(gè)新的Flash文件。
（2）在第1幀中使用文本工具，在舞臺(tái)左下角添加一個(gè)文本框，并輸入“ABC”。
（3）在第40幀處右擊，選擇“插入關(guān)鍵幀”。
（4）在第40幀被選中的情況下，將“ABC”文本框由舞臺(tái)左下角移至舞臺(tái)右上角。
活動(dòng)4 傳統(tǒng)補(bǔ)間動(dòng)畫
【例6-5】移動(dòng)文字
（5）在第1~40幀的任意一幀上右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”，則第1~39幀會(huì)變?yōu)樽仙?，并有一黑色箭頭由第1幀指向最后一幀，如圖6-26所示。
（6）按Ctrl+Enter鍵查看最終動(dòng)畫的效果。
活動(dòng)5 基本對(duì)象的補(bǔ)間、形狀補(bǔ)間
動(dòng)畫及傳統(tǒng)補(bǔ)間動(dòng)畫的區(qū)別
（1）基于對(duì)象的補(bǔ)間動(dòng)畫及傳統(tǒng)補(bǔ)間動(dòng)畫只能實(shí)現(xiàn)對(duì)象整體的變化，而形狀補(bǔ)間只能實(shí)現(xiàn)矢量圖形的變化，前兩者與后兩者針對(duì)的目標(biāo)類型不同。
（2）傳統(tǒng)補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫的創(chuàng)建過(guò)程相似，都是在兩個(gè)關(guān)鍵幀之間插入補(bǔ)間動(dòng)畫，而基于對(duì)象的補(bǔ)間動(dòng)畫則是針對(duì)一個(gè)關(guān)鍵幀及其后面的普通幀創(chuàng)建。
（3）第7章將介紹“引導(dǎo)層動(dòng)畫”與“遮罩層動(dòng)畫”，二者是在“傳統(tǒng)補(bǔ)間動(dòng)畫”的基礎(chǔ)上制作的，“引導(dǎo)層動(dòng)畫”與“遮罩層動(dòng)畫”只能在傳統(tǒng)補(bǔ)間上制作。
活動(dòng)5 基本對(duì)象的補(bǔ)間、形狀補(bǔ)間
動(dòng)畫及傳統(tǒng)補(bǔ)間動(dòng)畫的區(qū)別
（4）在基于對(duì)象的補(bǔ)間動(dòng)畫范圍上不允許添加幀腳本，而在傳統(tǒng)補(bǔ)間動(dòng)畫范圍上則允許添加幀腳本。
（5）基于對(duì)象的補(bǔ)間動(dòng)畫創(chuàng)建后，可以對(duì)其在時(shí)間軸上的范圍進(jìn)行任意的調(diào)整，而傳統(tǒng)補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫正在創(chuàng)建之后則不允許更改其在時(shí)間軸上的范圍。
（6）只有基于對(duì)象的補(bǔ)間動(dòng)畫才可以保存為動(dòng)畫預(yù)設(shè)，傳統(tǒng)補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫都不能保存為動(dòng)畫預(yù)設(shè)。
任務(wù)5 動(dòng)畫預(yù)設(shè)
任務(wù)描述
基于對(duì)象的補(bǔ)間動(dòng)畫是作用于圖形元件的，而圖形元件在Flash的設(shè)計(jì)過(guò)程中又可以被看成一個(gè)獨(dú)立的整體，因此，F(xiàn)lash CS5提供了很多預(yù)先設(shè)計(jì)好的動(dòng)畫效果，開發(fā)人員可以將這些預(yù)先設(shè)計(jì)好的動(dòng)畫效果直接“套用”到具體的圖形元件上。這些預(yù)先設(shè)計(jì)好的動(dòng)畫效果就稱為“動(dòng)畫預(yù)設(shè)”。本任務(wù)主要介紹動(dòng)畫預(yù)設(shè)的基本操作與應(yīng)用。
活動(dòng)1 預(yù)覽動(dòng)畫預(yù)設(shè)
選擇“窗口”→“動(dòng)畫預(yù)設(shè)”命令，則會(huì)彈出“動(dòng)畫預(yù)設(shè)”面板。
展開“默認(rèn)預(yù)設(shè)”文件夾，任意選擇一種效果，則可以在列表上方的預(yù)覽窗口中觀看該動(dòng)畫預(yù)設(shè)的效果。
活動(dòng)2 應(yīng)用動(dòng)畫預(yù)設(shè)
選擇“窗口”→“動(dòng)畫預(yù)設(shè)”命令，在打開的“動(dòng)畫預(yù)設(shè)”面板中選擇想要應(yīng)用的預(yù)設(shè)。
活動(dòng)3 自定義動(dòng)畫預(yù)設(shè)
（1）根據(jù)功能的需要，按任務(wù)4活動(dòng)2中的步驟創(chuàng)建一個(gè)基于對(duì)象的補(bǔ)間動(dòng)畫。
（2）選中剛剛創(chuàng)建的基于對(duì)象的補(bǔ)間，或者選擇該對(duì)象。
（3）單擊“動(dòng)畫預(yù)設(shè)”面板下方的“將選區(qū)另存為預(yù)設(shè)”按鈕，在彈出的“將預(yù)設(shè)另存為”對(duì)話框中輸入需要保存預(yù)設(shè)的名稱。
活動(dòng)4 導(dǎo)入/導(dǎo)出動(dòng)畫預(yù)設(shè)
1.導(dǎo)出動(dòng)畫預(yù)設(shè)
（1）在“動(dòng)畫預(yù)設(shè)”面板中需要導(dǎo)出的動(dòng)畫預(yù)設(shè)上右擊，彈出“動(dòng)畫預(yù)設(shè)”菜單。
（2）選擇“導(dǎo)出”指令，在彈出的“另存為”對(duì)話框中選擇保存路徑，輸入保存文件名稱并單擊“保存”按鈕，便可將動(dòng)畫預(yù)設(shè)導(dǎo)出為XML文件。
活動(dòng)4 導(dǎo)入/導(dǎo)出動(dòng)畫預(yù)設(shè)
2.導(dǎo)入動(dòng)畫預(yù)設(shè)
（1）在“動(dòng)畫預(yù)設(shè)”面板的右上角單擊“菜單欄”按鈕，選擇“導(dǎo)入”。
（2）在彈出的“打開”對(duì)話框中選擇要導(dǎo)入的XML文件，單擊“打開”按鈕，便可將外部的XML文件導(dǎo)入為自定義動(dòng)畫預(yù)設(shè)。
上機(jī)實(shí)戰(zhàn)
【例6-6】七彩文字
上機(jī)實(shí)戰(zhàn)
【例6-7】花與蜜蜂

展開更多......

收起↑