Flash課件第五章

1、5.1.1 幀的類型 Flash中的幀分為關(guān)鍵幀、空白關(guān)鍵幀和普通幀三種類型。 三種類型的幀 播放頭關(guān)鍵幀空白關(guān)鍵幀普通幀 編輯關(guān)鍵幀中的對(duì)象 空白關(guān)鍵幀的作用 5.1.2 選擇幀 要對(duì)某幀進(jìn)行編輯，就必須先選中該幀。 框選幀 選擇多個(gè)連續(xù)的幀 選擇多個(gè)不連續(xù)的幀 選擇圖層中的所有幀 5.1.3 創(chuàng)建幀 創(chuàng)建關(guān)鍵幀、普通幀和空白關(guān)鍵幀的方法略有不同。 創(chuàng)建關(guān)鍵幀5.1.4 編輯幀 要在Flash中制作動(dòng)畫，就必須熟練掌握移動(dòng)幀、復(fù)制幀、清除幀和刪除幀等對(duì)幀的編輯操作。 1移動(dòng)幀 在Flash中進(jìn)行移動(dòng)幀的操作后，源幀上的對(duì)象會(huì)被移動(dòng)到目標(biāo)幀上，并且源幀所在位置會(huì)變?yōu)榭瞻讕?通過拖動(dòng)移動(dòng)幀 通

2、過快捷菜單移動(dòng)幀2復(fù)制幀 在Flash中進(jìn)行復(fù)制幀的操作后，源幀上的所有對(duì)象都會(huì)被復(fù)制到目標(biāo)幀上，且源幀中的對(duì)象不變。 通過拖動(dòng)復(fù)制幀 3刪除幀和清除幀 在制作Flash動(dòng)畫的過程中，若要將一些不需要的幀刪除，可選中要?jiǎng)h除的幀，然后在所選幀上右擊鼠標(biāo)，在彈出的快捷菜單中選擇“刪除幀”菜單，即可將所選幀刪除。 刪除幀 如果右擊所選幀后，在彈出的快捷菜單中選擇“清除幀”菜單，可將所選幀在舞臺(tái)上的內(nèi)容清除，但不會(huì)刪除所選幀，若所選幀后面是普通幀，則系統(tǒng)會(huì)自動(dòng)插入關(guān)鍵幀。 清除幀4翻轉(zhuǎn)幀 通過對(duì)所選幀執(zhí)行“翻轉(zhuǎn)幀”命令，可以快速改變Flash動(dòng)畫的播放方向。 打開素材文檔并預(yù)覽動(dòng)畫 選擇“翻轉(zhuǎn)幀”菜單

3、 1.打開素材文檔，按【Enter】鍵預(yù)覽動(dòng)畫。2.拖動(dòng)鼠標(biāo)選中“圖層1”第1幀至第30幀之間的所有幀，然后右擊所選幀，在彈出的快捷菜單中選擇“翻轉(zhuǎn)幀”菜單 。5設(shè)置幀頻 幀頻即指每一秒中播放的幀數(shù)，單位是fps。Flash的默認(rèn)幀頻為12fps，即每秒播放12幀。幀頻越高，幀的播放速度越快，顯得越流暢，也就要求動(dòng)畫造型的動(dòng)作做得越精細(xì)。比較常用的幀頻為12、18、24（電視節(jié)目所使用的幀頻）和25（電影所使用的幀頻）。 可以使用“選擇工具” 單擊舞臺(tái)空白外區(qū)域，然后在“屬性”面板中設(shè)置幀頻；也可以雙擊時(shí)間軸狀態(tài)欄上的 圖標(biāo)，在打開的“文檔屬性”屬性對(duì)話框中的幀頻編輯框 中輸入幀頻。在“屬性”

4、面板中設(shè)置幀頻 6設(shè)置幀的顯示狀態(tài) 制作動(dòng)畫時(shí)，可根據(jù)自身需要調(diào)整“時(shí)間軸”面板中幀的顯示狀態(tài)。要設(shè)置幀的顯示狀態(tài)，可單擊時(shí)間軸面板右上角的“幀的視圖”按鈕 ，在打開的菜單中選擇相應(yīng)選項(xiàng)。選擇幀的顯示狀態(tài) “關(guān)聯(lián)預(yù)覽”顯示 “標(biāo)準(zhǔn)”顯示 “預(yù)覽”顯示 5.1.5 繪圖紙功能 在制作逐幀動(dòng)畫時(shí)，經(jīng)常需要根據(jù)前一個(gè)關(guān)鍵幀中的內(nèi)容編輯后面關(guān)鍵幀上的內(nèi)容，此時(shí)可以使用繪圖紙功能。通常情況下，在舞臺(tái)中一次只能顯示一個(gè)幀上的內(nèi)容，使用繪畫紙功能后，就可以在舞臺(tái)中一次查看多個(gè)幀上的內(nèi)容了。 應(yīng)用“繪圖紙外觀”功能顯示多個(gè)幀中的內(nèi)容 繪圖紙外觀標(biāo)記修改繪圖紙標(biāo)記編輯多個(gè)幀繪圖紙外觀輪廓繪圖紙外觀 “時(shí)間軸”面

5、板下方各個(gè)繪圖紙按鈕的作用如下。 “修改繪圖紙標(biāo)記”菜單 5.2.1 圖層的作用和類型 1圖層的作用 圖層在繪圖和制作動(dòng)畫時(shí)主要有以下幾個(gè)作用。 2圖層的類型 Flash中的圖層分為普通圖層、遮罩圖層、被遮罩圖層、引導(dǎo)圖層和被引導(dǎo)圖層幾種類型。 圖層的類型被遮罩圖層遮罩圖層引導(dǎo)圖層普通圖層被引導(dǎo)圖層5.2.2 選擇圖層 在Flash中要對(duì)某圖層中的對(duì)象進(jìn)行操作，或?qū)δ硤D層進(jìn)行刪除、重命名等操作，都必須先選中該圖層。 選擇相鄰的多個(gè)圖層 選擇不相鄰的多個(gè)圖層 5.2.3 創(chuàng)建與刪除圖層 新建Flash文檔后，系統(tǒng)默認(rèn)有一個(gè)圖層，若要?jiǎng)?chuàng)建新的圖層，可執(zhí)行以下任一操作。 通過“插入圖層”按鈕創(chuàng)建圖層

6、 通過快捷菜單創(chuàng)建圖層 當(dāng)不需要某圖層中的內(nèi)容時(shí)，為節(jié)省資源和方便管理，可將沒用的圖層刪除。要?jiǎng)h除圖層，可執(zhí)行以下任一操作。 5.2.4 編輯圖層 1重命名圖層 創(chuàng)建一個(gè)新的圖層后，系統(tǒng)會(huì)自動(dòng)生成一個(gè)名稱，如“圖層1”、“圖層2”等。當(dāng)Flash文檔有很多圖層時(shí)，可以為圖層重命名，以方便對(duì)圖層進(jìn)行管理。 為圖層重命名 在要重命名的圖層名稱上雙擊進(jìn)入編輯狀態(tài) ，在編輯框中輸入要更改的圖層名稱 ，然后按下【Enter】鍵退出編輯狀態(tài)即可重命名圖層 。2改變圖層順序 由于在Flash中上方圖層中的對(duì)象會(huì)覆蓋下方圖層中的對(duì)象，所以有時(shí)為了滿足動(dòng)畫制作的要求，需要改變圖層順序。 打開素材文檔 改變圖層順

7、序 1.打開素材文檔 。2.在“沖浪板”圖層上按住鼠標(biāo)左鍵不放，將其拖到“身體”圖層下方 。3.松開鼠標(biāo)后，即可改變“沖浪板”圖層的排列順序 。3隱藏、鎖定圖層 繪制或編輯某一圖層上的對(duì)象時(shí)，為了在操作時(shí)不影響其他圖層上的對(duì)象，可將其他圖層隱藏或鎖定。隱藏圖層后，舞臺(tái)上將不顯示該圖層中的內(nèi)容；鎖定圖層后，便不能對(duì)該圖層上的對(duì)象進(jìn)行編輯。 隱藏指定圖層 隱藏所有圖層 要鎖定或解鎖圖層，可參考以下操作。 鎖定指定圖層 鎖定所有圖層 4顯示圖層輪廓線 如果想使某圖層上的對(duì)象只顯示輪廓線，可單擊該圖層名稱右側(cè)的 圖標(biāo)，當(dāng)其變?yōu)?形狀時(shí)，該圖層上所有對(duì)象都只顯示輪廓線，再次單擊 圖標(biāo)可恢復(fù)原狀。 單擊“

8、時(shí)間軸”面板左上方的 圖標(biāo)，可使全部圖層上的對(duì)象只顯示輪廓線，再次單擊 圖標(biāo)，可恢復(fù)原狀。 使指定圖層上的對(duì)象只顯示輪廓線 使全部圖層上的對(duì)象只顯示輪廓線 5設(shè)置圖層屬性 右擊要設(shè)定圖層屬性的圖層名稱，然后在彈出的快捷菜單中選擇“屬性”菜單，或者雙擊圖層名稱前的 圖標(biāo)，即可打開 “圖層屬性”對(duì)話框。在“圖層屬性”對(duì)話框中，可設(shè)置指定圖層的圖層名稱、圖層類型和圖層高度等屬性?！皥D層屬性”對(duì)話框 6分散到圖層 利用“分散到圖層”命令，可以快速將一個(gè)圖層中多個(gè)群組對(duì)象或元件實(shí)例分散到不同的圖層中，從而方便我們單獨(dú)對(duì)這些對(duì)象進(jìn)行編輯。 將對(duì)象分散到圖層1.選中要分散的群組對(duì)象或元件實(shí)例，然后在選中的對(duì)

9、象上右擊，在彈出的快捷菜單中選擇“分散到圖層”菜單 。2.若分散的對(duì)象是元件實(shí)例，那么分散后會(huì)使用元件名稱命名生成的圖層 。5.2.5 圖層文件夾的使用 當(dāng)Flash文檔中有很多圖層時(shí)，可以將性質(zhì)相似的圖層放置到一個(gè)圖層文件夾中，這樣不僅方便對(duì)圖層進(jìn)行管理，還可以使“時(shí)間軸”面板顯得更加簡潔。 打開素材文檔 創(chuàng)建圖層文件夾 1.打開素材文檔 。2.選中“中景”圖層，然后單擊 “時(shí)間軸”面板左下角的“插入圖層文件夾”按鈕 ，在“中景”圖層上方創(chuàng)建一個(gè)圖層文件夾。 重命名圖層文件夾 將圖層拖入圖層文件夾 3.雙擊圖層文件夾的名稱，可為圖層文件夾重命名，本例中輸入“后景” 。4.在按住【Shift】

10、鍵的同時(shí)選擇“水”、“遠(yuǎn)景”和“中景”圖層，然后將這些圖層拖到“后景”圖層文件夾上，即可將這些圖層放置到“后景”圖層文件夾中 。 折疊/展開圖層文件夾 5.單擊圖層文件夾左側(cè)的 按鈕，可折疊圖層文件夾中的圖層，此時(shí) 按鈕會(huì)變?yōu)?按鈕，這樣可以節(jié)省“時(shí)間軸”面板中的空間，使“時(shí)間軸”面板顯得更加簡潔；若要展開圖層文件夾中的圖層，單擊文件夾左側(cè)的 按鈕即可。 刪除圖層文件夾時(shí)，圖層文件夾中的所有圖層也會(huì)被刪除；若要使圖層與圖層文件夾分離，只需將其拖出文件夾即可。 5.1.1 選擇舞臺(tái)中的對(duì)象 在對(duì)舞臺(tái)中的對(duì)象進(jìn)行移動(dòng)、復(fù)制、對(duì)齊、設(shè)置屬性等操作時(shí)，都需要先選中該對(duì)象。使用“選擇工具” 可以方便地選

11、擇舞臺(tái)上作為整體的對(duì)象。選擇整體對(duì)象 單擊選取一段線段 雙擊選取相連的線段 單擊選取填充 雙擊選取填充及其輪廓線 拖動(dòng)選取 單擊時(shí)間幀選取對(duì)象 利用“任意變形工具” 或“部分選取工具” 也可以選擇對(duì)象，操作方法與使用“選擇工具” 相似。此外，使用“套索工具” 在舞臺(tái)上按住鼠標(biāo)左鍵并拖動(dòng)，可以選中拖動(dòng)軌跡中的所有對(duì)象 。 使用“套索工具” 選取對(duì)象5.1.2 移動(dòng)、復(fù)制和翻轉(zhuǎn)對(duì)象 在Flash動(dòng)畫的制作過程中，經(jīng)常需要進(jìn)行移動(dòng)和復(fù)制對(duì)象的操作。下面，通過一個(gè)為男孩添加眼睛的實(shí)例，介紹移動(dòng)、復(fù)制和翻轉(zhuǎn)對(duì)象的方法。 打開素材文檔 移動(dòng)眼睛 1.打開素材文檔 。2.選擇“選擇工具” ，在眼睛上單擊將其

12、選中，然后按住鼠標(biāo)左鍵不放并將其拖到男孩臉部的適當(dāng)位置，松開鼠標(biāo)后即可移動(dòng)眼睛 。 復(fù)制眼睛 翻轉(zhuǎn)眼睛 3.再次使用“選擇工具” 向左拖動(dòng)眼睛，并在拖動(dòng)的同時(shí)按住【Alt】鍵，此時(shí)光標(biāo)呈形狀，松開鼠標(biāo)后即可復(fù)制眼睛 。4.選擇“修改”“變形”“水平翻轉(zhuǎn)”菜單，將復(fù)制的眼睛水平翻轉(zhuǎn) 。 如果要在不同的幀或文檔之間復(fù)制對(duì)象，可在選中對(duì)象后，選擇“編輯”“復(fù)制”菜單（或按快捷鍵【Ctrl+C】），然后切換到其他文檔，或同一文檔的其他關(guān)鍵幀中，此時(shí)如果選擇“編輯”“粘貼到中心位置”菜單（或按快捷鍵【Ctrl+V】），可將對(duì)象復(fù)制到舞臺(tái)中心位置，如果選擇“編輯”“粘貼到當(dāng)前位置”菜單（或按快捷鍵【Ctr

13、l+Shift+V】），可將對(duì)象復(fù)制到與原位置相同的位置。 在不同的幀或文檔之間移動(dòng)對(duì)象的操作與此相似，不同的是在選擇對(duì)象后，需要選擇“編輯”“剪切”菜單（或按快捷鍵【Ctrl+X】）。 5.1.3 群組、分離與排列對(duì)象 下面通過編輯卡通鴨圖形，來介紹組合、分離和排列對(duì)象的方法。 將卡通鴨圖形的頭部和其他部位分別群組 1.打開素材文檔 。2.使用“選擇工具” 框選卡通鴨的頭部，然后選擇“修改”“組合”菜單，或按【Ctrl+G】組合鍵，即可將分散的卡通鴨頭部組合成一個(gè)整體，如圖3-13左圖和中圖所示；使用同樣的方法將卡通鴨的其他部位群組 。 移動(dòng)卡通鴨頭部 將卡通鴨頭部排列到頂層 3.使用“選擇

14、工具” 將卡通鴨的頭部移動(dòng)到身體上方 。4.群組對(duì)象時(shí)，后群組的對(duì)象會(huì)疊放在先群組的對(duì)象上方，因此此時(shí)可看到卡通鴨圖形的衣領(lǐng)擋住了脖子，應(yīng)對(duì)其重新進(jìn)行排列。使用“選擇工具” 選中卡通鴨頭部，然后選擇“修改”“排列”“移至頂層”菜單，此時(shí)卡通鴨頭部會(huì)排列到所有對(duì)象的上方 。 繼續(xù)群組 編輯群組內(nèi)的對(duì)象 分離整體對(duì)象 5.使用“選擇工具” 框選整個(gè)卡通鴨圖形，然后按快捷鍵【Ctrl+G】將各部位繼續(xù)群組成一個(gè)整體 。6.雙擊卡通鴨群組進(jìn)入其內(nèi)部，再雙擊卡通鴨頭部群組進(jìn)入其內(nèi)部，此時(shí)只可以編輯卡通鴨圖形的頭部，舞臺(tái)中的其他任何對(duì)象都不能編輯，并呈高亮顯示。這里我們將卡通鴨頭部的填充顏色修改為黃色（#

15、FFFF00） 。 在制作Flash動(dòng)畫時(shí)，有時(shí)需要將群組對(duì)象、元件實(shí)例、位圖等整體對(duì)象分離。要分離對(duì)象，只需選中要分離的對(duì)象，然后選擇“修改”“取消組合”菜單，或按【Ctrl+B】組合鍵即可。當(dāng)一個(gè)整體對(duì)象還包含其他整體對(duì)象時(shí)，要執(zhí)行多次分離操作，才能將其完全分離 在Flash動(dòng)畫的制作過程中，有時(shí)會(huì)要求舞臺(tái)上多個(gè)對(duì)象按照一定的關(guān)系進(jìn)行排列，這時(shí)除了使用前面所學(xué)的網(wǎng)格線、輔助線外，還可以使用 “對(duì)齊”面板。選擇“窗口”“對(duì)齊”菜單，或者按快捷鍵【Ctrl+K】，即可打開“對(duì)齊”面板。 “對(duì)齊”面板 打開素材文檔5.1.4 “對(duì)齊”面板的使用 1.打開素材文檔 。 垂直居中分布竹葉 右對(duì)齊竹葉

16、 3.選中所有竹葉，然后打開“對(duì)齊”面板，單擊“分布”欄中的“垂直居中分布”按鈕 。 4.單擊“對(duì)齊”欄中的“右對(duì)齊”按鈕 。 利用“橡皮擦工具” 可以有選擇地擦除矢量圖形中不需要的填充或線條，還可以擦除分離的位圖 。選擇橡皮擦的形狀和大小 設(shè)置橡皮擦的模式 1.打開素材文檔，選擇“橡皮擦工具” ，然后單擊“橡皮擦形狀”按鈕 ，可從彈出的列表框中選擇橡皮擦的形狀和大小。2.單擊“橡皮擦模式”按鈕 ，可設(shè)置橡皮擦的模式。5.1.5 “橡皮擦工具”的使用 原圖 標(biāo)準(zhǔn)擦除 擦除填充 擦除線條 擦除所選填充 內(nèi)部擦除 3.使用“橡皮擦工具” 在不同模式下擦除圖像的效果。 “水龍頭”模式 4.單擊“工具

17、箱”選項(xiàng)區(qū)的“水龍頭”按鈕 ，會(huì)使“橡皮擦工具” 進(jìn)入“水龍頭”模式，此時(shí)可通過單擊來擦除不需要的填充或邊線內(nèi)容。5.3.1 曲線運(yùn)動(dòng)規(guī)律 1弧形運(yùn)動(dòng) 弧形運(yùn)動(dòng)既是指物體的運(yùn)動(dòng)路線呈弧線，例如踢出的球、拋出的手榴彈以及大炮射出的炮彈等，由于受到重力及空氣阻力的作用，這些物品被迫不斷改變其運(yùn)動(dòng)方向，它們不是沿一條直線，而是沿一條弧線（即拋物線）向前運(yùn)動(dòng)的。 弧線（拋物線）運(yùn)動(dòng) 另一種弧形曲線運(yùn)動(dòng)是指物體的一端固定在一個(gè)位置，當(dāng)它受到力的作用時(shí)，其運(yùn)動(dòng)路線也是弧形的曲線。如人四肢的關(guān)節(jié)一端是固定的，因此四肢擺動(dòng)時(shí)，手和腳的運(yùn)動(dòng)路線呈弧形曲線而不是直線。 人體四肢的曲線運(yùn)動(dòng) 2波形運(yùn)動(dòng) 柔軟的物體在

18、受到力的作用時(shí)，其運(yùn)動(dòng)路線呈波形，稱為波形曲線運(yùn)動(dòng)。如被風(fēng)吹動(dòng)的旗子，它的一端固定在一旗桿上，當(dāng)受到風(fēng)力的作用時(shí)，其運(yùn)動(dòng)規(guī)律就是順著風(fēng)的方向，從固定一端漸漸推移到另一端，形成一浪接一浪的波形曲線運(yùn)動(dòng)。 波形運(yùn)動(dòng) 3“S”形運(yùn)動(dòng) “S”形曲線運(yùn)動(dòng)分為兩種，一種是物體本身在運(yùn)動(dòng)中呈“S”形，另一種是其尾端頂點(diǎn)的運(yùn)動(dòng)路線呈“S”形。 最典型的“S”曲線運(yùn)動(dòng)，是動(dòng)物的尾巴（如松鼠、馬、貓虎等）在甩動(dòng)時(shí)所呈現(xiàn)的運(yùn)動(dòng)以及鳥類扇動(dòng)翅膀的運(yùn)動(dòng)。 “S形運(yùn)動(dòng)5.3.2 人體運(yùn)動(dòng)規(guī)律 1人物走路規(guī)律 在Flash動(dòng)畫中表現(xiàn)的最多的就是人物或擬人動(dòng)物的動(dòng)作，所以了解和掌握人物的運(yùn)動(dòng)規(guī)律就非常重要。 人物走路的基本規(guī)律如下。 人物完整的走路動(dòng)作 人物走路時(shí)的動(dòng)作變化，一般來說是勻速運(yùn)動(dòng)。但有時(shí)因?yàn)閯∏榈男枰獣?huì)改變動(dòng)作變化的速度。如“兩頭慢中間快”是用于表示人物躡手躡腳，怕走路時(shí)發(fā)出聲響?！皟深^快中間慢”是用來表示重步走路的效果，比如制作人物正步走的動(dòng)作。 2人物跑步規(guī)律 人物奔跑動(dòng)作的基本規(guī)律如下。 人物完整的跑步動(dòng)作 5.4.1 逐幀動(dòng)畫 在連續(xù)的關(guān)鍵幀中繪制或編輯同一對(duì)象的不同形態(tài)（或不同的對(duì)象）所形成的動(dòng)畫被稱為逐幀動(dòng)畫。 逐幀動(dòng)畫效果5