補(bǔ)間形狀動(dòng)畫(huà)4.1補(bǔ)間形狀動(dòng)畫(huà)的基本概念4.2補(bǔ)間形狀動(dòng)畫(huà)的制作方法

4.3

補(bǔ)間形狀動(dòng)畫(huà)實(shí)例本章內(nèi)容

補(bǔ)間形狀動(dòng)畫(huà)用于創(chuàng)建形狀變化的動(dòng)畫(huà)效果，使一個(gè)形狀變成另一個(gè)形狀，同時(shí)也可以設(shè)置圖形形狀位置、大小、顏色的變化。只要?jiǎng)?chuàng)建出兩個(gè)關(guān)鍵幀中的對(duì)象，其他過(guò)渡幀便可以通過(guò)Flash自己制作出來(lái)。

什么是補(bǔ)間形狀動(dòng)畫(huà)制作條件制作形狀補(bǔ)間動(dòng)畫(huà)需要具備以下3個(gè)條件：在一個(gè)形狀補(bǔ)間動(dòng)畫(huà)中至少有兩個(gè)關(guān)鍵幀。這兩個(gè)關(guān)鍵幀中的對(duì)象必須是可編輯圖形，如果是其他類型的對(duì)象，則必須將其轉(zhuǎn)換為可編輯的圖形。3.這兩個(gè)關(guān)鍵幀中的圖形必須有一些變化，否則制作的動(dòng)畫(huà)將沒(méi)有動(dòng)的效果。

指直接用繪圖工具繪制出來(lái)的幾何形狀之間的變形動(dòng)畫(huà)。補(bǔ)間形狀動(dòng)畫(huà)的分類【幾何形變】符號(hào)實(shí)例創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)，前提是將文字或符號(hào)實(shí)例選擇“修改”→“打散”命令，打散后分離成的形狀。【文字形變】【補(bǔ)間形狀動(dòng)畫(huà)幀】

創(chuàng)建成功的的補(bǔ)間形狀動(dòng)畫(huà)在兩個(gè)關(guān)鍵幀之間繪制一個(gè)淺綠色背景填充的實(shí)線箭頭。成功創(chuàng)建的形狀補(bǔ)間幀補(bǔ)間形狀幀【未完成或中斷的漸變】

如果補(bǔ)間動(dòng)畫(huà)出現(xiàn)錯(cuò)誤，則本應(yīng)出現(xiàn)的實(shí)線箭頭符號(hào)顯示為虛線。未成功創(chuàng)建的形狀補(bǔ)間幀未完成或中斷的漸變?cè)谥谱餍巫儎?dòng)畫(huà)時(shí)，如何要控制較為復(fù)雜的形變，則會(huì)出現(xiàn)變化過(guò)程雜亂無(wú)章的情況。這時(shí)，可以通過(guò)添加形狀提示，控制形狀變化。形狀提示是一個(gè)有顏色的實(shí)心小圓，上面標(biāo)志著小寫(xiě)的英文字母，用于識(shí)別起始形狀和結(jié)束形狀中相對(duì)應(yīng)的點(diǎn)。對(duì)于每一個(gè)形變過(guò)程，可以為它添加26個(gè)形狀提示，從a標(biāo)記到z標(biāo)記，實(shí)際上只用幾個(gè)就夠了。

在制作形狀補(bǔ)間動(dòng)畫(huà)時(shí)，如果使用形狀提示在開(kāi)始和結(jié)束形狀中選擇公共點(diǎn)，這些公共點(diǎn)在過(guò)渡形狀中保持不變，這樣就可以較為精確地控制整個(gè)形變過(guò)程。使用形狀提示控制形狀變化1、補(bǔ)間形狀動(dòng)畫(huà)只能作用于形狀（要對(duì)組合、實(shí)例、位圖或文本對(duì)象應(yīng)用形狀補(bǔ)間動(dòng)畫(huà)，必須先將這些對(duì)象分離為形狀）2、形狀間的漸變只能在同一圖層3、在復(fù)雜的形狀補(bǔ)間動(dòng)畫(huà)中，最好創(chuàng)建中間形狀然后再進(jìn)行補(bǔ)間，而不要只定義起始和結(jié)束的形狀。4、在起始和結(jié)束的形狀中，形狀提示的順序必須是一致的。注意事項(xiàng)當(dāng)滿足了制作條件后，就可以制作補(bǔ)間形狀動(dòng)畫(huà)?？梢酝ㄟ^(guò)右鍵菜單，也可以通過(guò)菜單命令，兩者相比，前者更方便快捷，比較常用。1.通過(guò)右鍵菜單創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)選擇同一圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇【創(chuàng)建補(bǔ)間形狀】命令。2.通過(guò)菜單創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)選擇同一圖層的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊菜單【插入】|【補(bǔ)間形狀】命令。創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)如果想刪除創(chuàng)建的補(bǔ)間形狀動(dòng)畫(huà)，可以通過(guò)右鍵菜單，也可以通過(guò)菜單命令，兩者相比，前者更方便快捷，比較常用。1.通過(guò)右鍵菜單刪除補(bǔ)間形狀動(dòng)畫(huà)選擇已經(jīng)創(chuàng)建補(bǔ)間形狀的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇【刪除補(bǔ)間】命令。2.通過(guò)菜單命令刪除補(bǔ)間形狀動(dòng)畫(huà)選擇已經(jīng)創(chuàng)建補(bǔ)間形狀的兩個(gè)關(guān)鍵幀之間的任意一幀，單擊菜單【插入】|【刪除補(bǔ)間】命令。刪除補(bǔ)間形狀動(dòng)畫(huà)補(bǔ)間形狀動(dòng)畫(huà)的屬性通過(guò)【屬性】面板的【補(bǔ)間】選項(xiàng)進(jìn)行設(shè)置。首先選擇已經(jīng)創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)兩個(gè)關(guān)鍵幀之間的任意一幀，然后展開(kāi)【屬性】面板。動(dòng)畫(huà)屬性設(shè)置（1）緩動(dòng)：默認(rèn)情況下，過(guò)渡幀之間的變化速率是不變的，可以調(diào)整變化速率，創(chuàng)建更為自然地由慢到快的加速或先快后慢的減速效果【取值】

0：默認(rèn)，勻速

-100-0:加速

0-100

：減速（2）混合：共有兩種選項(xiàng)“分布式”、“角形”【分布式】：創(chuàng)建的動(dòng)畫(huà)中間形狀更為平滑【角形】：創(chuàng)建的動(dòng)畫(huà)中間形狀會(huì)保留明顯的角和直線動(dòng)畫(huà)屬性設(shè)置形狀提示點(diǎn)制作方法【步驟】1.選擇開(kāi)始關(guān)鍵幀，單擊【修改】|【形狀】|【添加形狀提示】，可添加一個(gè)提示點(diǎn)，再次選擇可繼續(xù)添加提示點(diǎn)2.調(diào)整控制點(diǎn)到合適位置，提示點(diǎn)變黃色3.選擇結(jié)束關(guān)鍵幀，重復(fù)步驟1、2，提示點(diǎn)變綠色提示：如果開(kāi)始關(guān)鍵幀和結(jié)束關(guān)鍵幀的形狀提示點(diǎn)沒(méi)有變黃或變綠，則說(shuō)明這個(gè)形狀提示點(diǎn)沒(méi)有在兩個(gè)幀中對(duì)應(yīng)起來(lái)。形狀提示點(diǎn)制作實(shí)例【正方形變心形】添加提示點(diǎn)前添加提示點(diǎn)后【課堂實(shí)例——日月變換】制作“日月變換”動(dòng)畫(huà)新建Flash文件，然后設(shè)置影片的屬性，包括背景色和屏幕大小在時(shí)間軸窗口選擇當(dāng)前圖層，然后單擊選擇一空白單元格，按F6鍵，建立起始關(guān)鍵幀。如果是第一幀，可省去此操作選擇工具箱中的工具繪制圖形，作為補(bǔ)間形狀的起始圖形。在本例中，選用橢圓工具、選擇工具、顏料桶工具繪制月牙

【步驟】制作“日月變換”動(dòng)畫(huà)在第30幀處插入關(guān)鍵幀，使用橢圓工具繪制太陽(yáng)在兩個(gè)關(guān)鍵幀中任選一幀，單擊右鍵選擇“創(chuàng)建補(bǔ)間形狀”出現(xiàn)淺綠色填充的箭頭即可

制作“日月變換”動(dòng)畫(huà)【步驟】

制作“文字變形”動(dòng)畫(huà)

文字對(duì)象分散到圖層

制作“文字變形”動(dòng)畫(huà)【技巧】先使用【修改】|【分離】將要變形的文字打散（出現(xiàn)網(wǎng)格點(diǎn)），再進(jìn)行補(bǔ)間形狀設(shè)置，方法同幾何變形。(1)“分離”命令(2)“分散到圖層”命令給“日月變換”動(dòng)畫(huà)添加形變提示給“日月變換”動(dòng)畫(huà)添加形變提示1.添加變形提示關(guān)鍵點(diǎn)單擊【修改】|【形狀】|【添加形狀提示】，出現(xiàn)提示點(diǎn)a連續(xù)執(zhí)行該命令，可添加更多提示點(diǎn)快捷鍵（Ctrl+Shift+H）

2.調(diào)整變形提示關(guān)鍵點(diǎn)鼠標(biāo)拖拽可以調(diào)整提示點(diǎn)位置

制作“進(jìn)度條”動(dòng)畫(huà)圖層1命名為“框”，編輯內(nèi)容：一個(gè)進(jìn)度條的框和文字loading新建一個(gè)圖層“顏色”，內(nèi)容：畫(huà)一個(gè)顏色條長(zhǎng)寬剛好和框的大小一致在第50幀處插入關(guān)鍵幀，將顏色條的寬度調(diào)整為和“框”的寬度一樣在第1幀和第50幀之間的任意一幀處單擊右鍵，選擇【創(chuàng)建補(bǔ)間形狀】制作“進(jìn)度條”動(dòng)畫(huà)【步驟】

圖7-35制作完成的封面圖7-36入庫(kù)后的封面制作“翻書(shū)效果”動(dòng)畫(huà)制作“翻書(shū)效果”動(dòng)畫(huà)1.制作封底新建圖層“封底”，在第1幀處使用矩形工具繪制封底矩形（黑色），并繪制一個(gè)小的內(nèi)頁(yè)矩形（藍(lán)色）放置其上方，在第90幀處插入幀（F5）。制作“翻書(shū)效果”動(dòng)畫(huà)2.制作封面新建圖層“封面”，在第1幀處使用矩形工具繪制矩形（橙色，與封底一樣大小），放置在封底上方，并對(duì)齊。在第15幀處插入關(guān)鍵幀（F6），修改矩形為棱形。選1-15之間的任意幀，添加補(bǔ)間形狀制作“翻書(shū)效果”動(dòng)畫(huà)2.制作封面在第16幀處插入關(guān)鍵幀（F6），將菱形水平翻轉(zhuǎn)，并移動(dòng)到封底左側(cè)。在第30幀處插入關(guān)鍵幀，將第1幀處的矩形復(fù)制粘貼過(guò)來(lái)，并對(duì)齊。選16-30之間的任意幀，添加補(bǔ)間形狀制作“翻書(shū)效果”動(dòng)畫(huà)3.制作內(nèi)頁(yè)新建圖層“內(nèi)頁(yè)1”，在第31幀處插入關(guān)鍵幀（F6），將內(nèi)頁(yè)矩形復(fù)制粘貼過(guò)來(lái)。在第45幀處插入關(guān)鍵幀（F6），修改矩形為棱形。選31