1、第10講 Flash 遮罩和引導(dǎo)層動畫,上節(jié)回顧,制作補(bǔ)間動畫的步驟 設(shè)置開始關(guān)鍵幀，并加入初始對象 設(shè)置結(jié)束關(guān)鍵幀，并加入變化后對象 建立補(bǔ)間 要點(diǎn)注意 形狀補(bǔ)間對象 對象分離 動作補(bǔ)間 對象單一 對象不能分離,作業(yè)中的問題,去逛街思考 移步換景效果(馬路比場景大) 白云變?yōu)踉?動作補(bǔ)間、形狀補(bǔ)間) 烏云變雨滴(形狀補(bǔ)間) 雨滴下落(動作、 形狀補(bǔ)間）,本講教學(xué)目的,目的 掌握遮罩動畫制作； 掌握引導(dǎo)層動畫制作。,重點(diǎn)和難點(diǎn),重點(diǎn) 掌握遮罩動畫； 掌握引導(dǎo)層動畫 。 難點(diǎn) 遮罩層和被遮罩層的關(guān)系。 如何在遮罩層和被遮罩中設(shè)置動畫。 遮罩層和被遮罩層中應(yīng)分別放置什么對象。 引導(dǎo)路徑的設(shè)置 引導(dǎo)

2、層動畫調(diào)整到路徑,一、遮罩的概念,遮罩的概念 在Flash的圖層中有一種遮罩圖層類型(能得到特殊的顯示效果) 如果在遮罩層上創(chuàng)建一個任意形狀的“視窗” 被遮罩層中的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會顯示。,二、創(chuàng)建遮罩的方法,創(chuàng)建與取消遮罩 創(chuàng)建遮罩 取消遮罩 取消被遮罩層 特點(diǎn) 遮罩層只能看到輪廓 被遮罩層只能看到與遮罩層相交的部分 (上面的輪廓、下面的內(nèi)容） 可以在遮罩層、被遮罩層中分別或同時使用形狀補(bǔ)間、動作補(bǔ)間、引導(dǎo)層動畫等形式,三、應(yīng)用遮罩時的技巧,遮罩層中的對象的許多屬性如漸變色、透明度、顏色和線條樣式等是被忽略的。 例如我們不能通過遮罩層的漸變色來實(shí)現(xiàn)被遮

3、罩層的漸變色變化。 例如我們不能用線條作遮罩(閃閃的紅星) 不能用一個遮罩層試圖遮蔽另一個遮罩層。 在被遮罩層中不能放置動態(tài)文本。,課堂示例1-羅馬假日,題目 制作如“羅馬假日1.swf”和“羅馬假日2.swf”所示的動畫效果，一種效果是文字不動，但是圖案運(yùn)動；一種效果是圖案不動，但是心形運(yùn)動。 知識點(diǎn) 遮罩動畫的制作方法。 將補(bǔ)間動畫分別應(yīng)用到遮罩層和被遮罩層的效果區(qū)別。,參考步驟,“羅馬假日1.swf”的參考步驟： 新建文檔500X400,并設(shè)置文檔背景色為黑色； 將海報(bào)3作為背景圖層圖片，并設(shè)置動作補(bǔ)間動畫，使圖片從舞臺上方移動到舞臺下方； 在背景圖層上方新建文字圖層，輸入文字“ROMA

4、N HOLIDAY”，Impact字體，擴(kuò)展到和背景圖層相同的幀數(shù)；并將文字層設(shè)置為遮罩層。動畫總長40幀。 “羅馬假日2.swf”的參考步驟： 新建文檔并設(shè)置文檔背景色為黑色； 將海報(bào)3作為背景圖層圖片（修改大小），保持靜止; 在背景圖層上方新建圖層，先繪制心形，讓心形自上而下到場景中央;并由小變大將舞臺覆蓋； 將形狀變化層設(shè)置為遮罩層。動畫總長45幀。,思考題,制作”羅馬假日2改進(jìn).swf”效果的動畫,課堂示例2-金立手機(jī),題目 一道白色輝光從文字左邊略到文字右邊，又從文字右邊略到文字左邊。同時，劉德華的圖片漸漸出現(xiàn)又漸漸消失。效果參見“金立手機(jī).swf”。 知識點(diǎn)： 利用遮罩動畫的制作輝

5、光效果文字。該效果在各種廣告宣傳的文字中都有很好應(yīng)用，可以很好吸引網(wǎng)迷的視線。 遮罩動畫和其他動畫相結(jié)合，又互不干擾。,關(guān)鍵步驟,文字“GIONEE金立 金品質(zhì) 立天下”做為遮罩層，白色輝光做為被遮罩層，輝光從左到右再從右到左做動作補(bǔ)間動畫。 在被遮罩層下方，新建圖層，放置和遮罩層相同內(nèi)容相同位置的文字。,金立手機(jī)-圖層提示,思考題,若要得到輝光照耀.swf的效果,該怎么辦? 輝光照耀的地方文字明亮 其它地方文字暗淡,四、引導(dǎo)層動畫,定義 通過創(chuàng)建一個運(yùn)動引導(dǎo)層，使一個或多個對象沿同一條路徑運(yùn)動的動畫形式被稱為“引導(dǎo)路徑動畫”。 這種動畫可以使一個或多個元件完成曲線或不規(guī)則運(yùn)動。,引導(dǎo)層動畫創(chuàng)

6、建,建引導(dǎo)層動畫的方法 在普通(運(yùn)動)圖層上單擊 “添加運(yùn)動引導(dǎo)層”按鈕，創(chuàng)建 引導(dǎo)層; 在引導(dǎo)層中是用鋼筆、鉛筆、線條或畫筆等工具繪制引導(dǎo)線; 被引導(dǎo)的對象起始、終點(diǎn)的2個“中心點(diǎn)”一定要對準(zhǔn)“引導(dǎo)線”的2個端頭. 注意:引導(dǎo)圖層是專門用來制作運(yùn)動軌跡的，在播放動畫的時候，軌跡不會顯示出來。,課堂示例3-空中歷險(xiǎn)的飛機(jī),題目 一個飛機(jī)沿曲線運(yùn)動，機(jī)頭方向沿曲線 知識點(diǎn)： 通過引導(dǎo)層添加飛機(jī)的曲線運(yùn)動路徑 如何將運(yùn)動對象吸附在引導(dǎo)線上 如何使飛機(jī)機(jī)頭沿飛行線方向,參考步驟,創(chuàng)建新文檔,導(dǎo)入素材 在背景圖層將背景圖片放入舞臺 創(chuàng)建飛機(jī)運(yùn)動圖層(共40幀)： 輸入飛機(jī) ,在Wingdings字體中

7、輸入shift+Q 單擊時間軸窗口上的添加引導(dǎo)圖層按鈕，為飛機(jī)圖層增加一個引導(dǎo)圖層。 選擇鉛筆工具，在引導(dǎo)層中繪制一條平滑曲線 調(diào)整飛機(jī)的首尾關(guān)鍵幀的位置與引導(dǎo)線首尾對齊 設(shè)置調(diào)整到路徑參數(shù),空中歷險(xiǎn)-圖層提示,課堂示例4-古詩詞配畫,題目：利用引導(dǎo)層動畫，制作如“古詩詞配畫.swf”所示動畫。要求：樹葉沿不規(guī)則曲線飄落，并逐漸變小；毛筆書寫出“天蒼蒼 野茫茫”文字；(有興趣給動畫配以抒情的音樂背景或者自己的詩朗誦錄音片斷)。 知識點(diǎn)： 利用引導(dǎo)層動畫制作樹葉飄落的效果 各種動畫的綜合運(yùn)用,關(guān)鍵步驟,樹葉飄落的效果：新建圖層，繪制曲線引導(dǎo)線；新建圖層，設(shè)置樹葉的運(yùn)動為動作補(bǔ)間，調(diào)整補(bǔ)間參數(shù)（旋轉(zhuǎn)5周），將樹葉運(yùn)動的首位關(guān)鍵幀吸附到引導(dǎo)線上； 文字效果：新建一個圖層，利用逐幀動畫制作文字逐個出現(xiàn)的效果；