《中文版Flash CS6動畫制作實例教程》第7章 Flash基本動畫的制作

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

選擇“粘貼幀”命令三、幀的基本操作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è)置幀頻三、幀的基本操作10．創(chuàng)建幀標(biāo)簽和幀注釋創(chuàng)建幀標(biāo)簽

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

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

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

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

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

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

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

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

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