FLASH CS5課件制作初步(7)

1、-廣饒一中課件制作研討廣饒一中課件制作研討FLASH CS5課件制作初步課件制作初步東營市勝利第四中學(xué)東營市勝利第四中學(xué) 梅傳俊梅傳俊 FLASH CS5課件制作初步課件制作初步 本章簡介本章簡介： 在在Flash CS5動畫的制作過程中，時間動畫的制作過程中，時間軸和幀起到了關(guān)鍵性的作用。本章將介紹軸和幀起到了關(guān)鍵性的作用。本章將介紹動畫中幀和時間軸的使用方法及應(yīng)用技巧動畫中幀和時間軸的使用方法及應(yīng)用技巧。讀者通過學(xué)習(xí)要了解并掌握如何靈活地。讀者通過學(xué)習(xí)要了解并掌握如何靈活地應(yīng)用幀和時間軸，并根據(jù)設(shè)計需要制作出應(yīng)用幀和時間軸，并根據(jù)設(shè)計需要制作出豐富多彩的動畫效果。豐富多彩的動畫效果。 第7

2、章基本動畫的制作 課堂學(xué)習(xí)目標(biāo)幀與時間軸幀與時間軸 幀動畫幀動畫 形狀補(bǔ)間動畫形狀補(bǔ)間動畫 動作補(bǔ)間動畫動作補(bǔ)間動畫 色彩變化動畫色彩變化動畫 7.1幀與時間軸 課堂案例課堂案例制作打字效果制作打字效果動畫中幀的概念動畫中幀的概念 幀的顯示形式幀的顯示形式 時間軸面板時間軸面板 繪圖紙（洋蔥皮）功能繪圖紙（洋蔥皮）功能 在時間軸面板中設(shè)置幀在時間軸面板中設(shè)置幀 使用刷子工具繪制光標(biāo)圖形，使用文本工具添加文字，使用翻轉(zhuǎn)幀命令將使用刷子工具繪制光標(biāo)圖形，使用文本工具添加文字，使用翻轉(zhuǎn)幀命令將幀進(jìn)行翻轉(zhuǎn)。幀進(jìn)行翻轉(zhuǎn)。 效果圖 7.1.1課堂案例制作打字效果 醫(yī)學(xué)證明，人類具有視覺暫留的特點(diǎn)，即人眼看

3、到物體或畫面后，醫(yī)學(xué)證明，人類具有視覺暫留的特點(diǎn)，即人眼看到物體或畫面后，在在1/24秒內(nèi)不會消失。利用這一原理，在一幅畫沒有消失之前播放下秒內(nèi)不會消失。利用這一原理，在一幅畫沒有消失之前播放下一幅畫，就會給人造成流暢的視覺變化效果。所以，動畫就是通過連一幅畫，就會給人造成流暢的視覺變化效果。所以，動畫就是通過連續(xù)播放一系列靜止畫面，給視覺造成連續(xù)變化的效果。續(xù)播放一系列靜止畫面，給視覺造成連續(xù)變化的效果。 在在Flash CS5中，這一系列單幅的畫面就叫幀，它是中，這一系列單幅的畫面就叫幀，它是Flash CS5動動畫中最小時間單位里出現(xiàn)的畫面。每秒鐘顯示的幀數(shù)叫幀率，如果幀畫中最小時間單位

4、里出現(xiàn)的畫面。每秒鐘顯示的幀數(shù)叫幀率，如果幀率太慢就會給人造成視覺上不流暢的感覺。所以，按照人的視覺原理，率太慢就會給人造成視覺上不流暢的感覺。所以，按照人的視覺原理，一般將動畫的幀率設(shè)為一般將動畫的幀率設(shè)為24幀幀/秒。秒。7.1.2動畫中幀的概念 7.1.3幀的顯示形式 空白關(guān)鍵幀空白關(guān)鍵幀 在時間軸中，白色背景帶有黑圈的幀為空白關(guān)鍵幀。在時間軸中，白色背景帶有黑圈的幀為空白關(guān)鍵幀。 關(guān)鍵幀關(guān)鍵幀 在時間軸中，灰色背景帶有黑點(diǎn)的幀為關(guān)鍵幀。在時間軸中，灰色背景帶有黑點(diǎn)的幀為關(guān)鍵幀。 動作補(bǔ)間幀動作補(bǔ)間幀 在時間軸中，帶有黑色圓點(diǎn)的第在時間軸中，帶有黑色圓點(diǎn)的第1 1幀和最后幀和最后1 1幀

5、為關(guān)鍵幀，中間藍(lán)色背景幀為關(guān)鍵幀，中間藍(lán)色背景帶有黑色箭頭的幀為補(bǔ)間幀。帶有黑色箭頭的幀為補(bǔ)間幀。 形狀補(bǔ)間幀形狀補(bǔ)間幀 在時間軸中，帶有黑色圓點(diǎn)的第在時間軸中，帶有黑色圓點(diǎn)的第1 1幀和最后幀和最后1 1幀為關(guān)鍵幀，中間綠色背景幀為關(guān)鍵幀，中間綠色背景帶有黑色箭頭的幀為補(bǔ)間幀。帶有黑色箭頭的幀為補(bǔ)間幀。包含動作語句的幀包含動作語句的幀 在時間軸中，第在時間軸中，第1 1幀上出現(xiàn)一個字母幀上出現(xiàn)一個字母“a”a”，表示這，表示這1 1幀中包含了使用幀中包含了使用“動作動作”面板設(shè)置的動作語句。面板設(shè)置的動作語句。 幀標(biāo)簽幀標(biāo)簽 在時間軸中，第在時間軸中，第1 1幀上出現(xiàn)一只紅旗，表示這一幀的標(biāo)

6、簽類型是名稱；第幀上出現(xiàn)一只紅旗，表示這一幀的標(biāo)簽類型是名稱；第1 1幀上出現(xiàn)兩條綠色斜杠，表示這一幀的標(biāo)簽類型是注釋；第幀上出現(xiàn)兩條綠色斜杠，表示這一幀的標(biāo)簽類型是注釋；第1 1幀上出現(xiàn)一幀上出現(xiàn)一個金色的錨，表示這一幀的標(biāo)簽類型是錨記個金色的錨，表示這一幀的標(biāo)簽類型是錨記 。 “時間軸時間軸”面板由圖層面板和時間軸組成。面板由圖層面板和時間軸組成。 “時間軸”面板7.1.4時間軸面板 一般情況下，一般情況下，F(xiàn)lash CS3的舞臺只能顯示當(dāng)前幀中的對象。如果希望在的舞臺只能顯示當(dāng)前幀中的對象。如果希望在舞臺上出現(xiàn)多幀對象以幫助當(dāng)前幀對象的定位和編輯，舞臺上出現(xiàn)多幀對象以幫助當(dāng)前幀對象的定

7、位和編輯，F(xiàn)lash CS3提供的繪提供的繪圖紙（洋蔥皮）功能可以將其實(shí)現(xiàn)。在時間軸面板下方的按鈕功能如下。圖紙（洋蔥皮）功能可以將其實(shí)現(xiàn)。在時間軸面板下方的按鈕功能如下。7.1.5繪圖紙（洋蔥皮）功能 “幀居中幀居中”按鈕：單擊此按鈕，播放頭所在幀會顯示在時間按鈕：單擊此按鈕，播放頭所在幀會顯示在時間軸的中間位置。軸的中間位置。 “繪圖紙外觀繪圖紙外觀”按鈕：單擊此按鈕，時間軸標(biāo)尺上出現(xiàn)繪圖按鈕：單擊此按鈕，時間軸標(biāo)尺上出現(xiàn)繪圖紙的標(biāo)記顯示，在標(biāo)記范圍內(nèi)的幀上的對象將同時顯示在舞紙的標(biāo)記顯示，在標(biāo)記范圍內(nèi)的幀上的對象將同時顯示在舞臺中。臺中。 “繪圖紙外觀輪廓繪圖紙外觀輪廓”按鈕：單擊此按鈕

8、，時間軸標(biāo)尺上出現(xiàn)按鈕：單擊此按鈕，時間軸標(biāo)尺上出現(xiàn)繪圖紙的標(biāo)記顯示，在標(biāo)記范圍內(nèi)的幀上的對象將以輪廓線繪圖紙的標(biāo)記顯示，在標(biāo)記范圍內(nèi)的幀上的對象將以輪廓線的形式同時顯示在舞臺中。的形式同時顯示在舞臺中。 “編輯多個幀編輯多個幀”按鈕：單擊此按鈕，繪圖紙標(biāo)記范圍內(nèi)的幀按鈕：單擊此按鈕，繪圖紙標(biāo)記范圍內(nèi)的幀上的對象將同時顯示在舞臺中，可以同時編輯所有的對象。上的對象將同時顯示在舞臺中，可以同時編輯所有的對象。 “修改繪圖紙標(biāo)記修改繪圖紙標(biāo)記”按鈕：單擊此按鈕，彈出其下拉菜單。按鈕：單擊此按鈕，彈出其下拉菜單。 7.1.6在時間軸面板中設(shè)置幀 插入幀插入幀 選擇選擇“插入插入 時間軸時間軸 幀幀”

9、命令，或按命令，或按F5F5鍵，可以在時間軸上插入一個普通鍵，可以在時間軸上插入一個普通幀。選擇幀。選擇“插入插入 時間軸時間軸 關(guān)鍵幀關(guān)鍵幀”命令，或按命令，或按F6F6鍵，可以在時間軸上插入一鍵，可以在時間軸上插入一個關(guān)鍵幀。選擇個關(guān)鍵幀。選擇“插入插入 時間軸時間軸 空白關(guān)鍵幀空白關(guān)鍵幀”命令，可以在時間軸上插入一命令，可以在時間軸上插入一個空白關(guān)鍵幀。個空白關(guān)鍵幀。 選擇幀選擇幀 選擇選擇“編輯編輯 時間軸時間軸 選擇所有幀選擇所有幀”命令，選中時間軸中的所有幀。單擊要命令，選中時間軸中的所有幀。單擊要選的幀，幀變?yōu)樯钌?。用鼠?biāo)選中要選擇的幀，再向前或向后進(jìn)行拖曳，其間鼠選的幀，幀變?yōu)?/p>

10、深色。用鼠標(biāo)選中要選擇的幀，再向前或向后進(jìn)行拖曳，其間鼠標(biāo)經(jīng)過的幀全部被選中。按住標(biāo)經(jīng)過的幀全部被選中。按住CtrlCtrl鍵的同時，用鼠標(biāo)單擊要選擇的幀，可以選擇鍵的同時，用鼠標(biāo)單擊要選擇的幀，可以選擇多個不連續(xù)的幀。按住多個不連續(xù)的幀。按住ShiftShift鍵的同時，用鼠標(biāo)單擊要選擇的兩個幀，這兩個幀中鍵的同時，用鼠標(biāo)單擊要選擇的兩個幀，這兩個幀中間的所有幀都被選中。間的所有幀都被選中。 移動幀移動幀 選中一個或多個幀，按住鼠標(biāo)，移動所選幀到目標(biāo)位置。在移動過程中，如果選中一個或多個幀，按住鼠標(biāo)，移動所選幀到目標(biāo)位置。在移動過程中，如果按住按住AltAlt鍵，會在目標(biāo)位置上復(fù)制出所選的幀

11、。鍵，會在目標(biāo)位置上復(fù)制出所選的幀。 刪除幀刪除幀 用鼠標(biāo)右鍵單擊要刪除的幀，在彈出的菜單中選擇用鼠標(biāo)右鍵單擊要刪除的幀，在彈出的菜單中選擇“清除幀清除幀”命令。選中要刪命令。選中要刪除的普通幀，按除的普通幀，按Shift+F5Shift+F5組合鍵，刪除幀。選中要刪除的關(guān)鍵幀，按組合鍵，刪除幀。選中要刪除的關(guān)鍵幀，按Shift+F6Shift+F6組組合鍵，刪除關(guān)鍵幀。合鍵，刪除關(guān)鍵幀。 7.2幀動畫 課堂案例課堂案例制作逐幀動畫制作逐幀動畫幀動畫幀動畫 逐幀動畫逐幀動畫 使用翻轉(zhuǎn)幀命令將太陽圖形的關(guān)鍵幀進(jìn)行翻轉(zhuǎn)，使用柔化填充邊緣命令制使用翻轉(zhuǎn)幀命令將太陽圖形的關(guān)鍵幀進(jìn)行翻轉(zhuǎn)，使用柔化填充邊

12、緣命令制作太陽效果，使用任意變形工具改變圖形的大小。作太陽效果，使用任意變形工具改變圖形的大小。 效果圖 7.2.1課堂案例制作逐幀動畫 第1幀 7.2.2幀動畫 第5幀 第9幀 第12幀 時間軸面板中設(shè)置關(guān)鍵幀的狀態(tài) 第1幀 7.2.3逐幀動畫 第2幀 第3幀 第4幀 時間軸面板中設(shè)置關(guān)鍵幀的狀態(tài) 第5幀 7.3形狀補(bǔ)間動畫 課堂案例課堂案例制作流淌的奶油制作流淌的奶油簡單形狀補(bǔ)間動畫簡單形狀補(bǔ)間動畫 應(yīng)用變形提示應(yīng)用變形提示 使用鉛筆工具和平滑工具繪制流動的奶油圖形，使用添加形狀提示命令制使用鉛筆工具和平滑工具繪制流動的奶油圖形，使用添加形狀提示命令制作奶油流動的效果。作奶油流動的效果。

13、效果圖 7.3.1課堂案例制作流淌的奶油 如果舞臺上的對象是組件實(shí)例、多個圖形的組合、文字、導(dǎo)入的素材如果舞臺上的對象是組件實(shí)例、多個圖形的組合、文字、導(dǎo)入的素材對象，必須先分離或取消組合，將其打散成圖形，才能制作形狀補(bǔ)間動畫。對象，必須先分離或取消組合，將其打散成圖形，才能制作形狀補(bǔ)間動畫。利用這種動畫，也可以實(shí)現(xiàn)上述對象的大小、位置、旋轉(zhuǎn)、顏色及透明度利用這種動畫，也可以實(shí)現(xiàn)上述對象的大小、位置、旋轉(zhuǎn)、顏色及透明度等變化。等變化。 7.3.2簡單形狀補(bǔ)間動畫 形狀補(bǔ)間動畫變化過程 使用變形提示，可以讓原圖形上的某一點(diǎn)變換到目標(biāo)圖形的某一點(diǎn)上。應(yīng)使用變形提示，可以讓原圖形上的某一點(diǎn)變換到目標(biāo)

14、圖形的某一點(diǎn)上。應(yīng)用變形提示可以制作出各種復(fù)雜的變形效果。用變形提示可以制作出各種復(fù)雜的變形效果。 系統(tǒng)自動生成的圖形變化過程 7.3.3應(yīng)用變形提示 在提示點(diǎn)的作用下生成的圖形變化過程 7.4動作補(bǔ)間動畫 課堂案例課堂案例力和運(yùn)動力和運(yùn)動傳統(tǒng)補(bǔ)間傳統(tǒng)補(bǔ)間 使用任意變形工具將海馬圖形變形，使用創(chuàng)建補(bǔ)間動畫命令制作海馬游動使用任意變形工具將海馬圖形變形，使用創(chuàng)建補(bǔ)間動畫命令制作海馬游動效果，使用動作面板添加腳本語言。效果，使用動作面板添加腳本語言。 效果圖 7.4.1課堂案例力和運(yùn)動 第1幀中圖形效果 7.4.2動作補(bǔ)間動畫 在時間軸面板中設(shè)置動作補(bǔ)間動畫 最后1幀中圖形效果 每幀中的圖形變化效

15、果 7.5色彩變化動畫 課堂案例課堂案例制作變色文字制作變色文字色彩變化動畫色彩變化動畫 測試動畫測試動畫“影片瀏覽器影片瀏覽器”面板的功能面板的功能 使用文本工具、對齊面板、任意變形工具來完成效果的制作。使用文本工具、對齊面板、任意變形工具來完成效果的制作。 效果圖 7.5.1課堂案例制作變色文字 在不同的關(guān)鍵幀中，玫瑰花的顏色變化效果 7.5.2色彩變化動畫 時間軸面板中的設(shè)置 在制作完成動畫后，要對其進(jìn)行測試?？梢酝ㄟ^多種方法來測試動畫。在制作完成動畫后，要對其進(jìn)行測試?？梢酝ㄟ^多種方法來測試動畫。 7.5.3測試動畫 應(yīng)用控制器面板應(yīng)用控制器面板 選擇選擇“窗口窗口 工具欄工具欄 控制

16、器控制器”命令，彈出命令，彈出“控制器控制器”面板。面板。 應(yīng)用播放命令應(yīng)用播放命令 選擇選擇“控制控制 播放播放”命令，或按命令，或按EnterEnter鍵，可以對當(dāng)前舞臺中鍵，可以對當(dāng)前舞臺中的動畫進(jìn)行瀏覽。在的動畫進(jìn)行瀏覽。在“時間軸時間軸”面板中，可以看見播放頭在運(yùn)動，面板中，可以看見播放頭在運(yùn)動，隨著播放頭的運(yùn)動，舞臺中顯示出播放頭所經(jīng)過的幀上的內(nèi)容。隨著播放頭的運(yùn)動，舞臺中顯示出播放頭所經(jīng)過的幀上的內(nèi)容。 應(yīng)用測試影片命令應(yīng)用測試影片命令 選擇選擇“控制控制 測試影片測試影片”命令，或按命令，或按Ctrl+EnterCtrl+Enter組合鍵，可以組合鍵，可以進(jìn)入動畫測試窗口，對動

17、畫作品的多個場景進(jìn)行連續(xù)的測試。進(jìn)入動畫測試窗口，對動畫作品的多個場景進(jìn)行連續(xù)的測試。 應(yīng)用測試場景命令應(yīng)用測試場景命令 選擇選擇“控制控制 測試場景測試場景”命令，或按命令，或按Ctrl+Alt+EnterCtrl+Alt+Enter組合鍵，組合鍵，可以進(jìn)入動畫測試窗口，測試當(dāng)前舞臺窗口中顯示的場景或元件中可以進(jìn)入動畫測試窗口，測試當(dāng)前舞臺窗口中顯示的場景或元件中的動畫。的動畫。 “影片瀏覽器影片瀏覽器”面板，可以將面板，可以將Flash CS5文件組成樹型關(guān)系圖。方便用戶進(jìn)文件組成樹型關(guān)系圖。方便用戶進(jìn)行動畫分析、管理或修改。在其中可以查看每一個元件，熟悉幀與幀之間的關(guān)行動畫分析、管理或修改。在其中可以查看每一個元件，熟悉幀與幀之間的關(guān)系，查看動作腳本等，也可快速查找需要的對象。系，查看動作腳本等，也可快速查找需要的對象。 選擇選擇“窗口窗口 影片瀏覽器影片瀏覽器”命令，彈出命令，彈出“影片瀏覽器影片瀏覽器”面板。面板。 “影片瀏覽器”面板7.5.4“影片瀏覽器”面板的功能 使用矩形工具、任意變形工具、形狀補(bǔ)間動畫命令制作下載條的動畫效果。使用矩形工具、任意變形工具、形狀補(bǔ)間動畫命令制作下載條