第6講圖層特效動畫(一)Flash高級商務(wù)動畫設(shè)計(全)(袁野版)

FLASH商務(wù)應(yīng)用

六、圖層特效動畫-引導(dǎo)層動畫上節(jié)課回顧圖層動畫：動畫與聲音的結(jié)合。

(音箱也瘋狂動畫)學(xué)會動畫幀的拷貝、翻轉(zhuǎn)及注意事項(xiàng)。掌握傳統(tǒng)補(bǔ)間動畫與逐幀動畫的結(jié)合。

(一個也不能跑動畫)學(xué)會移步換形的制作技巧，并制作動畫拖尾效果學(xué)會用傳統(tǒng)補(bǔ)間動畫和補(bǔ)間形狀動畫制作金字塔旋轉(zhuǎn)和文字旋轉(zhuǎn)的動畫。一、【目的】學(xué)會使用引導(dǎo)層制作動畫。掌握被引導(dǎo)層中對象的某些參數(shù)的概念，如簡易、調(diào)整到路徑等。靈活應(yīng)用引導(dǎo)層制作復(fù)雜動畫。會使用“洋蔥皮”功能查看動畫過程的每個細(xì)節(jié)。二、【重點(diǎn)】

掌握引導(dǎo)層及被引導(dǎo)層的基本概念。橢圓軌道動畫的制作技巧。三、【難點(diǎn)】

打乒乓球。引導(dǎo)層動畫的原理將一個或多個層鏈接到一個運(yùn)動引導(dǎo)層，使一個或多個對象沿同一條路徑運(yùn)動的動畫形式被稱為“引導(dǎo)路徑動畫”。這種動畫可以使一個或多個元件完成曲線或不規(guī)則運(yùn)動。創(chuàng)建引導(dǎo)層動畫步驟首先在普通圖層中，創(chuàng)建被引導(dǎo)對象動畫(通常為傳統(tǒng)補(bǔ)間動畫)然后在當(dāng)前圖層上方創(chuàng)建引導(dǎo)圖層：在普通圖層上單擊時間軸面板中的“添加傳統(tǒng)運(yùn)動引導(dǎo)層”按鈕，該層的上面就會添加一個引導(dǎo)層，同時該普通層縮進(jìn)成為“被引導(dǎo)層”在引導(dǎo)圖層中創(chuàng)建引導(dǎo)線將被引導(dǎo)對象吸附到引導(dǎo)線上四、實(shí)例1—彈跳球

四、實(shí)例1—【實(shí)例說明】和【技術(shù)要點(diǎn)】【實(shí)例說明】小球從左側(cè)高處斜拋落下，在地上反復(fù)彈跳多次后滾出舞臺右側(cè)?！炯夹g(shù)要點(diǎn)】使用引導(dǎo)層控制小球的運(yùn)動軌跡，通過設(shè)置移動動畫的屬性來生成加速運(yùn)動的效果。課堂示例1:關(guān)鍵步驟啟動FlashCS4，菜單上，文件

另存為，在“另存為”的對話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：彈跳球.fla，點(diǎn)擊“保存”按鈕。菜單上，修改

文檔，打開“文檔屬性”對話框，設(shè)置文檔尺寸為300×200，背景顏色為白色，幀頻為12fps(即12幀/秒)，單擊“確定”按鈕，返回到文檔場景編輯窗口。菜單上，插入

新建元件，打開“創(chuàng)建新元件”對話框，在名稱后輸入：球，行為選擇“圖形”，單擊“確定”按鈕，打開“球”元件編輯窗口；鼠標(biāo)選擇工具箱中的橢圓工具，設(shè)置筆觸顏色為無，填充顏色為徑向漸變小球（也可以通過菜單上，窗口

顏色，來設(shè)置任意徑向漸變填充色），如圖1所示，按住【Shift】鍵，在舞臺上繪圓，如圖可以通過菜單上，窗口

顏色，來設(shè)置任意徑向漸變填充色），如圖2所示。

課堂示例1:關(guān)鍵步驟單擊舞臺左上方的“場景1”按鈕切換到場景編輯窗口。菜單上，窗口

庫，打開庫面板；從庫面板中將“球”元件拖動到舞臺上（第一幀中）。鼠標(biāo)右鍵單擊“圖層1”的第30幀

插入關(guān)鍵幀，鼠標(biāo)右鍵單擊第1幀

創(chuàng)建傳統(tǒng)補(bǔ)間動畫，到40幀，插入幀。此時時間軸如圖1所示。右鍵擊圖層處“添加傳統(tǒng)運(yùn)動引導(dǎo)層”

，在“圖層1”之上創(chuàng)建了引導(dǎo)層，“圖層1”自動變?yōu)楸灰龑?dǎo)層，此時時間軸如圖2所示課堂示例1:關(guān)鍵步驟選擇工具箱中的鉛筆工具，設(shè)置筆觸顏色為黑色，鉛筆工具工作模式為“平滑”，在舞臺上繪制如圖所示的軌跡（如果軌跡不光滑可以利用箭頭工具修改）。單擊“圖層1”的第1幀，在舞臺上拖動小球到軌跡的起始點(diǎn)位置，如圖2所示。單擊“圖層1”的第30幀，在舞臺上拖動小球到軌跡的終點(diǎn)位置，如圖3所示。課堂示例1:關(guān)鍵步驟用鼠標(biāo)右鍵單擊“圖層1”的第1幀

屬性（又一種方式，打開或關(guān)閉“屬性”面板），設(shè)置“緩動”后面的加速度值為-100，即為加速運(yùn)動按下【Enter】鍵，觀看影片的播放效果。在場景編輯窗口中，按下【Enter】鍵播放影片，引導(dǎo)層中的軌跡線會顯示出來，但在影片輸出之后，引導(dǎo)層中的軌跡線不會顯示在最終的作品中。如果不希望在編輯窗口上看到軌跡線，可以單擊該圖層對應(yīng)眼睛圖標(biāo)下的黑點(diǎn)，關(guān)閉該圖層。菜單上，文件

保存。五、實(shí)例2—飛行特技五、實(shí)例2——【實(shí)例說明】及【技術(shù)要點(diǎn)】【實(shí)例說明】一架戰(zhàn)斗機(jī)在空中盤旋翻滾并變換大小。【技術(shù)要點(diǎn)】從Wingdings字體中導(dǎo)入飛機(jī)對象，利用移動動畫創(chuàng)建動畫效果，利用引導(dǎo)層設(shè)定飛行路徑，在幀“屬性”面板中啟用“調(diào)整到路徑”復(fù)選框。

課堂示例2:關(guān)鍵步驟啟動FlashCS4，菜單上，文件

另存為，在“另存為”的對話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：飛行特技.fla，點(diǎn)擊“保存”按鈕。菜單上，修改

文檔，打開“文檔屬性”對話框，設(shè)置文檔尺寸為645px×485px，幀頻為12fps，點(diǎn)擊“確定”。在時間軸上將“圖層1”更名為“背景”，菜單上，文件

導(dǎo)入，打開“導(dǎo)入”對話框，選擇“cloud.jpg”圖形文件，單擊“打開”按鈕，將其導(dǎo)入到舞臺上，并調(diào)整好圖片的位置在“背景”圖層之上新建“飛機(jī)”圖層，選擇工具箱中的文本工具，打開“屬性”面板，設(shè)置字體為：Wingdings，大小為80，鼠標(biāo)在“舞臺”上點(diǎn)擊一下，出現(xiàn)文本錄入框，按【Shift+Q】組合鍵，則出現(xiàn)一個黑色的飛機(jī)圖案。鼠標(biāo)右鍵單擊“飛機(jī)”圖層的第30幀

插入關(guān)鍵幀，然后鼠標(biāo)右鍵單擊“飛機(jī)”圖層第1幀

創(chuàng)建傳統(tǒng)補(bǔ)間動畫，時間軸如圖

課堂示例2:關(guān)鍵步驟單擊“飛機(jī)”圖層，再單擊時間軸下方的“添加運(yùn)動引導(dǎo)層”按鈕，在“飛機(jī)”圖層之上創(chuàng)建引導(dǎo)層，“飛機(jī)”圖層自動轉(zhuǎn)換為被引導(dǎo)層，如圖1所示。選擇工具箱中的鉛筆工具，設(shè)置筆觸顏色為黑色（其它顏色也可以），在舞臺上繪制如圖2所示的運(yùn)動軌跡線

課堂示例2:關(guān)鍵步驟單擊“飛機(jī)”圖層的第1幀，選擇工具箱中的箭頭工具，將舞臺上的飛機(jī)拖動到軌跡線的起點(diǎn)（舞臺左側(cè)）；菜單上，窗口

變形，打開“變形”面板，在“旋轉(zhuǎn)”后面輸入：-60（這個角度根據(jù)所畫曲線的彎曲度進(jìn)行測試得到的，也可以直接利用工具箱中的“任意變形工具”調(diào)整飛機(jī)的仰角），如圖1所示，打【Enter】鍵后，舞臺上的飛機(jī)如圖2所示。

課堂示例2:關(guān)鍵步驟鼠標(biāo)單擊“飛機(jī)”圖層的第30幀，將舞臺上的飛機(jī)拖動到軌跡線的終點(diǎn)，將飛機(jī)的前進(jìn)方向調(diào)整到與終點(diǎn)軌跡的切線的方向一致。按下【Enter】鍵，觀看動畫播放效果?？梢钥吹剑w機(jī)沿著運(yùn)動軌跡線飛行，但是沒有翻滾動作，而且飛機(jī)的前進(jìn)方向不是與軌跡的切線方向一致。鼠標(biāo)右鍵單擊“飛機(jī)”圖層的第1幀

屬性，打開“屬性”面板，選中“調(diào)整到路徑”復(fù)選框。鼠標(biāo)單擊“飛機(jī)”圖層的第15幀，此時飛機(jī)降到最低點(diǎn)，在該幀上單擊鼠標(biāo)右鍵

插入關(guān)鍵幀，將該幀對應(yīng)舞臺上的飛機(jī)放大一點(diǎn)（利用工具箱中的任意變形工具），點(diǎn)擊繪圖紙外觀，應(yīng)用洋蔥皮功能，如圖1所示。此時時間軸如圖2所示。按下【Enter】鍵，再次觀看動畫播放效果?？梢钥吹斤w機(jī)在翻滾的同時，大小也在變化。菜單上，文件

保存。六、實(shí)例3—乒乓球?qū)毩?xí)

六、實(shí)例3——【實(shí)例說明】及【技術(shù)要點(diǎn)】【實(shí)例說明】乒乓球?qū)毩?xí)。【技術(shù)要點(diǎn)】1)繪制乒乓球、乒乓球拍矢量圖元件。2)創(chuàng)建引導(dǎo)圖層，并繪制乒乓球運(yùn)動引導(dǎo)線。3）創(chuàng)建普通圖層，制作球拍的運(yùn)動。課堂示例3:關(guān)鍵步驟啟動FlashCS4，菜單上，文件

另存為，在“另存為”的對話框上，先選擇保存文件的文件夾的位置，在文件名后輸入：乒乓球.fla，點(diǎn)擊“保存”按鈕。菜單上，修改

文檔，打開“文檔屬性”對話框，設(shè)置文檔尺寸為550px×400px，藍(lán)色背景，幀頻為12fps，點(diǎn)擊“確定”。菜單上，插入

新建元件，打開“創(chuàng)建新元件”對話框。在名稱后輸入：拍打乒乓球，行為選擇“影片剪輯”。單擊“確定”按鈕，打開“拍打乒乓球”影片剪輯元件的編輯窗口；“圖層1”更名為“球拍”，菜單上，文件

導(dǎo)入，打開“導(dǎo)入”對話框，選擇“乒乓球拍.jpg”圖形文件，單擊“打開”按鈕，將其導(dǎo)入到舞臺上，并調(diào)整好圖片的位置。在第2幀，第3幀右鍵插入關(guān)鍵幀。第2幀的拍移動到合適位置。插入幀，到14幀。在“球拍”圖層之上新建“墻”圖層，選擇工具箱中的矩形工具，筆觸為黑色，打開“顏色”面板，設(shè)置白棕線性漸變。課堂示例3:關(guān)鍵步驟在“墻”圖層之上新建“球”圖層，畫白色球，在第7幀和第14幀插入關(guān)鍵幀，調(diào)整第7幀的位置到墻邊。鼠標(biāo)右鍵單擊第1幀

創(chuàng)建傳統(tǒng)補(bǔ)間動畫。鼠標(biāo)右鍵單擊第7幀

創(chuàng)建傳統(tǒng)補(bǔ)間動畫。右鍵擊圖層處“添加傳統(tǒng)運(yùn)動引導(dǎo)層”

，在“球”之上創(chuàng)建了引導(dǎo)層，“球”自動變?yōu)楸灰龑?dǎo)層。選擇工具箱中的鉛筆工具，設(shè)置筆觸顏色為黑色，鉛筆工具工作模式為“平滑”，在舞臺上繪制如圖所示的軌跡（如果軌跡不光滑可以利用箭頭工具修改）。添加“聲音”圖層，在第2幀右鍵插入空白關(guān)鍵幀，拉“KeyboardTypeSngl”進(jìn)舞臺，在第8幀右鍵插入空白關(guān)鍵幀，拉“BrickDrops”進(jìn)舞臺。時間軸如圖。Ctrl+enter七、實(shí)例4—蝶戀花五、實(shí)例2——【實(shí)例說明】及【技術(shù)要點(diǎn)】【實(shí)例說明】兩只蝴蝶在花叢中自由飛翔。【技術(shù)要點(diǎn)】2)利用先前創(chuàng)建的蝴蝶原地習(xí)舞的影片剪輯元件，使用水平翻轉(zhuǎn)的方式創(chuàng)建不同的蝴蝶，使用引導(dǎo)層為每只蝴蝶設(shè)定運(yùn)動軌跡。

課堂示例4:關(guān)鍵步驟啟動FlashCS4，雙擊蝶戀花.fla。菜單上，修改

文檔，打開“文檔屬性”對話框，設(shè)置文檔尺寸為550px×400px，藍(lán)色背景，幀頻為12fps，點(diǎn)擊“確定”。復(fù)制以前的蝴蝶影片剪輯元件到庫里。菜單上，插入

新建元件，打開“創(chuàng)建新元件”對話框。在名稱后輸入：蝴蝶舞臺，行為選擇“影片剪輯”。單擊“確定”按鈕，打開“蝴蝶舞臺”影片剪輯元件的編輯窗口；“圖層1”更名為“背景”，將花背景拖入到舞臺上，并調(diào)整好圖片的位置。在60幀插入幀。在“背景”圖層之上新建“蝴蝶1”圖層，把“蝴蝶”影片剪輯拖進(jìn)舞臺右邊。在第60幀插入關(guān)鍵幀，調(diào)整蝴蝶的位置到左邊。鼠標(biāo)右鍵單擊第1幀

創(chuàng)建傳統(tǒng)補(bǔ)間動