《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)教程與上機(jī)指導(dǎo)第2版》第18章使用圖層和時(shí)間軸

1、第18章 使用圖層和時(shí)間軸,教學(xué)提示和教學(xué)目標(biāo)18.1 場(chǎng)景18.2 時(shí)間軸 18.3 圖層操作,教學(xué)提示和教學(xué)目標(biāo),教學(xué)提示：在Flash中，圖層是一個(gè)比較重要的概念。一般的Flash動(dòng)畫(huà)中都有多個(gè)圖層，用來(lái)存放不同類(lèi)型的對(duì)象。這樣在某一個(gè)圖層中創(chuàng)建或者是編輯對(duì)象的時(shí)候，就不會(huì)影響到其他圖層中的對(duì)象。時(shí)間軸是Flash 8非常重要的部分，它和動(dòng)畫(huà)的制作有著非常密切的關(guān)系，學(xué)會(huì)使用時(shí)間軸是進(jìn)行動(dòng)畫(huà)制作的基礎(chǔ)。教學(xué)目標(biāo)：

2、掌握編輯場(chǎng)景掌握改變場(chǎng)景背景掌握幀和幀頻掌握時(shí)間軸特效的應(yīng)用掌握?qǐng)D層的使用,18.1 場(chǎng) 景,Flash動(dòng)畫(huà)在網(wǎng)頁(yè)上相當(dāng)于一部小型的電影，在制作過(guò)程中需要使用不同的場(chǎng)景。通過(guò)場(chǎng)景的不斷變化以及一些特效的加入，然后在導(dǎo)演的指揮下各個(gè)演員按預(yù)定的時(shí)間出現(xiàn)在舞臺(tái)中，最終成為一部小型電影，這就是Flash動(dòng)畫(huà)。 18.1.1 編輯場(chǎng)景18.1.2 改變場(chǎng)景屬性,18.1.1 編輯場(chǎng)景,【打開(kāi)場(chǎng)景】：選擇【窗口】|【其

3、他面板】|【場(chǎng)景】命令，打開(kāi)【場(chǎng)景】面板?！局孛麍?chǎng)景】：雙擊一個(gè)場(chǎng)景名，此場(chǎng)景名變?yōu)楦吡溜@示，如圖18.2所示。在文本框中輸入名稱(chēng)，即可為場(chǎng)景重命名?！咎砑訄?chǎng)景】：?jiǎn)螕簟緢?chǎng)景】面板底部的【添加場(chǎng)景】按鈕，或者選擇【插入】|【場(chǎng)景】命令，也可以添加一個(gè)場(chǎng)景。【復(fù)制場(chǎng)景】：如果在影片中需要相同的場(chǎng)景，可以將場(chǎng)景復(fù)制，單擊【場(chǎng)景】面板底部的【直接復(fù)制場(chǎng)景】按鈕，直接復(fù)制一個(gè)場(chǎng)景?！緞h除場(chǎng)景】：如果在影片中有不需要的場(chǎng)景，單擊【場(chǎng)景】

4、面板底部的【刪除場(chǎng)景】按鈕，彈出Flash 8提示框，如圖18.5所示。單擊【確定】按鈕，即可刪除場(chǎng)景。【切換場(chǎng)景】：當(dāng)有多個(gè)場(chǎng)景時(shí)，如果需要切換到某一個(gè)場(chǎng)景時(shí)，可在【場(chǎng)景】面板中單擊需要的場(chǎng)景名稱(chēng)，或者單擊【視圖】菜單，在彈出菜單中選擇需要的場(chǎng)景名稱(chēng)?！菊{(diào)整場(chǎng)景】：也可單擊場(chǎng)景窗口右上角的【編輯場(chǎng)景】按鈕，在彈出的菜單中選擇要編輯的場(chǎng)景名稱(chēng)，如圖18.8所示。當(dāng)場(chǎng)景位置需要調(diào)整的時(shí)，在【場(chǎng)景】面板中，選擇需要調(diào)整位置的場(chǎng)景，然后拖

5、動(dòng)它到合適的位置。調(diào)整場(chǎng)景的位置后，在播放動(dòng)畫(huà)時(shí)會(huì)以調(diào)整后的順序顯示各個(gè)場(chǎng)景。,18.1.2 改變場(chǎng)景屬性,每個(gè)場(chǎng)景都有高、寬、背景顏色和幀頻屬性，因此在編輯動(dòng)畫(huà)前，需要設(shè)置場(chǎng)景的屬性。圖18.9 【文檔屬性】對(duì)話(huà)框選擇【修改】|【文檔】命令，打開(kāi)【文檔屬性】對(duì)話(huà)框，如圖18.9所示，在此對(duì)話(huà)框中可以修改場(chǎng)景的屬性。在【文檔屬性】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置。【幀頻】：在【幀頻】文本框中輸入播放速度?！境叽纭浚涸凇緦挕亢汀靖摺课?/p>

6、本框中設(shè)置場(chǎng)景的寬度和高度?！颈尘邦伾浚?jiǎn)螕艉竺娴念伾?，在彈出的調(diào)色板中可以設(shè)置場(chǎng)景的背景顏色?！灸J(rèn)】：選中此按鈕可以將設(shè)置的參數(shù)保存為默認(rèn)參數(shù)。修改了默認(rèn)的參數(shù)并且此單選按鈕后，以后新建的動(dòng)畫(huà)都會(huì)使用此默認(rèn)參數(shù)。,18.2 時(shí) 間 軸,時(shí)間軸是Flash進(jìn)行動(dòng)畫(huà)創(chuàng)作和編輯的主要工具，默認(rèn)情況下，它位于舞臺(tái)上方。用戶(hù)可以根據(jù)自己的習(xí)慣，用鼠標(biāo)拖動(dòng)時(shí)間軸窗口到其他位置，形成一個(gè)單獨(dú)的窗口。 18.2.1 幀和幀頻18

7、.2.2 編輯幀18.2.3 時(shí)間軸特效,18.2.1 幀和幀頻,幀是創(chuàng)建動(dòng)畫(huà)的基礎(chǔ)，也是構(gòu)成動(dòng)畫(huà)的最基本的元素之一。在時(shí)間軸中可以很明顯的看出幀和圖層是一一對(duì)應(yīng)的。幀代表著時(shí)刻，不同的幀即為不同的時(shí)刻，畫(huà)面會(huì)隨著時(shí)間的推移逐個(gè)顯示。幀頻是影響Flash動(dòng)畫(huà)快慢的關(guān)鍵，標(biāo)準(zhǔn)動(dòng)態(tài)圖像的幀速度是24fps，要求在網(wǎng)絡(luò)上有最佳表現(xiàn)，應(yīng)該選擇每秒鐘播放12幀。,18.2.2 編輯幀,插入幀以后，如果對(duì)幀不滿(mǎn)意，可以編輯幀，編輯幀有刪

8、除幀、移動(dòng)幀和轉(zhuǎn)換關(guān)鍵幀等操作?！緞h除幀】：選中不需要的幀，選擇【編輯】|【時(shí)間軸】|【刪除幀】命令，或者右擊，在彈出的快捷菜單中選擇【刪除幀】選項(xiàng)，即可刪除選中的幀?！疽苿?dòng)幀】：選中需要移動(dòng)的幀或者關(guān)鍵幀，然后拖動(dòng)鼠標(biāo)到目標(biāo)位置即可?！緩?fù)制幀】：選中一個(gè)或者多個(gè)需要復(fù)制的幀，選擇【編輯】|【復(fù)制幀】命令，或者右擊，在彈出的快捷菜單中選擇【復(fù)制幀】選項(xiàng)，即可復(fù)制幀。【關(guān)鍵幀的轉(zhuǎn)換】：如果將幀轉(zhuǎn)換為關(guān)鍵幀，選中需要轉(zhuǎn)換為關(guān)鍵幀的幀

9、，選擇【修改】|【時(shí)間軸】|【轉(zhuǎn)換為關(guān)鍵幀】命令，或者選中需要轉(zhuǎn)換為關(guān)鍵幀的幀，右擊，在彈出的快捷菜單中選擇【轉(zhuǎn)換為關(guān)鍵幀】選項(xiàng)。,18.2.3 時(shí)間軸特效,每種時(shí)間軸特效都以一種特定的方式處理圖形或元件，并允許用戶(hù)更改所需特效的個(gè)別參數(shù)。在預(yù)覽窗口中，用戶(hù)可以在更改設(shè)置之后快速查看所作的更改。 1. 【變形】時(shí)間軸特效2. 【轉(zhuǎn)換】時(shí)間軸特效3. 【分散式直接復(fù)制】時(shí)間軸特效4. 【復(fù)制到網(wǎng)格】時(shí)間軸特效5. 【分離】時(shí)間

10、軸特效6. 【展開(kāi)】時(shí)間軸特效7. 【投影】時(shí)間軸特效8. 【模糊】時(shí)間軸特效,,1. 【變形】時(shí)間軸特效,在【變形】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置。【效果持續(xù)時(shí)間】：設(shè)置對(duì)象的特效持續(xù)的時(shí)間(以幀為單位)?！靖奈恢梅绞健浚涸谄湎吕斜碇杏袃蓚€(gè)選項(xiàng)。【移動(dòng)位置】：按X軸、Y軸的偏移量(以像素為單位)移動(dòng)到指定的坐標(biāo)位置?！靖奈恢梅绞健浚喊碭軸、Y軸的偏移量(以像素為單位)改變位置?！究s放比例】：縮放比例即為調(diào)節(jié)大小?！拘?/p>

11、轉(zhuǎn)】：旋轉(zhuǎn)是以度數(shù)為單位的。旋轉(zhuǎn)的度數(shù)與次數(shù)相關(guān)聯(lián)。,【次數(shù)】：有【逆時(shí)針】、【順時(shí)針】?jī)蓚€(gè)按鈕，單擊可以設(shè)置旋轉(zhuǎn)方向?！靖念伾浚嚎梢孕薷淖罱K的顏色，即動(dòng)畫(huà)是由對(duì)象本身的顏色漸變到修改后的顏色?！咀罱K顏色】：設(shè)置是以RGB模式的，或者直接輸入十六進(jìn)制值也可以?！咀罱K的Alpha】：設(shè)置動(dòng)畫(huà)的透明度漸變，變化也是以百分比為單位的。【移動(dòng)緩慢】：設(shè)置動(dòng)畫(huà)的速度。,2. 【轉(zhuǎn)換】時(shí)間軸特效,在【轉(zhuǎn)換】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置。【

12、效果持續(xù)時(shí)間】：設(shè)置對(duì)象的特效持續(xù)的時(shí)間(以幀為單位)。【方向】：選中【入】或【出】單選按鈕，可以設(shè)置過(guò)渡特效的方向?！镜浚哼x中【入】單選按鈕，并選中此復(fù)選框，獲得淡入效果。【涂抹】：選中【出】單選按鈕，并選中此復(fù)選框，獲得淡出效果。【移動(dòng)緩慢】：設(shè)置開(kāi)始時(shí)慢速，然后逐漸變快，或開(kāi)始時(shí)快，然后逐漸變慢。,3. 【分散式直接復(fù)制】時(shí)間軸特效,在【分散式直接復(fù)制】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置?！靖北緮?shù)量】：根據(jù)需要設(shè)置副本的數(shù)量。

13、【偏移距離】：可以根據(jù)X軸、Y軸的位置分別設(shè)置?！酒菩D(zhuǎn)】：以度數(shù)為單位設(shè)置的?！酒破鹗紟浚阂詴r(shí)間軸的幀數(shù)為單位?！究s放比例】：設(shè)置縮放的方式和百分?jǐn)?shù)?！局笖?shù)縮放比例】：按百分?jǐn)?shù)在x和y方向同時(shí)縮放?！揪€(xiàn)性縮放比例】：按百分?jǐn)?shù)在x和y方向同時(shí)縮放。【更改顏色】：可以修改最終的顏色，即動(dòng)畫(huà)是由對(duì)象本身的顏色漸變到修改后的顏色。最終顏色的設(shè)置是以RGB模式的，或者直接輸入十六進(jìn)制值也可以。單擊此按鈕，可以指定最后復(fù)件的顏

14、色，中間的復(fù)件將逐漸過(guò)渡到這種顏色?！咀罱K的Alpha】：用于設(shè)置動(dòng)畫(huà)的透明度，變化式以百分比為單位的。,4. 【復(fù)制到網(wǎng)格】時(shí)間軸特效,在【復(fù)制到網(wǎng)格】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置?！揪W(wǎng)格尺寸】：【行數(shù)】是設(shè)置網(wǎng)格的行數(shù)；【列數(shù)】是設(shè)置網(wǎng)格的列數(shù)?！揪W(wǎng)格間距】：【行數(shù)】是設(shè)置行間距(以像素為單位)；【列數(shù)】是設(shè)置列間距(以像素為單位)。,5. 【分離】時(shí)間軸特效,在【分離】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置?！拘Ч掷m(xù)時(shí)間】：設(shè)置對(duì)象的特效

15、持續(xù)的時(shí)間(以幀為單位)?！痉蛛x方向】：?jiǎn)螕簟痉蛛x】方向按鈕，設(shè)置分離的特效的運(yùn)動(dòng)方向?！净【€(xiàn)大小】：設(shè)置碎片的旋轉(zhuǎn)角度(以度為單位)?！舅槠笮「牧俊浚涸O(shè)置碎片X、Y方向的更改量(以像素為單位)?！咀罱K的Alpha】：設(shè)置分離特效的最后透明度為百分?jǐn)?shù)。,6. 【展開(kāi)】時(shí)間軸特效,在【展開(kāi)】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置。【效果延續(xù)時(shí)間】：設(shè)置對(duì)象的特效持續(xù)的時(shí)間(以幀為單位)。展開(kāi)、壓縮，兩者皆是設(shè)置特效的運(yùn)動(dòng)形式?！疽苿?dòng)方

16、向】：?jiǎn)螕舴较虬粹o，設(shè)置擴(kuò)展特效的運(yùn)動(dòng)方向?！窘M中心轉(zhuǎn)換方式】：設(shè)置運(yùn)動(dòng)在x和y方向的偏移量(以像素為單位)?！舅槠啤浚涸O(shè)置碎片(如文本中的每個(gè)中文字或字母)的偏移量?！舅槠笮「牧俊浚和ㄟ^(guò)改變高度和寬度值來(lái)改變碎片的大小(以像素為單位)。,7. 【投影】時(shí)間軸特效,在【投影】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置?！绢伾浚?jiǎn)螕舸税粹o，可以設(shè)置陰影的顏色?！続lpha透明度】：設(shè)置陰影的Alpha透明度百分?jǐn)?shù)。【陰影偏移】：設(shè)置陰

17、影在X和Y軸方向的偏移量。,8. 【模糊】時(shí)間軸特效,在【模糊】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置?！拘Ч掷m(xù)時(shí)間】：設(shè)置對(duì)象的特效持續(xù)的時(shí)間(以幀為單位)?！驹试S水平模糊】：設(shè)置在水平方向產(chǎn)生模糊效果?！驹试S垂直模糊】：設(shè)置在垂直方向產(chǎn)生模糊效果。【移動(dòng)方向】：?jiǎn)螕舴较虬粹o，用于設(shè)置運(yùn)動(dòng)模糊的方向。,18.3 圖 層 操 作,需要激活圖層時(shí)，在時(shí)間軸中選中圖層，或在該圖層中選中某個(gè)舞臺(tái)對(duì)象，可以在活動(dòng)圖層上放置對(duì)象、添加文本和圖像以及

18、進(jìn)行編輯。 18.3.1 創(chuàng)建新層18.3.2 圖層屬性,18.3.1 創(chuàng)建新層,創(chuàng)建新層可以使用以下幾種方法。選擇【插入】|【時(shí)間軸】|【圖層】命令。選中其中一個(gè)圖層，右擊，在彈出的快捷菜單中選擇【插入圖層】命令。單擊時(shí)間軸面板底部的【插入圖層】按鈕。,18.3.2 圖層屬性,使用以下幾種方法，可以彈出【圖層屬性】對(duì)話(huà)框。選中需要修改屬性的圖層，右擊，在彈出的快捷菜單中選擇【屬性】命令。選中圖層，選擇【修改】|【

19、時(shí)間軸】|【圖層屬性】命令，彈出【圖層屬性】對(duì)話(huà)框，如圖18.18所示。在【圖層屬性】對(duì)話(huà)框中可以進(jìn)行如下設(shè)置?！久Q(chēng)】：設(shè)置圖層的名稱(chēng)?！撅@示】：顯示該圖層?！炬i定】：鎖定圖層?！绢?lèi)型】：設(shè)置圖層的類(lèi)型?！疽话恪浚耗J(rèn)的普通圖層?！疽龑?dǎo)層】：為該層創(chuàng)建引導(dǎo)圖層?！颈灰龑?dǎo)層】：將圖層設(shè)置為被引導(dǎo)層?！久砂鍖印浚簽樵搶咏⒘艘粋€(gè)蒙板圖層?！颈幻砂濉浚涸搶右呀?jīng)建立蒙板圖層。【文件夾】：創(chuàng)建圖層文件夾?！据喞伾浚哼x