動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例課件

第三章FlashCS3入門及制作實(shí)例

第三章FlashCS3入門及制作實(shí)例內(nèi)容提要3.1FlashCS3的工作環(huán)境簡介3.2基本繪圖工具3.3基本動(dòng)畫制作3.4動(dòng)畫制作實(shí)例內(nèi)容提要3.1FlashCS3的工作環(huán)境簡介3.1FlashCS3的工作環(huán)境簡介菜單欄時(shí)間軸舞臺工具箱屬性面板浮動(dòng)面板3.1FlashCS3的工作環(huán)境簡介菜單欄時(shí)間軸舞臺工時(shí)間軸時(shí)間軸：用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)

時(shí)間軸時(shí)間軸：用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層舞臺舞臺工作區(qū)（舞臺的后臺）工作區(qū)（舞臺的后臺）常用面板“屬性”面板：舞臺的下方

“對齊”面板：“窗口”|“對齊”

“顏色”面板：“窗口”|“顏色”“樣本”面板：顏色庫面板

“信息”面板：在編輯操作的過程中為用戶提供一些相關(guān)的信息?！皥鼍啊泵姘澹猴@示了當(dāng)前動(dòng)畫的場景數(shù)量和播放的先后順序“變形”面板：對選定對象執(zhí)行縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作“動(dòng)作”面板：方便使用Flash的腳本編程語言ActionScript而專門提供的操作界面

“組件”面板：動(dòng)作集合常用面板“屬性”面板：舞臺的下方3.2基本繪圖工具（工具箱）選擇工具部分選取工具直線工具套索工具鋼筆工具矩形工具鉛筆工具刷子工具任意變形工具漸變變形工具墨水瓶工具與顏料桶工具滴管工具橡皮擦工具文本工具3.2基本繪圖工具（工具箱）選擇工具刷子工具3.3基本動(dòng)畫制作基本動(dòng)畫類型特點(diǎn)逐幀動(dòng)畫對每幀畫進(jìn)行控制保存每一幀的數(shù)據(jù)

形狀補(bǔ)間動(dòng)畫保存幀之間不同的數(shù)據(jù)在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀動(dòng)作補(bǔ)間動(dòng)畫一個(gè)對象在兩個(gè)關(guān)鍵幀分別定義不同的屬性并在兩個(gè)關(guān)鍵幀之間建立運(yùn)動(dòng)漸變關(guān)系遮罩動(dòng)畫遮罩層的操作(水波、萬花筒、百頁窗、放大鏡、望遠(yuǎn)鏡)引導(dǎo)路徑動(dòng)畫自定義運(yùn)動(dòng)路徑3.3基本動(dòng)畫制作基本動(dòng)畫類型特點(diǎn)逐幀動(dòng)畫對每幀畫進(jìn)行控3.3.1逐幀動(dòng)畫方法與實(shí)例創(chuàng)建逐幀動(dòng)畫的幾種方法：1．用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫

用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入到Flash中，就會(huì)建立一段逐幀動(dòng)畫。2．繪制矢量逐幀動(dòng)畫

用鼠標(biāo)或壓感筆在場景中一幀幀的畫出幀內(nèi)容。3．文字逐幀動(dòng)畫

用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。4．指令逐幀動(dòng)畫

在時(shí)間幀面板上，逐幀寫入動(dòng)作腳本語句來完成元件的變化。5．導(dǎo)入序列圖像

可以導(dǎo)入gif序列圖像、swf動(dòng)畫文件或者利用第3方軟件（如swish、swift3D等）產(chǎn)生的動(dòng)畫序列。3.3.1逐幀動(dòng)畫方法與實(shí)例創(chuàng)建逐幀動(dòng)畫的幾種方法：3.3.1逐幀動(dòng)畫方法與實(shí)例例1：奔馳的汽車步驟1：新建一個(gè)大小為550*400的動(dòng)畫文件，在第1幀處按F6插入關(guān)鍵楨。

步驟2：選擇“文件|導(dǎo)入|導(dǎo)入到舞臺”，將小汽車的圖片導(dǎo)入到舞臺上步驟3：單擊第2幀，插入關(guān)鍵楨(F6)，選中舞臺上的小汽車并水平平移一段距離。

步驟4：單擊第3幀，插入關(guān)鍵楨(F6)，選中舞臺上的小汽車?yán)^續(xù)水平平移一段距離。

步驟5：按照3和4的步驟重復(fù)幾次直至小騎車平移到最右邊。

步驟6：同時(shí)按下Ctrl+回車鍵，即可觀看最后的動(dòng)畫效果。

3.3.1逐幀動(dòng)畫方法與實(shí)例例1：奔馳的汽車3.3.1逐幀動(dòng)畫方法與實(shí)例例2：奔馳的駿馬----（導(dǎo)入連續(xù)圖片）步驟1：新建一個(gè)影片文檔，在“屬性”面板上設(shè)置文件大小為460×290像素，“背景色”為白色。

如下圖所示。3.3.1逐幀動(dòng)畫方法與實(shí)例例2：奔馳的駿馬----（導(dǎo)3.3.1逐幀動(dòng)畫方法與實(shí)例步驟2：創(chuàng)建背景圖層。將當(dāng)前圖層重命名為“背景”，選擇第一幀，選擇菜單命令“文件|導(dǎo)入|導(dǎo)入到舞臺…”，將背景圖片導(dǎo)入舞臺中，在第8幀處按F5鍵插入普通幀，使幀內(nèi)容延續(xù)到第8幀。步驟3：導(dǎo)入素材到庫。選擇菜單命令“文件|導(dǎo)入|導(dǎo)入到庫…”，在彈出的對話框中找到素材所在的文件夾，按Ctrl+A，把素材全部選中，再點(diǎn)擊右下角的“打開”按鈕，這樣所有的素材都導(dǎo)入到庫中。如左圖所示。3.3.1逐幀動(dòng)畫方法與實(shí)例步驟2：創(chuàng)建背景圖層。將當(dāng)前3.3.1逐幀動(dòng)畫方法與實(shí)例步驟4：將馬的圖片添加到舞臺上。插入一個(gè)新的圖層并選中第1幀，單擊庫里名為“馬1”的圖形元件，按住鼠標(biāo)左鍵拖動(dòng)到舞臺上，然后釋放鼠標(biāo)，這樣“馬1”圖形就拖到舞臺上了。選中第2幀，按F7鍵插入7個(gè)空白關(guān)鍵幀，依次在各個(gè)空白關(guān)鍵幀上，分別從庫里拖出“馬2”、“馬3”、“馬4”、“馬5”、“馬6”、“馬7”、“馬8”到舞臺上，時(shí)間軸上所有空白關(guān)鍵幀都變成關(guān)鍵幀了。下圖為導(dǎo)入的圖片序列。3.3.1逐幀動(dòng)畫方法與實(shí)例3.3.1逐幀動(dòng)畫方法與實(shí)例步驟5：調(diào)整對象位置。單擊“時(shí)間軸”面板下方的“編輯多個(gè)幀”按鈕，再單擊“修改繪圖紙標(biāo)記”按鈕，在彈出的菜單中選擇“繪制全部”命令。最后執(zhí)行“編輯”菜單下的“全選”命令，此時(shí)時(shí)間軸和場景效果。此時(shí)時(shí)間軸和場景效果如下圖所示。

步驟6：測試存盤

。3.3.1逐幀動(dòng)畫方法與實(shí)例3.3.2形狀補(bǔ)間動(dòng)畫實(shí)例例：變形文字步驟1：新建一個(gè)文檔。在“屬性”面板中設(shè)置影片的大小為500×400像素，背景色為白色。步驟2：選中“工具欄”中的“文本工具”，在舞臺上單擊并輸入大寫字母“A”，選中字母“A”，在文本“屬性”面板中設(shè)置字體為“黑體”、字號“96”、“粗體”、顏色為“紅色”（#FF0000）。步驟3：在第10、20、30幀處分別按F6鍵建立關(guān)鍵幀，用“文本工具”將第10幀的文字改為“B”、顏色改為“綠色”（#00FF00），將第20幀的文字改為“C”、顏色改為“藍(lán)色”（#0000FF），將第30幀的文字改為“D”、顏色改為“黃色”（#FFFF00）。

3.3.2形狀補(bǔ)間動(dòng)畫實(shí)例例：變形文字3.3.2形狀補(bǔ)間動(dòng)畫實(shí)例步驟4：分別選擇各關(guān)鍵幀的文字，選擇菜單命令“修改|分離”，將各關(guān)鍵幀上的文字打散。步驟5：創(chuàng)建形狀補(bǔ)間動(dòng)畫。分別選擇第1、10、20幀，將其“屬性”面板中的“補(bǔ)間”設(shè)為“形狀”。設(shè)置后時(shí)間軸如圖所示。

步驟6：

Ctrl+Enter快捷鍵預(yù)覽動(dòng)畫3.3.2形狀補(bǔ)間動(dòng)畫實(shí)例步驟4：分別選擇各關(guān)鍵幀的文字3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例兩種方式：1)先創(chuàng)建好兩個(gè)幀的狀態(tài)，然后在兩個(gè)關(guān)鍵幀之間建立動(dòng)作補(bǔ)間關(guān)系。2)先創(chuàng)建好起點(diǎn)關(guān)鍵幀，然后給此幀賦予動(dòng)作補(bǔ)間模式，再去創(chuàng)建終點(diǎn)關(guān)鍵幀，兩幀之間就建立了動(dòng)作補(bǔ)間關(guān)系。3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例兩種方式：3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫的屬性面板“緩動(dòng)”選項(xiàng):-1到-100:動(dòng)畫運(yùn)動(dòng)速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。1到100:動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。

默認(rèn):補(bǔ)間幀之間的變化速率是不變的3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫的屬性面板“3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫的屬性面板“旋轉(zhuǎn)”選項(xiàng):無:禁止元件旋轉(zhuǎn)自動(dòng):使元件在需要最小動(dòng)作的方向上旋轉(zhuǎn)對象一次順時(shí)針或逆時(shí)針+N:使元件在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)

3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫的屬性面板“3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例例：跳動(dòng)的彈球，且落地時(shí)還有彈性的效果。步驟1：新建一個(gè)文檔。在“屬性”面板中設(shè)置影片的寬為300像素，高為300像素，背景色為白色。步驟2：繪制圖形。選擇菜單命令“文件”|“導(dǎo)入”|“導(dǎo)入到庫”，選擇彈球圖片后，將彈球?qū)氲綆?。在繪制時(shí)，最好是選擇菜單命令“視圖”|“網(wǎng)格”|“顯示網(wǎng)格”，在舞臺上顯示網(wǎng)格。步驟3：選擇菜單命令“插入”|“新建元件”，新建圖形元件名稱填為彈球并將庫中的彈球位圖拖動(dòng)到舞臺上。步驟4：回到場景編輯界面，打開“庫”面板，將圖形元件“彈球”從庫中拖到舞臺上。步驟5：創(chuàng)建動(dòng)畫。注意3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例例：跳動(dòng)的彈球，且落地時(shí)還3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（1）在第20幀按F6鍵插入關(guān)鍵幀，按向下的方向鍵將圖形放到場偏下的位置，模擬彈球著地的樣子。為了模擬彈球著地時(shí)被壓縮的樣子，應(yīng)該在隨后的幾幀里將圖形壓縮再恢復(fù)。在第25幀處按F6鍵插入關(guān)鍵幀，將圖形進(jìn)行壓縮，即上下端點(diǎn)距離縮短，左右距離拉長，但圖形的著地點(diǎn)不應(yīng)該變化，所以壓縮前必須記住最下端的位置。壓縮完后，將圖形下移到剛才記下的位置上。（2）單擊第20幀，選擇菜單命令“編輯”|“時(shí)間軸”|“復(fù)制幀”，復(fù)制這一幀，再單擊第30幀，選擇菜單命令“編輯”|“時(shí)間軸”|“粘貼幀”，把第20幀的內(nèi)容粘貼過來。在這一幀上，彈球?qū)⒒謴?fù)原形，準(zhǔn)備跳起。（3）按照第（2）步的方法，將第1幀的內(nèi)容復(fù)制到第50幀。這一彈球?qū)⑼瓿梢粋€(gè)循環(huán)。3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（1）在第20幀按F6鍵插3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（4）現(xiàn)在為每一幀的運(yùn)動(dòng)加上漸變。由于重力作用，圖形下落的時(shí)候加速，上升的時(shí)候減速，所以在第1幀的屬性中將“補(bǔ)間”設(shè)置為“動(dòng)畫”，將“緩動(dòng)”值改為-60。如下圖：3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（4）現(xiàn)在為每一幀的運(yùn)動(dòng)加3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（5）在第20幀至第25幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。在第25幀至第30幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。在第30幀的屬性中將“補(bǔ)間”設(shè)置為“動(dòng)畫”，將“緩動(dòng)”值改為60。創(chuàng)建后的時(shí)間軸如下圖：步驟5：測試動(dòng)畫。按Ctrl+Enter快捷鍵測試動(dòng)畫。

3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（5）在第20幀至第25幀3.3.4遮罩動(dòng)畫方法與實(shí)例1.遮罩和遮罩的創(chuàng)建1）遮罩及其作用遮罩動(dòng)畫是Flash中的一個(gè)很重要的動(dòng)畫類型，很多效果豐富的動(dòng)畫都是通過遮罩動(dòng)畫來完成的。在Flash的圖層中有一個(gè)遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個(gè)任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會(huì)顯示。在Flash動(dòng)畫中，“遮罩”主要有2種用途，一個(gè)作用是用在整個(gè)場景或一個(gè)特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個(gè)作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。3.3.4遮罩動(dòng)畫方法與實(shí)例1.遮罩和遮罩的創(chuàng)建3.3.4遮罩動(dòng)畫方法與實(shí)例2）創(chuàng)建遮罩的方法（1）創(chuàng)建遮罩（2）構(gòu)成遮罩和被遮罩層的元素（3）遮罩中可以使用的動(dòng)畫形式3）遮罩層的基本原理：能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如，我們不能通過遮罩層的漸變色來實(shí)現(xiàn)被遮罩層的漸變色變化。3.3.4遮罩動(dòng)畫方法與實(shí)例2）創(chuàng)建遮罩的方法3.3.4遮罩動(dòng)畫方法與實(shí)例要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。可以用“Actions”動(dòng)作語句建立遮罩，但這種情況下只能有一個(gè)“被遮罩層”，同時(shí)，不能設(shè)置_Alpha屬性。不能用一個(gè)遮罩層試圖遮蔽另一個(gè)遮罩層。遮罩可以應(yīng)用在gif動(dòng)畫上。在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時(shí)間軸面板的顯示圖層輪廓按鈕，使之變成，使遮罩層只顯示邊框形狀，在這種情況下，你還可以拖動(dòng)邊框調(diào)整遮罩圖形的外形和位置。在被遮罩層中不能放置動(dòng)態(tài)文本。技巧

3.3.4遮罩動(dòng)畫方法與實(shí)例要在場景中顯示遮罩效果，可以3.3.4遮罩動(dòng)畫方法與實(shí)例例：掃描文字步驟1：新建一個(gè)Flash文檔。步驟2：按Ctrl+F8快捷鍵插入一個(gè)“圖形”元件，并命名為“文字”。選中“工具欄”中的“文本工具”在舞臺上單擊，輸入文字“HELLO,FLASH!”，然后在下面的“屬性”面板中設(shè)置字體為“ArialBlack”、字號為“45”、顏色任意。文字元件如圖。3.3.4遮罩動(dòng)畫方法與實(shí)例例：掃描文字步驟1：新建一3.3.4遮罩動(dòng)畫方法與實(shí)例步驟3：按Ctrl+F8快捷鍵插入一個(gè)“圖形”元件，并命名為“彩條”。將工具箱中的填充顏色設(shè)置為彩色。選擇工具箱中的“矩形工具”，畫出如圖3-67所示彩條。注意，彩條的寬度應(yīng)長于文字的寬度。3.3.4遮罩動(dòng)畫方法與實(shí)例步驟3：按Ctrl+F8快捷3.3.4遮罩動(dòng)畫方法與實(shí)例步驟4：單擊文檔窗口右上方的“場景”按鈕，回到主場景中。從“庫”面板中拖動(dòng)圖形元件“彩條”到舞臺上適當(dāng)?shù)奈恢谩?/p>

步驟5：右擊當(dāng)前圖層，在彈出的快捷菜單中選擇“插入圖層”命令，在當(dāng)前圖層的上方插入一個(gè)新的圖層“圖層2”。從“庫”面板中拖動(dòng)圖形元件“文字”到舞臺上。3.3.4遮罩動(dòng)畫方法與實(shí)例步驟4：單擊文檔窗口右上方的3.3.4遮罩動(dòng)畫方法與實(shí)例步驟6：在“圖層2”的第30幀處按F5鍵，插入普通幀。在“圖層1”的第30幀處按F6鍵，插入關(guān)鍵幀。步驟7：在“圖層1”的第1幀至第30幀之間右擊鼠標(biāo)，在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。選擇“圖層1”的第15幀，用工具箱中的選擇工具選中彩條，拖動(dòng)向向右平移，使第一個(gè)字母與矩形的左邊線對齊。步驟8：右擊“圖層2”，在彈出的快捷菜單中選擇“遮罩層”命令，將“圖層2”圖層設(shè)置成遮罩層，這時(shí)“圖層1”自動(dòng)成了被遮罩層。步驟9：本例制作完成，按Ctrl+Enter快捷鍵預(yù)覽動(dòng)畫。3.3.4遮罩動(dòng)畫方法與實(shí)例步驟6：在“圖層2”的第303.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例1)創(chuàng)建引導(dǎo)層和被引導(dǎo)層方法：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例1)創(chuàng)建引導(dǎo)層和被引導(dǎo)層3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例2)引導(dǎo)層和被引導(dǎo)層中的對象引導(dǎo)層是用來指示元件運(yùn)行路徑的，所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導(dǎo)層”中的對象是跟著引導(dǎo)線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能使用形狀。由于引導(dǎo)線是一種運(yùn)動(dòng)軌跡，不難想象，“被引導(dǎo)”層中最常用的動(dòng)畫形式是動(dòng)作補(bǔ)間動(dòng)畫，當(dāng)播放動(dòng)畫時(shí)，一個(gè)或數(shù)個(gè)元件將沿著運(yùn)動(dòng)路徑移動(dòng)。方法：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例2)引導(dǎo)層和被引導(dǎo)層中的3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例3)向被引導(dǎo)層中添加元件“引導(dǎo)動(dòng)畫”最基本的操作就是使一個(gè)運(yùn)動(dòng)動(dòng)畫“附著”在“引導(dǎo)線”上。所以操作時(shí)特別得注意“引導(dǎo)線”的兩端，被引導(dǎo)的對象起始、終點(diǎn)的2個(gè)“中心點(diǎn)”一定要對準(zhǔn)“引導(dǎo)線”的2個(gè)端頭，如下圖所示：方法：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例3)向被引導(dǎo)層中添加元件3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例1)“被引導(dǎo)層”中的對象在被引導(dǎo)運(yùn)動(dòng)時(shí)，還可作更細(xì)致的設(shè)置，比如運(yùn)動(dòng)方向，在“屬性”面板上，選中“調(diào)整到路徑”復(fù)選框，對象的基線就會(huì)調(diào)整到運(yùn)動(dòng)路徑。而如果選中“對齊”復(fù)選框，元件的注冊點(diǎn)就會(huì)與運(yùn)動(dòng)路徑對齊。2)引導(dǎo)層中的內(nèi)容在播放時(shí)是看不見的，利用這一特點(diǎn)，可以單獨(dú)定義一個(gè)不含“被引導(dǎo)層”的“引導(dǎo)層”，該引導(dǎo)層中可以放置一些文字說明、元件位置參考等。3)在做引導(dǎo)路徑功，拖動(dòng)對象時(shí)，對象的中心會(huì)自動(dòng)吸附到動(dòng)畫時(shí)，按下工具箱中的“對齊對象”按鈕，可以使“對象附著于引導(dǎo)線”的操作更容易成路徑端點(diǎn)上。4)過于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫失敗，而平滑圓潤的線段有利于引導(dǎo)動(dòng)畫成功制作。技巧：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例1)“被引導(dǎo)層”中的對象3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例5)向被引導(dǎo)層中放入元件時(shí)，在動(dòng)畫開始和結(jié)束的關(guān)鍵幀上，一定要讓元件的注冊點(diǎn)對準(zhǔn)線段的開始和結(jié)束的端點(diǎn)，否則無法引導(dǎo)，如果元件為不規(guī)則形，可以點(diǎn)擊工具箱中的“任意變形工具”，調(diào)整注冊點(diǎn)。6)如果想解除引導(dǎo)，可以把被引導(dǎo)層拖離“引導(dǎo)層”，或在圖層區(qū)的引導(dǎo)層上單擊右鍵，在彈出的菜單上選擇“屬性”，在對話框中選擇“一般”，作為正常圖層類型。7)如果想讓對象作圓周運(yùn)動(dòng)，可以在“引導(dǎo)層”畫一根圓形線條，再用“橡皮擦工具”擦去一小段，使圓形線段出現(xiàn)2個(gè)端點(diǎn)，再把對象的起始、終點(diǎn)分別對準(zhǔn)端點(diǎn)即可。8)引導(dǎo)線允許重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必需保持圓潤，讓Flash能辨認(rèn)出線段走向，否則會(huì)使引導(dǎo)失敗。技巧：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例5)向被引導(dǎo)層中放入元件3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例例：小球沿著彎曲道路運(yùn)動(dòng)1．新建一個(gè)文檔。在“屬性”面板中設(shè) 置影片的大小為500×400像素，背景色 為黑色。2．選擇菜單命令“視圖”|“網(wǎng)格”|“顯示網(wǎng)格”，在舞臺上顯示網(wǎng)格線。3．繪制曲線。選中“工具箱”中的“鋼筆工具”，在“顏色”設(shè)置里將筆觸顏色設(shè)為紅色（#FF0000）。首先在場景中單擊，出現(xiàn)一個(gè)控制點(diǎn)，然后在它的右斜上方單擊并拖動(dòng)鼠標(biāo)，直到第1個(gè)控制點(diǎn)和第2個(gè)控制點(diǎn)間出現(xiàn)圓滑的曲線滿意松開鼠標(biāo)。再在第2個(gè)控制點(diǎn)的右斜下方單擊并拖動(dòng)鼠標(biāo)，這時(shí)在第2個(gè)控制點(diǎn)和第3個(gè)控制點(diǎn)間出現(xiàn)圓滑的曲線。最后在第3個(gè)控制點(diǎn)的右斜上方單擊并拖動(dòng)鼠標(biāo)，這時(shí)在第3個(gè)控制點(diǎn)和第4個(gè)控制點(diǎn)間出現(xiàn)圓滑的曲線。繪制成的曲線如右下圖所示。如果繪制的曲線不滿意，可以用選中選擇工具指向需要修整的地方，鼠標(biāo)指針變成時(shí)拖動(dòng)鼠標(biāo)即可調(diào)整曲線的彎曲度3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例例：小球沿著彎曲道路運(yùn)動(dòng)3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例4．右擊當(dāng)前圖層名，在彈出的快捷菜單中選擇“插入圖層”命令，插入一個(gè)新的圖層。單擊“工具箱”中的“橢圓工具”，設(shè)置筆觸顏色為無、填充顏色為藍(lán)色（#0000FF）。按住Shift鍵并在場景上拖動(dòng)鼠標(biāo)，繪制一個(gè)大小適中的圓。5．添加引導(dǎo)層。在“圖層2”圖層的名稱上右擊，在彈出的快捷菜單中選擇“添加引導(dǎo)層”命令。此時(shí)“時(shí)間軸”上新增加了一個(gè)引導(dǎo)層。6．選中“圖層1”圖層中的曲線，按Ctrl+C快捷鍵，然后選中“引導(dǎo)層”圖層，按Ctrl+V快捷鍵在引導(dǎo)層上粘貼曲線圖形。拖動(dòng)“引導(dǎo)層”圖層上的曲線到“圖層1”圖層中曲線的正上方，使兩條曲線間隔大約剛才繪制的圓的直徑的路離。7．用“工具箱”中的“橡皮擦工具”，將“引導(dǎo)層”圖層中的曲線的最高的地方擦去一小塊、最低的地方也擦去一小塊。此時(shí)曲線被分成3部分。3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例4．右擊當(dāng)前圖層名，在彈3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例8．拖動(dòng)“圖層2”圖層中的圓，使圓的注冊點(diǎn)對準(zhǔn)“引導(dǎo)層”圖層中第1段曲線的起始位置。移動(dòng)“圖層1”圖層中的曲線，使之與圓外切，擦除該曲線的起始點(diǎn)到圓的切點(diǎn)之間的一段曲線。用“選擇工具”對“圖層1”圖層中的曲線整形，使之與“引導(dǎo)層”圖層的曲線平行，擦除“引導(dǎo)層”圖層中曲線末尾多余的部分。效果如圖：3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例8．拖動(dòng)“圖層2”圖層中3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例9．單擊“圖層1”圖層中的第30幀，按F5鍵插入普通幀（使第1幀的內(nèi)容延續(xù)到這一幀）。10．單擊“引導(dǎo)層”圖層中的第30幀，按F5鍵插入普通幀。11．單擊“圖層2”圖層中的第10幀，按F6鍵插入一個(gè)關(guān)鍵幀。拖動(dòng)圓，使圓的注冊點(diǎn)對準(zhǔn)“引導(dǎo)層”圖層的第1段曲線的結(jié)束點(diǎn)。12．分別單擊“圖層2”圖層的第11、20、21、30幀，按F6鍵插入關(guān)鍵幀。拖動(dòng)圓，使圓的注冊點(diǎn)分別對準(zhǔn)“引導(dǎo)層”圖層的第2段曲線的起始點(diǎn)、結(jié)束點(diǎn)，第3段曲線的起始點(diǎn)、結(jié)束點(diǎn)。13．創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。分別在“圖層2”圖層的第1幀至第10幀之間、第11幀至第20幀這間、第21幀至第30幀之間右擊，在彈出快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。14．本例制作完成，按Ctrl+Enter快捷鍵預(yù)覽動(dòng)畫。3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例9．單擊“圖層1”圖層中3.4動(dòng)畫制作實(shí)例搖曳的燭光溪流效果3.4動(dòng)畫制作實(shí)例搖曳的燭光3.4動(dòng)畫制作實(shí)例一----搖曳的燭光

步驟1：新建一個(gè)文檔。背景色黑色，其他默認(rèn)。步驟2：選擇“插入”|“新建元件”，將元件命名為“光圈”，類型為“影片剪輯”。步驟3：在工具欄中，筆觸色禁止，填充色放射狀，在顏色面板中，將類型設(shè)置為放射狀，三個(gè)色標(biāo)：左FFFF00Alpha100%，中FFFF6EAlpha77%，右FFFFCCAlpha0%，如圖。用橢圓工具畫個(gè)圓，全居中：

3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟1：新建一個(gè)3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟4：第15、第30幀加上關(guān)鍵幀，點(diǎn)中第15幀，再點(diǎn)修改—變形—縮放和旋轉(zhuǎn)，縮放150。如左圖：步驟5：在圖層1上點(diǎn)一下，這樣整個(gè)圖層都被選中了(時(shí)間軸為黑色了)，再在屬性面板里"補(bǔ)間"，選擇"形狀"。釋放下鼠標(biāo)，時(shí)間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長長的實(shí)線箭頭，表示形狀補(bǔ)間動(dòng)畫創(chuàng)建好了。3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟4：第15、第3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟6：選擇“插入”|“新建元件”，將元件命名為“蠟燭”，類型為“影片剪輯”。選擇“文件”|“導(dǎo)入”|“導(dǎo)入到庫”，導(dǎo)入本實(shí)例中使用的蠟燭燭身，如圖所示。將庫中的元件蠟燭位圖拖入到場景中。在第30幀處插入幀，延長到30幀，并將圖層上鎖。步驟7：在圖層1上新建圖層，畫火苗。筆觸色禁止，填充色線性：左FFFF99Alpha100%，右FFFF1BAlpha30%，畫橢圓，并用部分選擇工具整調(diào)形狀使該橢圓的形狀像火苗。

3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟6：選擇“插入3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟8：在圖層2第30幀插入關(guān)鍵幀，在第1幀到第30幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，如下圖所示。步驟9：在圖層2第8幀插入關(guān)鍵幀，選中火焰，點(diǎn)擊右鍵選擇“分離”。用部分選擇工具調(diào)整形狀，第14幀插入關(guān)鍵幀，繼續(xù)調(diào)整。以此類推，第20、26幀都插入關(guān)鍵幀做調(diào)整，可以只做火苗伸長和壓縮，做成上下竄動(dòng)，也可以再加上左右擺動(dòng)。3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟8：在圖層2第3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟10：在圖層2上新建圖層，點(diǎn)第1幀，從庫中把元件光圈拖入擺放在適當(dāng)?shù)奈恢貌⒄{(diào)整好大小，在屬性面板里“顏色”里Alpha設(shè)置為50%，如圖3-80所示。

步驟11：回到場景中，從庫里把蠟燭元件拖到場景中，擺放好，Ctrl+Enter即可觀看到蠟燭火焰搖曳的效果。3.4動(dòng)畫制作實(shí)例一----搖曳的燭光步驟10：在圖層23.4動(dòng)畫制作實(shí)例二----溪流效果步驟1：新建一個(gè)文檔，大小為550×400像素。步驟2：選擇菜單命令“文件”|“導(dǎo)入”|“導(dǎo)入到舞臺”，導(dǎo)入如右上圖所示的位圖圖像，將其放置在主場景的背景層。步驟3：按Ctrl+F8快捷鍵制作影片中關(guān)鍵的圖形元件，并取名為“矩形”。使用“矩形工具”繪制如右下圖所示的矩形，可以使用任意顏色填充。導(dǎo)入位圖3.4動(dòng)畫制作實(shí)例二----溪流效果步驟1：新建一個(gè)文3.4動(dòng)畫制作實(shí)例二----溪流效果步驟4：按Ctrl+F8快捷鍵，新建圖形元件，并取名為“流水”。將庫中的位圖圖像放到圖形元件內(nèi)部，然后執(zhí)行菜單命令“修改”|“分離”，將位圖打散，用“套索工具”將位圖圖像中小溪流水的部分選取出來，其余的部分刪除（選取出來之后點(diǎn)擊右鍵選擇“剪切”），如右上圖。步驟5：回到主場景，新建圖層，將剛剛制作的圖形元件“流水”拖動(dòng)到舞臺上和整體位圖小溪位置重復(fù)的地方，并降低其透明度為50%，如右下圖。3.4動(dòng)畫制作實(shí)例二----溪流效果步驟4：按Ctrl+3.4動(dòng)畫制作實(shí)例二----溪流效果步驟6：新建一個(gè)名為“矩形”的圖層，在第30幀處按F6鍵，創(chuàng)建關(guān)鍵幀。將“矩形”元件放置在這一層的第1幀和第30幀，元件的位置分別在小溪的開始處和結(jié)束處。步驟7：在“矩形”圖層的第1~30幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令，創(chuàng)建兩關(guān)鍵幀之間的動(dòng)作補(bǔ)間動(dòng)畫，并在其它圖層的第30幀處插入幀，將其他圖層的內(nèi)容也延續(xù)到第30幀。步驟8：設(shè)置“矩形”圖層為遮罩層，“圖層2”為被遮罩層。即可在“流水”元件所在層和“矩形”元件所在的層之間創(chuàng)建蒙版動(dòng)畫，使矩形被挖空，看到小溪。步驟9：按Ctrl+Enter快捷鍵，預(yù)覽動(dòng)畫效果。3.4動(dòng)畫制作實(shí)例二----溪流效果步驟6：新建一個(gè)名為習(xí)題3-1、如何給填充和形狀添加邊框？3-2、在FlashCS3中要繪制精確的直線或曲線路徑，可以使用什么繪圖工具？3-3、Flash的屬性設(shè)置包括哪些？3-4、如果使用顏料桶、墨水瓶工具進(jìn)行填色，在“選項(xiàng)”和“屬性”面板的顏色列表中選取顏色不能滿足用戶所需，應(yīng)該怎么辦？3-5、什么是逐幀動(dòng)畫？什么是補(bǔ)間動(dòng)畫？3-6、逐幀動(dòng)畫和補(bǔ)間動(dòng)畫有什么不同？3-7、補(bǔ)間的形式有幾種？3-8、一個(gè)遮罩效果能有幾個(gè)遮罩層？3-9、遮罩動(dòng)畫和引導(dǎo)路徑動(dòng)畫有什么區(qū)別？3-10、形狀圖形能用來制作動(dòng)作補(bǔ)間動(dòng)畫嗎？習(xí)題3-1、如何給填充和形狀添加邊框？TheEndTheEnd第三章FlashCS3入門及制作實(shí)例

第三章FlashCS3入門及制作實(shí)例內(nèi)容提要3.1FlashCS3的工作環(huán)境簡介3.2基本繪圖工具3.3基本動(dòng)畫制作3.4動(dòng)畫制作實(shí)例內(nèi)容提要3.1FlashCS3的工作環(huán)境簡介3.1FlashCS3的工作環(huán)境簡介菜單欄時(shí)間軸舞臺工具箱屬性面板浮動(dòng)面板3.1FlashCS3的工作環(huán)境簡介菜單欄時(shí)間軸舞臺工時(shí)間軸時(shí)間軸：用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)

時(shí)間軸時(shí)間軸：用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層舞臺舞臺工作區(qū)（舞臺的后臺）工作區(qū)（舞臺的后臺）常用面板“屬性”面板：舞臺的下方

“對齊”面板：“窗口”|“對齊”

“顏色”面板：“窗口”|“顏色”“樣本”面板：顏色庫面板

“信息”面板：在編輯操作的過程中為用戶提供一些相關(guān)的信息?！皥鼍啊泵姘澹猴@示了當(dāng)前動(dòng)畫的場景數(shù)量和播放的先后順序“變形”面板：對選定對象執(zhí)行縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作“動(dòng)作”面板：方便使用Flash的腳本編程語言ActionScript而專門提供的操作界面

“組件”面板：動(dòng)作集合常用面板“屬性”面板：舞臺的下方3.2基本繪圖工具（工具箱）選擇工具部分選取工具直線工具套索工具鋼筆工具矩形工具鉛筆工具刷子工具任意變形工具漸變變形工具墨水瓶工具與顏料桶工具滴管工具橡皮擦工具文本工具3.2基本繪圖工具（工具箱）選擇工具刷子工具3.3基本動(dòng)畫制作基本動(dòng)畫類型特點(diǎn)逐幀動(dòng)畫對每幀畫進(jìn)行控制保存每一幀的數(shù)據(jù)

形狀補(bǔ)間動(dòng)畫保存幀之間不同的數(shù)據(jù)在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀動(dòng)作補(bǔ)間動(dòng)畫一個(gè)對象在兩個(gè)關(guān)鍵幀分別定義不同的屬性并在兩個(gè)關(guān)鍵幀之間建立運(yùn)動(dòng)漸變關(guān)系遮罩動(dòng)畫遮罩層的操作(水波、萬花筒、百頁窗、放大鏡、望遠(yuǎn)鏡)引導(dǎo)路徑動(dòng)畫自定義運(yùn)動(dòng)路徑3.3基本動(dòng)畫制作基本動(dòng)畫類型特點(diǎn)逐幀動(dòng)畫對每幀畫進(jìn)行控3.3.1逐幀動(dòng)畫方法與實(shí)例創(chuàng)建逐幀動(dòng)畫的幾種方法：1．用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫

用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入到Flash中，就會(huì)建立一段逐幀動(dòng)畫。2．繪制矢量逐幀動(dòng)畫

用鼠標(biāo)或壓感筆在場景中一幀幀的畫出幀內(nèi)容。3．文字逐幀動(dòng)畫

用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。4．指令逐幀動(dòng)畫

在時(shí)間幀面板上，逐幀寫入動(dòng)作腳本語句來完成元件的變化。5．導(dǎo)入序列圖像

可以導(dǎo)入gif序列圖像、swf動(dòng)畫文件或者利用第3方軟件（如swish、swift3D等）產(chǎn)生的動(dòng)畫序列。3.3.1逐幀動(dòng)畫方法與實(shí)例創(chuàng)建逐幀動(dòng)畫的幾種方法：3.3.1逐幀動(dòng)畫方法與實(shí)例例1：奔馳的汽車步驟1：新建一個(gè)大小為550*400的動(dòng)畫文件，在第1幀處按F6插入關(guān)鍵楨。

步驟2：選擇“文件|導(dǎo)入|導(dǎo)入到舞臺”，將小汽車的圖片導(dǎo)入到舞臺上步驟3：單擊第2幀，插入關(guān)鍵楨(F6)，選中舞臺上的小汽車并水平平移一段距離。

步驟4：單擊第3幀，插入關(guān)鍵楨(F6)，選中舞臺上的小汽車?yán)^續(xù)水平平移一段距離。

步驟5：按照3和4的步驟重復(fù)幾次直至小騎車平移到最右邊。

步驟6：同時(shí)按下Ctrl+回車鍵，即可觀看最后的動(dòng)畫效果。

3.3.1逐幀動(dòng)畫方法與實(shí)例例1：奔馳的汽車3.3.1逐幀動(dòng)畫方法與實(shí)例例2：奔馳的駿馬----（導(dǎo)入連續(xù)圖片）步驟1：新建一個(gè)影片文檔，在“屬性”面板上設(shè)置文件大小為460×290像素，“背景色”為白色。

如下圖所示。3.3.1逐幀動(dòng)畫方法與實(shí)例例2：奔馳的駿馬----（導(dǎo)3.3.1逐幀動(dòng)畫方法與實(shí)例步驟2：創(chuàng)建背景圖層。將當(dāng)前圖層重命名為“背景”，選擇第一幀，選擇菜單命令“文件|導(dǎo)入|導(dǎo)入到舞臺…”，將背景圖片導(dǎo)入舞臺中，在第8幀處按F5鍵插入普通幀，使幀內(nèi)容延續(xù)到第8幀。步驟3：導(dǎo)入素材到庫。選擇菜單命令“文件|導(dǎo)入|導(dǎo)入到庫…”，在彈出的對話框中找到素材所在的文件夾，按Ctrl+A，把素材全部選中，再點(diǎn)擊右下角的“打開”按鈕，這樣所有的素材都導(dǎo)入到庫中。如左圖所示。3.3.1逐幀動(dòng)畫方法與實(shí)例步驟2：創(chuàng)建背景圖層。將當(dāng)前3.3.1逐幀動(dòng)畫方法與實(shí)例步驟4：將馬的圖片添加到舞臺上。插入一個(gè)新的圖層并選中第1幀，單擊庫里名為“馬1”的圖形元件，按住鼠標(biāo)左鍵拖動(dòng)到舞臺上，然后釋放鼠標(biāo)，這樣“馬1”圖形就拖到舞臺上了。選中第2幀，按F7鍵插入7個(gè)空白關(guān)鍵幀，依次在各個(gè)空白關(guān)鍵幀上，分別從庫里拖出“馬2”、“馬3”、“馬4”、“馬5”、“馬6”、“馬7”、“馬8”到舞臺上，時(shí)間軸上所有空白關(guān)鍵幀都變成關(guān)鍵幀了。下圖為導(dǎo)入的圖片序列。3.3.1逐幀動(dòng)畫方法與實(shí)例3.3.1逐幀動(dòng)畫方法與實(shí)例步驟5：調(diào)整對象位置。單擊“時(shí)間軸”面板下方的“編輯多個(gè)幀”按鈕，再單擊“修改繪圖紙標(biāo)記”按鈕，在彈出的菜單中選擇“繪制全部”命令。最后執(zhí)行“編輯”菜單下的“全選”命令，此時(shí)時(shí)間軸和場景效果。此時(shí)時(shí)間軸和場景效果如下圖所示。

步驟6：測試存盤

。3.3.1逐幀動(dòng)畫方法與實(shí)例3.3.2形狀補(bǔ)間動(dòng)畫實(shí)例例：變形文字步驟1：新建一個(gè)文檔。在“屬性”面板中設(shè)置影片的大小為500×400像素，背景色為白色。步驟2：選中“工具欄”中的“文本工具”，在舞臺上單擊并輸入大寫字母“A”，選中字母“A”，在文本“屬性”面板中設(shè)置字體為“黑體”、字號“96”、“粗體”、顏色為“紅色”（#FF0000）。步驟3：在第10、20、30幀處分別按F6鍵建立關(guān)鍵幀，用“文本工具”將第10幀的文字改為“B”、顏色改為“綠色”（#00FF00），將第20幀的文字改為“C”、顏色改為“藍(lán)色”（#0000FF），將第30幀的文字改為“D”、顏色改為“黃色”（#FFFF00）。

3.3.2形狀補(bǔ)間動(dòng)畫實(shí)例例：變形文字3.3.2形狀補(bǔ)間動(dòng)畫實(shí)例步驟4：分別選擇各關(guān)鍵幀的文字，選擇菜單命令“修改|分離”，將各關(guān)鍵幀上的文字打散。步驟5：創(chuàng)建形狀補(bǔ)間動(dòng)畫。分別選擇第1、10、20幀，將其“屬性”面板中的“補(bǔ)間”設(shè)為“形狀”。設(shè)置后時(shí)間軸如圖所示。

步驟6：

Ctrl+Enter快捷鍵預(yù)覽動(dòng)畫3.3.2形狀補(bǔ)間動(dòng)畫實(shí)例步驟4：分別選擇各關(guān)鍵幀的文字3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例兩種方式：1)先創(chuàng)建好兩個(gè)幀的狀態(tài)，然后在兩個(gè)關(guān)鍵幀之間建立動(dòng)作補(bǔ)間關(guān)系。2)先創(chuàng)建好起點(diǎn)關(guān)鍵幀，然后給此幀賦予動(dòng)作補(bǔ)間模式，再去創(chuàng)建終點(diǎn)關(guān)鍵幀，兩幀之間就建立了動(dòng)作補(bǔ)間關(guān)系。3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例兩種方式：3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫的屬性面板“緩動(dòng)”選項(xiàng):-1到-100:動(dòng)畫運(yùn)動(dòng)速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。1到100:動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。

默認(rèn):補(bǔ)間幀之間的變化速率是不變的3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫的屬性面板“3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫的屬性面板“旋轉(zhuǎn)”選項(xiàng):無:禁止元件旋轉(zhuǎn)自動(dòng):使元件在需要最小動(dòng)作的方向上旋轉(zhuǎn)對象一次順時(shí)針或逆時(shí)針+N:使元件在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)

3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫的屬性面板“3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例例：跳動(dòng)的彈球，且落地時(shí)還有彈性的效果。步驟1：新建一個(gè)文檔。在“屬性”面板中設(shè)置影片的寬為300像素，高為300像素，背景色為白色。步驟2：繪制圖形。選擇菜單命令“文件”|“導(dǎo)入”|“導(dǎo)入到庫”，選擇彈球圖片后，將彈球?qū)氲綆臁Ｔ诶L制時(shí)，最好是選擇菜單命令“視圖”|“網(wǎng)格”|“顯示網(wǎng)格”，在舞臺上顯示網(wǎng)格。步驟3：選擇菜單命令“插入”|“新建元件”，新建圖形元件名稱填為彈球并將庫中的彈球位圖拖動(dòng)到舞臺上。步驟4：回到場景編輯界面，打開“庫”面板，將圖形元件“彈球”從庫中拖到舞臺上。步驟5：創(chuàng)建動(dòng)畫。注意3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例例：跳動(dòng)的彈球，且落地時(shí)還3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（1）在第20幀按F6鍵插入關(guān)鍵幀，按向下的方向鍵將圖形放到場偏下的位置，模擬彈球著地的樣子。為了模擬彈球著地時(shí)被壓縮的樣子，應(yīng)該在隨后的幾幀里將圖形壓縮再恢復(fù)。在第25幀處按F6鍵插入關(guān)鍵幀，將圖形進(jìn)行壓縮，即上下端點(diǎn)距離縮短，左右距離拉長，但圖形的著地點(diǎn)不應(yīng)該變化，所以壓縮前必須記住最下端的位置。壓縮完后，將圖形下移到剛才記下的位置上。（2）單擊第20幀，選擇菜單命令“編輯”|“時(shí)間軸”|“復(fù)制幀”，復(fù)制這一幀，再單擊第30幀，選擇菜單命令“編輯”|“時(shí)間軸”|“粘貼幀”，把第20幀的內(nèi)容粘貼過來。在這一幀上，彈球?qū)⒒謴?fù)原形，準(zhǔn)備跳起。（3）按照第（2）步的方法，將第1幀的內(nèi)容復(fù)制到第50幀。這一彈球?qū)⑼瓿梢粋€(gè)循環(huán)。3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（1）在第20幀按F6鍵插3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（4）現(xiàn)在為每一幀的運(yùn)動(dòng)加上漸變。由于重力作用，圖形下落的時(shí)候加速，上升的時(shí)候減速，所以在第1幀的屬性中將“補(bǔ)間”設(shè)置為“動(dòng)畫”，將“緩動(dòng)”值改為-60。如下圖：3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（4）現(xiàn)在為每一幀的運(yùn)動(dòng)加3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（5）在第20幀至第25幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。在第25幀至第30幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。在第30幀的屬性中將“補(bǔ)間”設(shè)置為“動(dòng)畫”，將“緩動(dòng)”值改為60。創(chuàng)建后的時(shí)間軸如下圖：步驟5：測試動(dòng)畫。按Ctrl+Enter快捷鍵測試動(dòng)畫。

3.3.3動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例（5）在第20幀至第25幀3.3.4遮罩動(dòng)畫方法與實(shí)例1.遮罩和遮罩的創(chuàng)建1）遮罩及其作用遮罩動(dòng)畫是Flash中的一個(gè)很重要的動(dòng)畫類型，很多效果豐富的動(dòng)畫都是通過遮罩動(dòng)畫來完成的。在Flash的圖層中有一個(gè)遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個(gè)任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會(huì)顯示。在Flash動(dòng)畫中，“遮罩”主要有2種用途，一個(gè)作用是用在整個(gè)場景或一個(gè)特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個(gè)作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。3.3.4遮罩動(dòng)畫方法與實(shí)例1.遮罩和遮罩的創(chuàng)建3.3.4遮罩動(dòng)畫方法與實(shí)例2）創(chuàng)建遮罩的方法（1）創(chuàng)建遮罩（2）構(gòu)成遮罩和被遮罩層的元素（3）遮罩中可以使用的動(dòng)畫形式3）遮罩層的基本原理：能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如，我們不能通過遮罩層的漸變色來實(shí)現(xiàn)被遮罩層的漸變色變化。3.3.4遮罩動(dòng)畫方法與實(shí)例2）創(chuàng)建遮罩的方法3.3.4遮罩動(dòng)畫方法與實(shí)例要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層?？梢杂谩癆ctions”動(dòng)作語句建立遮罩，但這種情況下只能有一個(gè)“被遮罩層”，同時(shí)，不能設(shè)置_Alpha屬性。不能用一個(gè)遮罩層試圖遮蔽另一個(gè)遮罩層。遮罩可以應(yīng)用在gif動(dòng)畫上。在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時(shí)間軸面板的顯示圖層輪廓按鈕，使之變成，使遮罩層只顯示邊框形狀，在這種情況下，你還可以拖動(dòng)邊框調(diào)整遮罩圖形的外形和位置。在被遮罩層中不能放置動(dòng)態(tài)文本。技巧

3.3.4遮罩動(dòng)畫方法與實(shí)例要在場景中顯示遮罩效果，可以3.3.4遮罩動(dòng)畫方法與實(shí)例例：掃描文字步驟1：新建一個(gè)Flash文檔。步驟2：按Ctrl+F8快捷鍵插入一個(gè)“圖形”元件，并命名為“文字”。選中“工具欄”中的“文本工具”在舞臺上單擊，輸入文字“HELLO,FLASH!”，然后在下面的“屬性”面板中設(shè)置字體為“ArialBlack”、字號為“45”、顏色任意。文字元件如圖。3.3.4遮罩動(dòng)畫方法與實(shí)例例：掃描文字步驟1：新建一3.3.4遮罩動(dòng)畫方法與實(shí)例步驟3：按Ctrl+F8快捷鍵插入一個(gè)“圖形”元件，并命名為“彩條”。將工具箱中的填充顏色設(shè)置為彩色。選擇工具箱中的“矩形工具”，畫出如圖3-67所示彩條。注意，彩條的寬度應(yīng)長于文字的寬度。3.3.4遮罩動(dòng)畫方法與實(shí)例步驟3：按Ctrl+F8快捷3.3.4遮罩動(dòng)畫方法與實(shí)例步驟4：單擊文檔窗口右上方的“場景”按鈕，回到主場景中。從“庫”面板中拖動(dòng)圖形元件“彩條”到舞臺上適當(dāng)?shù)奈恢谩?/p>

步驟5：右擊當(dāng)前圖層，在彈出的快捷菜單中選擇“插入圖層”命令，在當(dāng)前圖層的上方插入一個(gè)新的圖層“圖層2”。從“庫”面板中拖動(dòng)圖形元件“文字”到舞臺上。3.3.4遮罩動(dòng)畫方法與實(shí)例步驟4：單擊文檔窗口右上方的3.3.4遮罩動(dòng)畫方法與實(shí)例步驟6：在“圖層2”的第30幀處按F5鍵，插入普通幀。在“圖層1”的第30幀處按F6鍵，插入關(guān)鍵幀。步驟7：在“圖層1”的第1幀至第30幀之間右擊鼠標(biāo)，在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。選擇“圖層1”的第15幀，用工具箱中的選擇工具選中彩條，拖動(dòng)向向右平移，使第一個(gè)字母與矩形的左邊線對齊。步驟8：右擊“圖層2”，在彈出的快捷菜單中選擇“遮罩層”命令，將“圖層2”圖層設(shè)置成遮罩層，這時(shí)“圖層1”自動(dòng)成了被遮罩層。步驟9：本例制作完成，按Ctrl+Enter快捷鍵預(yù)覽動(dòng)畫。3.3.4遮罩動(dòng)畫方法與實(shí)例步驟6：在“圖層2”的第303.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例1)創(chuàng)建引導(dǎo)層和被引導(dǎo)層方法：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例1)創(chuàng)建引導(dǎo)層和被引導(dǎo)層3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例2)引導(dǎo)層和被引導(dǎo)層中的對象引導(dǎo)層是用來指示元件運(yùn)行路徑的，所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導(dǎo)層”中的對象是跟著引導(dǎo)線走的，可以使用影片剪輯、圖形元件、按鈕、文字等，但不能使用形狀。由于引導(dǎo)線是一種運(yùn)動(dòng)軌跡，不難想象，“被引導(dǎo)”層中最常用的動(dòng)畫形式是動(dòng)作補(bǔ)間動(dòng)畫，當(dāng)播放動(dòng)畫時(shí)，一個(gè)或數(shù)個(gè)元件將沿著運(yùn)動(dòng)路徑移動(dòng)。方法：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例2)引導(dǎo)層和被引導(dǎo)層中的3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例3)向被引導(dǎo)層中添加元件“引導(dǎo)動(dòng)畫”最基本的操作就是使一個(gè)運(yùn)動(dòng)動(dòng)畫“附著”在“引導(dǎo)線”上。所以操作時(shí)特別得注意“引導(dǎo)線”的兩端，被引導(dǎo)的對象起始、終點(diǎn)的2個(gè)“中心點(diǎn)”一定要對準(zhǔn)“引導(dǎo)線”的2個(gè)端頭，如下圖所示：方法：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例3)向被引導(dǎo)層中添加元件3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例1)“被引導(dǎo)層”中的對象在被引導(dǎo)運(yùn)動(dòng)時(shí)，還可作更細(xì)致的設(shè)置，比如運(yùn)動(dòng)方向，在“屬性”面板上，選中“調(diào)整到路徑”復(fù)選框，對象的基線就會(huì)調(diào)整到運(yùn)動(dòng)路徑。而如果選中“對齊”復(fù)選框，元件的注冊點(diǎn)就會(huì)與運(yùn)動(dòng)路徑對齊。2)引導(dǎo)層中的內(nèi)容在播放時(shí)是看不見的，利用這一特點(diǎn)，可以單獨(dú)定義一個(gè)不含“被引導(dǎo)層”的“引導(dǎo)層”，該引導(dǎo)層中可以放置一些文字說明、元件位置參考等。3)在做引導(dǎo)路徑功，拖動(dòng)對象時(shí)，對象的中心會(huì)自動(dòng)吸附到動(dòng)畫時(shí)，按下工具箱中的“對齊對象”按鈕，可以使“對象附著于引導(dǎo)線”的操作更容易成路徑端點(diǎn)上。4)過于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫失敗，而平滑圓潤的線段有利于引導(dǎo)動(dòng)畫成功制作。技巧：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例1)“被引導(dǎo)層”中的對象3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例5)向被引導(dǎo)層中放入元件時(shí)，在動(dòng)畫開始和結(jié)束的關(guān)鍵幀上，一定要讓元件的注冊點(diǎn)對準(zhǔn)線段的開始和結(jié)束的端點(diǎn)，否則無法引導(dǎo)，如果元件為不規(guī)則形，可以點(diǎn)擊工具箱中的“任意變形工具”，調(diào)整注冊點(diǎn)。6)如果想解除引導(dǎo)，可以把被引導(dǎo)層拖離“引導(dǎo)層”，或在圖層區(qū)的引導(dǎo)層上單擊右鍵，在彈出的菜單上選擇“屬性”，在對話框中選擇“一般”，作為正常圖層類型。7)如果想讓對象作圓周運(yùn)動(dòng)，可以在“引導(dǎo)層”畫一根圓形線條，再用“橡皮擦工具”擦去一小段，使圓形線段出現(xiàn)2個(gè)端點(diǎn)，再把對象的起始、終點(diǎn)分別對準(zhǔn)端點(diǎn)即可。8)引導(dǎo)線允許重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必需保持圓潤，讓Flash能辨認(rèn)出線段走向，否則會(huì)使引導(dǎo)失敗。技巧：

3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例5)向被引導(dǎo)層中放入元件3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例例：小球沿著彎曲道路運(yùn)動(dòng)1．新建一個(gè)文檔。在“屬性”面板中設(shè) 置影片的大小為500×400像素，背景色 為黑色。2．選擇菜單命令“視圖”|“網(wǎng)格”|“顯示網(wǎng)格”，在舞臺上顯示網(wǎng)格線。3．繪制曲線。選中“工具箱”中的“鋼筆工具”，在“顏色”設(shè)置里將筆觸顏色設(shè)為紅色（#FF0000）。首先在場景中單擊，出現(xiàn)一個(gè)控制點(diǎn)，然后在它的右斜上方單擊并拖動(dòng)鼠標(biāo)，直到第1個(gè)控制點(diǎn)和第2個(gè)控制點(diǎn)間出現(xiàn)圓滑的曲線滿意松開鼠標(biāo)。再在第2個(gè)控制點(diǎn)的右斜下方單擊并拖動(dòng)鼠標(biāo)，這時(shí)在第2個(gè)控制點(diǎn)和第3個(gè)控制點(diǎn)間出現(xiàn)圓滑的曲線。最后在第3個(gè)控制點(diǎn)的右斜上方單擊并拖動(dòng)鼠標(biāo)，這時(shí)在第3個(gè)控制點(diǎn)和第4個(gè)控制點(diǎn)間出現(xiàn)圓滑的曲線。繪制成的曲線如右下圖所示。如果繪制的曲線不滿意，可以用選中選擇工具指向需要修整的地方，鼠標(biāo)指針變成時(shí)拖動(dòng)鼠標(biāo)即可調(diào)整曲線的彎曲度3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例例：小球沿著彎曲道路運(yùn)動(dòng)3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例4．右擊當(dāng)前圖層名，在彈出的快捷菜單中選擇“插入圖層”命令，插入一個(gè)新的圖層。單擊“工具箱”中的“橢圓工具”，設(shè)置筆觸顏色為無、填充顏色為藍(lán)色（#0000FF）。按住Shift鍵并在場景上拖動(dòng)鼠標(biāo)，繪制一個(gè)大小適中的圓。5．添加引導(dǎo)層。在“圖層2”圖層的名稱上右擊，在彈出的快捷菜單中選擇“添加引導(dǎo)層”命令。此時(shí)“時(shí)間軸”上新增加了一個(gè)引導(dǎo)層。6．選中“圖層1”圖層中的曲線，按Ctrl+C快捷鍵，然后選中“引導(dǎo)層”圖層，按Ctrl+V快捷鍵在引導(dǎo)層上粘貼曲線圖形。拖動(dòng)“引導(dǎo)層”圖層上的曲線到“圖層1”圖層中曲線的正上方，使兩條曲線間隔大約剛才繪制的圓的直徑的路離。7．用“工具箱”中的“橡皮擦工具”，將“引導(dǎo)層”圖層中的曲線的最高的地方擦去一小塊、最低的地方也擦去一小塊。此時(shí)曲線被分成3部分。3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例4．右擊當(dāng)前圖層名，在彈3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例8．拖動(dòng)“圖層2”圖層中的圓，使圓的注冊點(diǎn)對準(zhǔn)“引導(dǎo)層”圖層中第1段曲線的起始位置。移動(dòng)“圖層1”圖層中的曲線，使之與圓外切，擦除該曲線的起始點(diǎn)到圓的切點(diǎn)之間的一段曲線。用“選擇工具”對“圖層1”圖層中的曲線整形，使之與“引導(dǎo)層”圖層的曲線平行，擦除“引導(dǎo)層”圖層中曲線末尾多余的部分。效果如圖：3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例8．拖動(dòng)“圖層2”圖層中3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例9．單擊“圖層1”圖層中的第30幀，按F5鍵插入普通幀（使第1幀的內(nèi)容延續(xù)到這一幀）。10．單擊“引導(dǎo)層”圖層中的第30幀，按F5鍵插入普通幀。11．單擊“圖層2”圖層中的第10幀，按F6鍵插入一個(gè)關(guān)鍵幀。拖動(dòng)圓，使圓的注冊點(diǎn)對準(zhǔn)“引導(dǎo)層”圖層的第1段曲線的結(jié)束點(diǎn)。12．分別單擊“圖層2”圖層的第11、20、21、30幀，按F6鍵插入關(guān)鍵幀。拖動(dòng)圓，使圓的注冊點(diǎn)分別對準(zhǔn)“引導(dǎo)層”圖層的第2段曲線的起始點(diǎn)、結(jié)束點(diǎn)，第3段曲線的起始點(diǎn)、結(jié)束點(diǎn)。13．創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。分別在“圖層2”圖層的第1幀至第10幀之間、第11幀至第20幀這間、第21幀至第30幀之間右擊，在彈出快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。14．本例制作完成，按Ctrl+Enter快捷鍵預(yù)覽動(dòng)畫。3.3.5引導(dǎo)路徑動(dòng)畫方法與實(shí)例9．單擊“圖層1”圖層中3.4動(dòng)畫制作實(shí)例搖曳的燭光溪流效果3.4動(dòng)畫制作實(shí)例搖曳的燭光3.4動(dòng)畫制作實(shí)例一----搖曳的燭光

步驟1：新建一個(gè)文檔。背景色黑色，其他默認(rèn)。步驟2：選擇“插入”|“新建元件”，將元件命名為“光圈”，類型為“影片剪輯”。步驟3：在工具欄中，筆觸色