簡單動畫的制作課件

簡單動畫的制作簡單動畫的制作教學(xué)目標(biāo)

理解動畫的類型以及關(guān)鍵幀、普通幀的概念掌握漸變動畫制作方法教學(xué)目標(biāo)

理解動畫的類型以及關(guān)鍵幀、普通幀的概念課堂講解

預(yù)備知識案例課后小結(jié)課堂講解

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

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

操作要點：（1）啟動Flash，打開D:\LX文件夾下Fa3（5）單擊工具欄中顏料桶工具按鈕，將填充色設(shè)置為紅色，使用顏料桶工具按鈕，將第1幀中的文字填充為紅色。

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

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

（5）單擊工具欄中顏料桶工具按鈕，將填充色設(shè)置為紅色，使用顏（7）按【Ctrl+Enter】組合鍵測試動畫。（8）保存文件，退出Flash。

（7）按【Ctrl+Enter】組合鍵測試動畫。案例2圓形變?yōu)榫匦尉毩?xí)目的：掌握形狀過渡動畫的制作方法和關(guān)鍵幀的修改方法。案例2圓形變?yōu)榫匦尉毩?xí)目的：操作要點：第一步：制作圓和矩形。

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

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

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

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

操作要點：第一步：制作圓和矩形。圖3-17紅色橢圓

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

圖3-17紅色橢圓（5）選中第40幀，選（6）單擊工具欄中的矩形工具按鈕，將矩形的填充色設(shè)置為綠色，筆觸顏色設(shè)置為無色，在舞臺工作區(qū)中畫一個矩形，如圖3-18所示

圖3-18綠色矩形

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

圖3-19“屬性”面板

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

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

案例4添加形狀提示練習(xí)目的：操作要點：第一步：打開Flash文檔，插入形狀提示符。

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

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

（1）選中第20幀中，在舞臺工作區(qū)中多出了和在第1幀中添加的提示符一樣的形狀提示符，這時拖動形狀提示符到相應(yīng)的地方，如圖3-24所示。（2）按【Ctrl+Enter】組合鍵觀察圖形的變形。（3）保存文件，退出Flash。

圖3-24拖動形狀提示

第二步：調(diào)整另一幀上提示符。圖3-24拖動形簡單動畫的制作簡單動畫的制作教學(xué)目標(biāo)

理解動畫的類型以及關(guān)鍵幀、普通幀的概念掌握漸變動畫制作方法教學(xué)目標(biāo)

理解動畫的類型以及關(guān)鍵幀、普通幀的概念課堂講解

預(yù)備知識案例課后小結(jié)課堂講解

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

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

操作要點：（1）啟動Flash，打開D:\LX文件夾下Fa3（5）單擊工具欄中顏料桶工具按鈕，將填充色設(shè)置為紅色，使用顏料桶工具按鈕，將第1幀中的文字填充為紅色。

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

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

（5）單擊工具欄中顏料桶工具按鈕，將填充色設(shè)置為紅色，使用顏（7）按【Ctrl+Enter】組合鍵測試動畫。（8）保存文件，退出Flash。

（7）按【Ctrl+Enter】組合鍵測試動畫。案例2圓形變?yōu)榫匦尉毩?xí)目的：掌握形狀過渡動畫的制作方法和關(guān)鍵幀的修改方法。案例2圓形變?yōu)榫匦尉毩?xí)目的：操作要點：第一步：制作圓和矩形。

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

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

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

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

操作要點：第一步：制作圓和矩形。圖3-17紅色橢圓

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

圖3-17紅色橢圓（5）選中第40幀，選（6）單擊工具欄中的矩形工具按鈕，將矩形的填充色設(shè)置為綠色，筆觸顏色設(shè)置為無色，在舞臺工作區(qū)中畫一個矩形，如圖3-18所示

圖3-18綠色矩形

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

圖3-19“屬性”面板

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

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

案例4添加形狀提示練習(xí)目的：操作要點：