高級動畫實例制作.

1、實驗04 動畫制作（二）學號：201408241031姓名：王伶伶班級：10一、 實驗目的1. 熟悉FLASH軟件中常見動畫的制作方法。2. 熟悉FLASH軟件中交互式動畫的制作方法。二、 實驗任務1. 制作逐幀動畫、傳統(tǒng)補間、補間形狀、補間動畫、引導層動畫、遮罩動畫、多場景動畫各一個實例。2. 制作一個交互式動畫實例。三、 實驗過程與結(jié)果說明：敘述必要的制作步驟，不建議使用大量的全屏截圖。1、 逐幀動畫制作過程：（1） 點擊“文件”|“新建”，從新建對話框中，選擇“ActionScript2.0”，然后設(shè)置寬為200像素，高為100像素，單擊“幀頻”選項將24fps改為1fps，設(shè)置背景顏色

2、為#ff9900。（2） 在時間軸中雙擊圖層1，修改圖層名稱為“背景框”。在工具箱中選擇矩形工具，答案及屬性面板修改筆觸顏色，筆觸大小，填充顏色為無，邊角半徑為15，在舞臺工作區(qū)按住Shirt鍵繪制一個圓角正方形。選中“背景框”圖層的第6幀，單擊右鍵插入幀。（3） 在時間軸圖層面板電擊左下角“新建圖層按鈕”，新建圖層2,。雙擊圖層2，修改圖層名稱為“標志字”。（4） 在工具箱中選擇文本工具，單擊屬性面板修改字符系列為華文行楷，修改大小為66，修改顏色，選中“標志字”圖層的第1幀，在舞臺工作區(qū)背景框內(nèi)繪制文本輸入?yún)^(qū)間，在文本框內(nèi)輸入“西”。（5） 依次選中“標志字”圖層的第2、3、4、5、6幀，

3、單擊右鍵插入關(guān)鍵幀。分別將文本框內(nèi)的文字改為“華”、“師”、“范”、“大”、“學”。（6） 在菜單欄中選擇“文件”|“保存”命令，在“另存為”對話框中修改文件名為“單字閃爍.fla”，2、 傳統(tǒng)補間制作過程：（1） 打開flash軟件，新建一個actionscript3.0項目（2） 將圖層1的名稱改為“背景層”，使用“文件”|“導入”|“導入到庫”，將背景圖片導入到庫。（3） 雙擊“背景層”的第1幀，將背景圖片拖到舞臺工作區(qū)，在背景圖層的第30幀插入幀。（4） 點擊新建圖層按鈕，新建圖層，名稱為“小船”，點擊“插入”|“新建元件”，在創(chuàng)建新元件修改名稱為“小船”，創(chuàng)建成功后，雙擊“小船”元件

4、，在舞臺工作區(qū)繪制小船。（5） 小船繪制完成后，選中“小船”圖層第1幀，點擊右鍵，插入關(guān)鍵幀，將“小船”元件拖到背景圖片的左端。接著選中“小船”圖層第30幀，點擊右鍵，插入關(guān)鍵幀，將“小船”元件拖到背景圖片右端。（6） 選中“小船”圖層的第1幀，點擊右鍵，單擊“創(chuàng)建傳統(tǒng)補間”，則在關(guān)鍵幀之間顯示一條實線，說明傳統(tǒng)補間動畫創(chuàng)建成功。3、 形狀補間制作過程：（1） 新建一個actionscript3.0項目。（2） 在時間軸面板中，單擊圖層1，選中第1幀，在工具箱中選中橢圓工具，設(shè)置筆觸為10，顏色為黃色，填充色為黃色，在舞臺工作區(qū)繪制一個橢圓。（3） 選中圖層1的第30幀，單擊右鍵選擇“插入空白

5、關(guān)鍵幀”，在工具箱中矩形工具，設(shè)置筆觸為10，顏色為藍色，填充色為綠色。在舞臺工作區(qū)繪制一個矩形。（4） 選中圖層1的第60幀，單擊右鍵選擇“插入空白關(guān)鍵幀”，在工具箱中選擇文本工具，設(shè)置字體為宋體，大小為100，顏色為綠色。在舞臺工作區(qū)中書寫一個字。（5） 選中該文字，選擇“窗口”|“對齊”，在彈出的對齊對話框中設(shè)置水平對齊。（6） 選中該文字，使用工具箱中的“任意變形”工具，單擊右鍵選擇“分離”。（7）在第1幀和第30幀之間，任意選中一幀，單擊右鍵，選擇“創(chuàng)建補間形狀”，在第30幀和第60幀之間，任意選中一幀，單擊右鍵，選擇“創(chuàng)建補間形狀”。若創(chuàng)建補間形狀成功，則在第1幀和第30幀之間，第

6、30幀和第60幀之間，出現(xiàn)淡綠色背景和一條實線。（8）為了更佳的觀看效果，在“圖層1”的第90幀插入空白關(guān)鍵幀。（9）單擊“文件”|“另存為”，名稱為“形狀補間動畫.fla”。4、補間動畫制作過程：（1） 新建一個actionscript3.0項目。設(shè)置寬度為650像素，高度為250像素。（2） 執(zhí)行“文件“|”導入“|”導入到舞臺“命令，將背景圖片導入到舞臺工作區(qū)，并在屬性面板中設(shè)置寬度為650像素，高度為255像素，執(zhí)行”窗口“|”對齊“命令，（3） 將圖層1的名稱改為“背景層”，并選中第100幀，單擊右鍵選擇“插入幀”命令。（4） 在”對齊“對話框中，設(shè)置”水平“對齊和”垂直居中“對齊。

7、（5） 執(zhí)行“新建圖層命令”，修改名稱為“飛機”。（6） 選中“飛機”圖層的第1幀，執(zhí)行“插入“|“新建元件”命令，點擊文件菜單下的“導入”|“導入到舞臺”命令，將事先處理好的飛機圖片導入到舞臺工作區(qū)。在屬性面板中設(shè)置圖形的Alpha值為80%。（7） 選中“飛機”圖層第100幀，單擊右鍵執(zhí)行“插入幀”命令，將飛機拖到合適的位置，改變飛機的高度和寬度，并使用“任意變形”工具改變飛機的方向，設(shè)置圖形的Alpha值為40%。（8） 在“飛機”圖層的第1幀處，單擊右鍵執(zhí)行“創(chuàng)建補間動畫”命令。5、 引導層動畫制作過程：（1） 新建一個actionscript3.0項目。修改舞臺的高度與寬度。（2）

8、在時間軸上將圖層1名稱修改為“飛舞的蝴蝶”，選中第1幀，將蝴蝶圖片導入到舞臺，并修改其大小及方向。選中第15幀，將蝴蝶等高縮小。選中第30幀，將蝴蝶變?yōu)楹偷?幀相同的大小。（3） 執(zhí)行“控制”|“測試影片”|“測試”命令。則可看見蝴蝶飛舞的效果。（4） 將該動畫另存為gif格式的圖像格式。（5） 新建一個actionscript3.0項目。修改舞臺的高度與寬度。（6） 將圖層1名稱改為“草地”，執(zhí)行“文件”|“導入”|“導入到舞臺”命令，將草地背景圖片導入到舞臺工作區(qū)。（7） 執(zhí)行“窗口”|“對齊”命令，設(shè)置背景圖片的對齊方式。（8） 選中“草地”圖層第100幀，單擊右鍵執(zhí)行“插入幀”命令。（

9、9） 執(zhí)行“新建圖層”按鈕，將圖層2的名稱修改為“蝴蝶1”，接著執(zhí)行“插入”|“新建元件”命令，在彈出的新建元件對話框，設(shè)置元件名稱為“butterfly”,類型為“影片剪輯”。（10） 執(zhí)行“文件”|“導入到舞臺”，將制作好的格式為gif的“飛舞的蝴蝶”導入到“butterfly”元件的編輯區(qū)中。（11） 回到場景1中，選中“蝴蝶1”圖層第1幀，將“butterfly”拖到合適的位置。（12） 選中“蝴蝶1”圖層的第100幀，單擊右鍵執(zhí)行“插入關(guān)鍵幀”，將“butterfly”元件拖到舞臺中合適的位置。（13） 選中“蝴蝶1”圖層第1幀 ，單擊右鍵執(zhí)行“創(chuàng)建傳統(tǒng)補間”命令。（14） 選中“蝴

10、蝶1“圖層，單擊右鍵執(zhí)行”添加傳統(tǒng)運動引導層“命令。選中”引導層“第1幀，使用工具箱中的鉛筆工具，繪制出蝴蝶1的運動路徑。（15） 選中“蝴蝶1“圖層的第1幀，使用工具箱中”貼緊至對象“工具，將蝴蝶1貼緊至運動路徑的開始處。（16） 選中“蝴蝶1“圖層的第100幀，使用工具箱中”貼緊至對象“工具，將蝴蝶1貼緊至運動路徑的結(jié)尾處。（17） 新建“蝴蝶2“圖層，使用上述相同方法，在”蝴蝶2“圖層中，添加一只蝴蝶，并建立引導層，繪制出運動軌跡。6、 遮罩動畫制作過程：（1） 新建一個actionscript3.0項目。（2） 執(zhí)行“文件“|”導入“|”導入到舞臺“命令。將背景素材導入到舞臺。并設(shè)置圖

11、片高度和寬度，執(zhí)行“窗口”|“對齊”命令，在彈出的“對齊”對話框中設(shè)置圖片的對齊方式，使之與舞臺重合。（3） 新建圖層2，使用工具箱中的文本工具，在圖層2中編輯文字。編輯完成后，選中文字，單擊右鍵，執(zhí)行“轉(zhuǎn)換為元件”命令，設(shè)置元件名稱為“文字”，類型為圖形。（4） 連續(xù)使用兩次ctrl+b,選中文字后一句，單擊右鍵執(zhí)行“剪切”命令。（5） 新建圖層3，單擊右鍵執(zhí)行“粘貼到當前位置”命令。然后使用工具箱中的矩形工具，設(shè)置填充和筆觸顏色為黑色，蓋住前一句文字，選中該矩形，單擊右鍵執(zhí)行“轉(zhuǎn)換為元件”命令，設(shè)置名稱為“黑條”，類型為“圖形”。（6） 新建圖層4，選中所有圖層的第30幀，單擊右鍵執(zhí)行“插

12、入關(guān)鍵幀”命令，選中圖層4的第1幀，將黑條拖到文字上方，以剛好不遮住文字為準。（7） 選中圖層4的第1幀和第30幀之間任意一幀，單擊右鍵執(zhí)行“創(chuàng)建傳統(tǒng)補間”命令。（8） 將圖層4移到圖層2的上方，單擊右鍵執(zhí)行“遮罩層”命令。（9） 按上述一樣的方法，為圖層3添加遮罩層。7、 多場景動畫制作過程：（1） 新建一個actionscript3.0項目。（2） 利用引導層動畫制作方法，在場景1中制作太陽移動的動畫。并將場景名稱改為“donahua”.（3） 執(zhí)行“插入”|“場景”命令，插入場景2。并將場景2名稱改為“kaishi”。（4） 在“kaishi”場景中，選中圖層1的第1幀，在舞臺上方繪制藍

13、底矩形，高度為舞臺高度一半，寬度和舞臺一致。接著選中圖層1的第60幀，將第60幀設(shè)為關(guān)鍵幀。在舞臺上方繪制藍底矩形，寬度與舞臺保持一致，高度為舞臺高度的四分之一。選中圖層1第1幀和第60幀之間，任意一幀，單擊右鍵執(zhí)行“創(chuàng)建傳統(tǒng)補間”命令。（5） 執(zhí)行“新建圖層”命令，在圖層2中，利用（4）中相同方法，在舞臺下方執(zhí)行相應操作。（6） 新建圖層3，選中該圖層第60幀，使用工具箱中“文本工具”，并設(shè)置字體顏色和大小。在舞臺上方書寫文字。（7） 選中文字，單擊右鍵執(zhí)行“轉(zhuǎn)換為元件”命令。類型為圖形。選中圖層3的第100幀，執(zhí)行“插入關(guān)鍵幀”命令。將文字拖到舞臺中間，并設(shè)置大小，調(diào)整位置。選中圖層3第6

14、0幀，單擊右鍵執(zhí)行“創(chuàng)建傳統(tǒng)補間”命令。（8） 新建圖層4，選中第95幀，執(zhí)行“插入關(guān)鍵幀”命令。使用工具箱中的文本工具，在舞臺右下方書寫文字“play”,并設(shè)置大小和顏色。選中該文字，單擊右鍵執(zhí)行“轉(zhuǎn)換為位圖”命令，選擇類型為“按鈕”。（9） 雙擊該按鈕元件，切換為按鈕元件編輯區(qū)，分別設(shè)置按鈕4個狀態(tài)不同的樣式。選中該元件，單擊右鍵執(zhí)行“動作”命令，編寫代碼。（10） 執(zhí)行“窗口”|“其它面板”|“場景”命令，在彈出的場景對話框，將“kaishi”場景移到“donghua”場景上方。8、 交互式動畫該動畫實現(xiàn)效果：實例跟隨鼠標移動而移動的效果。（1）新建圖形元件1，名稱為“xin”（2）新建圖形元件2，名稱為“xin2”.(3)新建元件3，類型為“影片剪輯”。名稱為“xin3”.將元件“xin2”拖入到舞臺中，并新建四個圖層，選中每個圖層的第15幀，執(zhí)行“插入幀”命令，將“xin2”復制到每個圖層中。從圖層2開始，依次將每個圖層較它的上一圖層向后移動一幀。如下圖所示。（4）新建影片剪輯元件，名稱為“xin4”,將“xin3”拖入至舞臺中心處，選中“xin3”,