《二維動畫設計軟件應用（Flash CS6）》項目五 引導路徑動畫 遮罩動畫

項目五引導路徑動畫、遮罩動畫二維動畫設計軟件應用（Flashcs6）項目導讀

Flash作品中，我們經(jīng)常會看到魚兒在水中自由自在的游、衛(wèi)星繞著地球旋轉(zhuǎn)、絢爛的光線、MTV字幕等動畫效果，這些動畫效果單純的依靠設置關鍵幀是很難實現(xiàn)的。Flash為我們提供了引導層和遮罩層來實現(xiàn)復雜動畫的制作。在項目五中，我們將學會如何應用引導層和遮罩層來制作復雜動畫。儲備新知識學習重點任務1引導線動畫——紙飛機思考與探索項目內(nèi)容任務3遮罩引導綜合動畫——網(wǎng)站廣告任務2遮罩動畫——放大鏡效果學習重點項目五引導路徑動畫、遮罩動畫——學習重點學會什么？1.了解引導層的功能，掌握引導層動畫的制作方法2.了解遮罩層的功能，掌握遮罩層動畫的制作方法3.學會綜合運用引導層和遮罩層制作復雜動畫學習重點：本項目重點了解引導路徑動畫和遮罩動畫的工作原理，學習引導路徑動畫和遮罩動畫的制作方法及使用技巧。0102儲備新知識項目五引導路徑動畫、遮罩動畫——儲備新知識1.引導路徑動畫原理引導層是Flash中一種特殊的圖層，F(xiàn)lash通過引導路徑動畫來實現(xiàn)對象沿著復雜路徑移動，靈活地使用引導層可以創(chuàng)建出豐富多彩的動畫效果。引導路徑動畫就是利用引導層中的引導線確定移動路徑，使被引導層里的物體沿著指定的路徑移動。需要注意的是引導層上繪制的引導線僅作為路徑，在發(fā)布時是不會顯示出來的。引導路徑動畫引導路徑動畫是將一個或多個層鏈接到一個運動引導層，使一個或多個對象沿由運動引導層指定的路徑運動的動畫。引導路徑動畫由引導層和被引導層組成。項目五引導路徑動畫、遮罩動畫——儲備新知識2.創(chuàng)建引導路徑動畫的步驟（1）在普通層“圖層1”中創(chuàng)建一個對象，插入關鍵幀，在兩個關鍵幀之間創(chuàng)建傳統(tǒng)補間動畫。（2）將鼠標指向“圖層1”，單擊鼠標右鍵，在打開的快捷菜單中選擇“添加傳統(tǒng)運動引導層”，單擊鼠標左鍵，為“圖層1”添加引導層，此時“圖層1”縮進成為“被引導層”。（3）在引導層中繪制一條路徑，然后在時間軸面板中插入幀，將繪制的路徑沿用到已做好的補間動畫的終止幀。（4）在被引導層中，調(diào)整對象的位置，在起始幀處將對象的中心點移動到路徑的起點，在終止幀處將對象的中心點移動到路徑的終點。注意對象中心的十字星一定要正好對準引導線的端頭，引導路徑動畫引導路徑動畫是將一個或多個層鏈接到一個運動引導層，使一個或多個對象沿由運動引導層指定的路徑運動的動畫。引導路徑動畫由引導層和被引導層組成。項目五引導路徑動畫、遮罩動畫——儲備新知識1.遮罩動畫原理遮罩相當于在普通層上創(chuàng)建一個任意形狀的“視窗”，普通層上的內(nèi)對象通過“視窗”顯示出來，“視窗”之外的對象不會顯示。在Flash中，“遮罩動畫”是通過“遮罩層”來實現(xiàn)有選擇地顯示位于其下方的“被遮罩層”中的內(nèi)容的目地，在一個遮罩動畫中，“遮罩層”只有一個，“被遮罩層”可以有任意個。遮罩動畫遮罩也被稱為蒙版，是Flash中一個重要的功能，靈活地將遮罩動畫與其他Flash技術(shù)相互配合使用，可以使作品更加豐富生動。2.遮罩動畫步驟在Flash中遮罩層是由普通層轉(zhuǎn)化的。在某個圖層上單擊右鍵，在彈出的快捷菜單中選擇“遮罩層”。該圖層就會轉(zhuǎn)化成遮罩層，同時遮罩層下面的圖層被自動關聯(lián)為“被遮罩層”。3.遮罩層與被遮罩層所使用的內(nèi)容遮罩層中的圖形對象在播放時是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。任務1引導線動畫——紙飛機項目五引導路徑動畫、遮罩動畫——任務1任務分析：

利用引導層路徑動畫實現(xiàn)紙飛機沿著指定的路徑飛行。

《紙飛機》動畫部分截圖項目五引導路徑動畫、遮罩動畫——任務1任務實施步驟1選擇“文件”→“新建”菜單命令，新建一個flash文檔。設置相關參數(shù)。項目五引導路徑動畫、遮罩動畫——任務1任務實施步驟2選擇“文件”→“導入”→“導入到舞臺”菜單命令，導入光盤中的素材“項目五\任務1\背景.jpg”，并將時間軸面板中的圖層1命名為背景。步驟3選擇背景層，在第50幀處插入幀。項目五引導路徑動畫、遮罩動畫——任務1任務實施步驟4選擇“文件”→“導入”→“導入庫”菜單命令，導入光盤中的素材“項目五\任務1\飛機.png”導入到庫中。步驟5新建圖層2，并將其命名為飛機。將“飛機.png”從庫中拖拽到舞臺上，并將“飛機.png”縮小到70%，步驟6選擇飛機層，在50幀處插入關鍵幀，將飛機移動到舞臺的其他位置，并創(chuàng)建飛機的補間動畫。項目五引導路徑動畫、遮罩動畫——任務1任務實施步驟7將鼠標放在飛機層上，單擊鼠標右鍵，在打開的快捷菜單欄中選擇“添加傳統(tǒng)運動引導層”命令，再單擊鼠標左鍵，為飛機層添加引導層，項目五引導路徑動畫、遮罩動畫——任務1任務實施步驟8選中引導線層，選擇工具欄中的鉛筆工具，并將鉛筆模式設置為“平滑”，在舞臺中繪制飛機飛行的路徑，并調(diào)整路徑的平滑，步驟9選中時間軸面板上飛機層的第1幀，將飛機移動到引導線的起始端，注意飛機的中心要與引導線的起始端對正；再選中第50幀，將飛機移動到引導線的終止端，同樣注意飛機的中心與引導線的終止端對正。這是保證飛機沿引導線移動的關鍵。拖到時間線，看到飛機沿著引導線移動。項目五引導路徑動畫、遮罩動畫——任務1任務實施步驟10選中飛機層，在屬性面板中勾選“調(diào)整到路徑”命令，步驟11按【ctrl+enter】鍵播放動畫查看效果。保存文件，命名為“飛行的紙飛機”。項目五引導路徑動畫、遮罩動畫——任務1任務實施——任務經(jīng)驗在制作引導路徑動畫時，我們需要明確引導層是用來指示元件運行路徑的，所以“引導層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。“被引導層”中的對象是跟著引導線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能應用形狀補間動畫。任務2遮罩動畫——放大鏡效果項目五引導路徑動畫、遮罩動畫——任務2任務分析：本例中我們運用遮罩動畫來實現(xiàn)圖像的放大效果。其中原圖為背景層，放大的原圖做為被遮罩層，橢圓工具繪制的圓形做為遮罩層。

《放大鏡效果》動畫部分截圖項目五引導路徑動畫、遮罩動畫——任務2步驟1選擇“文件”→“新建”菜單命令，新建一個flash文檔。設置相關參數(shù)。任務實施項目五引導路徑動畫、遮罩動畫——任務2步驟2選擇“文件”→“導入”→“導入到庫”菜單命令，將光盤中的素材“項目五\任務2\原圖.jpg、鏡框.png”導入到庫中。步驟3將庫中的“原圖”拖到舞臺中，利用對齊面板將其“與舞臺對齊”，并將圖層1命名為背景，在20幀處插入幀。任務實施項目五引導路徑動畫、遮罩動畫——任務2步驟4新建圖層2，并將其命名為“大圖”，將庫中的原圖導入到舞臺，將其縮放到140%，稍微調(diào)整大圖的位置，任務實施項目五引導路徑動畫、遮罩動畫——任務2步驟5新建圖層3，命名為“放大鏡”，選擇橢圓工具在舞臺繪制圓形，并在第1幀到第20幀之間創(chuàng)建圓形從左向右移動的補間動畫。步驟6新建圖層4，命名為“鏡框”，將庫中的“鏡框.png”拖入到舞臺，調(diào)整大小和位置，按照步驟5的方法創(chuàng)建從左到右的補間動畫。任務實施項目五引導路徑動畫、遮罩動畫——任務2步驟7選中放大鏡層，單擊鼠標右鍵，在彈出的快捷菜單中選擇“遮罩層”，將放大鏡層轉(zhuǎn)化為遮罩層。任務實施步驟8按【ctrl+enter】鍵播放動畫查看效果。保存文件，命名為“放大鏡效果”。項目五引導路徑動畫、遮罩動畫——任務2任務實施——任務經(jīng)驗如果你對放大鏡放大的倍數(shù)的效果不滿意，可以先點擊時間軸面板上大圖圖層的鎖頭，解鎖后，調(diào)整下大圖的縮放比例，調(diào)整好縮放比例后，千萬別忘記把鎖頭鎖上，否則你是看不到遮罩效果的呀！想想看，如果你想改變放大鏡移動的位置又該如何操作呢！任務3遮罩引導綜合動畫——網(wǎng)站廣告項目五引導路徑動畫、遮罩動畫——任務3任務分析：本例是遮罩動畫和路徑引導動畫的綜合運用。實例中運用繪圖工具繪制飛機和白板部分，飛機沿指定的路徑飛行，隨著飛機的飛行，白板展開，廣告文字分別以逐個及探照燈效果出現(xiàn)。

《網(wǎng)頁廣告》動畫部分截圖項目五引導路徑動畫、遮罩動畫——任務3步驟1選擇“文件”→“新建”菜單命令，新建一個flash文檔。設置相關參數(shù)。任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟2選擇“文件”→“導入”→“導入到庫”菜單命令，將光盤中的素材“項目五\任務3\地球.jpg”導入到庫中。步驟3將庫中的“地球.jpg”拖拽到舞臺中央，將圖層1命名為“背景”，在50幀處插入幀，并將背景層鎖定，任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟4選擇“插入”→“新建元件”菜單命令，元件命名為“飛機”，繪制飛機。任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟5新建圖層2，命名為“白板”，并繪制如圖所示的圖形。任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟6新建圖層3，命名為“遮罩層”，繪制如圖5-33的形狀；在第10幀處插入關鍵幀，將繪制圖形的形狀調(diào)整成如圖所示的形狀，在第1幀和第10幀之間創(chuàng)建形狀補間動畫。任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟7選中遮罩層，單擊鼠標右鍵，選中“遮罩層”，將圖層轉(zhuǎn)化為遮罩層，如圖所示。按下回車鍵，可以看到白板的漸顯效果。任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟8新建圖層4，命名為“飛機”，將庫中繪制的元件“飛機”拖入舞臺，并調(diào)整其大小。步驟9在第1幀和第10幀之間制作飛機從舞臺左下方飛向舞臺右上方的動畫。任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟10選擇飛機層，單擊鼠標右鍵，選擇“添加傳統(tǒng)引導線層”，并繪制引導線路徑，將飛機移動到路徑上，適當調(diào)整路徑的位置。任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟11新建圖層5，命名為“音樂”，在第11幀處插入關鍵幀，輸入文本“一個人帶著音樂去旅行”，字體為“幼圓”，文字顏色為“#cc0066”。步驟12制作文字逐個出現(xiàn)效果。新建圖層6，命名為“矩形”，在第11幀處插入關鍵幀，繪制矩形。并制作矩形有第11幀到第15幀的從左向右移動的動畫效果，并將“矩形”層轉(zhuǎn)化為“音樂”層的遮罩層，任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟13同步驟11和步驟12制作，分別在第16幀至第20幀和第21幀至25幀制作其他兩組文字的動態(tài)效果。任務實施項目五引導路徑動畫、遮罩動畫——任務3步驟14新建圖層10，命名為“精英”，在第26幀處插入關鍵幀，輸入文本“精英英語助你圓夢”。步驟15制作文字的探照燈效果。新建圖層11，命名為“小球”，在第26幀處插入關鍵幀，繪制小球，并在第26幀和第40幀之間制作小球從左向右移動的動畫。然后將“小球”層轉(zhuǎn)化為遮罩層。步驟16按【ctrl+enter】鍵播放動畫查看效果。保存文件，命名為“網(wǎng)站廣告”任務實施項目五引導路徑動畫、遮罩動畫——任務3任務實施——任務經(jīng)驗本實例的制作過程中，要注意飛機飛行和白板出現(xiàn)的節(jié)奏要合理，可以通過調(diào)整遮罩層形狀的變化來把握節(jié)奏。文字出現(xiàn)運用了遮罩原理，大家可以廣開思路，想想利用遮罩原理還可以制作哪些文字的動態(tài)效果。飛機沿路徑飛行時，注意首尾端的對齊。思考與探索項目五引導路徑動畫、遮罩動畫——思考與探索思考01探索021.引導路徑動畫的原理？2.引導層和被引導層分別可以是哪些元素？