《新編網(wǎng)頁(yè)制作三劍客培訓(xùn)教程》課件第10章

教學(xué)目標(biāo)：蒙版是Flash中一個(gè)很重要，也很有用的功能。蒙版動(dòng)畫(huà)就是一個(gè)動(dòng)畫(huà)層遮住下一個(gè)動(dòng)畫(huà)層的一部分或全部，使其部分或全部顯示出來(lái)的動(dòng)畫(huà)。它可以幫助用戶設(shè)計(jì)制作出更加豐富生動(dòng)的動(dòng)畫(huà)。本章將要重點(diǎn)學(xué)習(xí)蒙版動(dòng)畫(huà)的各種表現(xiàn)形式和制作技巧，通過(guò)學(xué)習(xí)希望讀者掌握蒙版的概念和基本原理，了解蒙版動(dòng)畫(huà)的制作方法，并舉一反三，結(jié)合實(shí)踐巧妙地運(yùn)用蒙版設(shè)計(jì)制作出各種蒙版動(dòng)畫(huà)效果。本章要點(diǎn)：

1、遮罩層與被遮罩層

2、文字蒙版、圖形蒙版與動(dòng)畫(huà)蒙版

3、偽蒙版

4、影片剪輯第10章制作Flash蒙版動(dòng)畫(huà)10.1認(rèn)識(shí)蒙版動(dòng)畫(huà)10.2制作文字蒙版動(dòng)畫(huà)10.3制作圖形蒙版動(dòng)畫(huà)10.4上機(jī)實(shí)訓(xùn)第10章制作Flash蒙版動(dòng)畫(huà)10.1認(rèn)識(shí)蒙版動(dòng)畫(huà)

蒙版作為一個(gè)專有名詞來(lái)源于印刷領(lǐng)域，在Flash中稱之為“遮罩”，可以把它看作是一個(gè)帶孔的畫(huà)布，孔可以是任意的形狀，遮蓋在具有豐富動(dòng)畫(huà)內(nèi)容的圖層之上，然后通過(guò)這個(gè)畫(huà)布中的孔來(lái)觀看被畫(huà)布覆蓋的其他動(dòng)畫(huà)層中的運(yùn)動(dòng)對(duì)象，這就是蒙版的基本原理，而這個(gè)孔也就是用戶要繪制編輯的區(qū)域。10.1.1關(guān)于Flash遮罩層10.1.2創(chuàng)建蒙版動(dòng)畫(huà)10.1認(rèn)識(shí)蒙版動(dòng)畫(huà)

在Flash中，若要獲得聚光燈效果和過(guò)渡效果，可以使用遮罩層創(chuàng)建一個(gè)孔，通過(guò)這個(gè)孔可以看到下面的圖層。遮罩項(xiàng)目可以是填充的形狀、文字對(duì)象、圖形元件的實(shí)例或影片剪輯。將多個(gè)圖層組織在一個(gè)遮罩層下可創(chuàng)建更加復(fù)雜的蒙版效果。若要?jiǎng)?chuàng)建動(dòng)態(tài)效果，可以讓遮罩層動(dòng)起來(lái)。對(duì)于用作遮罩的填充形狀，可以使用補(bǔ)間形狀；對(duì)于類型對(duì)象、圖形實(shí)例或影片剪輯，可以使用補(bǔ)間動(dòng)畫(huà)。當(dāng)使用影片剪輯實(shí)例作為遮罩時(shí)，可以讓遮罩沿著運(yùn)動(dòng)路徑運(yùn)動(dòng)。10.1.1關(guān)于Flash遮罩層

遮罩層要放在被遮罩的圖層之上。與填充或筆觸不同，遮罩項(xiàng)目就像一個(gè)窗口一樣，透過(guò)它可以看到位于它下面的鏈接層區(qū)域，確定一個(gè)顯示范圍。除了透過(guò)遮罩項(xiàng)目顯示的內(nèi)容之外，其余的所有內(nèi)容都被遮罩層的其余部分隱藏起來(lái)。一個(gè)遮罩層只能包含一個(gè)遮罩項(xiàng)目。遮罩層不能在按鈕內(nèi)部，也不能將一個(gè)遮罩應(yīng)用于另一個(gè)遮罩。

先來(lái)看兩個(gè)蒙版的范例，如圖10-1所示，不論是左側(cè)圖中在單色背景上，還是右側(cè)圖中在圖片上，都是以一個(gè)不規(guī)則的圖形作為蒙版，控制另一幅圖片的顯示區(qū)域。

圖10-1蒙版范例10.1.1關(guān)于Flash遮罩層

蒙版動(dòng)畫(huà)就是使用一個(gè)動(dòng)畫(huà)層遮住下一個(gè)動(dòng)畫(huà)層的一部分或全部，使其部分或全部顯示出來(lái)的動(dòng)畫(huà)。要?jiǎng)?chuàng)建蒙版動(dòng)畫(huà)，至少需要有兩層，一層作為遮罩層，一層作為被遮罩層。10.1.2創(chuàng)建蒙版動(dòng)畫(huà)圖10-2簡(jiǎn)單蒙版動(dòng)畫(huà)(1)新建一個(gè)Flash動(dòng)畫(huà)文檔，在文檔屬性中設(shè)定大小為550*200，背景顏色為“黑色”，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2)單擊工具箱中的【文本工具】按鈕，在【屬性】面板中設(shè)定文字大小為“100”，顏色為“紅色”，字形為“斜體”，在舞臺(tái)上中間偏左的位置單擊，輸入“FLASH”。(3)單擊時(shí)間軸左下方的【插入圖層】按鈕，在新圖層上繪制一個(gè)橢圓，設(shè)定橢圓的邊框顏色為“無(wú)”，填充為“白色到黑色的放射狀漸變”，大小如圖10-3所示。圖10-3繪制的橢圓10.1.2創(chuàng)建蒙版動(dòng)畫(huà)(4)選中橢圓，按<F8>鍵，在彈出的對(duì)話框中單擊【確定】按鈕，將橢圓圖形轉(zhuǎn)換為元件。單擊圖層1的第15幀，按<F5>鍵，插入幀。單擊圖層2的第15幀，按<F6>鍵，插入關(guān)鍵幀。將橢圓移動(dòng)到文字的右側(cè)，如圖10-4所示，右擊中間任意一幀，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】命令。圖10-4橢圓的運(yùn)動(dòng)動(dòng)畫(huà)10.1.2創(chuàng)建蒙版動(dòng)畫(huà)(5)在圖層2的名稱上右擊，在彈出的右鍵快捷菜單中選擇【遮罩層】命令，如圖10-5所示。這時(shí)時(shí)間軸發(fā)生了變化，圖層2變成了遮罩層，圖層1變成了被遮罩層。設(shè)定遮罩層后的時(shí)間軸如圖10-6所示。圖10-5選擇【遮罩層】命令10.1.2創(chuàng)建蒙版動(dòng)畫(huà)圖10-6設(shè)定遮罩層后的時(shí)間軸(6)按<Enter>鍵預(yù)覽動(dòng)畫(huà)，文字在橢圓的動(dòng)畫(huà)區(qū)域內(nèi)顯現(xiàn)，如圖10-7所示。圖10-7文字被遮罩的動(dòng)畫(huà)10.1.2創(chuàng)建蒙版動(dòng)畫(huà)圖10-8文字作為遮罩層的時(shí)間軸(7)右擊圖層2的名稱，取消【遮罩層】設(shè)定，單擊并拖動(dòng)圖層1到圖層2的上方，右擊圖層1的名稱，在彈出的右鍵快捷菜單中選擇【遮罩層】命令，這時(shí)文字作為遮罩層的時(shí)間軸如圖10-8所示。按<Enter>鍵預(yù)覽動(dòng)畫(huà)，出現(xiàn)了如圖10-2所示的動(dòng)畫(huà)效果，實(shí)際上是橢圓在文字的區(qū)域內(nèi)運(yùn)動(dòng)。10.2制作文字蒙版動(dòng)畫(huà)10.2.1制作圖片滾動(dòng)文字特效10.2.2制作波動(dòng)文字效果10.2.3制作反色文字動(dòng)畫(huà)10.2.1制作圖片滾動(dòng)文字特效圖10-9圖片滾動(dòng)文字特效(1)新建一個(gè)Flash動(dòng)畫(huà)文檔，設(shè)定大小為550*200，背景色為黑色，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2)在菜單欄中選擇【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令，導(dǎo)入一張圖片，按<F8>鍵，在彈出的對(duì)話框中單擊【確定】按鈕，將其轉(zhuǎn)換為圖形元件。(3)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建圖層2，單擊工具箱中的【文本工具】按鈕，在【屬性】面板中設(shè)定字體為“ArialBlack”，字形為“斜體”，字號(hào)為“70”，顏色為除黑色以外的任意顏色，在舞臺(tái)上輸入“FLASHCS3”。(4)在圖層1的第25幀上按<F6>鍵，插入一個(gè)關(guān)鍵幀，將圖片從右上向左下移動(dòng)，如圖10-10所示。在任意一幀上右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】命令，在圖層2的第25幀上按<F5>鍵插入幀，使其保持到動(dòng)畫(huà)結(jié)束。

圖10-10圖片從右上向左下移動(dòng)

10.2.1制作圖片滾動(dòng)文字特效(5)在圖層2的名稱上右擊，在彈出的右鍵快捷菜單中選擇【遮罩層】命令，使文字變成遮罩層，滾動(dòng)的圖片變?yōu)楸徽谡謱印?6)按<Enter>鍵預(yù)覽動(dòng)畫(huà)效果，按<Ctrl>+<Enter>組合鍵測(cè)試動(dòng)畫(huà)，出現(xiàn)圖片在文字上滾動(dòng)的效果，如圖10-9所示。10.2.1制作圖片滾動(dòng)文字特效圖10-9圖片滾動(dòng)文字特效(1)新建一個(gè)Flash動(dòng)畫(huà)文檔，設(shè)定大小為600*200，背景色為“黑色”，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2)單擊工具箱中的【文本工具】按鈕，在【屬性】面板中設(shè)定文字大小為“96”，顏色為“紅色”，字體為“華文行楷”，在舞臺(tái)上輸入“波動(dòng)文字”。10.2.2

制作波動(dòng)文字效果圖10-11波動(dòng)文字動(dòng)畫(huà)(3)在菜單欄中選擇【插入】→【新建元件】命令，在【名稱】文本框中輸入“矩形條”，單擊工具箱中的【矩形工具】按鈕，在【屬性】面板中設(shè)定邊框顏色為【無(wú)】，填充為“白色到黑色的線性漸變”，打開(kāi)右側(cè)常用面板組中的【顏色】面板，將左側(cè)白色塊移動(dòng)到中間，在左側(cè)單擊新建一個(gè)顏色塊，設(shè)定為“黑色”，如圖10-12所示，在舞臺(tái)上繪制一個(gè)小矩形。10.2.2

制作波動(dòng)文字效果圖10-12【顏色】面板(4)單擊工具箱中的【選擇工具】按鈕，選中矩形，按<Alt>鍵向右移動(dòng)進(jìn)行復(fù)制，再選中一起多復(fù)制幾個(gè)，復(fù)制出一個(gè)漸變的矩形條，如圖10-13所示。10.2.2

制作波動(dòng)文字效果圖10-13復(fù)制出的矩形條(5)單擊工作區(qū)左上角的“場(chǎng)景1”，回到場(chǎng)景中，雙擊圖層1的名稱，將其命名為“文字1”。單擊第50幀，按<F5>鍵，插入幀(預(yù)計(jì)制作一個(gè)50幀長(zhǎng)度的動(dòng)畫(huà))。單擊圖層1將其全部選中，在幀上右擊，在彈出的右鍵快捷菜單中選擇【復(fù)制幀】命令。(6)單擊【插入圖層】按鈕，將新圖層命名為“文字2”。在幀上右擊，在彈出的右鍵快捷菜單中選擇【粘貼幀】命令，將文字復(fù)制到新層中。按一下<PgDn>鍵，再按一下<←(左)>方向鍵，使文字向下、向左各移動(dòng)一個(gè)單位。(7)單擊【插入圖層】按鈕，將新圖層命名為“矩形條”，將【庫(kù)】面板中的“矩形條”拖入到舞臺(tái)上，其左側(cè)與文字的左側(cè)對(duì)齊，將新層拖動(dòng)到最下面，時(shí)間軸如圖10-14所示。10.2.2

制作波動(dòng)文字效果圖10-14時(shí)間軸(8)單擊“矩形條”層的第50幀，按<F6>鍵，插入關(guān)鍵幀，將矩形條向左移動(dòng)，移動(dòng)前后如圖10-15所示。右擊中間任意一幀，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】命令。10.2.2

制作波動(dòng)文字效果圖10-15矩形條移動(dòng)前后的位置(9)右擊“文字1”層的名稱，在彈出的右鍵快捷菜單中選擇【遮罩層】命令。(10)按<Enter>鍵預(yù)覽動(dòng)畫(huà)，按<Ctrl>+<Enter>組合鍵測(cè)試動(dòng)畫(huà)，出現(xiàn)如圖10-11所示的波動(dòng)文字動(dòng)畫(huà)效果。10.2.2

制作波動(dòng)文字效果圖10-11波動(dòng)文字動(dòng)畫(huà)(1)新建一個(gè)Flash動(dòng)畫(huà)文檔，設(shè)定背景色為“紅色”，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2)單擊工具箱中的【矩形工具】按鈕，在【屬性】面板中設(shè)定邊框顏色為【無(wú)】，填充為【黑色】。在舞臺(tái)上繪制一個(gè)矩形，單擊工具欄中的【對(duì)齊】按鈕，打開(kāi)【對(duì)齊】面板，依次單擊【相對(duì)于舞臺(tái)】按鈕、【匹配寬度】、【水平中齊】按鈕和【垂直中齊】按鈕，用【選擇工具】選中矩形右半邊，在【屬性】面板中設(shè)定填充顏色為“白色”，制作出左半邊黑色、右半邊白色的背景。10.2.3制作反色文字動(dòng)畫(huà)圖10-16反色文字動(dòng)畫(huà)(3)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，將圖層1的黑白背景復(fù)制粘貼到圖層2中，選中圖層2，在菜單欄中選擇【修改】→【變形】→【水平翻轉(zhuǎn)】命令，將圖層2變成左白右黑的背景，如圖10-17所示。10.2.3制作反色文字動(dòng)畫(huà)圖10-17圖層2左白右黑的背景(4)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，單擊工具箱中的【文本工具】按鈕，在【屬性】面板中設(shè)定文字大小為“96”，顏色可任意選擇，字體為“ArialBlack”在舞臺(tái)上輸入“FlashCS3”。(5)分別在圖層1和圖層2的第30幀上按<F5>鍵插入幀，在文字層的第1幀將文字移動(dòng)到舞臺(tái)右側(cè)。選中文字層的第30幀，按<F6>鍵，插入關(guān)鍵幀，將文字移動(dòng)到舞臺(tái)左側(cè)。在中間任選一幀右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】命令，文字運(yùn)動(dòng)前后的畫(huà)面如圖10-18所示。10.2.3制作反色文字動(dòng)畫(huà)圖10-18文字運(yùn)動(dòng)前后的畫(huà)面

(6)右擊文字層的名稱，在彈出的右鍵快捷菜單中選擇【遮罩層】命令，將文字作為遮罩，左白右黑的背景作為被遮罩，那么就會(huì)在左黑右白的背景中顯示如圖10-16所示的反色字。(7)按<Enter>鍵預(yù)覽動(dòng)畫(huà)，按<Ctrl>+<Enter>組合鍵測(cè)試動(dòng)畫(huà)。10.2.3制作反色文字動(dòng)畫(huà)

圖10-16反色文字動(dòng)畫(huà)10.3制作圖形蒙版動(dòng)畫(huà)10.3.1制作探照燈動(dòng)畫(huà)10.3.2制作水中倒影動(dòng)畫(huà)(1)新建一個(gè)Flash動(dòng)畫(huà)文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。10.3.1制作探照燈動(dòng)畫(huà)圖10-19探照燈動(dòng)畫(huà)(2)在菜單欄中選擇【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令，導(dǎo)入一張圖片。單擊工具欄中的【對(duì)齊】按鈕，打開(kāi)【對(duì)齊】面板，依次單擊【相對(duì)于舞臺(tái)】按鈕、【匹配寬度】按鈕、【匹配高度】按鈕、【水平中齊】按鈕和【垂直中齊】按鈕，按<F8>鍵將圖片轉(zhuǎn)換為圖形元件，在【屬性】面板的【顏色】下拉列表框中選擇【亮度】選項(xiàng)，調(diào)整數(shù)值為“-70”，亮度值調(diào)整前后效果對(duì)比如圖10-20所示。10.3.1制作探照燈動(dòng)畫(huà)圖10-20亮度值調(diào)整前后效果對(duì)比

(3)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，從【庫(kù)】面板中將圖片元件拖放到舞臺(tái)中央。(4)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，單擊工具箱中的【橢圓工具】按鈕，在舞臺(tái)上繪制一個(gè)模仿探照燈大小的橢圓，顏色可任意選擇，按<F8>鍵，將其轉(zhuǎn)換為圖形元件。(5)分別單擊圖層1和圖層2的第30幀，按<F5>鍵插入幀。再分別單擊橢圓圖層的第15幀和30幀，按<F6>鍵插入關(guān)鍵幀。在第15幀處將橢圓移動(dòng)一個(gè)位置，用【任意變形工具】將其放大；再在第30幀處將橢圓移動(dòng)到另外一個(gè)位置，將其縮小，模擬近大遠(yuǎn)小的效果，如圖10-21所示。每段中間任選一幀右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】命令。10.3.1制作探照燈動(dòng)畫(huà)

(6)右擊橢圓圖層的名稱，在彈出的右鍵快捷菜單中選擇【遮罩層】命令，按<Enter>鍵預(yù)覽動(dòng)畫(huà)，按<Ctrl>+<Enter>組合鍵測(cè)試動(dòng)畫(huà)，出現(xiàn)如圖10-19所示探照燈經(jīng)過(guò)的動(dòng)畫(huà)效果。10.3.1制作探照燈動(dòng)畫(huà)圖10-21橢圓兩個(gè)關(guān)鍵幀的位置、大小比較

(1)新建一個(gè)Flash動(dòng)畫(huà)文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2)在菜單欄中選擇【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令，導(dǎo)入一張圖片，用工具箱中的【任意變形工具】將其放大或縮小到合適的大小，按<F8>鍵將其轉(zhuǎn)換為圖形元件。(3)在菜單欄中選擇【修改】→【變形】→【垂直翻轉(zhuǎn)】命令，將圖片放置在舞臺(tái)的下半部，雙擊圖層1的名稱，將其命名為“倒影100”。10.3.2制作水中倒影動(dòng)畫(huà)圖10-22水中倒影動(dòng)畫(huà)

(4)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，命名為“倒影60”。右擊“倒影100”的第一幀，選擇【復(fù)制幀】命令，在“倒影60”第一幀上右擊，在彈出的右鍵快捷菜單中選擇【粘貼幀】命令。單擊圖片，按向下和向右箭頭各兩次，使圖片向下向右各移動(dòng)兩個(gè)單位。(5)在【屬性】面板的【顏色】下拉列表框中選擇【Alpha】選項(xiàng)，設(shè)定透明度值為“60%”，產(chǎn)生水中虛影的效果，如圖10-23所示。10.3.2制作水中倒影動(dòng)畫(huà)圖10-23水中虛影的效果

(6)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，命名為“mask”。用工具箱中的【矩形工具】,在倒影上繪制一些不規(guī)則排列的矩形條作為遮罩，如圖10-24所示。10.3.2制作水中倒影動(dòng)畫(huà)圖10-24繪制遮罩

(7)單擊“mask”層的第一幀，將矩形條全部選中，按<F8>鍵轉(zhuǎn)換為圖形元件，命名為“Mask”。(8)分別單擊“倒影100”和“倒影60”的第30幀，按<F5>鍵插入幀。單擊“mask”層的第30幀，按<F6>鍵插入關(guān)鍵幀。將矩形條移動(dòng)到倒影圖片的下方，使遮罩穿過(guò)圖片，如圖10-25所示。10.3.2制作水中倒影動(dòng)畫(huà)圖10-25遮罩穿過(guò)圖片

(9)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，命名為“水面”。單擊工具箱中的【矩形工具】按鈕，在【屬性】面板中設(shè)定邊框顏色為【無(wú)】，填充為“藍(lán)綠色”。打開(kāi)常用面板組的【顏色】面板，將藍(lán)綠色的“Alpha”值設(shè)為“30%”，如圖10-26所示，使其半透明。在舞臺(tái)上繪制一個(gè)矩形作為半透明水面，如圖10-27所示。10.3.2制作水中倒影動(dòng)畫(huà)圖10-26顏色透明度設(shè)定

圖10-27繪制半透明水面(10)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，命名為“鴨子”。將【庫(kù)】面板中的圖片元件拖入到舞臺(tái)上，放置在倒影上方。(11)按<Enter>鍵預(yù)覽動(dòng)畫(huà)，按<Ctrl>+<Enter>組合鍵測(cè)試動(dòng)畫(huà)，水面中如有漣漪從鴨子的倒影中經(jīng)過(guò)。10.3.2制作水中倒影動(dòng)畫(huà)

圖10-22水中倒影動(dòng)畫(huà)10.4上機(jī)實(shí)訓(xùn)10.4.1放大鏡效果10.4.2水波蕩漾效果10.4.1放大鏡效果1.實(shí)訓(xùn)目的

通過(guò)制作一個(gè)如圖10-28所示經(jīng)典蒙版動(dòng)畫(huà)“放大鏡”，進(jìn)一步熟悉蒙版動(dòng)畫(huà)的制作方法和技巧，分清蒙版和偽蒙版的區(qū)別，提高實(shí)際操作中解決問(wèn)題的能力。

圖10-28放大鏡效果2.實(shí)訓(xùn)步驟(1)新建一個(gè)Flash動(dòng)畫(huà)文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2)在菜單欄中選擇【插入】→【新建元件】命令，在彈出的對(duì)話框中命名圖形元件的名稱為“放大鏡”，單擊【確定】按鈕，進(jìn)入到元件的編輯狀態(tài)。單擊【橢圓工具】按鈕，在【屬性】面板中設(shè)定邊框顏色為“深灰色”，寬度為“4”，填充為“無(wú)色”，在舞臺(tái)中央按<Shift>鍵繪制一個(gè)正圓。再選擇【矩形工具】按鈕，設(shè)定邊框?yàn)椤吧罨疑保畛錇椤鞍咨胶谏木€性漸變”，在圓形下面繪制一個(gè)矩形作為放大鏡的手柄，繪制完的放大鏡圖形元件，如圖10-29所示。10.4.1放大鏡效果2.實(shí)訓(xùn)步驟(3)單擊工作區(qū)左上角的“場(chǎng)景1”回到場(chǎng)景中，單擊【文本工具】按鈕，設(shè)定顏色為“紅色”，字體為“ArialBlack”，字號(hào)為“60”，字形為“斜體”，在舞臺(tái)上輸入“FlashCS3”，單擊圖層1的名稱，重命名為“小文字”，在第30幀上按<F5>鍵插入幀。(4)單擊時(shí)間軸左下角的【插入圖層】按鈕，新建一個(gè)圖層，雙擊名稱，將其命名為“大文字”。單擊【文本工具】按鈕，將字號(hào)改為“75”，在舞臺(tái)上輸入“FlashCS3”。圖10-29放大鏡圖形元件10.4.1放大鏡效果2.實(shí)訓(xùn)步驟(5)單擊時(shí)間軸左下角的【插入圖層】按鈕，再新建一個(gè)圖層，雙擊名稱，將其命名為“放大鏡”，將放大鏡從【庫(kù)】面板拖放到舞臺(tái)上文字的左側(cè)。單擊工具箱中的【任意變形工具】按鈕，鼠標(biāo)移動(dòng)到四個(gè)角上出現(xiàn)旋轉(zhuǎn)圖標(biāo)時(shí)逆時(shí)針旋轉(zhuǎn)30°，在第30幀上按<F6>鍵插入關(guān)鍵幀，將放大鏡從左側(cè)移動(dòng)到右側(cè)，如圖10-30所示。10.4.1放大鏡效果圖10-30放大鏡從左側(cè)移動(dòng)到右側(cè)2.實(shí)訓(xùn)步驟(6)選擇“大文字”圖層，單擊時(shí)間軸左下角的【插入圖層】按鈕，再新建一個(gè)圖層，雙擊名稱，將其命名為“遮罩”。單擊工具箱中的【橢圓工具】按鈕，在【屬性】面板中設(shè)定邊框顏色為【無(wú)】，填充任意顏色，按<Shift>鍵繪制一個(gè)正圓，圓的大小與放大鏡的鏡片大小相同。繪制完的遮罩圖形如圖10-31所示。10.4.1放大鏡效果圖10-31繪制遮罩圓形2.實(shí)訓(xùn)步驟(7)選中遮罩，按<F8>鍵將其轉(zhuǎn)換為圖形元件，命名為“遮罩”，單擊“遮罩”層的第30幀，按<F6>鍵創(chuàng)建關(guān)鍵幀。將遮罩移動(dòng)到右側(cè)與放大鏡同步，右擊“遮罩”層名稱，在彈出的右鍵快捷菜單中選擇【遮罩層】命令，使大文字只在鏡片中顯示，如圖10-32所示。10.4.1放大鏡效果圖10-31繪制遮罩圓形2.實(shí)訓(xùn)步驟(8)選擇“小文字”層，單擊時(shí)間軸左下角的【插入圖層】按鈕，再新建一個(gè)圖層，雙擊名稱，將其命名為“偽蒙版”。單擊工具箱中的【橢圓工具】按鈕，在【屬性】面板中設(shè)定邊框顏色為【無(wú)】，填充背景顏色，這里為“白色”。按<Shift>鍵繪制一個(gè)正圓，圓的大小與放大鏡的鏡片大小相同，得到小文字的偽蒙版如圖10-33所示。10.4.1放大鏡效果圖10-31繪制遮罩圓形2.實(shí)訓(xùn)步驟(9)選中偽蒙版，按<F8>鍵將其轉(zhuǎn)換為圖形元件，命名為“偽蒙版”。單擊“偽蒙版”層的第30幀，按<F6>鍵插入關(guān)鍵幀，將偽蒙版移動(dòng)到右側(cè)與放大鏡同步，這時(shí)動(dòng)畫(huà)的時(shí)間軸共有5層，排列順序如圖10-34所示。(10)按<Ctrl>+<Enter>組合鍵測(cè)試動(dòng)畫(huà)，如同放大鏡從文字上經(jīng)過(guò)，鏡片中文字被放大，如圖10-28所示。10.4.1放大鏡效果圖10-34動(dòng)畫(huà)的時(shí)間軸3.操作總結(jié)

本實(shí)訓(xùn)進(jìn)一步介紹了蒙版動(dòng)畫(huà)的制作技巧，還介紹了蒙版與偽蒙版的區(qū)別。在實(shí)際操作中，要具體問(wèn)題具體分析，巧妙運(yùn)用蒙版來(lái)實(shí)現(xiàn)各種動(dòng)畫(huà)效果。這一實(shí)例運(yùn)用到了很多本章學(xué)到的相關(guān)知識(shí)，是一個(gè)經(jīng)典的蒙版動(dòng)畫(huà)范例，請(qǐng)讀者熟練掌握。10.4.1放大鏡效果10.4.2水波蕩漾效果1.實(shí)訓(xùn)目的

通過(guò)制作一個(gè)仿佛有風(fēng)吹過(guò)，水面在風(fēng)中蕩漾的動(dòng)畫(huà)效果，如圖10-35所示，學(xué)習(xí)巧妙運(yùn)用蒙版實(shí)現(xiàn)特殊效果的方法和制作技巧。

圖10-35水波蕩漾效果2.實(shí)訓(xùn)步驟(1)新建一個(gè)Flash動(dòng)畫(huà)文檔，在【屬性】面板中設(shè)定尺寸大小為600*300，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項(xiàng)。(2)在菜單欄中選擇【文件】→【導(dǎo)入】→【導(dǎo)入到舞臺(tái)】命令，將圖片導(dǎo)入，單擊工具欄中的【對(duì)齊】按鈕，打開(kāi)【對(duì)齊】面板，依次單擊【相對(duì)于舞臺(tái)】按鈕、【匹配寬度】按鈕、【匹配高度】按鈕、【水平中齊】按鈕和【垂直中齊】按鈕，將圖片放置在舞臺(tái)正中央。(3)選中圖片，按<F8>鍵，在彈出的對(duì)話框的【類型】選項(xiàng)區(qū)中點(diǎn)選【圖形】單選鈕，單擊【確定】按鈕，將圖片轉(zhuǎn)換為圖形元件。10.4.2水波蕩漾效果2.實(shí)訓(xùn)步驟(4)在時(shí)間軸的左下角單擊【插入圖層】按鈕，新建一個(gè)圖層，從庫(kù)面板中將圖形元件拖拽到舞臺(tái)上。單擊工具欄中的【對(duì)齊】按鈕，打開(kāi)【對(duì)齊】面板，依次單擊【相對(duì)于舞臺(tái)】按鈕、【水平中齊】按鈕和