Dreamweaver 和Flash 案例教程 動(dòng) 畫(huà) 制 作

會(huì)計(jì)學(xué)1Dreamweaver和Flash案例教程動(dòng)畫(huà)制作【案例39】“自轉(zhuǎn)地球”動(dòng)畫(huà)10.6【案例37】“移動(dòng)的探照燈光”動(dòng)畫(huà)10.4【案例38】“變化文字”動(dòng)畫(huà)10.5第1頁(yè)/共114頁(yè)10.1【案例34】“旋轉(zhuǎn)移動(dòng)的扇葉”動(dòng)畫(huà)10.1.1學(xué)習(xí)目標(biāo)

“旋轉(zhuǎn)移動(dòng)的扇葉”動(dòng)畫(huà)播放后，畫(huà)面出現(xiàn)一個(gè)扇葉一邊圍繞中心順時(shí)針旋轉(zhuǎn)，一邊移動(dòng)。動(dòng)畫(huà)播放后的兩幅畫(huà)面如圖10-1-1所示。第2頁(yè)/共114頁(yè)圖10-1-1“旋轉(zhuǎn)移動(dòng)的扇葉”動(dòng)畫(huà)播放后的兩幅畫(huà)面第3頁(yè)/共114頁(yè)

通過(guò)制作該案例，可以進(jìn)一步了解制作動(dòng)作動(dòng)畫(huà)的方法，了解動(dòng)畫(huà)的種類(lèi)，進(jìn)一步了解時(shí)間軸的結(jié)構(gòu)特點(diǎn)，以及時(shí)間軸中各種幀的特點(diǎn)。10.1.2操作過(guò)程第4頁(yè)/共114頁(yè)10.1.3相關(guān)知識(shí)1．動(dòng)畫(huà)的種類(lèi)和動(dòng)作動(dòng)畫(huà)的特點(diǎn)（1）動(dòng)畫(huà)的種類(lèi)：Flash動(dòng)畫(huà)分為幀幀動(dòng)畫(huà)和動(dòng)作動(dòng)畫(huà)兩大類(lèi)，它們的特點(diǎn)如下。

第5頁(yè)/共114頁(yè)幀幀動(dòng)畫(huà)：幀幀動(dòng)畫(huà)的每一幀都由制作者確定，而不是由Flash通過(guò)計(jì)算得到，然后連續(xù)依次播放這些畫(huà)面，即可生成動(dòng)畫(huà)效果。幀幀動(dòng)畫(huà)適于制作非常復(fù)雜的動(dòng)畫(huà)，Gif格式的動(dòng)畫(huà)就是屬于這種動(dòng)畫(huà)。與過(guò)渡動(dòng)畫(huà)相比，通常幀幀動(dòng)畫(huà)的文件字節(jié)數(shù)較大。為了使一幀的畫(huà)面顯示的時(shí)間長(zhǎng)一些，可以在關(guān)鍵幀后邊添加幾個(gè)與關(guān)鍵幀內(nèi)容一樣的普通幀。第6頁(yè)/共114頁(yè)補(bǔ)間動(dòng)畫(huà)：它也叫過(guò)渡動(dòng)畫(huà)。制作若干關(guān)鍵幀畫(huà)面，由Flash計(jì)算生成各關(guān)鍵幀之間的各個(gè)幀，使畫(huà)面從一個(gè)關(guān)鍵幀過(guò)渡到另一個(gè)關(guān)鍵幀。補(bǔ)間動(dòng)畫(huà)又分為動(dòng)作動(dòng)畫(huà)和形狀動(dòng)畫(huà)。第7頁(yè)/共114頁(yè)（2）動(dòng)作動(dòng)畫(huà)的特點(diǎn)：動(dòng)作動(dòng)畫(huà)是補(bǔ)間動(dòng)畫(huà)的一種。在Flash8中可以創(chuàng)建出豐富多彩的動(dòng)作動(dòng)畫(huà)效果，可以使一個(gè)對(duì)象在畫(huà)面中沿直線(xiàn)移動(dòng)，沿曲線(xiàn)移動(dòng)，變換大小、形狀和顏色，以中心為圓點(diǎn)自轉(zhuǎn)，以中心為圓點(diǎn)旋轉(zhuǎn)，產(chǎn)生淡入淡出效果等。各種變化可以獨(dú)立進(jìn)行，也可合成復(fù)雜的動(dòng)畫(huà)。例如一個(gè)對(duì)象不斷自轉(zhuǎn)的同時(shí)還水平移動(dòng)。第8頁(yè)/共114頁(yè)Flash8可以使實(shí)例、圖形、圖像、文本和組合產(chǎn)生動(dòng)作動(dòng)畫(huà)。創(chuàng)建動(dòng)作動(dòng)畫(huà)后，自動(dòng)將對(duì)象轉(zhuǎn)換成補(bǔ)間的實(shí)例，“庫(kù)”面板中會(huì)自動(dòng)增加元件，名稱(chēng)為“補(bǔ)間l”、“補(bǔ)間2”和“補(bǔ)間3”等。動(dòng)作動(dòng)畫(huà)可以借助于引導(dǎo)層使對(duì)象沿任意路徑運(yùn)動(dòng)，即創(chuàng)建引導(dǎo)動(dòng)作動(dòng)畫(huà)。動(dòng)作動(dòng)畫(huà)還可以借助遮罩層的作用產(chǎn)生千奇百態(tài)的動(dòng)畫(huà)效果。第9頁(yè)/共114頁(yè)

時(shí)間軸窗口如圖10-1-5所示。其中，有許多圖層和幀單元格（簡(jiǎn)稱(chēng)為幀），每一行表示一個(gè)圖層，每一列表示一幀。各個(gè)幀的內(nèi)容會(huì)不相同，不同的幀表示了不同的含義。2．時(shí)間軸的幀特點(diǎn)第10頁(yè)/共114頁(yè)圖10-1-5時(shí)間軸窗口第11頁(yè)/共114頁(yè)（1）空白幀：也叫做幀。該幀內(nèi)是空的，沒(méi)有任何對(duì)象，也不可以在其內(nèi)創(chuàng)建對(duì)象。第12頁(yè)/共114頁(yè)（2）空白關(guān)鍵幀：也叫做白色關(guān)鍵幀。幀單元格內(nèi)有一個(gè)空心的圓圈，則表示它是一個(gè)沒(méi)有內(nèi)容的關(guān)鍵幀。如果新建一個(gè)Flash文件，則會(huì)在第1幀自動(dòng)創(chuàng)建一個(gè)空白關(guān)鍵幀。空白關(guān)鍵幀內(nèi)可以創(chuàng)建各種對(duì)象。選中某一個(gè)空白幀，再按F7鍵，即可將它轉(zhuǎn)換為空白關(guān)鍵幀。第13頁(yè)/共114頁(yè)（3）關(guān)鍵幀：幀單元格內(nèi)有一個(gè)實(shí)心的圓圈，表示該幀內(nèi)有對(duì)象，可以進(jìn)行編輯。選中一個(gè)空白幀，再按F6鍵，即可創(chuàng)建一個(gè)關(guān)鍵幀。第14頁(yè)/共114頁(yè)（4）普通幀：在關(guān)鍵幀的右邊的淺灰色背景幀單元格是普通幀，表示它的內(nèi)容與左邊的關(guān)鍵幀內(nèi)容一樣。選中關(guān)鍵幀右邊的一個(gè)空白幀，再按F5鍵，則從關(guān)鍵幀到選中的幀之間的所有幀均變成普通幀。第15頁(yè)/共114頁(yè)（5）動(dòng)作幀：該幀本身也是一個(gè)關(guān)鍵幀，其中有一個(gè)字母“a”，表示這一幀中分配有動(dòng)作腳本。當(dāng)影片播放到這一幀時(shí)會(huì)執(zhí)行相應(yīng)的腳本程序。要加入動(dòng)作需彈出“動(dòng)作-幀”面板。第16頁(yè)/共114頁(yè)（6）過(guò)渡幀：它是兩個(gè)關(guān)鍵幀之間，創(chuàng)建補(bǔ)間動(dòng)畫(huà)后由Flash計(jì)算生成的幀，它的底色為淺藍(lán)色或淺綠色。不可以對(duì)過(guò)渡幀進(jìn)行編輯。第17頁(yè)/共114頁(yè)

創(chuàng)建不同幀的方法還有：選中某一個(gè)幀單元格，再單擊“插入”→“時(shí)間軸”→“××××”菜單命令；或者，將鼠標(biāo)指針移到要插入關(guān)鍵幀的幀單元格處，單擊右鍵，彈出快捷菜單，再單擊快捷菜單中相應(yīng)的菜單命令。第18頁(yè)/共114頁(yè)（7）不同種類(lèi)動(dòng)畫(huà)的幀：動(dòng)作動(dòng)畫(huà)、形狀動(dòng)畫(huà)和動(dòng)作動(dòng)畫(huà)錯(cuò)誤的幀特點(diǎn)如下。第19頁(yè)/共114頁(yè)動(dòng)作動(dòng)畫(huà)：在關(guān)鍵幀之間有一條水平指向右邊的箭頭，幀為淺藍(lán)色背景。形狀動(dòng)畫(huà)：在關(guān)鍵幀之間也有一條水平指向右邊的箭頭，幀為淺綠色背景。動(dòng)畫(huà)錯(cuò)誤：表示在創(chuàng)建動(dòng)作動(dòng)畫(huà)中存在錯(cuò)誤，無(wú)法正確完成動(dòng)畫(huà)的制作。第20頁(yè)/共114頁(yè)

在選中一個(gè)或多個(gè)關(guān)鍵幀后，執(zhí)行下面的操作均可以將選中的一個(gè)或多個(gè)關(guān)鍵幀轉(zhuǎn)換為動(dòng)作動(dòng)畫(huà)的關(guān)鍵幀，從而創(chuàng)建動(dòng)作動(dòng)畫(huà)。常用的創(chuàng)建動(dòng)作動(dòng)畫(huà)的方法如下。3．使關(guān)鍵幀成為動(dòng)作動(dòng)畫(huà)的關(guān)鍵幀第21頁(yè)/共114頁(yè)（1）使用工具箱內(nèi)的選擇工具，選中動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀，單擊鼠標(biāo)右鍵，彈出幀快捷菜單命令，單擊該菜單命令中的“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令或單擊“插入”→“時(shí)間軸”→“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令。選中動(dòng)畫(huà)的最后一個(gè)關(guān)鍵幀，按F6鍵。第22頁(yè)/共114頁(yè)（2）使用工具箱內(nèi)的選擇工具，按住Shift鍵，選中動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀，再選中動(dòng)畫(huà)的最后一個(gè)關(guān)鍵幀，單擊鼠標(biāo)右鍵，彈出幀快捷菜單命令，單擊該菜單命令中的“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令或單擊“插入”→“時(shí)間軸”→“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”菜單命令。第23頁(yè)/共114頁(yè)

選中動(dòng)畫(huà)關(guān)鍵幀，彈出動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板。利用該面板可以設(shè)置動(dòng)畫(huà)類(lèi)型和動(dòng)畫(huà)其他屬性。在“補(bǔ)間”下拉列表框中選擇了“動(dòng)畫(huà)”選項(xiàng)（應(yīng)該翻譯為“動(dòng)作選項(xiàng)”）后，該面板如圖10-1-6所示。該對(duì)話(huà)框內(nèi)有關(guān)選項(xiàng)的作用如下。4．動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板

第24頁(yè)/共114頁(yè)圖10-1-6動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板第25頁(yè)/共114頁(yè)（1）“<幀標(biāo)簽>”文本框：用來(lái)輸入關(guān)鍵幀的標(biāo)簽名稱(chēng)。（2）“標(biāo)簽類(lèi)型”下拉列表框：在輸入關(guān)鍵幀的標(biāo)簽名稱(chēng)后“標(biāo)簽類(lèi)型”下拉列表框才會(huì)生效。該下拉列表框可以用來(lái)定義標(biāo)簽的類(lèi)型，其中有三個(gè)選項(xiàng)“名稱(chēng)”、“注釋”、“錨點(diǎn)”。第26頁(yè)/共114頁(yè)

例如：?jiǎn)螕暨x中動(dòng)作動(dòng)畫(huà)的第1關(guān)鍵幀，在其“屬性”面板“<幀標(biāo)簽>”文本框中輸入“第1幀”文字后，時(shí)間軸的第1關(guān)鍵幀內(nèi)會(huì)顯示標(biāo)簽的名稱(chēng)。如果在“標(biāo)簽類(lèi)型”下拉列表框中選擇不同選項(xiàng)，則該關(guān)鍵幀內(nèi)的紅色標(biāo)記圖案會(huì)不一樣，其作用也會(huì)不一樣。選擇“名稱(chēng)”選項(xiàng)時(shí)，程序中可以利用該名稱(chēng)。第27頁(yè)/共114頁(yè)（3）“補(bǔ)間”下拉列表框：用來(lái)選擇動(dòng)畫(huà)類(lèi)型。它有三個(gè)選項(xiàng)：選擇“無(wú)”選項(xiàng)，是沒(méi)有動(dòng)畫(huà)；選擇“動(dòng)畫(huà)”選項(xiàng)，是創(chuàng)建動(dòng)作動(dòng)畫(huà)；選擇“形狀”選項(xiàng)，是創(chuàng)建“形狀”動(dòng)畫(huà)。第28頁(yè)/共114頁(yè)（4）“緩動(dòng)”文本框：可輸入數(shù)據(jù)或調(diào)整滑條的滑塊（數(shù)值范圍是?100到100），來(lái)調(diào)整運(yùn)動(dòng)的加速度。其值為負(fù)數(shù)時(shí)為動(dòng)畫(huà)在結(jié)束時(shí)加速，其值為正數(shù)時(shí)為動(dòng)畫(huà)在結(jié)束時(shí)減速。第29頁(yè)/共114頁(yè)（5）“旋轉(zhuǎn)”下拉列表框：用來(lái)控制對(duì)象在運(yùn)動(dòng)時(shí)是否自旋轉(zhuǎn)和旋轉(zhuǎn)方式。選擇“無(wú)”，是不旋轉(zhuǎn)；選擇“自動(dòng)”，是按照盡可能少運(yùn)動(dòng)的情況下旋轉(zhuǎn)對(duì)象；選擇“順時(shí)針”，是順時(shí)針旋轉(zhuǎn)對(duì)象；選擇“逆時(shí)針”，是逆時(shí)針旋轉(zhuǎn)對(duì)象。可以在其右邊的“次”文本框內(nèi)輸入旋轉(zhuǎn)的次數(shù)。第30頁(yè)/共114頁(yè)（6）“調(diào)整到路徑”復(fù)選框：選中它后，可將運(yùn)動(dòng)對(duì)象的基線(xiàn)調(diào)整到運(yùn)動(dòng)路徑。（7）“同步”復(fù)選框：選中它后，可使圖形元件實(shí)例的動(dòng)畫(huà)與住時(shí)間軸同步。（8）“對(duì)齊”復(fù)選框：選中它后，可使運(yùn)動(dòng)對(duì)象的中心點(diǎn)標(biāo)記與運(yùn)動(dòng)路徑對(duì)齊。第31頁(yè)/共114頁(yè)（9）“聲音”下拉列表框：該下拉列表框用來(lái)選擇導(dǎo)入的聲音名稱(chēng)。選擇一種聲音名稱(chēng)后，會(huì)將聲音加入動(dòng)畫(huà)，時(shí)間軸的動(dòng)畫(huà)圖層中會(huì)出現(xiàn)一條水平波紋線(xiàn)，反映加入了聲音。（10）“效果”下拉列表框：該下拉列表框用來(lái)選擇導(dǎo)入聲音的播放效果。第32頁(yè)/共114頁(yè)（11）“同步”下拉列表框：用來(lái)選擇影片剪輯實(shí)例在循環(huán)播放時(shí)與主電影相匹配的方式。該下拉列表框中有4個(gè)選項(xiàng)：“事件”、“開(kāi)始”、“停止”、“數(shù)據(jù)流”。第33頁(yè)/共114頁(yè)（12）“聲音循環(huán)”下拉列表框：用來(lái)選擇播放聲音的方式，它有“重復(fù)”和“循環(huán)”兩個(gè)選項(xiàng)。選擇“重復(fù)”選項(xiàng)后，其右邊會(huì)出現(xiàn)一個(gè)“循環(huán)次數(shù)”文本框，用來(lái)輸入播放聲音的循環(huán)次數(shù)。選擇“循環(huán)”選項(xiàng)后，聲音會(huì)不斷循環(huán)播放。第34頁(yè)/共114頁(yè)10.2.1學(xué)習(xí)目標(biāo)

“人和自然”動(dòng)畫(huà)播放后，在森林中，一只狗和一只豹子在來(lái)回奔跑戲耍，在畫(huà)面的左上角，一個(gè)女人的眼睛一會(huì)兒睜開(kāi)一會(huì)兒閉上。這個(gè)畫(huà)面很自然地使人想到“人和自然”這個(gè)主題，人和動(dòng)物應(yīng)該和諧地生活在大自然中。10.2【案例35】“人和自然”動(dòng)畫(huà)第35頁(yè)/共114頁(yè)圖10-2-1“人和自然”動(dòng)畫(huà)播放后的2幅畫(huà)面第36頁(yè)/共114頁(yè)

通過(guò)制作該案例，可以掌握利用連續(xù)動(dòng)作的一系列圖像制作動(dòng)畫(huà)的方法，進(jìn)一步掌握制作動(dòng)作動(dòng)畫(huà)的方法。動(dòng)畫(huà)播放后的2幅畫(huà)面如圖10-2-1所示。10.2.2操作過(guò)程第37頁(yè)/共114頁(yè)1．選擇幀編輯幀以前應(yīng)先選中要編輯的幀。在時(shí)間軸中選中若干幀，然后單擊右鍵，即可彈出幀快捷菜單，常常需要使用幀快捷菜單中的菜單命令來(lái)編輯幀。選擇幀的方法如下。（1）選中一個(gè)幀：?jiǎn)螕粢粠膯卧?，即可選中該幀。10.2.3相關(guān)知識(shí)第38頁(yè)/共114頁(yè)（2）選中連續(xù)的多個(gè)幀：按住Shift鍵，選中一個(gè)或多個(gè)動(dòng)畫(huà)所在圖層內(nèi)左上角的幀，再單擊右下角的幀，即可選中連續(xù)的所有幀。另外，選中某一個(gè)非關(guān)鍵幀，再拖曳鼠標(biāo)。（3）選中一個(gè)圖層的所有幀：?jiǎn)螕艨刂茀^(qū)域內(nèi)的某一圖層，即可選中該圖層的所有幀。第39頁(yè)/共114頁(yè)（4）選中多個(gè)連續(xù)圖層的所有幀：按住Shift鍵，單擊控制區(qū)域內(nèi)的連續(xù)圖層中第1個(gè)圖層，再單擊連續(xù)圖層中最后一個(gè)圖層，即可選中多個(gè)連續(xù)圖層內(nèi)的所有幀。（5）選中多個(gè)圖層的所有幀：按住Ctrl鍵，單擊控制區(qū)域內(nèi)的各個(gè)圖。（6）選擇所有幀：選中幀快捷菜單中的“選擇所有幀”菜單命令。第40頁(yè)/共114頁(yè)（1）移動(dòng)幀：在時(shí)間軸中選中若干幀，用鼠標(biāo)拖曳選中的幀，可以把它們移到目的位置。2．移動(dòng)幀、復(fù)制幀和調(diào)整過(guò)渡幀的數(shù)量第41頁(yè)/共114頁(yè)（2）復(fù)制幀和移動(dòng)幀：選中要移動(dòng)的幀，單擊幀快捷菜單中的“復(fù)制幀”（或“剪切幀”）菜單命令，將選中的幀復(fù)制（剪切）到剪貼板內(nèi)。再在時(shí)間軸窗口中選中一個(gè)幀單元格，然后彈出“幀”快捷菜單，單擊快捷菜單中的“粘貼幀”，即可把剪貼板中的若干幀粘貼到時(shí)間軸窗口選定的幀內(nèi)，從而實(shí)現(xiàn)復(fù)制幀（移動(dòng)幀）。第42頁(yè)/共114頁(yè)（3）調(diào)整過(guò)渡幀的數(shù)量：在創(chuàng)建了運(yùn)動(dòng)或形狀動(dòng)畫(huà)后，如果要調(diào)整過(guò)渡的長(zhǎng)度，可以先選中起始或結(jié)束關(guān)鍵幀，然后用鼠標(biāo)水平拖曳該幀單元格，在拖曳幀單元格的時(shí)候，可能會(huì)出現(xiàn)只拖曳了結(jié)束幀單元格，此時(shí)需要再拖曳終止關(guān)鍵幀，使它與結(jié)束幀單元格重合。第43頁(yè)/共114頁(yè)（1）插入普通幀：選中要插入普通幀的幀單元格，然后按F5鍵。這時(shí)就會(huì)在選中的幀單元格中新增加一個(gè)普通幀，該幀單元格中原來(lái)的幀以及它右面的幀都會(huì)向右移動(dòng)一幀。（2）刪除幀：在時(shí)間軸窗口中選中要?jiǎng)h除的一個(gè)或多個(gè)幀，然后單擊幀快捷菜單中的“刪除幀”菜單命令。按住Shift+F5鍵，也可以刪除選中的幀。3．插入幀和刪除幀第44頁(yè)/共114頁(yè)（3）插入關(guān)鍵幀，選中要插入關(guān)鍵幀的幀單元格，然后按F6鍵或單擊幀快捷菜單中的“插入關(guān)鍵幀”菜單命令。（4）插入空白關(guān)鍵幀：選中要插入空白關(guān)鍵幀的幀單元格，然后按F7鍵或單擊幀快捷菜單中的“插入空白關(guān)鍵幀”菜單命令。第45頁(yè)/共114頁(yè)（5）清除關(guān)鍵幀：選中要?jiǎng)h除的關(guān)鍵幀，然后單擊幀快捷菜單中的“刪除關(guān)鍵幀”菜單命令。此時(shí)，原關(guān)鍵幀中的內(nèi)容會(huì)被前面的關(guān)鍵幀內(nèi)容取代。（6）清除幀：選中要清除的幀，然后單擊幀快捷菜單中的“清除幀”菜單命令，可將選中的幀中的內(nèi)容清除，使該幀成為空白關(guān)鍵幀。第46頁(yè)/共114頁(yè)（1）轉(zhuǎn)換為關(guān)鍵幀（或空白關(guān)鍵幀）：選中要轉(zhuǎn)換的普通幀，然后單擊幀快捷菜單中的“轉(zhuǎn)換為關(guān)鍵幀”（或“轉(zhuǎn)換為空白關(guān)鍵幀”）菜單命令。4．轉(zhuǎn)換為關(guān)鍵幀和動(dòng)畫(huà)反向播放第47頁(yè)/共114頁(yè)（2）動(dòng)畫(huà)反向播放：動(dòng)畫(huà)反向播放就是使起始幀變?yōu)榻K止幀，終止幀變?yōu)槠鹗紟＿x中一段動(dòng)畫(huà)，可以包括多個(gè)圖層，然后單擊幀快捷菜單中的“翻轉(zhuǎn)幀”菜單命令。第48頁(yè)/共114頁(yè)10.3.1學(xué)習(xí)目標(biāo)

“奔馳火車(chē)頭”動(dòng)畫(huà)播放后，一列精致的玩具小火車(chē)，沿著淺藍(lán)色木地板上的八字形軌道行駛。動(dòng)畫(huà)播放中的兩幅畫(huà)面如圖10-3-1所示。通過(guò)制作該案例，可以掌握引導(dǎo)動(dòng)作動(dòng)畫(huà)的制作方法。

10.3.2操作過(guò)程10.3【案例36】“奔馳火車(chē)頭”動(dòng)畫(huà)第49頁(yè)/共114頁(yè)圖10-3-1“奔馳火車(chē)頭”動(dòng)畫(huà)播放后的兩幅畫(huà)面第50頁(yè)/共114頁(yè)1．引導(dǎo)層可以在引導(dǎo)層內(nèi)創(chuàng)建圖形，這可以在繪制圖形時(shí)起到輔助作用，以及起到運(yùn)動(dòng)路徑的引導(dǎo)作用。引導(dǎo)層中的圖形只能在舞臺(tái)工作區(qū)內(nèi)看到，在輸出的影片中不會(huì)出現(xiàn)。另外，還可以把多個(gè)普通圖層關(guān)聯(lián)到一個(gè)引導(dǎo)層上。10.3.3相關(guān)知識(shí)第51頁(yè)/共114頁(yè)

在時(shí)間軸窗口中，引導(dǎo)層名稱(chēng)的左邊有圖標(biāo)（運(yùn)動(dòng)引導(dǎo)層）或圖標(biāo)（普通引導(dǎo)層）。它們代表了不同的引導(dǎo)層，不同的引導(dǎo)層有不同的作用。第52頁(yè)/共114頁(yè)（1）運(yùn)動(dòng)引導(dǎo)層：它可以引導(dǎo)對(duì)象沿輔助線(xiàn)移動(dòng)，產(chǎn)生引導(dǎo)動(dòng)作動(dòng)畫(huà)。單擊時(shí)間軸左下角的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕，即可在選中圖層的上邊增加一個(gè)運(yùn)動(dòng)引導(dǎo)層。第53頁(yè)/共114頁(yè)（2）普通引導(dǎo)層：它只起到輔助繪圖的作用。創(chuàng)建普通引導(dǎo)層的方法是，創(chuàng)建一個(gè)普通圖層。將鼠標(biāo)指針移到該圖層名稱(chēng)處，單擊鼠標(biāo)右鍵，彈出圖層快捷菜單，如圖10-3-12所示。再單擊快捷菜單中的“引導(dǎo)層”菜單命令，其結(jié)果如圖10-3-13所示。第54頁(yè)/共114頁(yè)

圖10-3-12圖層快捷菜單第55頁(yè)/共114頁(yè)

圖10-3-13創(chuàng)建普通引導(dǎo)層第56頁(yè)/共114頁(yè)

下面通過(guò)制作一個(gè)沿曲線(xiàn)移動(dòng)的動(dòng)畫(huà)來(lái)介紹引導(dǎo)動(dòng)作動(dòng)畫(huà)（簡(jiǎn)稱(chēng)引導(dǎo)動(dòng)畫(huà)）的制作方法。（1）按照上述方法建立沿直線(xiàn)移動(dòng)的動(dòng)作動(dòng)畫(huà)，例如圓球從左邊移到右邊的動(dòng)畫(huà)。2．引導(dǎo)動(dòng)作動(dòng)畫(huà)的制作方法第57頁(yè)/共114頁(yè)（2）單擊時(shí)間軸左下角的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕，則選中圖層（此處是“圖層1”圖層）的上邊會(huì)增加一個(gè)引導(dǎo)層（也叫做導(dǎo)向圖層），同時(shí)選中的圖層自動(dòng)成為與引導(dǎo)層相關(guān)聯(lián)的被引導(dǎo)層。關(guān)聯(lián)的圖層名稱(chēng)向右縮進(jìn)，表示它是關(guān)聯(lián)的圖層。此外，還可以通過(guò)單擊“插入”→“時(shí)間軸”→“運(yùn)動(dòng)引導(dǎo)層”來(lái)增加一個(gè)引導(dǎo)層。第58頁(yè)/共114頁(yè)（3）選中引導(dǎo)層，在舞臺(tái)工作區(qū)內(nèi)繪制路徑曲線(xiàn)（輔助線(xiàn)），如圖10-3-14所示。選中引導(dǎo)層的第30幀，按F5鍵，創(chuàng)建一個(gè)普通幀。第59頁(yè)/共114頁(yè)圖10-3-14導(dǎo)向動(dòng)作動(dòng)畫(huà)的時(shí)間軸和舞臺(tái)工作區(qū)第60頁(yè)/共114頁(yè)（4）選中圖層1圖層的第1幀，選中“屬性”面板內(nèi)的“對(duì)齊”復(fù)選框，用鼠標(biāo)拖曳對(duì)象（圓球）到輔助線(xiàn)的起始端或輔助線(xiàn)上，使對(duì)象的中心十字與輔助線(xiàn)起始點(diǎn)或輔助線(xiàn)重合。再選中終止幀，用鼠標(biāo)拖曳圓球到輔助線(xiàn)的終止端或輔助線(xiàn)上，使對(duì)象的中心十字與輔助線(xiàn)終止點(diǎn)或輔助線(xiàn)重合。第61頁(yè)/共114頁(yè)（5）按回車(chē)鍵，播放動(dòng)畫(huà)，可以看到小球沿繪制的輔助線(xiàn)移動(dòng)。按住Ctrl鍵再按回車(chē)鍵，播放動(dòng)畫(huà)，此時(shí)輔助線(xiàn)不會(huì)顯示出來(lái)。第62頁(yè)/共114頁(yè)10.4.1學(xué)習(xí)目標(biāo)

“移動(dòng)的探照燈光”動(dòng)畫(huà)是模擬探照燈光（圓形形狀）在黑夜中照射一幅圖像的情況。動(dòng)畫(huà)播放后的兩個(gè)畫(huà)面如圖10-4-1所示。通過(guò)制作該案例，掌握遮罩技術(shù)。

10.4.2操作過(guò)程10.4【案例37】“移動(dòng)的探照燈光”動(dòng)畫(huà)第63頁(yè)/共114頁(yè)圖10-4-1“移動(dòng)的探照燈光”動(dòng)畫(huà)播放后的兩幅畫(huà)面第64頁(yè)/共114頁(yè)1．遮罩層在遮罩層上創(chuàng)建對(duì)象，相當(dāng)于在遮罩層上挖掉了相應(yīng)形狀的洞，形成挖空區(qū)域，挖空區(qū)域?qū)⑼耆该?，其他區(qū)域都是完全不透明的。通過(guò)挖空區(qū)域，下面圖層的內(nèi)容就可以被顯示出來(lái)，而沒(méi)有對(duì)象的地方成了遮擋物，把下面的被遮罩圖層的其余內(nèi)容遮擋起來(lái)。10.4.3相關(guān)知識(shí)第65頁(yè)/共114頁(yè)

因此可以透過(guò)遮罩層內(nèi)的對(duì)象（挖空區(qū)域）看到其下面的被遮罩圖層的內(nèi)容。利用遮罩層的這一特性，可以制作很多特殊效果。創(chuàng)建遮罩層的操作步驟如下。第66頁(yè)/共114頁(yè)（1）創(chuàng)建一個(gè)圖層，并在其上創(chuàng)建一個(gè)對(duì)象。此處導(dǎo)入一幅圖像，如圖10-4-3所示。第67頁(yè)/共114頁(yè)

圖10-4-3導(dǎo)入一幅圖像第68頁(yè)/共114頁(yè)（2）選中該圖層，再單擊時(shí)間軸左下方的按鈕，在選中的圖層的上邊創(chuàng)建一個(gè)新的普通圖層。在新建的圖層上繪制圖形與輸入文字，如圖10-4-4所示，作為遮罩層中挖空區(qū)域。第69頁(yè)/共114頁(yè)

圖10-4-4繪制圖形與輸入文字第70頁(yè)/共114頁(yè)（3）將鼠標(biāo)指針移到遮罩層的名稱(chēng)處，單擊鼠標(biāo)右健，彈出圖層快捷菜單，單擊該快捷菜單中的“遮罩層”菜單命令。此時(shí)，選中的普通圖層的名稱(chēng)會(huì)向右縮進(jìn)，表示已經(jīng)被它上面的遮罩層所關(guān)聯(lián)，成為被遮罩圖層。如圖10-4-5所示。第71頁(yè)/共114頁(yè)

圖10-4-5創(chuàng)建遮罩圖層第72頁(yè)/共114頁(yè)

在建立遮罩層后，F(xiàn)lash8會(huì)自動(dòng)鎖定遮罩層和被它遮蓋的圖層，如果需要編輯遮罩層，應(yīng)先解鎖，解鎖后就不會(huì)顯示遮罩效果了。如果需要顯示遮罩效果，需要再鎖定圖層。第73頁(yè)/共114頁(yè)（1）建立遮罩層與普通圖層關(guān)聯(lián)，它的操作方法有以下兩種。在遮罩層的下面創(chuàng)建一個(gè)普通圖層。用鼠標(biāo)將該普通圖層拖曳到遮罩層的右下邊。

2．建立與取消普通圖層與遮罩層的關(guān)聯(lián)第74頁(yè)/共114頁(yè)在遮罩層的下面創(chuàng)建一個(gè)普通圖層。彈出圖層快捷菜單，單擊菜單中的“屬性”菜單命令，彈出“圖層屬性”對(duì)話(huà)框。選中該對(duì)話(huà)框中的“被遮罩”單選按鈕。第75頁(yè)/共114頁(yè)（2）取消被遮罩的圖層與遮罩層關(guān)聯(lián)，它的操作方法有以下兩種。在時(shí)間軸中，用鼠標(biāo)將被遮罩層拖曳到遮罩層的左下邊或上面。選中被遮罩的圖層，然后選中“圖層屬性”對(duì)話(huà)框中的“正?！眴芜x按鈕。第76頁(yè)/共114頁(yè)10.5.1學(xué)習(xí)目標(biāo)

“變化文字”動(dòng)畫(huà)播放后，屏幕下面的綠色“Flash8”逐漸向上移動(dòng)，同時(shí)它的顏色也逐漸由綠色變?yōu)榧t色，它的大小也不斷變大。該動(dòng)畫(huà)播放后的各個(gè)幀畫(huà)面如圖10-5-1所示。10.5【案例38】“變化文字”動(dòng)畫(huà)第77頁(yè)/共114頁(yè)圖10-5-1顯示“變化文字”動(dòng)畫(huà)的全部幀畫(huà)面第78頁(yè)/共114頁(yè)

通過(guò)制作該案例，可以初步了解形狀動(dòng)畫(huà)的制作方法，還可以了解添加和調(diào)整形狀提示的方法。10.5.2操作過(guò)程第79頁(yè)/共114頁(yè)1．制作形狀動(dòng)畫(huà)的基本方法形狀動(dòng)畫(huà)也叫做變形動(dòng)畫(huà)，它是由一種形狀對(duì)象逐漸變?yōu)榱硗庖环N形狀對(duì)象。Flash8可以將圖形、打碎的文字和打碎的點(diǎn)陣圖。Flash8不能將實(shí)例、未打碎的文字、點(diǎn)陣圖像、組合對(duì)象進(jìn)行變形。10.5.3相關(guān)知識(shí)第80頁(yè)/共114頁(yè)

在形狀動(dòng)畫(huà)中，對(duì)象位置和顏色的變換是在兩個(gè)對(duì)象之間發(fā)生的變化，而在動(dòng)作動(dòng)畫(huà)中，變化的是同一個(gè)對(duì)象的位置和顏色屬性。下面通過(guò)制作一個(gè)彩球變化為七彩矩形的形狀動(dòng)畫(huà)來(lái)介紹形狀動(dòng)畫(huà)的制作方法。第81頁(yè)/共114頁(yè)（1）選中在時(shí)間軸內(nèi)一個(gè)空白關(guān)鍵幀作為動(dòng)畫(huà)的開(kāi)始幀。然后，在舞臺(tái)工作區(qū)內(nèi)創(chuàng)建一個(gè)符合要求的對(duì)象，作為形狀動(dòng)畫(huà)的初始對(duì)象。此處繪制一個(gè)紅色立體彩球。（2）選中形狀動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀，再選中“屬性”面板內(nèi)“補(bǔ)間”下拉列表框中的“形狀”選項(xiàng)，此時(shí)該面板如圖10-5-3所示。第82頁(yè)/共114頁(yè)圖10-5-3形狀動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板第83頁(yè)/共114頁(yè)（3）單擊形狀動(dòng)畫(huà)的終止幀，按F6鍵，創(chuàng)建動(dòng)畫(huà)的終止幀為關(guān)鍵幀。此時(shí)，在時(shí)間軸上，從第1幀到終止幀之間會(huì)出現(xiàn)一個(gè)指向右邊的箭頭，幀單元格的背景為淺綠色。第84頁(yè)/共114頁(yè)（4）在舞臺(tái)工作區(qū)內(nèi)創(chuàng)建一個(gè)附合要求的對(duì)象，作為形狀動(dòng)畫(huà)的終止對(duì)象（例如，繪制一個(gè)七彩色放射狀漸變填充的矩形），再將該幀內(nèi)原有的對(duì)象（例如，紅色立體彩球）刪除。注意：一定先創(chuàng)建新對(duì)象，再刪除原對(duì)象；關(guān)鍵幀內(nèi)創(chuàng)建的對(duì)象必須是圖形、打碎的文字或打碎（或矢量化）的點(diǎn)陣圖像。上面制作好的形狀動(dòng)畫(huà)中的所有幀的畫(huà)面如圖10-5-4所示。第85頁(yè)/共114頁(yè)圖10-5-4形狀動(dòng)畫(huà)中的所有幀的畫(huà)面第86頁(yè)/共114頁(yè)

選擇動(dòng)畫(huà)關(guān)鍵幀“屬性”面板內(nèi)的“補(bǔ)間”下拉列表框中的“形狀”選項(xiàng)后，“屬性”面板如圖10-5-1所示。“屬性”面板中各選項(xiàng)的作用如下。2．形狀動(dòng)畫(huà)關(guān)鍵幀的“屬性”面板第87頁(yè)/共114頁(yè)（1）“簡(jiǎn)易”文本框：用來(lái)設(shè)置動(dòng)畫(huà)的加速度。（2）“混合”下拉列表框：該下拉列標(biāo)框內(nèi)各選項(xiàng)的作用如下。

第88頁(yè)/共114頁(yè)“角形”選項(xiàng)：選擇它后，創(chuàng)建的過(guò)渡幀中的圖形更多地保留了原來(lái)圖形的尖角或直線(xiàn)的特征。如果關(guān)鍵幀中圖形沒(méi)有尖角，則與選擇“分布式”的效果一樣。

“分布式”選項(xiàng)：選擇它后，可使形狀動(dòng)畫(huà)過(guò)程中創(chuàng)建的中間過(guò)渡幀的圖形較平滑。第89頁(yè)/共114頁(yè)

為了使形狀動(dòng)畫(huà)中間過(guò)程不一樣，可以使用形狀提示，來(lái)控制復(fù)雜或特殊的變形過(guò)程。形狀提示就是在形狀的初始圖形與結(jié)束圖形上，分別指定一些形狀的關(guān)鍵點(diǎn)，并使這些關(guān)鍵點(diǎn)在起始幀中和結(jié)束幀中一一對(duì)應(yīng)，這樣Flash就會(huì)根據(jù)這些關(guān)鍵點(diǎn)的對(duì)應(yīng)關(guān)系來(lái)計(jì)算形狀變化的過(guò)程。接著上邊制作的簡(jiǎn)單的形狀動(dòng)畫(huà)，介紹使用形狀提示的方法如下。3．添加形狀提示第90頁(yè)/共114頁(yè)（1）選中時(shí)間軸上第1幀單元格，再單擊“修改”→“形狀”→“添加形狀提示”菜單命令，或按Ctrl+Shift+H鍵，即可在第1幀圓形圖形中加入一個(gè)形狀提示標(biāo)記“a”。再重復(fù)上述過(guò)程，可以繼續(xù)增加“b”到“z”25個(gè)形狀提示標(biāo)記。此處再增加一個(gè)形狀提示標(biāo)記。第91頁(yè)/共114頁(yè)（2）用鼠標(biāo)拖曳這些標(biāo)記，分別放置在第1幀圖形的一些位置處，如圖10-5-5所示。第92頁(yè)/共114頁(yè)

圖10-5-5第1幀圓球形狀提示標(biāo)記第93頁(yè)/共114頁(yè)（3）再選中終止幀單元格，這時(shí)會(huì)看到終止幀矩形圖形中也有“a”和“b”關(guān)鍵點(diǎn)標(biāo)記（兩個(gè)標(biāo)記重疊）。用鼠標(biāo)拖曳這些標(biāo)記，分別放置在矩形圖形的適當(dāng)位置，如圖10-5-6所示。如果沒(méi)有關(guān)鍵點(diǎn)標(biāo)記顯示，可選中“視圖”→“顯示形狀提示”菜單命令。第94頁(yè)/共114頁(yè)圖10-5-6終止幀矩形圖形的形狀提示標(biāo)記第95頁(yè)/共114頁(yè)（4）在F1ash中最多可以使用26個(gè)形狀關(guān)鍵點(diǎn)標(biāo)記，分別用26個(gè)英文小寫(xiě)字母表示。在起始關(guān)鍵幀的形狀關(guān)鍵點(diǎn)用黃色圓圈表示，在終止關(guān)鍵幀用綠色圓圈表示。如果關(guān)鍵點(diǎn)的位置不在曲線(xiàn)上，將顯示紅色圓圈。第96頁(yè)/共114頁(yè)10.6.1學(xué)習(xí)目標(biāo)

“自轉(zhuǎn)地球”動(dòng)畫(huà)是一個(gè)半透明地球不斷自轉(zhuǎn)，其中的兩個(gè)畫(huà)面如圖10-6-1所示。通過(guò)制作該案例，可以掌握遮罩技術(shù)的更靈活的使用方法，還有關(guān)于圖層的相關(guān)操作技術(shù)。

10.6.2操作過(guò)程10.6【案例39】“自轉(zhuǎn)地球”動(dòng)畫(huà)第97頁(yè)/共114頁(yè)圖10-6-1“自轉(zhuǎn)地球”動(dòng)畫(huà)的兩個(gè)畫(huà)面第98頁(yè)/共114頁(yè)1．圖層圖層就相當(dāng)于舞臺(tái)中演員所處的前后位置。在制作一個(gè)Flash電影的過(guò)程中，可以根據(jù)圖形和動(dòng)畫(huà)的需要在時(shí)間軸中建立多個(gè)圖層。圖層的多少，不會(huì)影響輸出電影文件的大小。圖層靠上，相當(dāng)于該圖層的對(duì)象在舞臺(tái)的前面。10.6.3相關(guān)知識(shí)第99頁(yè)/共114頁(yè)

在同一個(gè)縱深位置處，前面的對(duì)象會(huì)擋住后面的對(duì)象。而在不同縱深位置處，可以透過(guò)前層看到后層的對(duì)象。各個(gè)圖層之間是完全獨(dú)立的，一般不會(huì)出現(xiàn)相互的影響。第100頁(yè)/共114頁(yè)

圖層中有兩種特殊的圖層：一個(gè)是引導(dǎo)層，一個(gè)是遮罩層。當(dāng)普通圖層與引導(dǎo)層關(guān)聯(lián)后，就成為被引導(dǎo)層；而與遮罩層關(guān)聯(lián)后，則成為被遮罩層。在時(shí)間軸中，各種圖層通過(guò)圖層名稱(chēng)左邊不同的圖標(biāo)來(lái)表示，如圖10-6-11所示。第101頁(yè)/共114頁(yè)圖10-6-11各種圖層第102頁(yè)/共114頁(yè)

選中一個(gè)或多個(gè)圖層中的所有幀，也就是選中了該圖層。（1）選中一個(gè)圖層：在時(shí)間軸窗口中單擊圖層控制區(qū)的相應(yīng)圖層行。選中的圖層，其圖層控制區(qū)的相應(yīng)圖層行呈黑底色