FlashCS3中文版實(shí)例教程課件

本章簡介：

在FlashCS3動(dòng)畫的制作過程中，時(shí)間軸和幀起到了關(guān)鍵性的作用。本章將介紹動(dòng)畫中幀和時(shí)間軸的使用方法及應(yīng)用技巧。讀者通過學(xué)習(xí)要了解并掌握如何靈活地應(yīng)用幀和時(shí)間軸，并根據(jù)設(shè)計(jì)需要制作出豐富多彩的動(dòng)畫效果。

第7章基本動(dòng)畫的制作課堂學(xué)習(xí)目標(biāo)幀與時(shí)間軸幀動(dòng)畫形狀補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫色彩變化動(dòng)畫使用刷子工具繪制光標(biāo)圖形，使用文本工具添加文字，使用翻轉(zhuǎn)幀命令將幀進(jìn)行翻轉(zhuǎn)。效果圖

7.1.1

課堂案例——制作打字效果

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

7.1.3

幀的顯示形式

空白關(guān)鍵幀

在時(shí)間軸中，白色背景帶有黑圈的幀為空白關(guān)鍵幀。

關(guān)鍵幀在時(shí)間軸中，灰色背景帶有黑點(diǎn)的幀為關(guān)鍵幀。

動(dòng)作補(bǔ)間幀在時(shí)間軸中，帶有黑色圓點(diǎn)的第1幀和最后1幀為關(guān)鍵幀，中間藍(lán)色背景帶有黑色箭頭的幀為補(bǔ)間幀。形狀補(bǔ)間幀在時(shí)間軸中，帶有黑色圓點(diǎn)的第1幀和最后1幀為關(guān)鍵幀，中間綠色背景帶有黑色箭頭的幀為補(bǔ)間幀。包含動(dòng)作語句的幀在時(shí)間軸中，第1幀上出現(xiàn)一個(gè)字母“a”，表示這1幀中包含了使用“動(dòng)作”面板設(shè)置的動(dòng)作語句。幀標(biāo)簽在時(shí)間軸中，第1幀上出現(xiàn)一只紅旗，表示這一幀的標(biāo)簽類型是名稱；第1幀上出現(xiàn)兩條綠色斜杠，表示這一幀的標(biāo)簽類型是注釋；第1幀上出現(xiàn)一個(gè)金色的錨，表示這一幀的標(biāo)簽類型是錨記。一般情況下，F(xiàn)lashCS3的舞臺(tái)只能顯示當(dāng)前幀中的對象。如果希望在舞臺(tái)上出現(xiàn)多幀對象以幫助當(dāng)前幀對象的定位和編輯，F(xiàn)lashCS3提供的繪圖紙（洋蔥皮）功能可以將其實(shí)現(xiàn)。在時(shí)間軸面板下方的按鈕功能如下。7.1.5繪圖紙（洋蔥皮）功能

“幀居中”按鈕：單擊此按鈕，播放頭所在幀會(huì)顯示在時(shí)間軸的中間位置。“繪圖紙外觀”按鈕：單擊此按鈕，時(shí)間軸標(biāo)尺上出現(xiàn)繪圖紙的標(biāo)記顯示，在標(biāo)記范圍內(nèi)的幀上的對象將同時(shí)顯示在舞臺(tái)中?！袄L圖紙外觀輪廓”按鈕：單擊此按鈕，時(shí)間軸標(biāo)尺上出現(xiàn)繪圖紙的標(biāo)記顯示，在標(biāo)記范圍內(nèi)的幀上的對象將以輪廓線的形式同時(shí)顯示在舞臺(tái)中?！熬庉嫸鄠€(gè)幀”按鈕：單擊此按鈕，繪圖紙標(biāo)記范圍內(nèi)的幀上的對象將同時(shí)顯示在舞臺(tái)中，可以同時(shí)編輯所有的對象。

“修改繪圖紙標(biāo)記”按鈕：單擊此按鈕，彈出其下拉菜單。

7.1.6

在時(shí)間軸面板中設(shè)置幀

插入幀選擇“插入>時(shí)間軸>幀”命令，或按F5鍵，可以在時(shí)間軸上插入一個(gè)普通幀。選擇“插入>時(shí)間軸>關(guān)鍵幀”命令，或按F6鍵，可以在時(shí)間軸上插入一個(gè)關(guān)鍵幀。選擇“插入>時(shí)間軸>空白關(guān)鍵幀”命令，可以在時(shí)間軸上插入一個(gè)空白關(guān)鍵幀。

選擇幀選擇“編輯>時(shí)間軸>選擇所有幀”命令，選中時(shí)間軸中的所有幀。單擊要選的幀，幀變?yōu)樯钌?。用鼠?biāo)選中要選擇的幀，再向前或向后進(jìn)行拖曳，其間鼠標(biāo)經(jīng)過的幀全部被選中。按住Ctrl鍵的同時(shí)，用鼠標(biāo)單擊要選擇的幀，可以選擇多個(gè)不連續(xù)的幀。按住Shift鍵的同時(shí)，用鼠標(biāo)單擊要選擇的兩個(gè)幀，這兩個(gè)幀中間的所有幀都被選中。移動(dòng)幀選中一個(gè)或多個(gè)幀，按住鼠標(biāo)，移動(dòng)所選幀到目標(biāo)位置。在移動(dòng)過程中，如果按住Alt鍵，會(huì)在目標(biāo)位置上復(fù)制出所選的幀。

刪除幀用鼠標(biāo)右鍵單擊要?jiǎng)h除的幀，在彈出的菜單中選擇“清除幀”命令。選中要?jiǎng)h除的普通幀，按Shift+F5組合鍵，刪除幀。選中要?jiǎng)h除的關(guān)鍵幀，按Shift+F6組合鍵，刪除關(guān)鍵幀。

7.2幀動(dòng)畫課堂案例——制作逐幀動(dòng)畫幀動(dòng)畫逐幀動(dòng)畫第1幀7.2.2

幀動(dòng)畫

第5幀第9幀第12幀時(shí)間軸面板中設(shè)置關(guān)鍵幀的狀態(tài)

第1幀7.2.3逐幀動(dòng)畫第2幀第3幀第4幀時(shí)間軸面板中設(shè)置關(guān)鍵幀的狀態(tài)

第5幀7.3形狀補(bǔ)間動(dòng)畫

課堂案例——制作流淌的奶油簡單形狀補(bǔ)間動(dòng)畫

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

系統(tǒng)自動(dòng)生成的圖形變化過程

7.3.3

應(yīng)用變形提示在提示點(diǎn)的作用下生成的圖形變化過程

7.4動(dòng)作補(bǔ)間動(dòng)畫課堂案例——制作情人節(jié)賀卡動(dòng)作補(bǔ)間動(dòng)畫第1幀中圖形效果

7.4.2

動(dòng)作補(bǔ)間動(dòng)畫在時(shí)間軸面板中設(shè)置動(dòng)作補(bǔ)間動(dòng)畫

最后1幀中圖形效果

每幀中的圖形變化效果

7.5色彩變化動(dòng)畫課堂案例——制作變色文字色彩變化動(dòng)畫測試動(dòng)畫“影片瀏覽器”面板的功能使用文本工具、對齊面板、任意變形工具來完成效果的制作。效果圖

7.5.1課堂案例——制作變色文字

在制作完成動(dòng)畫后，要對其進(jìn)行測試。可以通過多種方法來測試動(dòng)畫。7.5.3測試動(dòng)畫應(yīng)用控制器面板選擇“窗口>工具欄>控制器”命令，彈出“控制器”面板。應(yīng)用播放命令選擇“控制>播放”命令，或按Enter鍵，可以對當(dāng)前舞臺(tái)中的動(dòng)畫進(jìn)行瀏覽。在“時(shí)間軸”面板中，可以看見播放頭在運(yùn)動(dòng)，隨著播放頭的運(yùn)動(dòng)，舞臺(tái)中顯示出播放頭所經(jīng)過的幀上的內(nèi)容。

應(yīng)用測試影片命令選擇“控制>測試影片”命令，或按Ctrl+Enter組合鍵，可以進(jìn)入動(dòng)畫測試窗口，對動(dòng)畫作品的多個(gè)場景進(jìn)行連續(xù)的測試。應(yīng)用測試場景命令

選擇“控制>測試場景”命令，或按Ctrl+Alt+Enter組合鍵，可以進(jìn)入動(dòng)畫測試窗口，測試當(dāng)前舞臺(tái)窗口中顯示的場景或元件中的動(dòng)畫?！坝捌瑸g覽器”面板，可以將FlashCS3文件組成樹型關(guān)系圖。方便用戶進(jìn)行動(dòng)畫分析、管理或修改。在其中可以查看每一個(gè)元件，熟悉幀與幀之間的關(guān)系，查看動(dòng)作腳本等，也可快速查找需要的對象。選擇“窗口