Flash-動(dòng)畫制作教程-層、場景與高級(jí)動(dòng)畫課件

1、層、場景與高級(jí)動(dòng)畫 2本章目標(biāo)掌握圖層的概念及基本操作會(huì)制作引導(dǎo)層動(dòng)畫會(huì)制作遮罩層動(dòng)畫掌握場景的概念及應(yīng)用3預(yù)習(xí)檢查提問Flash中層、場景的概念遮罩、被遮罩的關(guān)系7.1 圖層的概念圖層可以看作是一層層透明的紙疊加在一起，每張紙上有不同的內(nèi)容，上一層的內(nèi)容會(huì)遮住下一層中相同位置的內(nèi)容。圖層中除了有圖形、元件實(shí)例、文字等對象的地方其他部分都是透明的，下層的內(nèi)容可以通過透明的這部分顯示出來。7.1.1 圖層面板創(chuàng)建一個(gè)新的Flash文檔時(shí)，默認(rèn)文檔僅包含一個(gè)圖層，可以根據(jù)需要添加更多的圖層。而圖層本身不會(huì)增加發(fā)布的SWF文件的文件大小，只有放入圖層的對象才會(huì)增加文件的大小。如果對圖層或圖層文件夾進(jìn)

2、行修改，需要在“時(shí)間軸”面板中選擇該圖層?！皶r(shí)間軸”面板中圖層名稱或文件夾名稱旁邊的鉛筆圖標(biāo)表示該圖層或文件夾處于活動(dòng)狀態(tài)，如圖所示，此時(shí)的任何操作都是對該圖層中的對象進(jìn)行。一次可以選擇多個(gè)圖層，但始終只能有一個(gè)圖層處于活動(dòng)狀態(tài)。7.1.2 圖層的分類Flash圖層可分為普通圖層、引導(dǎo)層和遮罩層三種類型。普通圖層：新建的Flash文件在默認(rèn)情況下只有一個(gè)普通圖層。 引導(dǎo)層：引導(dǎo)層的作用是輔助其他圖層對象的運(yùn)動(dòng)或定位，可以進(jìn)一步分為靜態(tài)引導(dǎo)層或運(yùn)動(dòng)引導(dǎo)層。遮罩層：遮罩層中的圖形對象被看作是透明的，其下被遮罩的對象在遮罩層對象的輪廓范圍內(nèi)可以正常顯示。遮罩層圖層名稱前面用 標(biāo)記表示，被遮罩層圖層名

3、字前面用 標(biāo)記表示。 7.2 圖層操作7.2.1 圖層基本操作 1.新建圖層 新建的Flash文件在默認(rèn)情況下只有一個(gè)圖層，命名為“圖層1”，用戶可根據(jù)實(shí)際需要添加圖層。新建圖層方法如下： （1）單擊“時(shí)間軸”面板左下角的“新建圖層”按鈕，可以在當(dāng)前圖層上方新建一個(gè)圖層。 （2）選中一個(gè)圖層，執(zhí)行“插入”“時(shí)間軸”“圖層”命令，可在該圖層上方新建一個(gè)圖層。 （3）選中某一圖層，并在該圖層上右擊，在彈出的快捷菜單中選擇“插入圖層”命令，可以在該圖層上方新建一個(gè)圖層。7.2.1 圖層基本操作 2.選擇圖層在制作動(dòng)畫過程中，常常需要對圖層進(jìn)行移動(dòng)、刪除、改變屬性等操作，在圖層操作之前首先要選擇圖層。

4、選擇單個(gè)圖層方法如下：（1）在“時(shí)間軸”面板中單擊需要編輯的圖層。（2）在舞臺(tái)中選取要編輯的對象可以選中該對象所在的圖層。（3）單擊時(shí)間軸中的任何一個(gè)幀可以選中該幀所在的圖層。3.刪除圖層刪除圖層必須先選擇要?jiǎng)h除的圖層，然會(huì)再刪除。刪除圖層的方法如下：（1）單擊“時(shí)間軸”面板左下角的“刪除圖層”按鈕（2）在要?jiǎng)h除的圖層上右擊，在快捷菜單中執(zhí)行“刪除圖層”命令（3）選定要?jiǎng)h除的圖層，將其拖動(dòng)到“時(shí)間軸”面板左下角的“刪除圖層”按鈕上再釋放鼠標(biāo)。7.2.1 圖層基本操作 4.修改圖層屬性雙擊該圖層名稱前面的圖層標(biāo)記，可以打開“圖層屬性”對話框，修改圖層屬性，如圖所示5.重命名圖層圖層重命名的方法如

5、下：在“時(shí)間軸”面板中雙擊需要重命名的圖層名稱，進(jìn)入圖層名稱編輯狀態(tài)，在文本框中輸入新的圖層名稱，按回車鍵即可。雙擊需要重命名的圖層前面的圖層標(biāo)記，打開“圖層屬性”對話框，在“名稱”文本框中輸入新的名稱，單擊“確定”按鈕即可。7.2.2 圖層文件夾操作1.新建圖層文件夾新建圖層文件夾方法如下，新文件夾將以“文件夾1”，“文件夾2”順序命名。單擊“時(shí)間軸”面板左下角的“新建圖層文件夾”按鈕，在當(dāng)前圖層上方創(chuàng)建一個(gè)圖層文件夾。選擇一個(gè)圖層，右擊，在彈出的快捷菜單中執(zhí)行“插入文件夾”命令，在選定圖層的上方創(chuàng)建圖層文件夾。2.重命名圖層文件夾圖層文件夾重命名方法如下：在“時(shí)間軸”面板圖層區(qū)域中雙擊要重

6、命名的圖層文件夾，進(jìn)入圖層文件夾名稱編輯狀態(tài)，輸入新的名稱后按Enter鍵確認(rèn)。雙擊要重命名的圖層文件夾前的文件夾標(biāo)記，打開“圖層屬性”對話框，在名稱文本框中輸入新的名稱，然后的單擊確定按鈕。7.2.2 圖層文件夾操作3.將圖層移入圖層文件夾圖層文件夾可以包含圖層，也可以包含其他文件夾。新建圖層文件夾后，可以根據(jù)需要將圖層移入圖層文件夾中。在圖層文件夾中也可以對圖層進(jìn)行創(chuàng)建、刪除、復(fù)制和顯示等操作。選擇需要移入圖層文件夾的圖層，按住左鍵并將圖層拖動(dòng)到圖文件夾上，看到圖層上方圓圈標(biāo)記移到文件夾右側(cè)后，釋放左鍵即可。4.展開和折疊圖層文件夾圖層文件夾可以展開和折疊，方便查看圖層單擊圖層文件夾左側(cè)的

7、 按鈕，可以折疊圖層文件夾，并且該按鈕變?yōu)?形狀，圖層文件夾的圖標(biāo)變?yōu)樾螤?。單擊圖層文件夾左側(cè)的 按鈕，可以展開圖層文件夾，此時(shí)該按鈕變?yōu)?形狀，圖層文件夾的圖標(biāo)變?yōu)樾螤?。7.2.2 圖層文件夾操作5.刪除圖層文件夾當(dāng)不需要圖層文件夾時(shí)可以將它刪除，刪除圖層文件夾方法如下：選中要?jiǎng)h除的圖層文件夾，單擊“時(shí)間軸”面板下方的 按鈕選中要?jiǎng)h除的圖層文件夾，按住左鍵，將其拖動(dòng)到 按鈕上釋放鼠標(biāo)。選中要?jiǎng)h除的圖層文件夾，右擊，在彈出的快捷菜單中執(zhí)行“刪除文件夾”命令。如果要?jiǎng)h除的文件夾內(nèi)包括圖層，系統(tǒng)會(huì)彈出警告對話框，提示刪除圖層文件夾時(shí)會(huì)刪除其中的嵌套圖層。7.3 引導(dǎo)層引導(dǎo)層是Flash引導(dǎo)層動(dòng)

8、畫中繪制路徑的圖層。引導(dǎo)層中的圖案可以為繪制的圖形或?qū)ο蠖ㄎ?，主要用來設(shè)置對象的運(yùn)動(dòng)軌跡。引導(dǎo)層不從影片中輸出，所以它不會(huì)增加文件的大小，而且它可以多次使用。7.3.1 靜態(tài)引導(dǎo)層將普通圖層轉(zhuǎn)換為引導(dǎo)層的方法如下：（1）在“時(shí)間軸”面板中，右擊某個(gè)圖層，在彈出的快捷菜單中執(zhí)行“引導(dǎo)層”命令。（2）雙擊圖層名稱前的普通圖層標(biāo)記 ，在“圖層屬性”對話框中的“類型”設(shè)置中選擇“引導(dǎo)層”單選按鈕。普通圖層轉(zhuǎn)換為引導(dǎo)層后，引導(dǎo)層名稱前用 標(biāo)記表示。 將引導(dǎo)層轉(zhuǎn)換為普通圖層的方法如下：（1）右擊引導(dǎo)層，在彈出的快捷菜單中再次執(zhí)行“引導(dǎo)層”命令，將其前面的去掉。（2）雙擊引導(dǎo)層名稱前的 標(biāo)記，在“圖層屬性”

9、對話框中的“類型”設(shè)置中選擇“一般”單選按鈕并確認(rèn)。7.3.2 運(yùn)動(dòng)引導(dǎo)層引導(dǎo)層還可以與它下方的其他圖層建立鏈接關(guān)系，變?yōu)檫\(yùn)動(dòng)引導(dǎo)層，用 標(biāo)記表示。 引導(dǎo)層動(dòng)畫由運(yùn)動(dòng)引導(dǎo)層和被引導(dǎo)層兩部分組成，運(yùn)動(dòng)引導(dǎo)層位于被引導(dǎo)層的上方，在運(yùn)動(dòng)引導(dǎo)層中可以繪制出對象的運(yùn)動(dòng)路徑，使被引導(dǎo)層中的對象沿著引導(dǎo)層的路徑運(yùn)動(dòng)。創(chuàng)建運(yùn)動(dòng)引導(dǎo)層方法如下：（1）在“時(shí)間軸”面板圖層區(qū)域中右擊某圖層，在彈出的快捷菜單中執(zhí)行“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”命令，則在當(dāng)前圖層上創(chuàng)建一個(gè)空白的運(yùn)動(dòng)引導(dǎo)層，并自動(dòng)建立與該圖層的引導(dǎo)關(guān)系。（2）在時(shí)間軸面板圖層區(qū)域中將某圖層拖動(dòng)到靜態(tài)引導(dǎo)層右下方，建立引導(dǎo)層與被引導(dǎo)層的聯(lián)系。 7.3.2 運(yùn)動(dòng)引

10、導(dǎo)層引導(dǎo)線繪制完成后，只需要分別在被引導(dǎo)層的起始關(guān)鍵幀和結(jié)束關(guān)鍵幀分別將運(yùn)動(dòng)對象拖動(dòng)到引導(dǎo)線的起點(diǎn)和終點(diǎn)，建立傳統(tǒng)補(bǔ)間動(dòng)畫，運(yùn)動(dòng)對象就能夠沿引導(dǎo)線運(yùn)動(dòng)。應(yīng)注意，被引導(dǎo)對象的中心點(diǎn)必須準(zhǔn)確地吸附到引導(dǎo)路徑上，如圖所示；否則對象無法沿著引導(dǎo)線運(yùn)動(dòng)。7.4 遮罩層遮罩層可以將與遮罩層相鏈接的圖形中的圖像遮蓋起來。用戶可以將多個(gè)層組合放在一個(gè)遮罩層下，以創(chuàng)建出多樣的效果。7. 4.1 遮罩的基本概念遮罩層中的圖形對象被看作是透明的，可以透過遮罩層內(nèi)的圖形看到被遮罩層的內(nèi)容，遮罩層中圖形對象以外的區(qū)域?qū)⒄谏w被遮罩層的內(nèi)容。即相當(dāng)于要在遮罩層中設(shè)置各種形狀的孔洞，只有在孔洞處才能顯示被遮罩層相應(yīng)部分的內(nèi)容

11、。在遮罩層或被遮罩層中都可以制作各種動(dòng)畫效果。在遮罩層中，遮罩項(xiàng)日可以是填充的形狀、文字對象、圖形元件實(shí)例或影片剪輯元件實(shí)例。一個(gè)遮罩層只能包含一個(gè)遮罩項(xiàng)目。遮罩層不能用在按鈕內(nèi)部，也不能將一個(gè)遮罩應(yīng)用于另一個(gè)遮罩。將多個(gè)圖層組織在一個(gè)遮罩層下可創(chuàng)建復(fù)雜的效果。7.4.2 遮罩層的基本操作1新建遮罩層遮罩層是通過普通圖層轉(zhuǎn)換而來的，將普通圖層轉(zhuǎn)換為遮罩層方法如下：（1）右擊要轉(zhuǎn)換的圖層，在彈出的快捷菜單中執(zhí)行“遮罩層”命令。將該圖層轉(zhuǎn)換成遮罩層后，該圖層前的標(biāo)記變?yōu)?，其下方的圖層標(biāo)記變?yōu)?，表示是被遮罩層并向右縮進(jìn)，兩圖層之間自動(dòng)建立鏈接關(guān)系并鎖定，如圖所示。如果需要對圖層進(jìn)行編輯，需要先將

12、其解除鎖定。（2）雙擊要轉(zhuǎn)換為遮罩層的圖層前的圖標(biāo) ，打開“圖層屬性”對話框，選擇“遮罩層”單選按鈕，單擊“確認(rèn)”按鈕。 7.4.2 遮罩層的基本操作 2取消遮罩層 如果要取消遮罩層，可以使用以下方法將其轉(zhuǎn)變?yōu)槠胀▓D層： （1）右擊遮罩層，在快捷菜單中執(zhí)行“遮罩層”命令，將其前面的去掉。 （2）雙擊遮罩層前面的標(biāo)記 ，在打開的“圖層屬性”對話框中選中“一般”單選項(xiàng)，即可將其轉(zhuǎn)換為普通圖層。7.4.3 遮罩動(dòng)畫 在遮罩層中使用動(dòng)畫可以創(chuàng)建一些特殊的動(dòng)畫效果。在制作遮罩動(dòng)畫時(shí)通常先在遮罩層或被遮罩層先制作動(dòng)畫，再將對應(yīng)圖層轉(zhuǎn)換為遮罩層。遮罩層建立后，遮罩層和被遮罩層會(huì)自動(dòng)鎖定，如果需要進(jìn)行編輯，需

13、要先解除鎖定。解除鎖定后舞臺(tái)上的遮罩效果會(huì)自動(dòng)取消，修改完成后要重新鎖定遮罩層和被遮罩層，舞臺(tái)上才能顯示遮罩效果。制作實(shí):1：探照燈文字 制作實(shí)例2：變色文字 7.5 場景 7.5.1 場景的概念場景是動(dòng)畫角色活動(dòng)與表演的場合與環(huán)境。新建一個(gè)Flash文件時(shí)，默認(rèn)場景名為“場景1”。一般在較短小的Flash動(dòng)畫中，只使用一個(gè)場景。執(zhí)行“窗口”“其他面板”“場景”命令打開“場景”面板。如圖所示。在“場景”面板中可以有效地組織各個(gè)場景。發(fā)布SWF文件時(shí)，動(dòng)畫按照場景面板中的場景次序順序播放。 7.5.2 場景的基本操作 1.添加場景添加的新場景后，在舞臺(tái)和時(shí)間軸均會(huì)更新成新的空白窗口，舞臺(tái)的左上角

14、方顯示出當(dāng)前添加的場景的默認(rèn)名稱“場景2”、“場景3”等，在新場景中可以創(chuàng)建中可以創(chuàng)建一段新的動(dòng)畫。添加場景的方法有：（1）執(zhí)行“插入”一“場景”命令。（2）在“場景”面板右下角單擊“添加場景”按鈕 。2切換場景制作動(dòng)畫時(shí)，只有一個(gè)場景是當(dāng)前場景，因此需要根據(jù)需要在各個(gè)場景之間切換。切換場景方法如下：（1）在“場景”面板中單擊場景名稱，切換到相應(yīng)場景。（2）單擊舞臺(tái)右上角的“編輯場景”按鈕 ，在下拉菜單中單擊場景名稱。（3）執(zhí)行菜單中的“視圖”一“轉(zhuǎn)到”命令，選擇該菜單中相應(yīng)命令。7.5.2 場景的基本操作3設(shè)置場景順序在編輯過程中，F(xiàn)lash默認(rèn)的場景播放播放順序是場景的創(chuàng)建順序，如場景1、場景2。如果需要使原來的場景順序發(fā)生變化，可以重新設(shè)置場景順序。在“場景”面板中拖動(dòng)場景名稱可以設(shè)置場景順序。4重命名場景最好使用有意義的名稱命名場景。可以在“場景”面板中雙擊需要命名的場景名稱，進(jìn)入場景名輸入狀態(tài)，可以重新對場景命名。7.5.2 場景的基本操作5復(fù)制場景在“場景”面板中選擇需要復(fù)制的場景名稱，單擊“場景”面板左下方的“重制場景”按鈕 ，可以復(fù)制場景，如圖所示。復(fù)制的場景