簡(jiǎn)單動(dòng)畫的制作

教學(xué)目標(biāo)

理解動(dòng)畫的類型以及關(guān)鍵幀、普通幀的概念掌握漸變動(dòng)畫制作方法課堂講解

預(yù)備知識(shí)案例課后小結(jié)預(yù)備知識(shí)基本概念：幀：幀是構(gòu)成動(dòng)畫的基本單位，不同幀表現(xiàn)不同時(shí)刻動(dòng)畫的某一動(dòng)作。在時(shí)間軸中，每一幀都由時(shí)間軸上的小方格表示。漸變動(dòng)畫逐幀動(dòng)畫：Flash動(dòng)畫的類型：案例案例1制作變色文字的動(dòng)畫案例2圓形變?yōu)榫匦伟咐?文字的變形案例4添加形狀提示案例1制作變色文字的動(dòng)畫練習(xí)目的：掌握顏色過渡動(dòng)畫的屬性面板的設(shè)置方法，以及關(guān)鍵幀的修改方法。操作要點(diǎn)：（1）啟動(dòng)Flash，打開D:\LX文件夾下Fa3-3.fla。另存為Fa3-4.fla。（2）單擊工具欄中的箭頭工具按鈕，選中第1幀中所輸入的文字，連續(xù)兩次選擇【修改】→【分離】菜單命令，將第1幀中的文本打散。（3）選中第30幀中所輸入的文字，按同樣的方法將第30幀中的文本打散。

（4）在時(shí)間軸上的第1幀到第30幀之間任意選中一幀，在屬性面板中將“補(bǔ)間”設(shè)置為“形狀”。

（5）單擊工具欄中顏料桶工具按鈕，將填充色設(shè)置為紅色，使用顏料桶工具按鈕，將第1幀中的文字填充為紅色。

（6）利用同樣的方法將第30幀中的文字填充為綠色，如圖3-15、圖3-16所示。

圖3-15第1幀圖3-16第30幀

（7）按【Ctrl+Enter】組合鍵測(cè)試動(dòng)畫。（8）保存文件，退出Flash。

案例2圓形變?yōu)榫匦尉毩?xí)目的：掌握形狀過渡動(dòng)畫的制作方法和關(guān)鍵幀的修改方法。操作要點(diǎn)：第一步：制作圓和矩形。

（1）啟動(dòng)Flash，保存文件到D:\LX，文件名為Fa3-5.fla。

（2）并設(shè)置背景顏色為紫色（#9999FF），文件大小為550×200像素，幀頻為12fps。

（3）單擊工具欄中的按鈕，將橢圓的填充色設(shè)置為紅色，筆觸顏色設(shè)置為無色。

（4）按住【Shift】鍵，拖動(dòng)鼠標(biāo)在舞臺(tái)工作區(qū)中畫一個(gè)圓，如圖3-17所示。

圖3-17紅色橢圓

（5）選中第40幀，選擇【插入】→【時(shí)間軸】→【空白關(guān)鍵幀】菜單命令，在該層的第40幀處插入一個(gè)空白關(guān)鍵幀

（6）單擊工具欄中的矩形工具按鈕，將矩形的填充色設(shè)置為綠色，筆觸顏色設(shè)置為無色，在舞臺(tái)工作區(qū)中畫一個(gè)矩形，如圖3-18所示

圖3-18綠色矩形

第二步：制作形狀過渡動(dòng)畫。（1）在時(shí)間軸上的第1幀到第40幀之間任意選中一幀，在屬性面板中將“補(bǔ)間”設(shè)置為“形狀”，如圖3-19所示。（2）按【Ctrl+Enter】組合鍵測(cè)試效果。（3）保存文件，退出Flash。

圖3-19“屬性”面板

案例3文字的變形練習(xí)目的：1、熟練掌握形狀過渡動(dòng)畫的制作方法和關(guān)鍵幀的修改方法；2、熟練掌握運(yùn)用任意變形工具改變圖形形狀；操作要點(diǎn)：第一步：制作不同的文字。（1）啟動(dòng)Flash，保存文件到D:\LX，文件名Fa3-6。（2）設(shè)置背景顏色為淺藍(lán)色（#3399FF），文件大小為550×200像素，幀頻為7fps。（3）單擊工具欄中的文本工具按鈕,按【Ctrl+F3】組合鍵打開屬性面板，設(shè)置字體為ArialBlack，大小為55，顏色為紅色，在舞臺(tái)的適當(dāng)位置輸入文字“FLASHMX”。（4）單擊工具欄中的任意變形工具按鈕，將文字“FLASHMX”進(jìn)行拉伸，如圖3-20所示。（5）選中第20幀，按【F7】鍵插入一個(gè)空白關(guān)鍵幀。（6）單擊工具欄中的文本工具，在屬性面板中設(shè)置字體為隸書，大小為55，顏色為黃色，在舞臺(tái)工作中適當(dāng)位置輸入文字“變形精靈”。（7）單擊工具欄中的任意變形工具按鈕，將文字“變形精靈”進(jìn)行拉伸，如圖3-21所示。第二步：制作動(dòng)畫。（1）單擊工具欄中的箭頭工具，選中第1幀中所輸入的文字，兩次按【Ctrl+B】組合鍵，將文本打散。（2）采用同樣的方法，將第20幀中所輸入的文本打散。（3）在時(shí)間軸上的第1幀到第20幀之間任意選中一幀，在屬性面板中將“補(bǔ)間”設(shè)置為“形狀”。（4）按【Ctrl+Enter】組合鍵測(cè)試動(dòng)畫。（5）保存文件，退出Flash。圖3-20拉伸文字

圖3-21拉伸文字案例4添加形狀提示練習(xí)目的：了解并熟悉怎樣人為控制圖形的變形規(guī)律

操作要點(diǎn)：第一步：打開Flash文檔，插入形狀提示符。

（1）啟動(dòng)Flash，打開D:\LX下的Fa3-6.fla，另存到D:\LX下，文件名為Fa3-7.fla。（2）選中第1幀中所輸入的文字，單擊【修改】→【形狀】→【添加形狀提示】菜單命令或按【Ctrl+Shift+H】組合鍵，在舞臺(tái)工作區(qū)中添加一個(gè)形狀提示符@。（3）@點(diǎn)調(diào)整到文字“FLASHMX”的F字符的某一位置，如圖3-22所示。（4）以同樣的方法，添加第2個(gè)、第3個(gè)、第4個(gè)形狀提示符，并將它拖到文字“FLASHMX”的其它地方，如圖3-23所示。

圖3-22添加形狀狀提示圖3-23添加多個(gè)形狀提示第二步：調(diào)整另一幀上提示符。

（1）選中第20幀中，在舞臺(tái)工作區(qū)