Flash骨骼遮罩引導層動畫

Flash骨骼遮罩引導層動畫第1頁/共27頁目的、重點和難點目的掌握骨骼動畫；掌握遮罩動畫；掌握引導層動畫。重點掌握遮罩動畫；掌握引導層動畫。難點骨骼動畫適用范圍遮罩層和被遮罩層的關系。如何在遮罩層和被遮罩中設置動畫。遮罩層和被遮罩層中應分別放置什么對象。引導路徑的設置引導層動畫調整到路徑第2頁/共27頁骨骼動畫用途制作機械類轉動，使用元件+骨骼的形式；制作生物類關節(jié)，使用圖形+骨骼的形式。第3頁/共27頁課堂示例1_鏟土車運行實驗指導P157-5利用庫中的元件，制作鏟土車運行的示意動畫，動畫總幀數(shù)為60幀第4頁/共27頁遮罩的概念什么是遮罩在圖層中有一個遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會顯示。遮罩有什么用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，是用來遮罩住某一元件的一部分，從而實現(xiàn)一些特殊的效果。遮罩層是任意形狀被遮罩層（在遮罩層下）遮罩后的效果第5頁/共27頁創(chuàng)建遮罩的方法遮罩層是由普通圖層轉化而來的。在某個圖層上單擊右鍵，在彈出菜單中選擇【遮罩層】，該圖層就會生成遮罩層，“層圖標”就會從普通層圖標變?yōu)檎谡謱訄D標，系統(tǒng)會自動把遮罩層下面的一層關聯(lián)為“被遮罩層”，如果想關聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面就可以了第6頁/共27頁構成遮罩和被遮罩層的元素遮罩層中的圖形對象在播放時是看不到的，遮罩層中的內容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉化為“填充”。被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。

第7頁/共27頁創(chuàng)建遮罩動畫的步驟首先在普通圖層中，放入被遮罩對象，創(chuàng)建動畫(如果需要可以在被遮罩層中使用形狀補間動畫、動作補間動畫、引導線動畫等動畫)然后在當前圖層上方新建圖層，放入遮罩對象，創(chuàng)建動畫(如果需要可以在遮罩層中使用形狀補間動畫、動作補間動畫、引導線動畫等動畫)最后將放入遮罩對象的圖層設置為遮罩圖層第8頁/共27頁課堂示例2_簡單遮罩動畫打開“簡單遮罩動畫.fla”文件，利用素材創(chuàng)建遮罩動畫關鍵步驟：將庫中文字拖動到舞臺，持續(xù)40幀新建圖層，畫球，并創(chuàng)建球來回滾動動畫，持續(xù)40幀選擇“球”所在圖層，按右鍵選擇“遮罩層”保存為“簡單遮罩動畫.fla”，導出為“簡單遮罩動畫.swf”第9頁/共27頁課堂示例3_羅馬假日題目制作如“羅馬假日1.swf”和“羅馬假日2.swf”所示的動畫效果，一種效果是文字不動，但是文字上的圖案運動；一種效果是圖案不動，但是文字動。知識點遮罩動畫的制作方法。將補間動畫分別應用到遮罩層和被遮罩層的效果區(qū)別。第10頁/共27頁參考步驟“羅馬假日1.swf”的參考步驟：新建文件，導入素材設置文檔背景色為黑色；將海報作為背景圖層圖片，并設置動作補間動畫，使圖片從舞臺上方移動到舞臺下方；在背景圖層上方新建文字圖層，輸入文字“ROMANHOLIDAY”，Impact字體，擴展到和背景圖層相同的幀數(shù)；并將文字層設置為遮罩層。保存為“羅馬假日1.fla”，導出為“羅馬假日1.swf”“羅馬假日2.swf”的參考步驟：新建文件，導入素材設置文檔背景色為黑色；將海報作為背景圖層圖片在背景圖層上方新建圖層，先創(chuàng)建多邊形形狀變化的形狀補間動畫；在形狀補間動畫后面制作文字移動的動作補間動畫，文字為“ROMANHOLIDAY”，Impact字體，從小到達變化，并從舞臺上方移動到舞臺中央；將文字層設置為遮罩層。保存為“羅馬假日2.fla”，導出為“羅馬假日2.swf”羅馬假日1羅馬假日2第11頁/共27頁課堂示例4_文字遮罩動畫題目打開“金立手機.fla”文件，利用素材創(chuàng)建遮罩動畫一道白色輝光從文字左邊掠過到文字右邊，又從文字右邊掠過到文字左邊。效果參見“文字遮罩動畫-樣張.swf”。知識點：利用遮罩動畫的制作輝光效果文字。該效果在各種廣告宣傳的文字中都有很好應用。第12頁/共27頁參考步驟打開“金立手機.fla”文件創(chuàng)建“背景文字”層，持續(xù)到60幀復制“背景文字”層(建立“遮罩文字層”)在兩個文字層中間新建圖層，創(chuàng)建“輝光運動”動畫將“輝光運動”動畫上方文字圖層，設置為遮罩層保存為“金立手機.fla”第13頁/共27頁課堂示例5_金立手機題目在示例4基礎上，完成劉德華的圖片漸漸出現(xiàn)又漸漸消失，添加背景音樂。效果參見“金立手機-樣張.swf”。知識點：遮罩動畫和其他動畫相結合，又互不干擾。第14頁/共27頁參考步驟在示例4基礎上，新建圖層人物變化動畫層背景圖片層背景音樂層第15頁/共27頁引導層動畫的原理將一個或多個層鏈接到一個運動引導層，使一個或多個對象沿同一條路徑運動的動畫形式被稱為“引導路徑動畫”。這種動畫可以使一個或多個元件完成曲線或不規(guī)則運動。第16頁/共27頁創(chuàng)建引導層和被引導層在普通圖層上單擊時間軸面板中的“添加傳統(tǒng)運動引導層”按鈕，該層的上面就會添加一個引導層，同時該普通層縮進成為“被引導層”第17頁/共27頁引導層和被引導層中的對象引導層是用來指示元件運行路徑的，所以“引導層”中的內容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。“被引導層”中的對象是跟著引導線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應用形狀。由于引導線是一種運動軌跡，不難想象，“被引導”層中最常用的動畫形式是動畫補間動畫，當播放動畫時，一個或數(shù)個元件將沿著運動路徑移動。第18頁/共27頁向被引導層中添加元件“引導動畫”最基本的操作就是使一個運動動畫“附著”在“引導線”上。所以操作時特別得注意“引導線”的兩端，被引導的對象起始、終點的2個“中心點”一定要對準“引導線”的2個端頭。下圖中“元件”中心的十字星正好對著線段的端頭，這一點非常重要，是引導線動畫順利運行的前提。第19頁/共27頁應用引導路徑動畫的技巧把“屬性”面板上的“調整到路徑”前打上勾，對象的基線就會調整到運動路徑。在做引導路徑動畫時，按下主工具欄上的“對齊對象”功能按鈕，可以使“對象附著于引導線”的操作更容易成功。第20頁/共27頁創(chuàng)建引導層動畫步驟首先在普通圖層中，創(chuàng)建被引導對象動畫(通常為傳統(tǒng)補間動畫)然后在當前圖層上方創(chuàng)建引導圖層在引導圖層中創(chuàng)建引導線將被引導對象吸附到引導線上第21頁/共27頁課堂示例6_樹葉飄落題目：打開“古詩詞配畫.fla”，利用引導層動畫，制作如“樹葉飄落-樣張.swf”所示動畫。要求：樹葉沿不規(guī)則曲線飄落，并逐漸變小。知識點：利用引導層動畫制作樹葉飄落的效果結合傳統(tǒng)補間參數(shù)的設置，使樹葉運動更自然第22頁/共27頁參考步驟打開“古詩詞配畫.fla”制作背景層，并持續(xù)到55幀創(chuàng)建樹葉運動圖層創(chuàng)建引導圖層，畫引導線使樹葉吸附在引導線上，注意“調整到路徑”選項保存“古詩詞配畫.fla”第23頁/共27頁課堂練習完成課堂示例1－6繼續(xù)課堂示例6，要求：毛筆書寫出“天蒼蒼野茫茫”文字。參見“古詩詞配畫-樣張.swf”。第24頁/共27頁古詩詞配畫-參考步驟繼續(xù)課堂示例6文字效果：新建一個圖層，利用逐幀動畫制作文字逐個出現(xiàn)的效果；毛筆字效果：新建一個圖層，利用傳統(tǒng)補間動畫，制作毛筆字移動的效果；注意調整文字層和毛筆字層的幀數(shù)，從而使兩層播放時配合一致。保存為“古詩詞配畫.fla”，導出為“古詩詞配畫.swf”第25頁/