第4章復(fù)雜動畫的制作課件

1、第4章 復(fù)雜動畫的制作教學(xué)目標(biāo)預(yù)備知識課堂講解教學(xué)目標(biāo)理解元件、庫和圖層的概念理解元件和圖層的類型掌握元件的創(chuàng)建、元件的轉(zhuǎn)換、元件的調(diào)用和圖庫的使用方法掌握圖層的編輯方法、以及引導(dǎo)圖層、遮罩圖層的創(chuàng)建和使用方法返回預(yù)備知識基本概念：元件是Flash 動畫中可以反復(fù)取出來使用的小部件，它分為三類：影片剪輯元件、按鈕元件、圖形元件。在動畫中使用元件可以簡化動畫的制作過程，減小動畫文件的體積。庫是Flash 動畫設(shè)計中的一個重要設(shè)計工具，每個Flash 文件都對應(yīng)一個庫，它用來存放元件、文本、聲音、位圖、視頻文件等。圖層是Flash 中創(chuàng)建復(fù)雜動畫的基礎(chǔ)。 圖層就象一些互相重疊在一起的透明膠片，在不

2、同的圖層上可以放不同的對象，每一個圖層都是獨立的，在修改當(dāng)前圖層時，不會影響到其他圖層上的內(nèi)容。當(dāng)上一圖層的某一區(qū)域沒有內(nèi)容時，可以透過該圖層的這個區(qū)域看到下一圖層中相同位置的內(nèi)容。返回課堂講解4.1 庫和元件4.2 圖層4.3 遮罩圖層及其應(yīng)用 4.4 引導(dǎo)層及其應(yīng)用 返回4.1 庫和元件基本知識案例4.1制作萬道光線 案例4.2制作星星 案例4.3制作簡單文字按鈕 返回基本知識元件可以反復(fù)使用，在制作動畫中使用元件可以大大減小文件的體積和加快動畫的播放速度。圖庫就象倉庫一樣存放了編輯動畫的各種元件，這些元件可以隨時調(diào)出使用。在制作動畫時將元件從圖庫中拖放到舞臺工作區(qū)（即：場景）中，就生成了

3、該元件的一個實例。元件只是一種標(biāo)志，真正在舞臺工作區(qū)中表演的是元件的實例，元件仍在圖庫中。圖形元件是可以反復(fù)使用的圖形，它可以是只有一幀的靜止圖片，也可以制作成由多個幀組成的對象，在圖形元件中不能添加交互行為和聲音控制。影片剪輯元件用來制作獨立于當(dāng)前場景時間軸的動畫，它是主動畫的一個組成部分，當(dāng)播放主動畫時，影片剪輯元件也在循環(huán)播放。按鈕元件用于創(chuàng)建動畫的交互控制按扭，它包含4個不同狀態(tài)的幀即：“彈起”（按鈕的正常狀態(tài)）、“指針經(jīng)過”（將鼠標(biāo)移到按鈕上）、“按下”（用鼠標(biāo)按下按鈕）、“點擊”（響應(yīng)按鈕事件的區(qū)域范圍，只有當(dāng)鼠標(biāo)進入到這一區(qū)域時，按鈕才開始響應(yīng)鼠標(biāo)的動作） 返回案例4.1制作萬道

4、光線練習(xí)目的練習(xí)要求操作步驟案例小結(jié)返回練習(xí)目的了解圖形元件的制作掌握圖形元件的制作方法，顏料桶工具的運用和“變形”面板的使用返回練習(xí)要求1新建Flash文檔，保存在D:LX下，文件名為Fa4-1.fla。2設(shè)置背景顏色為黑色（#000000），文件大小為550400像素，幀頻為12fps。3新建一個圖形元件，取名為“光線”。4制作有彩虹漸變的三角形5旋轉(zhuǎn)并復(fù)制三角形，得到如圖4-1所示的圖形元件。返回圖4-1萬道光線返回操作步驟第一步：新建圖形元件第二步：制作圖形元件返回第一步：新建圖形元件（1）啟動Flash，文件另存為D:LX中，文件名為Fa4-1.fla。（2）設(shè)置背景顏色為黑色（#0

5、00000），文件大小為550400像素，幀頻為12fps。（3）選擇【插入】【新建元件】菜單命令，彈出如圖4-2所示的對話框。在該對話框中設(shè)置名稱：光線。行為：圖形，單擊“確定”按鈕，插入一個圖形元件。返回圖4-2 創(chuàng)建元件 返回第二步：制作圖形元件(1)單擊工具欄中的線條工具按鈕，在元件編輯區(qū)中繪制一個如圖4-3所示的三角形。(2)選擇工具欄中的顏料桶工具按鈕，將填充色設(shè)置為彩虹色的線性漸變，在元件編輯區(qū)中便可得到一個具有彩虹漸變的三角形，如圖4-4所示。(3)單擊工具欄中的選擇工具按鈕，選中三角形的邊，按【Delete】鍵刪除三角形的邊。(4)選中三角形，單擊工具欄中的任意變形工具按鈕，

6、將三角形旋轉(zhuǎn)一定的角度，并將三角形的旋轉(zhuǎn)中心移到元件編輯中心，如圖4-5所示。(5)單擊【窗口】【設(shè)計面板】【變形】菜單命令，或按【Ctrl+T】組合鍵打開“變形”面板，在其中選中單選項，在其后的文本框中輸入10度，如圖4-6所示(6)在“變形”面板中單擊按鈕，旋轉(zhuǎn)并復(fù)制三角形，如圖4-7所示。(7)重復(fù)步驟6，直到得到完整的萬道光線。(8)保存文件，退出Flash。返回圖4-3 繪制光線元件返回圖4-4 繪制光線元件返回圖4-5 填充光線元件返回圖4-6 變形對話框返回圖4-7 復(fù)制光線返回案例小結(jié)1創(chuàng)建元件的幾種方法（1）選擇【插入】【新建元件】菜單命令，新建一個空白元件。（2）將已經(jīng)有的

7、動畫通過選擇【文件】【導(dǎo)入到庫】菜單命令轉(zhuǎn)換成元件。（3）選擇【修改】【轉(zhuǎn)換為元件】菜單命令或按【F8】鍵，將舞臺工作區(qū)中的對象轉(zhuǎn)換成元件。（4）在元件庫中復(fù)制元件。2打開庫的方法選擇【窗口】【庫】菜單命令，或按【F11】鍵或按【Ctrl+L】組合鍵。3元件的引用 元件創(chuàng)建好后就可以將它拖動到舞臺工作區(qū)的任意位置或其他元件中使用。 返回案例4.2制作星星 練習(xí)目的練習(xí)要求操作步驟案例小結(jié)返回練習(xí)目的了解并掌握影片剪輯元件的制作方法熟練運用繪圖工具繪制圖形熟練使用“混色器”面板和“對齊”面板對圖形進行編輯。 返回練習(xí)要求1啟動Flash文檔，保存文件到D:LX中，文件名為Fa4-2.fla。2設(shè)

8、置背景顏色為黑色（#000000），文件大小為550400像素，幀頻為12fps。3新建一個影片剪輯元件，名為星星。4制作一個有放射狀漸變色的橢圓和兩個填充為線性漸變的相交橢圓。5設(shè)計時間軸，制作動畫，形成影片剪輯元件，效果如圖4-8所示。返回返回圖4-8 閃爍的星星操作步驟第一步：新建文檔第二步：繪制星星圖形第三步：創(chuàng)建動畫第四步：預(yù)覽、保存文件返回第一步：新建文檔（1）啟動Flash，保存文件到D:LX，文件名為“Fa4-2”。（2）設(shè)置背景顏色為黑色（#000000），文件大小為550400像素，幀頻為12fps。返回第二步：繪制星星圖形(1)選擇【插入】【新建元件】菜單命令，在彈出的對

9、話框中設(shè)置名稱：星星。行為：影片剪輯，如圖4-9所示。單擊確定，插入一個影片剪輯元件。(2)單擊工具欄中的橢圓工具按鈕，將橢圓的邊界設(shè)置為無色，打開“混色器”面板設(shè)置填充樣式為放射狀漸變，顏色為白、黑，如圖4-10所示。(3)使用橢圓工具在元件編輯區(qū)中繪制一個如圖4-11所示的圓。(4)單擊工具欄中的橢圓工具按鈕，將橢圓的邊界設(shè)置為白色，填充樣式設(shè)置為無色，在元件編輯區(qū)繪制兩個長條形的橢圓，如圖4-12所示。(5)單擊工具欄中的選擇工具，選中兩個長橢圓交叉的線段，按Del鍵刪除，如圖4-13所示 (6)單擊工具欄中的顏料桶工具按鈕，打開“混色器”面板將填充樣式設(shè)置為線性狀漸變，顏色為黑、白、黑

10、，然后單擊元件編輯區(qū)中的兩個長橢圓，將兩個長橢圓的顏色填充為黑、白、黑的漸變色，如圖4-14，4-15所示。(7)選中兩個長條形橢圓，使用工具欄中的任意變形工具按鈕，改變橢圓的大小和方向，如圖4-16所示。(8)移動兩個長橢圓，使之和步驟（3）所畫的圓重合，并單擊工具欄中的任意變形工具按鈕，將圖形縮小，如圖4-17所示。返回圖4-9創(chuàng)建元件圖4-10混色器面板 返回圖4-11 繪制圓 返回圖4-12 繪制長橢圓 返回圖4-13 刪除橢圓內(nèi)交叉線段 返回圖4-14 混色器面板 圖 4-15 填充顏色 返回圖4-16 改變橢圓的大小和方向 返回圖4-17 星星圖形 返回第三步：創(chuàng)建動畫（1）選中整

11、個圖形，選擇【窗口】【設(shè)計面板】【對齊】命令，打開“對齊”面板，如圖4-18所示。單擊“水平中齊”和“垂直中齊”，使星星圖形位于元件編輯區(qū)中心。（2）選中第5幀，按【F6】鍵，在該層的第5幀處插入一個關(guān)鍵幀。（3）單擊工具欄中的任意變形工具按鈕，將圖形縮小,如圖4-19所示。（4）利用“對齊”面板，將縮小后的星星圖形對齊元件編輯區(qū)中心。（5）同樣的方法，在第10幀、第15幀插入關(guān)鍵幀，改變圖形的大小，并使圖形對齊元件編輯區(qū)中心。（6）在時間軸上的第1幀到第5幀之間任意選中一幀，在屬性面板中將“補間”設(shè)置為“形狀”。（7）在時間軸上的第5幀到第10幀之間任意選中一幀，在屬性面板中將“補間”設(shè)置為

12、“形狀”。（8）在時間軸上的第10幀到第15幀之間任意選中一幀，在屬性面板中將“補間”設(shè)置為“形狀”，如圖4-20所示。返回圖4-18 對齊面板 返回圖4-19 縮小后的星星 返回圖4-20 完成的時間軸 返回第四步：預(yù)覽、保存文件（1）按【F11】鍵打開庫窗口，選中剛才建立的“星星”元件，在預(yù)覽窗口中的右上角點擊影片預(yù)覽控制按鈕中的三角形按鈕來播放預(yù)覽“星星”影片剪輯。（2）保存文件，退出Flash。返回案例小結(jié)1打開“對齊”面板除了使用菜單命令外，也可以通過【Ctrl+K】組合鍵來完成。2測試影片剪輯元件和按鈕元件中的動畫效果，只能按Enter鍵在元件編輯區(qū)中播放；或通過在庫窗口中的預(yù)覽窗

13、口中右上角的預(yù)覽控制按鈕中的三角形按鈕來播放預(yù)覽元件動畫效果。返回案例4.3制作簡單文字按鈕 練習(xí)目的練習(xí)要求操作步驟返回練習(xí)目的掌握按鈕元件的制作方法，了解按鈕元件四個幀的含義和設(shè)置 返回練習(xí)要求1新建Flash文檔，保存到D:LX下，文件名Fa4-1.fla。設(shè)置背景顏色為淺藍色（#0099FF），文件大小為550400像素，幀頻為12fps。2新建按鈕元件，設(shè)置名稱為“按鈕”。3分別設(shè)置按鈕的“彈起”、“指針經(jīng)過”“按下”“點擊”下的按鈕顏色、字體顏色。4設(shè)計時間軸，制作動畫，形成按鈕元件。 返回操作步驟第一步：建立元件第二步：定義“彈起”幀第三步：定義“指針經(jīng)過”幀第四步：定義“按下”

14、幀第五步：定義“點擊”幀第六步：檢測，保存文件返回第一步：建立元件（1）啟動Flash，文件保存到指定位置。設(shè)置背景顏色為淺藍色（#0099FF），文件大小為550400像素，幀頻為12fps。（2）選擇【插入】【新建元件】命令,在彈出的對話框中設(shè)置名稱：按鈕。行為：按鈕，單擊“確定”按鈕，插入一個按鈕元件，如圖4-21所示。返回圖4-21 新建按鈕元件 返回第二步：定義“彈起”幀（1）單擊工具欄中的矩形工具按鈕，將矩形的填充色設(shè)置為黑色，筆觸顏色設(shè)置為無色，在元件編輯區(qū)中繪制一個如圖4-22所示的矩形。（2）單擊工具欄中的文本工具按鈕，在屬性面板中設(shè)置字體為隸書，大小為55，顏色為黃色，在矩

15、形中輸入文字“測試”，如圖4-23所示。返回圖4-22 繪制黑色矩形 返回圖4-23 給按鈕輸入文字 返回第三步：定義“指針經(jīng)過”幀（1）選中“指針經(jīng)過”幀，選擇【插入】【時間軸】【關(guān)鍵幀】菜單命令，插入一個關(guān)鍵幀，如圖4-24所示。（2）單擊工具欄中的選擇工具按鈕，選中文字“測試”，在屬性面板中將顏色設(shè)置為紅色。（3）選中矩形，單擊工具欄中的顏料桶工具按鈕，填充色設(shè)置為綠色，將矩形顏色填充為綠色，如圖4-25所示。返回圖4-24 按鈕時間軸 返回圖4-25 將矩形填充為綠色、文字填充為紅色 返回第四步：定義“按下”幀按照步驟三，將“按下”幀中的文字設(shè)置為紫色，矩形設(shè)置為黃色，如圖4-26所示

16、。返回圖4-26 將矩形填充為黃色、文字填充為紫色 返回第五步：定義“點擊”幀（1）選中“按下”幀，選擇【插入】“時間軸”“關(guān)鍵幀”命令，插入一個關(guān)鍵幀，如圖4-27所示。（2）單擊工具欄中的矩形工具按鈕，將矩形的填充色設(shè)置為白色, 筆觸顏色設(shè)置為黑色，在元件編輯區(qū)中繪制一個覆蓋原來圖形的矩形，如圖4-28所示。返回圖4-27 按鈕時間軸 返回圖4-28 定義響應(yīng)的區(qū)域 返回第六步：檢測，保存文件（1）按下【F11】鍵打開庫窗口，將“測試”按鈕元件拖動到舞臺工作區(qū)中。（2）按【Ctrl+Enter】組合鍵觀察效果。（3）保存文件，退出Flash。返回4.2 圖層基本知識案例4.4制作夜空中閃爍

17、的星星 案例4.5制作水波紋 返回基本知識在Flash 中每一個圖層都是相互獨立的，每一個圖層都有自己的時間軸和獨立的幀。利用圖層可以把一些復(fù)雜的圖形按照一定的類別分別繪制在不同的圖層上，在每個圖層上分別對圖形進行處理，從而簡化動畫的制作。除普通圖層外，F(xiàn)lash 還提供了兩個特殊的圖層：遮罩圖層和引導(dǎo)圖層。對圖層的編輯包括創(chuàng)建圖層、重命名圖層、移動圖層、復(fù)制圖層、刪除圖層、圖層的隱藏與顯示、圖層的鎖定與解鎖等操作，這些操作可以通過層控制區(qū)實現(xiàn)。層控制區(qū)在時間軸的左半部分，如圖4-32所示。返回圖4-32 層控制區(qū) 返回案例4.4制作夜空中閃爍的星星練習(xí)目的練習(xí)要求操作步驟返回練習(xí)目的加深對圖

18、層概念的理解掌握新建圖層的方法掌握在動畫制作中使用空白關(guān)鍵幀的作用和插入空白關(guān)鍵幀的方法 返回練習(xí)要求1打開D:LX文件夾下Fa4-2.fla文件，另存為Fa4-4.fla。2將元件庫中影片剪輯元件“星星”拖動到舞臺工作區(qū)。修改顏色屬性為“Alpha”60%。3新增圖層，與前面步驟相似地制作其他的星星，效果如圖4-33所示。4觀察動畫效果并保存文件。返回圖4-33 閃爍的星星 返回操作步驟第一步：制作第一顆星星第二步：制作其他的星星第三步：測試、保存文件返回第一步：制作第一顆星星（1）啟動Flash，打開D:LX中Fa4-2.fla，另存為Fa4-4.fla（2）打開元件庫，將創(chuàng)建的“星星”影

19、片剪輯元件，拖動到舞臺工作區(qū)中，如圖4-34所示（3）在屬性面板中單擊下拉列表框，在彈出列表中選擇“Alpha”選項，并將其值設(shè)為60% （4）選中第60幀，按【F6】鍵插入一個關(guān)鍵幀返回圖4-34 拖入舞臺中的星星 返回第二步：制作其他的星星（1）單擊【插入】【時間軸】【圖層】菜單命令，新建一圖層2。（2）選中圖層2的第5幀，單擊【插入】【時間軸】【空白關(guān)鍵幀】命令或按【F5】鍵，在該層的第5幀處插入一個空白關(guān)鍵幀。（3）將“星星”影片剪輯元件，拖動到舞臺工作區(qū)中，并單擊工具欄中的任意變形工具按鈕，改變星星的大小。（4）在屬性面板中單擊下拉列表框，在彈出列表中選擇“Alpha”選項，并將其值

20、設(shè)為50%，如圖4-35所示。（5）用同樣的方法，增加圖層和在各圖層中增加星星，最后完成的時間軸如圖4-36所示。返回圖4-35 增加星星 返回圖4-36 完成的時間軸 返回第三步：測試、保存文件（1）按【Ctrl+Enter】組合鍵測試動畫（2）保存文件，退出Flash返回案例4.5制作水波紋練習(xí)目的練習(xí)要求操作步驟返回練習(xí)目的熟練掌握圖形元件的制作熟練掌握影片剪輯元件的制作熟練掌握新建圖層的方法熟練掌握利用不同圖層關(guān)鍵幀的錯位創(chuàng)建補間動畫，實現(xiàn)水滴滴落蕩起水波的效果。 返回練習(xí)要求1新建Flash文檔，保存到D:LX，文件名Fa4-5.fla，設(shè)置背景、文件大小及幀頻。2制作水滴元件。3制

21、作水波紋影片剪輯元件。4制作動畫，使效果如圖4-37所示。返回圖4-37 水波紋 返回操作步驟第一步：新建文件第二步：制作“水滴”圖形元件第三步：制作“水波”影片剪輯元件第四步：創(chuàng)建水滴效果動畫第五步：測試、保存文件返回第一步：新建文件（1）啟動Flash文檔，保存文件到D:LX，文件名為Fa4-5.fla。（2）設(shè)置背景顏色為藍色（#0033FF），文件大小為500400像素，幀頻為12fps。返回第二步：制作“水滴”圖形元件（1）選擇【插入】【新建元件】菜單命令，在彈出的對話框中，設(shè)置名稱：水滴，行為：圖形，單擊“確定”按鈕，新建一個圖形元件。（2）單擊工具欄中的橢圓工具按鈕，將橢圓的邊界

22、設(shè)置為無色，打開“混色器”面板將填充樣式設(shè)置為放射狀漸變，顏色為藍、白。（3）利用工具欄中的橢圓工具和箭頭工具，在元件編輯區(qū)中繪制如圖4-38所示的水滴。返回圖4-38 繪制水滴 返回第三步：制作“水波”影片剪輯元件（1）選擇【插入】【新建元件】菜單命令，在彈出的對話框中設(shè)置名稱：水波。行為：影片剪輯。單擊“確定”按鈕，新建一個影片剪輯元件。（2）單擊工具欄中的橢圓工具按鈕，在元件編輯區(qū)中繪制如圖4-39所示的橢圓環(huán)。（3）單擊工具欄中的顏料桶工具按鈕，打開“混色器”面板將填充樣式設(shè)置為放射狀漸變，顏色為藍、白，然后單擊元件編輯區(qū)中的橢圓環(huán)，將橢圓環(huán)的顏色填充為藍、白的漸變色，如圖4-40所示

23、。（4）選中圖層1的第35幀，按【F6】鍵，在該層的第35幀處插入一個關(guān)鍵幀。（5）改變橢圓環(huán)的大小。魏【修改】【變形】【縮放和旋轉(zhuǎn)】菜單命令或按【Ctrl+Alt+S】組合鍵，調(diào)出“縮放和旋轉(zhuǎn)”對話框，在“縮放”文本框中輸入“250”，如圖4-41所示，單擊“確定”按鈕。返回圖4-39 繪制橢圓環(huán) 返回圖4-40 填充橢圓環(huán) 返回圖4-41 縮放和旋轉(zhuǎn)對話框 返回第四步：創(chuàng)建水滴效果動畫（1）選擇【編輯】【編輯文檔】菜單命令，退出元件編輯區(qū)，返回到舞臺工作區(qū)中，將“水滴”元件拖動到舞臺工作區(qū)中，如圖4-42所示。（2）選中第15幀，插入關(guān)鍵幀，將第15幀中的水滴下移一段距離，如圖4-43所示

24、。（3）在圖層1的時間軸上第1幀到第15幀之間任意選擇一幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“創(chuàng)建補間動畫”命令。（4）選擇【插入】【時間軸】【圖層】菜單命令，新建一圖層2，在圖層2的第15幀處按F6鍵，插入一個關(guān)鍵幀，如圖4-44所示。（5）選中圖層2的第15幀，將“水波”元件拖動到舞臺工作區(qū)中，如圖4-45所示。（6）在圖層2的第50幀處插入關(guān)鍵幀，選中圖層第50幀中的圖形，在屬性面板中單擊下拉列表框，在彈出列表中選擇“Alpha”選項，并將其值設(shè)為0% 。第四步：創(chuàng)建水滴效果動畫（續(xù)）（7）在圖層2的時間軸上第15幀到第50幀之間任意選擇一幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補

25、間動畫”命令。（8）選中圖層2，選擇【插入】【時間軸】【圖層】命令，新建一圖層3，并在圖層3的第20幀處插入關(guān)鍵幀，如圖4-46所示。（9）選中圖層2的第15幀到第50幀, 單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制幀”命令，復(fù)制第15幀到第50幀的內(nèi)容。（10）選中圖層3的第20幀, 單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“粘貼幀”命令, 粘貼復(fù)制幀,如圖4-47所示。（11）重復(fù)步驟（7）增加圖層4、圖層5、圖層6，在圖層4的第25幀、圖層5的第30幀、圖層6的第35幀插入關(guān)鍵幀。（12）重復(fù)步驟8、步驟9在圖層4、圖層5、圖層6中粘貼幀，如圖4-48所示。返回圖4-42 將水滴元件拖入舞臺

26、工作區(qū) 返回圖4-43 移動水滴 返回圖4-44 圖層2的第15幀插入關(guān)鍵幀 返回圖4-45 將水波元件拖入舞臺工作區(qū)中 返回圖4-46 圖層3的第20幀插入關(guān)鍵幀 返回圖4-47 圖層3的第20幀處粘貼幀 返回圖4-48 最后的時間軸 返回第五步：測試、保存文件（1）按【Ctrl+Enter】組合鍵測試動畫。（2）保存文件，退出Flash返回4.3 遮罩圖層及其應(yīng)用基本知識案例4.6 制作流動顯示照片案例4.7 制作放大鏡返回基本知識遮罩圖層的概念：遮罩圖層是一種特殊的圖層，使用遮罩圖層后，遮罩圖層下面圖層的內(nèi)容就像透過一個窗口顯示出來，這個窗口的形狀就是遮罩圖層中的內(nèi)容的形狀。一個遮罩層可

27、以與位于其后的若干個連續(xù)的相鄰圖層建立遮罩與被遮罩的關(guān)系，只有建立了遮罩與被遮罩關(guān)系的編輯層才會受到遮罩層的影響。遮罩圖層的使用方法：第一步：在遮罩圖層上繪制遮罩圖形第二步：選取遮罩圖層的第1幀，將遮罩圖形拖到被遮罩圖層對象的一側(cè)第三步：選取遮罩圖層的另一關(guān)鍵幀，將遮罩圖形拖到被遮罩圖層對象的另一側(cè)第四步：在遮罩圖層的兩個關(guān)鍵幀間創(chuàng)建補間動畫返回案例4.6 制作流動顯示照片返回練習(xí)目的練習(xí)要求操作步驟案例小結(jié)練習(xí)目的理解遮罩的概念和效果掌握遮罩圖層的創(chuàng)建和使用方法 返回練習(xí)要求1新建Flash文檔，保存到D:LX中，文件名為Fa4-6.fla。設(shè)置背景、文件大小及幀頻。2將圖片導(dǎo)入舞臺工作區(qū)中

28、。3制作一個名為mask的圖形元件，內(nèi)容為一個橢圓。4創(chuàng)造遮罩圖層5測驗動畫，保存文件。 返回操作步驟第一步：新建文件第二步：導(dǎo)入圖片第三步：制作元件第四步：創(chuàng)建遮罩圖層第五步：保存文件返回第一步：新建文件（1）啟動Flash文檔，保存文件到D:LX下，文件名Fa4-6.fla。（2）設(shè)置背景顏色為黑色（#000000），文件大小為550400像素，幀頻為12fps。返回第二步：導(dǎo)入圖片（1）選擇【文件】【導(dǎo)入】【導(dǎo)入到舞臺】菜單命令，載入所需圖片。（2）單擊工具欄中的任意變形工具按鈕，將照片適當(dāng)放大，如圖4-51所示。（3）選中圖層1的第30幀，按【F6】鍵插入一個關(guān)鍵幀，如圖4-52所示。

29、返回圖4-51 載入的圖形返回圖4-52 插入關(guān)鍵幀返回第三步：制作元件（1）選擇【插入】【新建元件】菜單命令，插入一個圖形元件，命名為mask。（2）單擊工具欄中的橢圓工具按鈕，將橢圓的填充色設(shè)置為白色，將橢圓的邊界設(shè)置為無色。（3）使用橢圓工具在元件編輯區(qū)中畫一個橢圓，并將其拖到元件編輯區(qū)的中間，如圖4-53所示。（4）選擇【編輯】【編輯文檔】菜單命令，退出元件編輯區(qū)，返回到舞臺工作區(qū)中。返回圖4-53 白色橢圓返回第四步：創(chuàng)建遮罩圖層（1）選擇【插入】【時間軸】【圖層】命令，新建一圖層2，如圖4-54所示。（2）選中圖層2的第1幀，將庫窗口中的元件mask拖到舞臺工作區(qū)中，并調(diào)整元件ma

30、sk位置，如圖4-55所示。（3）選中圖層2的第30幀，按【F6】鍵插入一個關(guān)鍵幀，并調(diào)整元件mask位置，如圖4-56所示。（4）在圖層2的時間軸上第1幀到第30幀之間任意選擇一幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“創(chuàng)建補間動畫”命令。如圖4-57所示。（5）選擇圖層2為當(dāng)前圖層，在層控制區(qū)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”，將圖層2定義為遮罩圖層，如圖4-58所示。返回圖4-54 插入新圖層返回圖4-55 主畫面1 圖4-56 主畫面2返回圖4-57 時間軸返回圖4-58 創(chuàng)建遮罩層返回第五步：保存文件（1）按【Ctrl+Enter】組合鍵測試動畫。（2）保存文件，退出Fla

31、sh。返回案例小結(jié)1建立好遮罩后，遮罩圖層和被遮罩圖層自動鎖定，如果要修改遮罩圖層和被遮罩圖層中的內(nèi)容，需單擊圖層名稱旁邊的圖標(biāo)解鎖，使其處于可編輯狀態(tài)即可。2遮罩圖層中的對象只能是單一的物體、元件或文本對象。3如果要取消遮罩圖層，在遮罩圖層單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”命令，便可將該圖層變?yōu)闃?biāo)準(zhǔn)圖層，同時被遮罩圖層也變?yōu)闃?biāo)準(zhǔn)圖層。返回案例4.7 制作放大鏡返回練習(xí)目的練習(xí)要求操作步驟練習(xí)目的掌握圖形的任意變形掌握復(fù)制幀、粘貼幀的用法掌握遮罩圖層的作用掌握利用補間動畫創(chuàng)作放大鏡的移動效果 返回練習(xí)要求1新建Flash文檔，保存到D:LX中，文件名Fa4-7.fla。設(shè)置背景及文

32、件大小和幀頻。2選擇靜態(tài)文本類型，輸入文字“FLASH MX”。3創(chuàng)建遮罩層，使其具有放大鏡功能，效果如圖4-68所示。返回操作步驟第一步：制作文字第二步：創(chuàng)建遮罩圖層第三步：制作放大鏡第四步：測試、保存文件返回第一步：制作文字（1）新建Flash文檔，保存文件到D:LX，文件名為Fa4-7.fla，設(shè)置背景顏色為藍色（#0000FF），文件大小為550200像素，幀頻為12fps。（2）單擊工具欄中的文本工具，在屬性面板中選擇靜態(tài)文本類型，設(shè)置字體、字號、顏色，如圖4-59所示。 （3）在舞臺工作區(qū)中適當(dāng)位置輸入“FLASH MX”，如圖4-60所示。（4）選中圖層1的第40幀，按F5鍵插入

33、幀。返回圖4-59 文字屬性面板 返回圖4-60 輸入字母 返回第二步：創(chuàng)建遮罩圖層（1）選擇【插入】【時間軸】【圖層】菜單命令，新建一圖層2。（2）單擊工具欄中的橢圓工具按鈕，將橢圓的填充色設(shè)置與背景相同，將橢圓的邊界設(shè)置為無色。（3）使用橢圓工具在舞臺工作區(qū)左邊畫一個圓形，大小覆蓋左起第一個字母為準(zhǔn)，如圖4-61所示。（4） 選中圖層2的第40幀，按F6鍵插入一個關(guān)鍵幀，將第40幀圓形的位置移到“FLASH MX”的結(jié)尾位置，覆蓋最后一個字母，如圖4-62所示。（5）在圖層2的時間軸上第1幀到第40幀之間任意選擇一幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“創(chuàng)建補間動畫”命令。（6）選中圖層1的

34、所有幀, 單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制幀”命令,復(fù)制全部幀，如圖4-63所示。（7）選中圖層2，選擇【插入】【時間軸】【圖層】命令，新建一圖層3。返回第二步：創(chuàng)建遮罩圖層(續(xù))（8）選中圖層3的第1幀到第40幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【粘貼幀】命令，復(fù)制粘貼全部幀，如圖4-64所示。（9）選中圖層3的第1幀的文字, 單擊工具欄中的任意變形工具按鈕，將文字適當(dāng)放大，如圖4-65所示。（10）選中圖層2的所有幀, 單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制幀”命令，復(fù)制全部幀。（11）選中圖層3，單擊【插入】“時間軸”“圖層”命令，新建一圖層4。（12）選中圖層4的第1

35、幀到第40幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【粘貼幀】命令，粘貼復(fù)制全部幀，如圖4-66所示。（13）選擇圖層4為當(dāng)前圖層，在層控制區(qū)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”，將圖層4定義為遮罩圖層，如圖4-67所示。返回圖4-61 畫一覆蓋圓1 返回圖4-62 覆蓋圓2 返回圖4-63 復(fù)制幀返回圖4-64 粘貼幀返回圖4-65 文字按比例放大 返回圖4-66 時間軸 返回圖4-67 創(chuàng)建遮罩層 返回第三步：制作放大鏡（1）選中圖層4，選擇【插入】【時間軸】【圖層】命令，新建一圖層5。（2）單擊工具欄中的橢圓工具按鈕，在舞臺左邊畫一個邊框為白色，填充色為無色的圓作為放大鏡，如圖4-68所示。（3）選中圖層5的第40幀，按【F6】鍵插入一個關(guān)鍵幀，將第40幀圓形的位置移到和圖層2中第40幀圓形相同的位置。 （4）在圖層5的時間軸上第1幀到第40幀之間任意選擇一幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“創(chuàng)建補間動畫”命令。返回圖4-68 制作放大鏡效果返回第四步：測試、保存文件（1）按【Ctrl+Enter】組合鍵觀察效果。（2）保存文件，退出Flash返回4.4 引導(dǎo)層及其應(yīng)用