《中文版Flash CS6動(dòng)畫制作實(shí)例教程》第7章 Flash基本動(dòng)畫的制作

中文版FlashCS6動(dòng)畫制作實(shí)例教程繪制工具的使用制作逐幀動(dòng)畫第1節(jié)第2節(jié)第7章Flash基本動(dòng)畫的制作第3節(jié)第4節(jié)第5節(jié)制作傳統(tǒng)補(bǔ)間動(dòng)畫制作補(bǔ)間形狀動(dòng)畫制作補(bǔ)間動(dòng)畫使用動(dòng)畫預(yù)設(shè)第6節(jié)第1節(jié)繪制工具的使用在Flash中，動(dòng)畫的內(nèi)容是通過“時(shí)間軸”面板來組織的，“時(shí)間軸”面板將動(dòng)畫在橫向上劃分為幀，在縱向上劃分為圖層。通過拖動(dòng)時(shí)間軸中的播放頭，可以對(duì)動(dòng)畫內(nèi)容進(jìn)行預(yù)覽。一、“時(shí)間軸”面板基本操作二、幀和關(guān)鍵幀三、幀的基本操作四、洋蔥皮工具一、“時(shí)間軸”面板基本操作1．播放頭第1幀內(nèi)容

第4幀內(nèi)容“時(shí)間軸”面板中的播放頭用于控制舞臺(tái)上顯示的內(nèi)容。舞臺(tái)上只能顯示播放頭所在幀中的內(nèi)容，下圖顯示了動(dòng)畫的第1幀和第4幀中的內(nèi)容。一、“時(shí)間軸”面板基本操作2．移動(dòng)播放頭拖動(dòng)播放頭

定位播放頭使用鼠標(biāo)指針直接拖動(dòng)播放頭，即可將其移動(dòng)。在“時(shí)間軸”面板的標(biāo)尺或幀上單擊鼠標(biāo)左鍵，也可以改變播放頭的位置。一、“時(shí)間軸”面板基本操作3．改變幀的顯示方式選擇幀的顯示方式默認(rèn)情況下，“時(shí)間軸”面板中的幀是以“標(biāo)準(zhǔn)”方式顯示的，用戶可以根據(jù)實(shí)際需要將幀改為其他顯示方式。單擊“時(shí)間軸”面板右上方的控制按鈕

，在彈出的下拉菜單中顯示了5種幀的顯示寬度，分別為“很小”、“小”、“標(biāo)準(zhǔn)”、“中”和“大”。幀的“預(yù)覽”顯示一、“時(shí)間軸”面板基本操作3．改變幀的顯示方式幀的“關(guān)聯(lián)預(yù)覽”顯示默認(rèn)幀高度“較短”幀高度取消“彩色顯示幀”二、幀和關(guān)鍵幀

電影是通過一張張膠片連續(xù)播放而形成的，F(xiàn)lash動(dòng)畫中的幀就像電影中的膠片一樣，通過連續(xù)播放而實(shí)現(xiàn)動(dòng)畫效果。“幀”是Flash動(dòng)畫中的基本單位?！皶r(shí)間軸”面板中的每一個(gè)小方格代表一個(gè)幀，一個(gè)幀包含了動(dòng)畫某一時(shí)刻的畫面。認(rèn)識(shí)幀二、幀和關(guān)鍵幀

在關(guān)鍵幀是時(shí)間軸中內(nèi)容發(fā)生變化的一幀。默認(rèn)情況下，每個(gè)圖層的第一幀是關(guān)鍵幀。關(guān)鍵幀可以是空的，當(dāng)新建一個(gè)文檔后，“圖層1”的第一幀就是一個(gè)空白關(guān)鍵幀，以一個(gè)空心的小圓圈顯示。當(dāng)在舞臺(tái)中添加內(nèi)容后，空白關(guān)鍵幀就會(huì)變?yōu)橐粋€(gè)關(guān)鍵幀。關(guān)鍵幀以一個(gè)實(shí)心的黑色小圓圈顯示。空白關(guān)鍵幀

關(guān)鍵幀1．關(guān)鍵幀二、幀和關(guān)鍵幀普通幀是依賴于關(guān)鍵幀的，在沒有設(shè)置動(dòng)畫的前提下，普通幀與上一個(gè)關(guān)鍵幀中的內(nèi)容相同，在一個(gè)動(dòng)畫中增加一些普通幀可以延長(zhǎng)動(dòng)畫的播放時(shí)間。選擇“插入幀”命令

插入普通幀2．普通幀二、幀和關(guān)鍵幀跟在普通幀之后的是空白幀，它以空心矩形顯示。在第11幀上右擊，在彈出的快捷菜單中選擇“插入空白關(guān)鍵幀”命令，即可插入一個(gè)空白關(guān)鍵幀，此時(shí)舞臺(tái)上將沒有內(nèi)容。插入空白關(guān)鍵幀

插入多個(gè)空白幀3．空白幀與空白關(guān)鍵幀二、幀和關(guān)鍵幀幀序列是指某個(gè)圖層中一個(gè)關(guān)鍵幀和直到下一個(gè)關(guān)鍵幀之間跟隨它的普通幀（不包括下一個(gè)關(guān)鍵幀）。幀序列可以作為一個(gè)實(shí)體進(jìn)行選擇，便于對(duì)其進(jìn)行復(fù)制和移動(dòng)。選擇幀序列

查看幀序列4．幀序列三、幀的基本操作在對(duì)幀進(jìn)行操作前，首先要選擇幀。在Flash中可以選擇單個(gè)幀，也可以同時(shí)選擇多個(gè)幀。在時(shí)間軸上單擊要選擇的幀，即可將其選中并以黑色顯示。1．選擇幀選擇單個(gè)幀

選擇連續(xù)多個(gè)幀選擇不連續(xù)多個(gè)幀

選擇圖層所有幀三、幀的基本操作2．創(chuàng)建幀使用菜單命令創(chuàng)建幀

使用快捷菜單創(chuàng)建幀在創(chuàng)建Flash動(dòng)畫時(shí)，首先要?jiǎng)?chuàng)建幀。無論是關(guān)鍵幀，還是普通幀，其創(chuàng)建方法類似，通常有以下兩種創(chuàng)建方法。三、幀的基本操作3．移動(dòng)幀移動(dòng)關(guān)鍵幀

查看移動(dòng)關(guān)鍵幀效果移動(dòng)幀

查看移動(dòng)幀效果三、幀的基本操作3．移動(dòng)幀選擇“剪切幀”命令

選擇“粘貼幀”命令三、幀的基本操作4．復(fù)制幀選擇“復(fù)制幀”命令

選擇“粘貼幀”命令三、幀的基本操作5．關(guān)鍵幀和普通幀的相互轉(zhuǎn)換轉(zhuǎn)換為普通幀轉(zhuǎn)換為關(guān)鍵幀三、幀的基本操作6．刪除幀刪除幀7．清除幀清除幀三、幀的基本操作8．翻轉(zhuǎn)幀選擇“翻轉(zhuǎn)幀”命令

查看翻轉(zhuǎn)幀效果三、幀的基本操作9．設(shè)置幀頻在“時(shí)間軸”面板中設(shè)置幀頻

在“屬性”面板中設(shè)置幀頻三、幀的基本操作10．創(chuàng)建幀標(biāo)簽和幀注釋創(chuàng)建幀標(biāo)簽

創(chuàng)建幀注釋創(chuàng)建幀標(biāo)簽的方法為：首先選擇要添加標(biāo)簽的關(guān)鍵幀，然后打開“屬性”面板，在幀“標(biāo)簽”下的“名稱“文本框中輸入名稱。四、洋蔥皮工具繪圖紙外觀

繪圖紙外觀輪廓通常在Flash工作區(qū)中只能看到一幀的畫面，如果使用洋蔥皮工具，就可以同時(shí)顯示或編輯多個(gè)幀的內(nèi)容。洋蔥皮工具位于“時(shí)間軸”面板的下方。四、洋蔥皮工具編輯多個(gè)幀

修改紙標(biāo)記第2節(jié)制作逐幀動(dòng)畫一、認(rèn)識(shí)逐幀動(dòng)畫二、創(chuàng)建逐幀動(dòng)畫逐幀動(dòng)畫是Flash中相對(duì)比較簡(jiǎn)單的基本動(dòng)畫，其通常由多個(gè)連續(xù)的幀組成，通過連續(xù)表現(xiàn)關(guān)鍵幀中的對(duì)象，從而產(chǎn)生動(dòng)畫效果。一、認(rèn)識(shí)逐幀動(dòng)畫逐幀動(dòng)畫與傳統(tǒng)的動(dòng)畫片類似，每一幀中的圖形都是通過手工繪制出來的。在逐幀動(dòng)畫中的每一幀都是關(guān)鍵幀，在每個(gè)關(guān)鍵幀中創(chuàng)建不同的內(nèi)容，當(dāng)連續(xù)播放關(guān)鍵幀中的圖形時(shí)即可形成動(dòng)畫。逐幀動(dòng)畫制作起來比較麻煩，但它可以制作出所需要的任何動(dòng)畫。逐幀動(dòng)畫適合于制作每一幀中的圖像內(nèi)容都發(fā)生變化的復(fù)雜動(dòng)畫。二、創(chuàng)建逐幀動(dòng)畫逐幀動(dòng)畫通常由多個(gè)連續(xù)的關(guān)鍵幀組成，通過連續(xù)表現(xiàn)關(guān)鍵幀中的對(duì)象，從而產(chǎn)生動(dòng)畫效果。創(chuàng)建輔助線繪制圓形繪制刻度線二、創(chuàng)建逐幀動(dòng)畫設(shè)置旋轉(zhuǎn)復(fù)制變形查看旋轉(zhuǎn)復(fù)制變形效果新建圖層二、創(chuàng)建逐幀動(dòng)畫插入關(guān)鍵字并旋轉(zhuǎn)實(shí)例為圖形填充顏色測(cè)試動(dòng)畫效果旋轉(zhuǎn)實(shí)例第3節(jié)制作傳統(tǒng)補(bǔ)間動(dòng)畫一、認(rèn)識(shí)傳統(tǒng)補(bǔ)間動(dòng)畫二、創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫中的變化是在關(guān)鍵幀中定義的，通過插入關(guān)鍵幀并改變關(guān)鍵幀中實(shí)例的屬性，F(xiàn)lash程序?qū)⒆詣?dòng)計(jì)算中間過渡幀實(shí)例的屬性并進(jìn)行顯示。三、設(shè)置補(bǔ)間屬性一、認(rèn)識(shí)傳統(tǒng)補(bǔ)間動(dòng)畫傳統(tǒng)補(bǔ)間動(dòng)畫只能應(yīng)用于實(shí)例，它是表示實(shí)例屬性變化的一種動(dòng)畫。在一個(gè)關(guān)鍵幀中定義一個(gè)實(shí)例的位置、大小和旋轉(zhuǎn)等屬性，然后在另一個(gè)關(guān)鍵幀中更改這些屬性并創(chuàng)建動(dòng)畫。若對(duì)位圖或形狀應(yīng)用傳統(tǒng)補(bǔ)間，則在補(bǔ)間動(dòng)畫的開始幀和結(jié)束幀中的對(duì)象將自動(dòng)轉(zhuǎn)換為實(shí)例。在傳統(tǒng)補(bǔ)間中，只有關(guān)鍵幀是可編輯的?？梢圆榭囱a(bǔ)間幀，但無法直接編輯它們。若要編輯補(bǔ)間幀，可修改一個(gè)關(guān)鍵幀，或在起始和結(jié)束關(guān)鍵幀之間插入一個(gè)新的關(guān)鍵幀。二、創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

繪制圖形新建圖層創(chuàng)建圖形元件二、創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫復(fù)制并編輯元件創(chuàng)建元件實(shí)例并調(diào)整位置插入關(guān)鍵幀并旋轉(zhuǎn)實(shí)例二、創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫設(shè)置補(bǔ)間緩動(dòng)創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫二、創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫測(cè)試動(dòng)畫效果創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫三、設(shè)置補(bǔ)間屬性當(dāng)創(chuàng)建了一個(gè)補(bǔ)間動(dòng)畫后，可以在“屬性”面板對(duì)動(dòng)畫的效果進(jìn)行調(diào)整。設(shè)置“補(bǔ)間”屬性“緩動(dòng)”數(shù)值框：用于調(diào)整在補(bǔ)間動(dòng)畫中兩個(gè)關(guān)鍵幀之間變化速度。默認(rèn)情況下是進(jìn)行勻速變化的，即數(shù)值為0。若要實(shí)現(xiàn)變化由慢到快的效果，可以輸入-1~-100之間的數(shù)值；若要實(shí)現(xiàn)變化由快到慢的效果，則可以輸入1~100之間的數(shù)值。三、設(shè)置補(bǔ)間屬性“編輯”按鈕

：?jiǎn)螕粼摪粹o，將彈出“自定義緩入/緩出”對(duì)話框。曲線圖形表示隨時(shí)間推移動(dòng)畫變化程度，其中水平軸表示幀，垂直軸表示變化的百分比。節(jié)點(diǎn)：在直線或曲線上單擊鼠標(biāo)左鍵，可以為其添加一個(gè)節(jié)點(diǎn)。拖動(dòng)節(jié)點(diǎn)可以改變線的曲率，以精確地調(diào)整動(dòng)畫的變化程度?！白远x緩入/緩出”對(duì)話框三、設(shè)置補(bǔ)間屬性“為所有屬性使用一種設(shè)置”復(fù)選框：選中該復(fù)選框，表示將顯示的曲線應(yīng)用于補(bǔ)間的所有屬性。若取消選擇該復(fù)選框，將激活“屬性”下拉列表框，在該下拉列表框中包括“位置”、“旋轉(zhuǎn)”、“縮放”、“顏色”和“濾鏡”5個(gè)選項(xiàng)，分別用于設(shè)置相應(yīng)屬性的緩入與緩出。“重置”按鈕：?jiǎn)螕粼摪粹o，可以將曲線恢復(fù)到默認(rèn)狀態(tài)?！安シ拧焙汀巴Ｖ埂卑粹o：?jiǎn)螕暨@兩個(gè)按鈕，可以使用自定義的緩入與緩出預(yù)覽舞臺(tái)上的動(dòng)畫?！靶D(zhuǎn)”下拉列表框：用于設(shè)置物體的旋轉(zhuǎn)運(yùn)動(dòng)方向及速度。例如，在該下拉列表框中選擇“逆時(shí)針”選項(xiàng)，然后在其后面的數(shù)值框中輸入1，則相應(yīng)的補(bǔ)間動(dòng)畫對(duì)象將逆時(shí)針旋轉(zhuǎn)一圈?！罢{(diào)整到路徑”復(fù)選框：選中該復(fù)選框，可以使對(duì)象沿著設(shè)置的路徑運(yùn)動(dòng)?！百N緊”復(fù)選框：選中該復(fù)選框，可以使對(duì)象沿路徑運(yùn)動(dòng)時(shí)自動(dòng)捕捉路徑。“同步”復(fù)選框：選中該復(fù)選框，可以使動(dòng)畫在場(chǎng)景中首尾連接連續(xù)地播放。第4節(jié)制作補(bǔ)間形狀動(dòng)畫一、創(chuàng)建補(bǔ)間形狀動(dòng)畫二、使用形狀提示補(bǔ)間形狀動(dòng)畫只能用于矢量形狀，在時(shí)間軸中的一個(gè)關(guān)鍵幀繪制一個(gè)矢量形狀，然后在另一個(gè)關(guān)鍵幀更改該形狀或繪制另一個(gè)形狀。Flash將內(nèi)插中間的幀的中間形狀，創(chuàng)建一個(gè)形狀變形為另一個(gè)形狀的動(dòng)畫。也可以對(duì)補(bǔ)間形狀內(nèi)的形狀的位置和顏色進(jìn)行補(bǔ)間。一、創(chuàng)建補(bǔ)間形狀動(dòng)畫繪制立方體繪制內(nèi)部線條新建圖層并插入幀一、創(chuàng)建補(bǔ)間形狀動(dòng)畫繪制矩形形狀調(diào)整矩形形狀插入關(guān)鍵幀并調(diào)整形狀一、創(chuàng)建補(bǔ)間形狀動(dòng)畫創(chuàng)建補(bǔ)間形狀

預(yù)覽補(bǔ)間形狀動(dòng)畫二、使用形狀提示要控制補(bǔ)間形狀的變化，可以使用形狀提示。形狀提示會(huì)標(biāo)識(shí)起始形狀和結(jié)束形狀中的相對(duì)應(yīng)的點(diǎn)。形狀提示包含從a到z的字母，用于識(shí)別起始形狀和結(jié)束形狀中相對(duì)應(yīng)的點(diǎn)，最多可以使用26個(gè)形狀提示。起始關(guān)鍵幀中的形狀提示是黃色的，結(jié)束關(guān)鍵幀中的形狀提示是綠色的，當(dāng)不在一條曲線上時(shí)為紅色。創(chuàng)建補(bǔ)間形狀動(dòng)畫

預(yù)覽動(dòng)畫效果二、使用形狀提示選擇“添加形狀提示”命令調(diào)整形狀提示位置

添加形狀提示調(diào)整形狀提示位置二、使用形狀提示預(yù)覽動(dòng)畫創(chuàng)建補(bǔ)間形狀修改顏色預(yù)覽動(dòng)畫第5節(jié)制作補(bǔ)間動(dòng)畫一、認(rèn)識(shí)補(bǔ)間動(dòng)畫二、創(chuàng)建補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫是通過為不同幀中的對(duì)象屬性指定不同的值而創(chuàng)建的動(dòng)畫，F(xiàn)lash程序計(jì)算這兩個(gè)幀之間該屬性的值。三、補(bǔ)間動(dòng)畫與傳統(tǒng)補(bǔ)間動(dòng)畫的差異四、使用動(dòng)畫編輯器調(diào)整補(bǔ)間一、認(rèn)識(shí)補(bǔ)間動(dòng)畫1．補(bǔ)間范圍2．屬性關(guān)鍵幀3．運(yùn)動(dòng)路徑二、創(chuàng)建補(bǔ)間動(dòng)畫選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令增大補(bǔ)間范圍調(diào)整實(shí)例位置二、創(chuàng)建補(bǔ)間動(dòng)畫移動(dòng)運(yùn)動(dòng)路徑更改路徑形狀

預(yù)覽動(dòng)畫三、補(bǔ)間動(dòng)畫與傳統(tǒng)補(bǔ)間動(dòng)畫的差異（1）傳統(tǒng)補(bǔ)間使用關(guān)鍵幀。關(guān)鍵幀是其中顯現(xiàn)對(duì)象新實(shí)例的幀。補(bǔ)間動(dòng)畫只能具有一個(gè)與之關(guān)聯(lián)的對(duì)象實(shí)例，并使用屬性關(guān)鍵幀，而不是關(guān)鍵幀。（2）補(bǔ)間動(dòng)畫在整個(gè)補(bǔ)間范圍上由一個(gè)目標(biāo)對(duì)象組成。（3）補(bǔ)間動(dòng)畫和傳統(tǒng)補(bǔ)動(dòng)畫間都只允許對(duì)特定類型的對(duì)象進(jìn)行補(bǔ)間。若應(yīng)用補(bǔ)間動(dòng)畫，在創(chuàng)建補(bǔ)間時(shí)會(huì)將一切不允許的對(duì)象類型轉(zhuǎn)換為影片剪輯，而應(yīng)用傳統(tǒng)補(bǔ)間會(huì)將這些對(duì)象類型轉(zhuǎn)換為圖形元件。（4）補(bǔ)間動(dòng)畫會(huì)將文本視為可補(bǔ)間的類型，而不會(huì)將文本對(duì)象轉(zhuǎn)換為影片剪輯。傳統(tǒng)補(bǔ)間動(dòng)畫會(huì)將文本對(duì)象轉(zhuǎn)換為圖形元件。（5）在補(bǔ)間動(dòng)畫范圍上不允許幀腳本，傳統(tǒng)補(bǔ)間動(dòng)畫允許幀腳本。三、補(bǔ)間動(dòng)畫與傳統(tǒng)補(bǔ)間動(dòng)畫的差異（6）對(duì)于傳統(tǒng)補(bǔ)間動(dòng)畫，緩動(dòng)可應(yīng)用于補(bǔ)間內(nèi)關(guān)鍵幀之間的幀組。對(duì)于補(bǔ)間動(dòng)畫，緩動(dòng)可應(yīng)用于補(bǔ)間動(dòng)畫范圍的整個(gè)長(zhǎng)度。若僅對(duì)補(bǔ)間動(dòng)畫的特定幀應(yīng)用緩動(dòng)，則需要?jiǎng)?chuàng)建自定義緩動(dòng)曲線。（7）利用傳統(tǒng)補(bǔ)間動(dòng)畫能夠在兩種不同的色彩效果（如色調(diào)和Alpha）之間創(chuàng)建動(dòng)畫，補(bǔ)間動(dòng)畫能夠?qū)γ總€(gè)補(bǔ)間應(yīng)用一種色彩效果。（8）只有補(bǔ)間動(dòng)畫才能保存為動(dòng)畫預(yù)設(shè)。在補(bǔ)間動(dòng)畫范圍中，必須按住【Ctrl】鍵單擊選擇幀。（9）對(duì)于補(bǔ)間動(dòng)畫，無法交換元件或設(shè)置屬性關(guān)鍵幀中顯現(xiàn)的圖形元件的幀數(shù)。應(yīng)用了這些技術(shù)的動(dòng)畫要求使用傳統(tǒng)補(bǔ)間動(dòng)畫。（10）只能使用補(bǔ)間動(dòng)畫為3D對(duì)象創(chuàng)建動(dòng)畫效果，無法使用傳統(tǒng)補(bǔ)間動(dòng)畫為3D對(duì)象創(chuàng)建動(dòng)畫效果。四、使用動(dòng)畫編輯器調(diào)整補(bǔ)間使用動(dòng)畫編輯器可以精確地控制補(bǔ)間動(dòng)畫的屬性，使用戶輕松地創(chuàng)建較復(fù)雜的補(bǔ)間動(dòng)畫，但它不能用在傳統(tǒng)補(bǔ)間動(dòng)畫中。1．認(rèn)識(shí)動(dòng)畫編輯器默認(rèn)情況下，“動(dòng)畫編輯器”面板與“時(shí)間軸”面板位于同