1、Flash 二維動畫設(shè)計教育技術(shù)學(xué)專業(yè)隴東學(xué)院信息工程學(xué)院教學(xué)目的和要求理解形狀補(bǔ)間動畫的概念掌握形狀補(bǔ)間動畫的制作條件掌握形狀補(bǔ)間動畫的制作形狀提示符的使用第7單元 形狀補(bǔ)間動畫隴東學(xué)院信息工程學(xué)院教學(xué)重點(diǎn)和難點(diǎn)逐幀動畫的制作條件逐幀動畫的制作形狀提示符的使用第7單元 形狀補(bǔ)間動畫隴東學(xué)院信息工程學(xué)院主要內(nèi)容 理解逐幀動畫的概念掌握逐幀動畫的制作條件掌握逐幀動畫的制作形狀提示符的使用第7單元 形狀補(bǔ)間動畫隴東學(xué)院信息工程學(xué)院形狀補(bǔ)間動畫跟運(yùn)動補(bǔ)間動相似，但它們最大的區(qū)別是：運(yùn)動補(bǔ)間動畫主要是指對象位置的移動，而形狀補(bǔ)間動畫是指對象形狀的變化。7.1 形狀補(bǔ)間動畫概述隴東學(xué)院信息工程學(xué)院制作形

2、狀補(bǔ)間動畫需要具備以下三個條件：（1）至少有兩個關(guān)鍵幀。（2）兩個關(guān)鍵幀中包含必要的矢量圖形、打散的文字和矢量化的位圖等元素。（3）設(shè)置了“形狀補(bǔ)間”的動畫方式。對于要進(jìn)行形變處理的實(shí)例、組合、文本塊或位圖，必須先單擊菜單“修改-分離”命令，使之變成分離、打散的圖形，然后才能進(jìn)行變形。7.1.1 形狀補(bǔ)間動畫隴東學(xué)院信息工程學(xué)院（1）在時間軸窗口單擊圖層名稱，使其成為活動圖層，然后選擇一個空白的關(guān)鍵幀作為動畫開始幀。（2）在動畫的第一幀上創(chuàng)建或放置插圖（圖形對象或者分離的組、位圖、實(shí)例或文本塊）。要獲得最佳效果，幀中應(yīng)當(dāng)只包含一個項(xiàng)目。（3）在開始幀后面的若干幀處插入一個空白關(guān)鍵幀，把它作為變

3、形的第2個關(guān)鍵幀，這一幀一定要與起始幀在同一圖層上。7.1.2 創(chuàng)建形狀補(bǔ)間動畫步驟隴東學(xué)院信息工程學(xué)院（4）在第2個關(guān)鍵幀中創(chuàng)建變形后的圖形，可執(zhí)行以下操作之一：修改插圖的形狀、顏色、不透明度或位置。刪除該插圖，然后在第二個關(guān)鍵幀中放入新的插圖。（5）在時間軸上單擊第1關(guān)鍵幀，然后在屬性檢查器的“補(bǔ)間”下拉列表框中選擇“形狀”選項(xiàng)，如圖7.1.1所示。圖7.1.1 選擇“形狀”選項(xiàng)后的屬性檢查器7.1.2 創(chuàng)建形狀補(bǔ)間動畫步驟隴東學(xué)院信息工程學(xué)院（6）選擇一個“混合”選項(xiàng)，有以下兩種選擇：（7）拖動“緩動”滑塊或在文本框中輸入一個值，以調(diào)整補(bǔ)間之間的變化速率。默認(rèn)情況下，補(bǔ)間幀之間的變化速率

4、是不變的。緩動可以通過逐漸調(diào)整變化速率創(chuàng)建更加自然的變形效果。7.1.2 創(chuàng)建形狀補(bǔ)間動畫步驟隴東學(xué)院信息工程學(xué)院形狀提示符是一個有顏色的實(shí)心小圓，上面標(biāo)志著小寫的英文字母，用于識別起始形狀和結(jié)束形狀中相對應(yīng)的點(diǎn)。它的工作原理是，在變形的初始圖形與結(jié)束圖形上分別指定一些形狀提示點(diǎn)，并使這些點(diǎn)在起始幀中和結(jié)束幀中一一對應(yīng)。7.1.3 使用形狀提示符隴東學(xué)院信息工程學(xué)院在Flash中最多可以使用26個形狀提示點(diǎn)，分別用字母az表示。起始關(guān)鍵幀上的形狀提示點(diǎn)是黃色的，結(jié)束關(guān)鍵幀的形狀提示點(diǎn)是綠色的，而當(dāng)不在一條曲線上時，形狀提示點(diǎn)為紅色。7.1.3 使用形狀提示符隴東學(xué)院信息工程學(xué)院使用形狀提示符的

5、操作步驟如下：（1）打開一個變形過渡動畫，選擇第1個關(guān)鍵幀。（2）選擇“修改-形狀-添加形狀提示”命令，這時在舞臺中將出現(xiàn)一個紅色的形狀提示點(diǎn)，標(biāo)識字母為a。（3）將形狀提示點(diǎn)移到希望標(biāo)記的位置。7.1.3 使用形狀提示符隴東學(xué)院信息工程學(xué)院（4）選擇變形過渡動畫的最后一個關(guān)鍵幀，可以看到在最后一幀的圖形上也有一個紅色的標(biāo)為a的形狀提示點(diǎn)。（5）把這個形狀提示點(diǎn)移到相應(yīng)的位置，形狀提示點(diǎn)將變?yōu)榫G色。這時如果單擊第1幀，可以看到形狀提示點(diǎn)變?yōu)辄S色。（6）播放動畫，可以看到在起始關(guān)鍵幀中標(biāo)記的點(diǎn)，變形后是在結(jié)束幀中標(biāo)記的位置。（7）重復(fù)以上步驟，根據(jù)需要添加其他形狀提示點(diǎn)。7.1.3 使用形狀提示符隴東學(xué)院信息工程學(xué)院7.2 形變補(bǔ)間動畫應(yīng)用實(shí)例7.2.1 實(shí)例一：太陽變月亮1創(chuàng)建電影文件。2繪制太陽和月亮。3形變動畫的制作。4保存并測試電影文件。隴東學(xué)院信息工程學(xué)院7.2.2 實(shí)例二：XYZ變換1創(chuàng)建電影文件。2制作字母“X”變“Y”的形變效果。3制作字母“Y”變“Z”的形變效果。4保存并測試電影文件。7.2 形變補(bǔ)間動畫應(yīng)用實(shí)例隴