引導動畫和遮罩動畫的制作

中文版FlashCS6動畫制作實例教程引導動畫的制作遮罩動畫的制作8.18.2第8章引導動畫和遮罩動畫的制作

8.1引導動畫的制作實例1創(chuàng)建“花瓣”飄落動畫引導動畫是指被引導對象沿著指定的路徑進行運動的動畫。引導動畫是由引導層和被引導層組成的。引導層中用于繪制對象運動的路徑，被引導層中放置運動的對象。在一個運動引導層下可以建立一個或多個被引導層。在繪制引導線時，應注意以下事項：（1）引導線不能出現(xiàn)中斷；（2）引導線不能出現(xiàn)交叉和重疊；（3）引導線的轉折不能過多或過急；（4）被引導對象對引導線的吸附一定要準確。打開“庫”面板創(chuàng)建“花瓣”實例打開素材文件“引導動畫.fla”，打開“庫”面板，查看其中包含的項目，如圖8-1所示。在“花池”圖層的第110幀處插入普通幀，然后新建圖層并重命名為“花瓣”。將“花瓣”元件從“庫”面板中拖至場景中，并將其置于舞臺之外，如圖8-2所示。實例1創(chuàng)建“花瓣”飄落動畫-1繪制路徑選擇“引導層”命令新建圖層并將其重命名為“路徑”，使用鉛筆工具繪制路徑，如圖8-3所示。右擊“路徑”圖層，在彈出的快捷菜單中選擇“引導層”命令，如圖8-4所示。實例1創(chuàng)建“花瓣”飄落動畫-2創(chuàng)建被引導層將實例緊貼路徑將“花瓣”圖層拖入引導層中，在第85幀處按【F6】鍵插入關鍵幀，如圖8-5所示。選擇“花瓣”圖層第1幀中的實例，并將其拖至線條的起點，如圖8-6所示。用同樣的方法，將第85幀的實例拖至線條的終點。實例1創(chuàng)建“花瓣”飄落動畫-3選擇“創(chuàng)建傳統(tǒng)補間”命令預覽動畫在“花瓣”圖層的兩個關鍵幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補間”命令，如圖8-7所示。拖動播放頭可以看到花瓣沿路徑進行運動，但顯得不夠自然，如圖8-8所示。實例1創(chuàng)建“花瓣”飄落動畫-4插入關鍵幀并調整實例調整實例方向在“花瓣”圖層的第14幀處插入關鍵幀，然后使用任意變形工具選中花瓣，如圖8-9所示。用同樣的方法在路徑中需要轉彎的地方插入關鍵幀，使用任意變形工具調整花瓣實例的方向，并根據(jù)需要設置必要的補間緩動，如圖8-10所示。實例1創(chuàng)建“花瓣”飄落動畫-5創(chuàng)建“水波動畫”實例添加停止代碼在“花池”圖層上新建“水波”圖層，在第85幀處按【F6】鍵插入關鍵幀，然后將“庫”面板中的“水波動畫”元件拖至舞臺中合適的位置，如圖8-11所示。新建圖層并將其重命名為“代碼”，在第110幀處按【F6】鍵插入關鍵幀。按【F9】鍵，打開“動作”面板，輸入停止代碼“stop();”，如圖8-12所示。實例1創(chuàng)建“花瓣”飄落動畫-68.2遮罩動畫的制作遮罩動畫由遮罩層和被遮罩層組成。遮罩層用于放置遮罩的形狀，被遮罩層用于放置要顯示的圖像。遮罩動畫的制作原理就是透過遮罩層中的形狀將被遮罩層中的圖像顯示出來。在本節(jié)中，將學習遮罩動畫的制作方法。實例1創(chuàng)建遮罩層實例2創(chuàng)建“放大鏡”效果遮罩動畫實例3創(chuàng)建“閃閃紅星”遮罩動畫打開素材文件分離文本打開素材文件“遮罩層.fla”，這是一張瀑布風景圖，如圖8-13所示。新建“圖層2”，使用文本工具輸入所需的文字。按【Ctrl+B】組合鍵，將文字分離為圖形，如圖8-14所示。實例1創(chuàng)建遮罩層-1選擇“遮罩層”命令查看遮罩效果右擊“圖層2”，在彈出的快捷菜單中選擇“遮罩層”命令，如圖8-15所示。此時將自動鎖定“圖層1”和“圖層2”，以查看遮罩效果?？梢钥吹酵高^文字將“圖層1”中的圖像顯示出來了，而文字外的圖像被隱藏，如圖8-16所示。要對遮罩層進行編輯，只需解鎖圖層即可。實例1創(chuàng)建遮罩層-2打開“庫”面板創(chuàng)建元件實例打開素材文件“放大鏡效果動畫.fla”，查看“庫”面板中提供的元件，如圖8-17所示。分別將“庫”面板中的“德”“贏”“天”“下”元件拖至舞臺中，并調大各實例，如圖8-18所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-1新建圖層繪制圓形將“圖層1”重命名為“大字”，并鎖定該圖層。新建“圖層2”，并將其重命名為“大字遮”，如圖8-19所示。使用橢圓工具在對象繪制模式下繪制一個圓形，使其剛好能夠遮住文字，如圖8-20所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-2繪制矩形剪切矩形使用矩形工具繪制一個矩形形狀，使其高度與舞臺相同，寬度大于舞臺寬度的2倍，右邊與舞臺的右邊對齊，如圖8-21所示。選中圓形，按【Ctrl+B】組合鍵將其分離為形狀，使其與矩形形狀進行疊加。右擊矩形，在彈出的快捷菜單中選擇“剪切”命令，如圖8-22所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-3新建圖層并粘貼矩形新建圖層并添加實例新建圖層，并將其重命名為“小字遮”。在舞臺的空白位置右擊，在彈出的快捷菜單中選擇“粘貼到當前位置”命令，如圖8-23所示。鎖定所有圖層，然后新建圖層并重命名為“放大鏡”。將“庫”面板中的放大鏡元件拖至舞臺中，如圖8-24所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-4調整實例大小隱藏并新建圖層調整放大鏡實例的大小和方向，使圓形正好充當其鏡片，效果如圖8-25所示。隱藏除“大字”圖層之外的其他圖層，在“大字遮”圖層上新建圖層，并將其重命名為“小字”，如圖8-26所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-5創(chuàng)建實例選擇“遮罩層”命令分別將“庫”面板中的“德”“贏”“天”“下”元件拖至舞臺中，并放到相應的大字的中部，如圖8-27所示。顯示各個圖層，右擊“大字遮”圖層，在彈出的快捷菜單中選擇“遮罩層”命令，如圖8-28所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-6創(chuàng)建遮罩層延長幀用同樣的方法，將“小字遮”圖層設置為遮罩層，效果如圖8-29所示。在各個圖層的第80幀處插入普通幀，以延長動畫的長度，如圖8-30所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-7插入關鍵幀調整實例位置鎖定“大字”和“小字”圖層，解鎖其他圖層。在按住【Ctrl】鍵的同時選擇“放大鏡”“小字遮”和“大字遮”圖層的第30幀，按【F6】鍵插入關鍵幀，如圖8-31所示。使用選擇工具在按住【Shift】鍵的同時向右拖動選中的3個圖形，直至出現(xiàn)“下”字，如圖8-32所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-8創(chuàng)建傳統(tǒng)補間動畫插入關鍵幀幀按住【Ctrl】鍵的同時選擇這3個圖層的兩個關鍵幀之間的任意幀，然后在其上面右擊，選擇“創(chuàng)建傳統(tǒng)補間”命令，如圖8-33所示。在按住【Ctrl】鍵的同時選擇“放大鏡”“小字遮”和“大字遮”圖層的第40幀，按【F6】鍵插入關鍵幀，如圖8-34所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-9選擇“復制幀”命令選擇“粘貼幀”命令右擊“放大鏡”圖層的第1幀，在彈出的快捷菜單中選擇“復制幀”命令，如圖8-35所示。右擊“放大鏡”圖層的第70幀，在彈出的快捷菜單中選擇“粘貼幀”命令，如圖8-36所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-10選擇“刪除補間”命令設置其他圖層在“放大鏡”圖層的第70幀以后的幀上右擊，選擇“刪除補間”命令，如圖8-37所示。用同樣的方法制作“小字遮”和“大字遮”圖層的第70幀，如圖8-38所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-11創(chuàng)建傳統(tǒng)補間動畫查看放大鏡效果在“放大鏡”“小字遮”和“大字遮”3個圖層的第40幀和第70幀之間創(chuàng)建傳統(tǒng)補間動畫，如圖8-39所示。鎖定全部圖層，即可查看放大鏡效果，如圖8-40所示。實例2創(chuàng)建“放大鏡”效果遮罩動畫-12

設置漸變背景繪制線條打開素材文件“閃閃紅星.fla”，將“圖層1”重命名為“背景”圖層，創(chuàng)建矩形并設置漸變填充，如圖8-41所示。新建圖層，使用線條工具繪制一條白色線條，在“屬性”面板中設置筆觸大小，如圖8-42所示。實例3創(chuàng)建“閃閃紅星”遮罩動畫-1調整中心點位置設置旋轉復制變形使用任意變形工具調整形狀中心點的位置，如圖8-43所示。按【Ctrl+T】組合鍵，打開“變形”面板，選中“旋轉”單選按鈕，設置角度為10，連續(xù)單擊“重制選區(qū)和變形”按鈕，如圖8-44所示。實例3創(chuàng)建“閃閃紅星”遮罩動畫-2旋轉復制變形效果將線條轉換為填充此時，即可查看經(jīng)過變形后的形狀效果，如圖8-45所示。選中變形后的線條形狀，單擊“修改”|“形狀”|“將線條轉換為填充”命令，如圖8-46所示。實例3創(chuàng)建“閃閃紅星”遮罩動畫-3轉換為圖形元件復制實例按【F8】鍵，將形狀轉換為圖形元件，如圖8-47所示。將當前圖層重命名為“形狀1”，按【Ctrl+C】組合鍵復制實例，新建圖層并重命名為“形狀2”。右擊舞臺空白位置，在彈出的快捷菜單中選擇“粘貼到當前位置”命令，如圖8-48所示。實例3創(chuàng)建“閃閃紅星”遮罩動畫-4選擇“垂直翻轉”命令設置色彩效果選中“形狀2”圖層中的實例，單擊“修改”|“變形”|“垂直翻轉”命令，效果如圖8-49所示。鎖定“形狀2”圖層，選中“形狀1”圖層中的實例，打開“屬性”面板，從中對實例的色彩效果進行調整，將其調整為黃色，如圖8-50所示。實例3創(chuàng)建“閃閃紅星”遮罩動畫-5插入普通幀和關鍵幀創(chuàng)建傳統(tǒng)補間動畫在“形狀1”圖層的第40幀處插入關鍵幀，在“背景”和“形狀2”圖層的第40幀處插入普通幀，如圖8-51所示。在“形狀1”圖層的兩個關鍵幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補間”命令，如圖8-52所示。實例3創(chuàng)建“閃閃紅星”遮罩動畫-6設置“補間”屬性新建圖層并創(chuàng)建