引導(dǎo)層和遮罩層動(dòng)畫實(shí)訓(xùn)

1、引導(dǎo)層和遮罩層動(dòng)畫實(shí)訓(xùn)1引導(dǎo)層動(dòng)畫一一激光字【設(shè)計(jì)思路】一束激光打到影片的背景上，隨著激光的移動(dòng)，文字慢慢地顯現(xiàn)，就好像一支激光筆在 刻字一樣。動(dòng)畫效果如圖6-33所示。圖6-33激光刻字動(dòng)畫運(yùn)行效果【技術(shù)要點(diǎn)】J-運(yùn)動(dòng)引導(dǎo)層的使用Q遮罩層的使用4逐幀動(dòng)畫的創(chuàng)建與編輯【創(chuàng)作步驟】1 .設(shè)置文檔屬性打開Flash CS3,新建文檔，設(shè)置文檔大小為500X 200像素，背景顏色為黑色，其它采用默認(rèn)設(shè)置，如圖 6-34所示。圖6-34文檔屬性設(shè)置2 .創(chuàng)建激光”圖形元件(1)選擇【插入】/【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框，在【名稱】文本 框輸入“激光"，【類型】選擇“圖形”，創(chuàng)建

2、一個(gè)圖形元件。單擊【確定】按鈕后進(jìn) 入元件編輯的主界面。(2)選擇【線條工具】 、,設(shè)置好線條屬性，如圖 6-35所示。在舞臺(tái)上斜向下畫出一 條線段。圖6-35線條屬性設(shè)置(3)選中線條，然后右擊鼠標(biāo)，選擇【轉(zhuǎn)換為元件】命令，將線條轉(zhuǎn)換為影片剪輯元件(名稱任意)。接著為線條元件添加發(fā)光的濾鏡效果，【濾鏡】設(shè)置面板如圖 6-36所示，做好的“激光”元件效果如圖6-37所示。圖6-36濾鏡設(shè)置面板圖6-37 “激光”元件最終效果昌提示:在添加濾鏡時(shí)，一定要先將線段先轉(zhuǎn)換為元件(影片剪輯或按鈕)，否則不能進(jìn)行設(shè)置3 .制作激光刻字效果(1)制作C的激光刻字效果。返回到場(chǎng)景1,選擇【文本工具】 丁，在

3、舞臺(tái)上輸入“ CAT三個(gè)字母，選中文本框， 在文本【屬性】設(shè)置面板上進(jìn)行文本的屬性設(shè)置，字體任意，大小為 96,顏色任意（本 例為綠色）。兩次按Ctrl+B鍵將文字打散，再選擇【墨水瓶工具】 他為文字加上邊框（筆觸顏色 選擇黃色）。然后選擇【任意變形工具】 西將文字調(diào)整到合適的大小，如圖 6-38所示。CAT圖6-38編輯完成后的圖形文字效果選擇【選擇工具】 ,選定文字的填充顏色，然后按 Delete鍵將填充色刪掉，僅剩下 文字的邊框。確保第一幀被選擇的情況下，選擇【修改】/【時(shí)間軸】/【分散到圖層】命令，三個(gè)字母分別被分散到了三個(gè)新的不同圖層，根據(jù)圖層上的字母，將新圖層對(duì)應(yīng)地重命名為C A、

4、T,如圖6-39所示。最后將“圖層 1”刪除，同時(shí)，為避免誤操作，單擊 目圖標(biāo) 鎖定全部圖層。圖6-39字母分散到圖層后的時(shí)間軸在" C'圖層上面創(chuàng)建一個(gè)新圖層，重命名為“C引導(dǎo)”。單擊【添加運(yùn)動(dòng)引導(dǎo)層】按鈕哈，為“ C引導(dǎo)”圖層添加引導(dǎo)層，名稱自動(dòng)為“引導(dǎo)層：C引導(dǎo)”。將“ C'圖層的第一幀復(fù)制到“引導(dǎo)層：C引導(dǎo)”的第一幀，然后選擇【橡皮擦工具】夕，將圖層中字母 C的的邊框擦去一小缺口如圖6-40所示，在時(shí)間軸的第 20幀右擊鼠標(biāo)，選擇【插入幀】命令，并將該圖層鎖定。一-Z +VD圖6-40拖入激光元件選擇“ C引導(dǎo)”圖層，將“激光”元件從【庫】面板里拖至舞臺(tái)，用【

5、任意變形工具】策調(diào)整好角度后，將元件的中心點(diǎn)移至激光束的上端點(diǎn)（此時(shí)激光束上端會(huì)出現(xiàn)一個(gè)十 字中心點(diǎn)），然后用鼠標(biāo)按住此十字中心點(diǎn)至字母C上缺口的上端點(diǎn)，并調(diào)整至重合,如圖6-40左圖所示。在第 20幀上右擊鼠標(biāo)，在彈出的快捷菜單總選擇【插入關(guān)鍵幀】 命令，將激光元件從字母 C上缺口的上端點(diǎn)移到下端點(diǎn)，同樣調(diào)整激光十字中心點(diǎn)與字 母C的下端點(diǎn)重合。在該層第1幀與第20幀之間的任意位置右擊鼠標(biāo)，在彈出的快捷菜單中選擇【創(chuàng)建 補(bǔ)間動(dòng)畫】命令，此時(shí)時(shí)間軸如圖6-41所示。U匚引導(dǎo) -*丁，角 近 T- a 圖6-41字母" C'引導(dǎo)完成后的舞臺(tái)顯示效果為字母C添加遮罩層。將圖層全部

6、鎖定，在"C”圖層上方再創(chuàng)建一個(gè)新的普通層，并重命名為“ c遮罩"。選擇【刷子工具】 Z,筆觸顏色選擇與字母邊框不同的顏色（如 綠色），在第1幀的激光所在字母 C的起始點(diǎn)位置刷上一點(diǎn)；接著在第2幀上插入關(guān)鍵幀，并從第1幀的剛刷的點(diǎn)開始一直刷到激光當(dāng)前的位置，如圖 6-42所示。圖6-42字母C遮罩第2幀舞臺(tái)顯示效果接下來制作從第 3幀到第20幀的效果，方法與第 2幀的方法相同。在每個(gè)幀上按 F6 鍵插入關(guān)鍵幀令，并用【刷子工具】從上一幀結(jié)束處一直刷到當(dāng)前激光所在位置，每一幀都沿著激光的運(yùn)動(dòng)方向，逐漸涂抹直至將字母C的邊框全部覆蓋，如圖 6-43所示。圖6-43 C遮罩設(shè)置完

7、成后的效果昌提示:刷子的大小一定要將原來的線條全部覆蓋，否則運(yùn)行時(shí)激光刻字會(huì)出現(xiàn)不連續(xù)的情況。M在“c遮罩”圖層上右擊鼠標(biāo)，在彈出的快捷菜單中選擇【遮罩層】命令，至此，完成了字母C的激光刻字效果。(2)制作字母A的激光刻字效果。由于字母A的邊框由不相連的內(nèi)外兩部分組成，所以這里分成兩部分來做。使用【選擇工具】 ' 將A的外邊框選定(如圖 6-44所示)并剪切。再在“ A圖層的 上面新建一個(gè)普通圖層，并重命名為“A外”。在“ A外”圖層的第21幀處按F6鍵插入一個(gè)關(guān)鍵幀。在舞臺(tái)上右擊鼠標(biāo)，在彈出的快捷菜單中選擇【粘貼到當(dāng)前位置】命令， 調(diào)整好位置。圖6-44 選定字母A的外邊框接下來就可

8、以用制作字母 C的方法，來制作字母A的激光刻字效果。這里就不再詳述。下面來簡要談?wù)勚谱髯帜窤內(nèi)框的激光刻字效果。將除了 "A'圖層以外的所有圖層鎖定。將圖層“ A重命名為“ A內(nèi)”，將第一幀剪切到第 21幀，再用制作字母 C的激光 刻字效果的方法制作 A的內(nèi)邊框的激光刻字效果。此時(shí)時(shí)間軸如圖 6-45所示(注意：前提是步驟1中已經(jīng)使用了 “剪切”把字母A的外邊框剪走了)niiiinaij fcjJ hj B_r kj kj u i-i uj 'hj huaj lu.口.4 口Hnr. 1口 .jC弓內(nèi)u A內(nèi)口 A內(nèi)隹87 Api圖6-45字母A的激光刻字效果(3)制

9、作字母T的激光刻字效果。按照制作字母 C的方法，制作 T的激光刻字效果。完成后分別在圖層“C'、"A外”、"A內(nèi)”、“T”的第62幀插入幀，最終的時(shí)間軸如圖6-46所示。圖6-46最終舞臺(tái)顯示4 .測(cè)試動(dòng)畫保存并測(cè)試動(dòng)畫，可以看到激光沿著字母邊框?qū)AT逐個(gè)打出。國提示:在做字母“A”的激光刻字效果時(shí)，也可以不要分成兩部分來做，例如使用鉛筆工具將字母“A”內(nèi)外兩部分的引導(dǎo)路徑連在一起，如圖 6-47所示，這樣就可以省去制作“ A內(nèi)”的步驟了。圖6-47將字母“ A”的內(nèi)外兩條路徑連接起來2遮罩層動(dòng)畫一一水波效果【設(shè)計(jì)思路】藍(lán)天白云下，是深藍(lán)平靜的大海。微風(fēng)吹來，海水

10、陣陣波動(dòng)，傳來海浪悅耳的聲音。切都顯得那么和諧。動(dòng)畫效果如圖6-48所示。圖6-48水波效果運(yùn)行圖【技術(shù)要點(diǎn)】元件的創(chuàng)建和編輯半 遮罩層的使用i聲音的導(dǎo)入和使用【創(chuàng)作步驟】新建Flash文件(1)設(shè)置文檔的屬性，尺寸大小為1024X 768,其它屬性采用默認(rèn)設(shè)置，如圖 6-49所示。圖6-49修改文檔屬性(2)選擇【文件】/【導(dǎo)入】/【導(dǎo)入到庫】命令，將制作水波滾動(dòng)效果所需的背景圖 片“背景.jpg ”、音效文件“海浪.mp3”導(dǎo)入到【庫】面板，如圖 6-50所示，I*_/二親命各1Y也包2 U!名稱類矍工國置夏花二憂感口小Sift.mp3青香圖6-50導(dǎo)入素材到庫(3)雙擊“圖層1”，將默認(rèn)

11、的“圖層1”重命名為“背景”。將庫中的圖片“背景.jpg : 拖動(dòng)到“背景”圖層第 1幀所對(duì)應(yīng)的舞臺(tái)上，用【任意變形工具】管將圖片調(diào)整至與文檔尺寸相同，此時(shí)時(shí)間軸和場(chǎng)景如圖6-51與圖6-52所示：圖6-51添加背景后的時(shí)間軸圖6-52背景在工作區(qū)中的效果2.創(chuàng)建元件(1)選擇【插入】/【新建元件】命令，在彈出的【創(chuàng)建新元件】對(duì)話框的【名稱】文 本框中輸入“翻滾"，【類型】選擇“影片剪輯”，如圖6-53所示，單擊【確定】按鈕, 即可創(chuàng)建一個(gè)影片剪輯元件。圖6-53創(chuàng)建翻滾元件(2)按Ctrl+L顯示庫，并將【庫】面板中的“背景 .jpg ”圖片，拖動(dòng)到“翻滾”元件 的編輯舞臺(tái)，用【套

12、索工具】將圖片上的非水域部分進(jìn)行選取并刪除，剩下水域部分如圖6-54所示。圖6-54保留水域部分(3)鎖定“翻滾”元件中的圖層1,在它上面再新建一個(gè)普通圖層，使用其默認(rèn)名稱“圖層2"。用【鋼筆工具】勾畫出一彎曲的條形，并填充任意一種顏色，調(diào)整大小后復(fù)制適當(dāng)?shù)膫€(gè)數(shù)覆蓋水域部分，如圖6-55所示(這些條形亦可以使用 【刷子工具】.，刷出來)。圖6-55畫出遮罩的形狀(4)在圖層2的第50幀上右擊鼠標(biāo)，在彈出的快捷菜單中選擇【插入關(guān)鍵幀】命令，同時(shí)將剛才畫好的圖形(即6-55中綠色圖形)向下拖動(dòng)一點(diǎn)距離；然后在第1幀與第50幀之間的任意位置右擊鼠標(biāo)，在彈出的快捷菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫】命

13、令。然后在該層在第1幀上右擊鼠標(biāo)，選擇【復(fù)制幀】命令。在第100幀上右擊鼠標(biāo)，選擇【粘貼幀】命令，這樣，水波就有了一個(gè)翻滾-還原的過程。(5)在“圖層2”上右擊鼠標(biāo)，在彈出的快捷菜單中選擇【遮罩層】命令。此時(shí)“翻滾”元件的時(shí)間軸如圖 6-56所示。，- - 一 _ .-圖6-56翻滾元件的時(shí)間軸3.場(chǎng)景的制作(1)單擊如圖6-57紅色圓圈的【場(chǎng)景 1】按鈕，返回到場(chǎng)景 1。在“背景”圖層上方 新建圖層，并重命名為“翻滾”，將“翻滾”元件拖動(dòng)到“翻滾”圖層第 1幀的舞臺(tái)中, 移動(dòng)“翻滾”元件，使其與背景層相同的位置錯(cuò)開一點(diǎn)(錯(cuò)開的距離越大，水的翻滾程 度就越大)?？梢远啻伟碈trl+Enter測(cè)

14、試影片，根據(jù)效果來具體調(diào)整。圖6-57返回場(chǎng)景1(2)添加海浪音效。將全部圖層鎖定，在“背景”層下面新建一個(gè)普通層，命名為“海浪聲“。將【庫】面板中的聲音文件“海浪.mp3”拖到場(chǎng)景中，并在每個(gè)層的第30幀處右擊鼠標(biāo)，選擇【插入幀】命令，時(shí)間軸如圖6-58所示。圖6-58添加聲音后的時(shí)間軸(3)水波效果的動(dòng)畫制作完畢，按 Ctrl+Enter測(cè)試影片，可以看到海浪翻滾的效果, 伴隨著一陣陣的海浪聲音，就跟真實(shí)拍攝的效果差不多。習(xí)題1 .參照書本“激光字”的例子，做一個(gè)小球繞著圓環(huán)運(yùn)動(dòng)的實(shí)例。效果如圖所示。孱提示：使用引導(dǎo)圖層，畫一個(gè)圓（大小介于圓環(huán)的內(nèi)外兩個(gè)圈之間）只要它的邊框，用橡皮擦把邊框擦去一點(diǎn) 形成一個(gè)缺口，作為小球運(yùn)動(dòng)的路徑。2 .利用遮罩圖層做一個(gè)圖片切換（從右向左逐漸顯示）的效果，如圖 6-60