Animate動畫設(shè)計實例教程 課件 任務(wù)五 引導(dǎo)層動畫

任務(wù)五

引導(dǎo)層動畫Animate動畫設(shè)計案例教程CONTENTS目錄1.任務(wù)分析2.難點剖析3.相關(guān)知識4.案例實現(xiàn)5.任務(wù)總結(jié)6.提高創(chuàng)新01任務(wù)分析知識目標技能目標素質(zhì)目標思政目標素質(zhì)目標培養(yǎng)學(xué)生自主學(xué)習的能力：對引導(dǎo)層動畫的靈活應(yīng)用。技能目標能夠制作引導(dǎo)層動畫；能夠排除引導(dǎo)層動畫出現(xiàn)的錯誤。知識目標掌握引導(dǎo)層動畫的制作思路和方法；掌握引導(dǎo)層路徑的繪制技巧。思政目標培養(yǎng)學(xué)生自主探究的學(xué)習能力和勤動腦、勤動手的學(xué)習習慣。任務(wù)分析02難點剖析路徑引導(dǎo)層動畫，就是運動對象沿路徑的起點運動到路徑的終點。因此，路徑要有明確的起點、終點。如果路徑是閉合的圓形，則運動對象會自動選擇沿距離最近的路徑運動。所以，引導(dǎo)層動畫應(yīng)避免出現(xiàn)閉合路徑；如果需要閉合路徑，應(yīng)擦除一點兒路徑，為閉合路徑創(chuàng)建起點、終點。難點剖析03相關(guān)知識引導(dǎo)層動畫圖層常用命令引導(dǎo)層動畫的常見錯誤1.引導(dǎo)層動畫引導(dǎo)層動畫，就是運動對象沿路徑的起點運動至路徑的終點。1．引導(dǎo)層的構(gòu)成引導(dǎo)層動畫由“引導(dǎo)層”和“被引導(dǎo)層”組成。

2．制作要求①創(chuàng)建傳統(tǒng)運動補間動畫。②添加傳統(tǒng)運動引導(dǎo)圖層，繪制連續(xù)、圓滑的路徑。③調(diào)整實例的中心點分別與路徑的起點、終點對齊。相關(guān)知識2.引導(dǎo)層動畫的常見錯誤1．引導(dǎo)關(guān)系沒有正確建立正確的引導(dǎo)關(guān)系，引導(dǎo)層的圖標是曲線，并且引導(dǎo)層和被引導(dǎo)層的圖標會形成前后位置關(guān)系。如果引導(dǎo)關(guān)系沒有正確建立，則引導(dǎo)層的圖標是一個小錘子，并且引導(dǎo)層和被引導(dǎo)層的圖標左側(cè)在同一個位置，修改方法：拖動被引導(dǎo)層，向右上角方向拖動。調(diào)整后，引導(dǎo)關(guān)系正確。相關(guān)知識2．引導(dǎo)關(guān)系正確，但運動對象沒有按路徑運動，仍做直線運動錯誤原因：運動對象沒有被綁定到路徑上。修改方法：選擇運動對象，開啟“貼緊至對象”按鈕，這時物體會顯示一個小圓點，將鼠標指針放在這個小圓點上，拖動到路徑上。將運動對象的Alpha值降到最低，可以清晰地看到中心點。2.引導(dǎo)層動畫的常見錯誤3．引導(dǎo)關(guān)系正確，運動對象也綁定到路徑上，但不能正確引導(dǎo)運動對象按路徑運動錯誤原因：引導(dǎo)線斷裂。修改方法：一般引導(dǎo)線斷裂的斷點非常微小，肉眼不容易定位，可以逐段檢查路徑；初步定位后，使用“放大鏡”工具進行區(qū)域放大，檢查路徑。具體操作方法如下：相關(guān)知識①結(jié)束幀，將運動對象放置在距離路徑起點比較近的地方時，測試運動情況是否正常（如果有交叉點，一般會選取交叉點為檢查點）。②如果該段路徑正常，繼續(xù)向后調(diào)整運動對象的位置，重復(fù)操作。在確定某段距離物體不能按路徑運動時，再將結(jié)束幀的物體位置向路徑前面移動，盡量精確地確定出問題的路徑點。③使用“放大鏡”工具對路徑進行區(qū)域放大，可以看到路徑斷裂點。

1.引導(dǎo)層動畫相關(guān)知識3．實現(xiàn)步驟①創(chuàng)建圖形元件，繪制運動對象。②切換到場景1，從“庫”中拖出元件，生成實例，創(chuàng)建實例的傳統(tǒng)補間動畫，鎖定圖層。③右擊圖層，在彈出的快捷菜單中選擇“添加傳統(tǒng)運動引導(dǎo)層”命令，建立引導(dǎo)關(guān)系。④在引導(dǎo)圖層，繪制一條連續(xù)、圓滑的線段，鎖定圖層。⑤使運動對象附著在引導(dǎo)線上。⑥選擇小球，使用“任意變形工具”調(diào)整小球的角度，使小球與路徑處于平行狀態(tài)。⑦選擇被引導(dǎo)層的傳統(tǒng)運動補間，在“屬性”面板中選中“調(diào)整到路徑”復(fù)選框。再次播放動畫，小球隨路徑調(diào)整自身角度。3.圖層常用命令1．剪切圖層、拷貝圖層將圖層剪切到剪貼板中，右擊圖層，在選擇“粘貼圖層”命令時，可粘貼圖層。2．復(fù)制圖層在當前時間軸直接生成圖層副本。3．合并圖層選擇多個圖層后，選擇“合并圖層”命令，多個圖層內(nèi)容合并進一個圖層，圖層自動重命名為：MergedLayer；如果合并的多個圖層中有動畫效果，將自動轉(zhuǎn)換為逐幀動畫。

相關(guān)知識04案例實現(xiàn)泡泡運動文字做路徑——星光文字火花四濺泡泡運動學(xué)習目標：掌握繪制透明泡泡的技巧，即中心透明——外圍不透明的效果。實現(xiàn)效果：泡泡自由向上浮動。設(shè)計思路：使用徑向漸變繪制透明泡泡，讓泡泡按照設(shè)計好的路徑運動。1.繪制泡泡，新建圖形元件：泡泡。2．制作引導(dǎo)層動畫欣賞飄落的花瓣火花四濺學(xué)習目標：繪制中心不透明——外圍透明的火花；掌握引導(dǎo)層可以放置多條路徑，引導(dǎo)層可以有多個被引導(dǎo)層的制作技巧。實現(xiàn)效果：火花向四處飛濺，并消失。設(shè)計思路：使用徑向漸變繪制火花，然后讓多個火花按照不同的路徑運動。1．繪制火花，新建“火花”元件2．制作一個火花飛出的效果3．制作多個火花飛出的效果文字做路徑——星光文字學(xué)習目標：掌握當引導(dǎo)層路徑比較復(fù)雜時動畫的處理方式及繪制星星的多種方法。實現(xiàn)效果：星星造型沿KeepFightingChina運動一周，停止播放。設(shè)計思路：手繪字母路徑，制作引導(dǎo)層動畫。1．繪制小星星2．輸入文本，添加濾鏡3．創(chuàng)建傳統(tǒng)補間動畫4．繪制路徑，調(diào)整星實例沿文字運動5．添加Stop();語句，控制動畫播放05任務(wù)總結(jié)任務(wù)總結(jié)1．透視透視一般用于繪制場景，也用于運動對象由遠及近或由近及遠的位置、大小變化，最大的特點就是近大遠小。任務(wù)總結(jié)2．濾鏡濾鏡可以添加一些特殊效果，使對象立體化。Animate通過“屬性”面板添加以下幾種濾鏡：投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角、調(diào)整顏色。在正常情況下，對象可以添加多種濾鏡，配合補間動畫制作精美的效果。Animate能夠添加濾鏡的對象有：文本、按鈕實例、影片剪輯實例。投影：模糊：發(fā)光：斜角：任務(wù)總結(jié)06提高創(chuàng)新鼠標替換鼠標替換學(xué)習目標：掌握通過代碼提示選擇實現(xiàn)鼠標替換效果代碼的方法。效果實現(xiàn)：鼠標隱藏，同時影片剪輯元件坐標跟隨鼠標移動，實現(xiàn)鼠標替換效果。設(shè)計思路：1．制作影片剪輯元件“特效”2．為實例命名：mc3．選擇動作腳本鼠標替換stage.addChild(mc);mc.mouseEnabled=false;mc.addEventLi