《網(wǎng)頁設計基礎教程與上機指導第2版》第18章使用圖層和時間軸

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

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

3、他面板】|【場景】命令，打開【場景】面板。【重命名場景】：雙擊一個場景名，此場景名變?yōu)楦吡溜@示，如圖18.2所示。在文本框中輸入名稱，即可為場景重命名?！咎砑訄鼍啊浚簡螕簟緢鼍啊棵姘宓撞康摹咎砑訄鼍啊堪粹o，或者選擇【插入】|【場景】命令，也可以添加一個場景?！緩椭茍鼍啊浚喝绻谟捌行枰嗤膱鼍?，可以將場景復制，單擊【場景】面板底部的【直接復制場景】按鈕，直接復制一個場景。【刪除場景】：如果在影片中有不需要的場景，單擊【場景】

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

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

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

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

8、除幀、移動幀和轉(zhuǎn)換關鍵幀等操作。【刪除幀】：選中不需要的幀，選擇【編輯】|【時間軸】|【刪除幀】命令，或者右擊，在彈出的快捷菜單中選擇【刪除幀】選項，即可刪除選中的幀。【移動幀】：選中需要移動的幀或者關鍵幀，然后拖動鼠標到目標位置即可?！緩椭茙浚哼x中一個或者多個需要復制的幀，選擇【編輯】|【復制幀】命令，或者右擊，在彈出的快捷菜單中選擇【復制幀】選項，即可復制幀?！娟P鍵幀的轉(zhuǎn)換】：如果將幀轉(zhuǎn)換為關鍵幀，選中需要轉(zhuǎn)換為關鍵幀的幀

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

10、軸特效6. 【展開】時間軸特效7. 【投影】時間軸特效8. 【模糊】時間軸特效,,1. 【變形】時間軸特效,在【變形】對話框中可以進行如下設置?！拘Ч掷m(xù)時間】：設置對象的特效持續(xù)的時間(以幀為單位)。【更改位置方式】：在其下拉列表中有兩個選項?！疽苿游恢谩浚喊碭軸、Y軸的偏移量(以像素為單位)移動到指定的坐標位置?！靖奈恢梅绞健浚喊碭軸、Y軸的偏移量(以像素為單位)改變位置。【縮放比例】：縮放比例即為調(diào)節(jié)大小?！拘?/p>

11、轉(zhuǎn)】：旋轉(zhuǎn)是以度數(shù)為單位的。旋轉(zhuǎn)的度數(shù)與次數(shù)相關聯(lián)。,【次數(shù)】：有【逆時針】、【順時針】兩個按鈕，單擊可以設置旋轉(zhuǎn)方向?！靖念伾浚嚎梢孕薷淖罱K的顏色，即動畫是由對象本身的顏色漸變到修改后的顏色?！咀罱K顏色】：設置是以RGB模式的，或者直接輸入十六進制值也可以。【最終的Alpha】：設置動畫的透明度漸變，變化也是以百分比為單位的?！疽苿泳徛浚涸O置動畫的速度。,2. 【轉(zhuǎn)換】時間軸特效,在【轉(zhuǎn)換】對話框中可以進行如下設置。【

12、效果持續(xù)時間】：設置對象的特效持續(xù)的時間(以幀為單位)?！痉较颉浚哼x中【入】或【出】單選按鈕，可以設置過渡特效的方向。【淡化】：選中【入】單選按鈕，并選中此復選框，獲得淡入效果。【涂抹】：選中【出】單選按鈕，并選中此復選框，獲得淡出效果?！疽苿泳徛浚涸O置開始時慢速，然后逐漸變快，或開始時快，然后逐漸變慢。,3. 【分散式直接復制】時間軸特效,在【分散式直接復制】對話框中可以進行如下設置?！靖北緮?shù)量】：根據(jù)需要設置副本的數(shù)量。

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

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

15、持續(xù)的時間(以幀為單位)?！痉蛛x方向】：單擊【分離】方向按鈕，設置分離的特效的運動方向?！净【€大小】：設置碎片的旋轉(zhuǎn)角度(以度為單位)?！舅槠笮「牧俊浚涸O置碎片X、Y方向的更改量(以像素為單位)?！咀罱K的Alpha】：設置分離特效的最后透明度為百分數(shù)。,6. 【展開】時間軸特效,在【展開】對話框中可以進行如下設置?！拘Ч永m(xù)時間】：設置對象的特效持續(xù)的時間(以幀為單位)。展開、壓縮，兩者皆是設置特效的運動形式?！疽苿臃?/p>

16、向】：單擊方向按鈕，設置擴展特效的運動方向?！窘M中心轉(zhuǎn)換方式】：設置運動在x和y方向的偏移量(以像素為單位)?！舅槠啤浚涸O置碎片(如文本中的每個中文字或字母)的偏移量?！舅槠笮「牧俊浚和ㄟ^改變高度和寬度值來改變碎片的大小(以像素為單位)。,7. 【投影】時間軸特效,在【投影】對話框中可以進行如下設置?！绢伾浚簡螕舸税粹o，可以設置陰影的顏色?！続lpha透明度】：設置陰影的Alpha透明度百分數(shù)?！娟幱捌啤浚涸O置陰

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

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

19、時間軸】|【圖層屬性】命令，彈出【圖層屬性】對話框，如圖18.18所示。在【圖層屬性】對話框中可以進行如下設置?！久Q】：設置圖層的名稱?！撅@示】：顯示該圖層?！炬i定】：鎖定圖層。【類型】：設置圖層的類型。【一般】：默認的普通圖層。【引導層】：為該層創(chuàng)建引導圖層。【被引導層】：將圖層設置為被引導層?！久砂鍖印浚簽樵搶咏⒘艘粋€蒙板圖層?！颈幻砂濉浚涸搶右呀?jīng)建立蒙板圖層?！疚募A】：創(chuàng)建圖層文件夾?！据喞伾浚哼x