chapter網(wǎng)頁(yè)設(shè)計(jì)與Web編程實(shí)用

會(huì)計(jì)學(xué)1chapter網(wǎng)頁(yè)設(shè)計(jì)與Web編程實(shí)用3.1FlashCS3的工作環(huán)境簡(jiǎn)介菜單欄時(shí)間軸舞臺(tái)工具箱屬性面板浮動(dòng)面板第1頁(yè)/共50頁(yè)時(shí)間軸時(shí)間軸：用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)

第2頁(yè)/共50頁(yè)舞臺(tái)第3頁(yè)/共50頁(yè)工作區(qū)（舞臺(tái)的后臺(tái)）第4頁(yè)/共50頁(yè)常用面板“屬性”面板：舞臺(tái)的下方

“對(duì)齊”面板：“窗口”|“對(duì)齊”

“顏色”面板：“窗口”|“顏色”“樣本”面板：顏色庫(kù)面板

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

“組件”面板：動(dòng)作集合第5頁(yè)/共50頁(yè)3.2基本繪圖工具（工具箱）選擇工具部分選取工具直線(xiàn)工具套索工具鋼筆工具矩形工具鉛筆工具刷子工具任意變形工具漸變變形工具墨水瓶工具與顏料桶工具滴管工具橡皮擦工具文本工具第6頁(yè)/共50頁(yè)3.3基本動(dòng)畫(huà)制作基本動(dòng)畫(huà)類(lèi)型特點(diǎn)逐幀動(dòng)畫(huà)對(duì)每幀畫(huà)進(jìn)行控制保存每一幀的數(shù)據(jù)

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

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

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

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

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

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

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

步驟4：?jiǎn)螕舻?幀，插入關(guān)鍵楨(F6)，選中舞臺(tái)上的小汽車(chē)?yán)^續(xù)水平平移一段距離。

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

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

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

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

步驟6：測(cè)試存盤(pán)

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

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

步驟6：

Ctrl+Enter快捷鍵預(yù)覽動(dòng)畫(huà)第15頁(yè)/共50頁(yè)3.3.3動(dòng)作補(bǔ)間動(dòng)畫(huà)方法與實(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)系。第16頁(yè)/共50頁(yè)3.3.3動(dòng)作補(bǔ)間動(dòng)畫(huà)方法與實(shí)例動(dòng)作補(bǔ)間動(dòng)畫(huà)的屬性面板“緩動(dòng)”選項(xiàng):-1到-100:動(dòng)畫(huà)運(yùn)動(dòng)速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。1到100:動(dòng)畫(huà)運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。

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

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

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

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

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

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

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

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

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

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

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

第40頁(yè)/共50頁(yè)3.4動(dòng)畫(huà)制作實(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è)長(zhǎng)長(zhǎng)的實(shí)線(xiàn)箭頭，表示形狀補(bǔ)間動(dòng)畫(huà)創(chuàng)建好了。第41頁(yè)/共50頁(yè)3.4動(dòng)畫(huà)制作實(shí)例一----搖曳的燭光步驟6：選擇“插入”|“新建元件”，將元件命名為“蠟燭”，類(lèi)型為“影片剪輯”。選擇“文件”|“導(dǎo)入”|“導(dǎo)入到庫(kù)”，導(dǎo)入本實(shí)例中使用的蠟燭燭身，如圖所示。將庫(kù)中的元件蠟燭位圖拖入到場(chǎng)景中。在第30幀處插入幀，延長(zhǎng)到30幀，并將圖層上鎖。步驟7：在圖層1上新建圖層，畫(huà)火苗。筆觸色禁止，填充色線(xiàn)性：左FFFF99Alpha100%，右FFFF1BAlpha30%，畫(huà)橢圓，并用部分選擇工具整調(diào)形狀使該橢圓的形狀像火苗。

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

步驟11：回到場(chǎng)景中，從庫(kù)里把蠟燭元件拖到場(chǎng)景中，擺放好，Ctrl+Enter即可觀看到蠟燭火焰搖曳的效果。第44頁(yè)/共50頁(yè)3.4動(dòng)畫(huà)制作實(shí)例二----溪流效果步驟1：新建一個(gè)文檔，大小為550×4