《Flash動(dòng)畫(huà)設(shè)計(jì)與制作（第3版）》中職全套教學(xué)課件

Flash動(dòng)畫(huà)設(shè)計(jì)與制作（第三版）全套可編輯PPT課件目錄項(xiàng)目一項(xiàng)目二項(xiàng)目三項(xiàng)目四項(xiàng)目五圖形繪制逐幀動(dòng)畫(huà)制作補(bǔ)間動(dòng)畫(huà)制作引導(dǎo)層動(dòng)畫(huà)制作遮罩動(dòng)畫(huà)制作項(xiàng)目六項(xiàng)目七項(xiàng)目八項(xiàng)目九項(xiàng)目十電子賀卡制作網(wǎng)站應(yīng)用MTV制作游戲制作動(dòng)畫(huà)短片制作Flash動(dòng)畫(huà)設(shè)計(jì)與制作（第三版）3全套可編輯PPT課件項(xiàng)目一

圖形繪制4全套可編輯PPT課件項(xiàng)目一圖形繪制5動(dòng)畫(huà)通過(guò)連續(xù)播放一系列畫(huà)面，從而讓人在視覺(jué)上產(chǎn)生畫(huà)面連續(xù)變化的效果。本課程旨在介紹如何使用Flash制作動(dòng)畫(huà)。圖形繪制是創(chuàng)作動(dòng)畫(huà)的基礎(chǔ)，也是學(xué)習(xí)Flash動(dòng)畫(huà)制作必備的基本功。與位圖處理軟件Photoshop不同，動(dòng)畫(huà)制作軟件Flash是一款矢量圖形編輯和動(dòng)畫(huà)制作軟件，在圖形繪制方面更易上手，學(xué)生學(xué)習(xí)起來(lái)也更容易。全套可編輯PPT課件項(xiàng)目一圖形繪制6本項(xiàng)目通過(guò)繪制彩色氣球、新年燈籠、桃子熟了圖像和美麗的家園等簡(jiǎn)單圖形培養(yǎng)學(xué)生的圖形繪制能力，為后期設(shè)計(jì)精美的原創(chuàng)動(dòng)畫(huà)奠定基礎(chǔ)。同時(shí)，本項(xiàng)目中繪制的圖形在后續(xù)項(xiàng)目中可直接被用于制作動(dòng)畫(huà)部分。例如，繪制彩色氣球后，將在項(xiàng)目六的制作兒童節(jié)賀卡任務(wù)中使用這些彩色氣球圖形并讓它們“飛”起來(lái)；繪制新年燈籠后，將在項(xiàng)目六的制作春節(jié)賀卡任務(wù)中讓燈籠圖形閃動(dòng)起來(lái)；繪制桃子熟了圖像后，將在項(xiàng)目三的制作七十二變動(dòng)畫(huà)任務(wù)中使用帶金箍棒的桃子圖形去模擬孫悟空七十二變這一情境；繪制美麗的家園后，將在項(xiàng)目三的制作荷蘭風(fēng)情動(dòng)畫(huà)任務(wù)中使用其中的郁金香圖形制作花生長(zhǎng)的動(dòng)畫(huà)。全套可編輯PPT課件項(xiàng)目一

圖形繪制任務(wù)1繪制彩色氣球任務(wù)2繪制新年燈籠任務(wù)3繪制桃子熟了圖像任務(wù)4繪制美麗的家園7全套可編輯PPT課件8任務(wù)一

繪制彩色氣球全套可編輯PPT課件學(xué)習(xí)目標(biāo)能說(shuō)出Flash工作界面中各組成部分的作用能導(dǎo)入位圖能熟練使用橢圓工具、選擇工具、漸變變形工具和鉛筆工具能進(jìn)行文檔的測(cè)試和保存9全套可編輯PPT課件任務(wù)描述10本任務(wù)是一個(gè)簡(jiǎn)單的基本圖形繪制實(shí)例，主要利用橢圓工具、選擇工具和鉛筆工具等來(lái)繪制彩色氣球，效果如圖1-1-1所示。要完成本任務(wù)，除了掌握基本繪圖工具的用法外，還要了解顏色搭配、構(gòu)圖和比例等方面的知識(shí)，使繪制出來(lái)的圖形賞心悅目。圖1-1-1?彩色氣球效果圖相關(guān)知識(shí)11AdobeFlashCS3（以下簡(jiǎn)稱Flash）是美國(guó)Adobe公司出品的一款矢量圖形編輯和動(dòng)畫(huà)制作軟件，它的前身是MacromediaFlash。Flash從Illustrator和Photoshop中借用了一些有創(chuàng)新性的工具，可以非常輕松地將元件導(dǎo)入Flash中，然后在Flash中進(jìn)行編輯。同時(shí)，F(xiàn)lash借用了Illustrator中的鋼筆工具，可以對(duì)點(diǎn)和線進(jìn)行曲線控制操作。用Flash制作的圖形和動(dòng)畫(huà)具有文件小、交互性強(qiáng)、可無(wú)損放大、可帶音效和兼容性好等特點(diǎn)，深受人們喜愛(ài)。Flash主要用于網(wǎng)頁(yè)設(shè)計(jì)、游戲和多媒體制作等領(lǐng)域，用它可以制作不同形式的動(dòng)畫(huà)，是動(dòng)畫(huà)制作中不可或缺的一員。一、Flash簡(jiǎn)介相關(guān)知識(shí)12Flash二維動(dòng)畫(huà)的制作是通過(guò)輸入和編輯關(guān)鍵幀，計(jì)算和生成中間幀，定義和顯示運(yùn)動(dòng)路徑及交互式變化畫(huà)面，產(chǎn)生一些特技效果，實(shí)現(xiàn)畫(huà)面與聲音的同步。因此，動(dòng)畫(huà)的制作要涉及場(chǎng)景、時(shí)間軸和時(shí)間軸面板、幀、圖層、元件等元素，相關(guān)知識(shí)將在后續(xù)的項(xiàng)目中陸續(xù)介紹。一、Flash簡(jiǎn)介相關(guān)知識(shí)13啟動(dòng)Flash后，出現(xiàn)圖1-1-2所示的Flash啟動(dòng)界面。二、Flash工作界面圖1-1-2?Flash啟動(dòng)界面相關(guān)知識(shí)14二、Flash工作界面在啟動(dòng)界面中，可以新建文件，也可以打開(kāi)最近使用的文件或已有文件，還可以選擇從模板創(chuàng)建新文件。選擇“新建”中的“Flash文件（ActionScript3.0）”，F(xiàn)lash會(huì)自動(dòng)創(chuàng)建名為“未命名-1.fla”的Flash文檔，同時(shí)進(jìn)入圖1-1-3所示的Flash工作界面。工作界面中各組成部分的作用如下。圖1-1-3?Flash工作界面相關(guān)知識(shí)151.?標(biāo)題欄標(biāo)題欄位于工作界面的頂部，顯示當(dāng)前文檔的名稱。2.?菜單欄菜單欄位于標(biāo)題欄的下方，包含“文件”“編輯”“視圖”“插入”“修改”“文本”“命令”“控制”“調(diào)試”“窗口”“幫助”菜單，可以實(shí)現(xiàn)除了繪圖外的絕大多數(shù)操作。3.?工具箱工具箱位于工作界面的左側(cè)，主要用于繪制和修改圖形，以及完成填充顏色等與圖形相關(guān)的操作。4.?時(shí)間軸面板時(shí)間軸面板位于菜單欄的下方，用于完成控制、組織圖層和幀的相關(guān)操作。相關(guān)知識(shí)165.?舞臺(tái)舞臺(tái)是位于工作界面中央的白色區(qū)域，它是顯示、編輯和繪制動(dòng)畫(huà)的區(qū)域。6.?工作區(qū)舞臺(tái)周圍的淺灰色區(qū)域是工作區(qū)，它是放置備用元素的區(qū)域，該區(qū)域的內(nèi)容不會(huì)出現(xiàn)在發(fā)布后的動(dòng)畫(huà)中。7.?屬性欄屬性欄位于舞臺(tái)的下方，用于設(shè)置和修改文檔及各種被選擇對(duì)象的屬性。選擇不同的對(duì)象，就會(huì)出現(xiàn)不同的屬性面板。8.?浮動(dòng)面板浮動(dòng)面板位于工作界面的右側(cè)，用于查看、組織和更改文檔中的元素。相關(guān)知識(shí)17三、文檔的測(cè)試、保存與發(fā)布1.?測(cè)試動(dòng)畫(huà)制作完成后，可以在場(chǎng)景中直接按“Enter”鍵預(yù)覽動(dòng)畫(huà)的播放效果。執(zhí)行“控制”→“測(cè)試影片”命令或按“Ctrl+Enter”組合鍵將會(huì)出現(xiàn)播放窗口。在播放窗口中可以預(yù)覽整個(gè)動(dòng)畫(huà)畫(huà)面。2.?保存與發(fā)布執(zhí)行“文件”→“保存”命令，生成“*.fla”格式的文件，此格式的文件即為Flash源文件。執(zhí)行“文件”→“發(fā)布設(shè)置”命令，彈出“發(fā)布設(shè)置”對(duì)話框，在對(duì)話框中按圖1-1-4所示進(jìn)行設(shè)置，就可以在源文件的相同路徑下生成“*.swf”格式的文件。圖1-1-4?“發(fā)布設(shè)置”對(duì)話框相關(guān)知識(shí)18四、常用工具介紹1.?橢圓工具橢圓工具用于繪制橢圓形和圓形。長(zhǎng)按工具箱中的“矩形工具”按鈕

，從彈出的面板中選擇“橢圓工具”，如圖1-1-5所示。圖1-1-5?“橢圓工具”的選擇相關(guān)知識(shí)19四、常用工具介紹選擇橢圓工具后，在舞臺(tái)的合適位置按住鼠標(biāo)左鍵并拖動(dòng)，即可繪制出橢圓形，在按住“Shift”鍵的同時(shí)按住鼠標(biāo)左鍵并拖動(dòng)，可繪制出正圓形，橢圓工具的“屬性”面板如圖1-1-6所示。圖1-1-6?橢圓工具的“屬性”面板相關(guān)知識(shí)20四、常用工具介紹（1）筆觸顏色：在“屬性”面板中，單擊“筆觸顏色”按鈕，會(huì)彈出調(diào)色板，如圖1-1-7所示，此時(shí)鼠標(biāo)指針變?yōu)槲軤?，可以直接吸取需要的顏色，也可以在輸入框?nèi)輸入十六進(jìn)制數(shù)字，完成筆觸顏色的設(shè)置。（2）筆觸高度：在“屬性”面板中，可以在“筆觸高度”輸入框中直接輸入數(shù)值確定筆觸高度，也可以單擊“筆觸高度”輸入框右側(cè)的倒三角形按鈕，通過(guò)拖動(dòng)滑塊進(jìn)行筆觸高度的設(shè)置。圖1-1-7?調(diào)色板相關(guān)知識(shí)21四、常用工具介紹（3）筆觸樣式：在“屬性”面板中，單擊“筆觸樣式”右側(cè)的倒三角形按鈕會(huì)彈出一個(gè)下拉列表，如圖1-1-8所示，可從中選擇筆觸樣式。圖1-1-8?“筆觸樣式”下拉列表相關(guān)知識(shí)22四、常用工具介紹（4）自定義筆觸樣式：在“屬性”面板中單擊“自定義”按鈕，可打開(kāi)“筆觸樣式”對(duì)話框，如圖1-1-9所示，在“筆觸樣式”對(duì)話框中可進(jìn)行筆觸樣式的設(shè)計(jì)。圖1-1-9?“筆觸樣式”對(duì)話框相關(guān)知識(shí)23四、常用工具介紹（5）填充顏色：“填充顏色”按鈕的用法與“筆觸顏色”按鈕的用法相同。（6）橢圓起始、結(jié)束角度：在“屬性”面板中的“起始角度”和“結(jié)束角度”輸入框內(nèi)輸入數(shù)值，可以繪制出扇形；也可以單擊“起始角度”和“結(jié)束角度”輸入框右側(cè)的倒三角形按鈕，通過(guò)拖動(dòng)滑塊來(lái)設(shè)置橢圓的起始角度和結(jié)束角度。相關(guān)知識(shí)24四、常用工具介紹2.?選擇工具選擇工具主要用于選擇對(duì)象，修改對(duì)象形狀，以及移動(dòng)、復(fù)制對(duì)象。（1）選擇對(duì)象：在對(duì)象上單擊即可選擇一個(gè)對(duì)象，若要選擇多個(gè)對(duì)象，可按住“Shift”鍵逐個(gè)單擊對(duì)象或者按住鼠標(biāo)左鍵拖動(dòng)以對(duì)對(duì)象進(jìn)行框選。相關(guān)知識(shí)25四、常用工具介紹（2）修改對(duì)象形狀：將鼠標(biāo)指針指向?qū)ο蟮墓战牵醋∈髽?biāo)左鍵并拖動(dòng)，可改變對(duì)象的拐角，如圖1-1-10所示；將鼠標(biāo)指針移向直線段邊緣，按住鼠標(biāo)左鍵并拖動(dòng)，可將直線段變成曲線段，如圖1-1-11所示。圖1-1-10?改變對(duì)象的拐角圖1-1-11?將直線段變成曲線段相關(guān)知識(shí)26四、常用工具介紹（3）移動(dòng)、復(fù)制對(duì)象：選擇對(duì)象后按住鼠標(biāo)左鍵并拖動(dòng)，可移動(dòng)對(duì)象；在按住“Ctrl”或“Alt”鍵的同時(shí)按住鼠標(biāo)左鍵并拖動(dòng)，可復(fù)制對(duì)象。相關(guān)知識(shí)27四、常用工具介紹3.?漸變變形工具漸變變形工具用于對(duì)填充對(duì)象的填充顏色作變形處理，它有線性漸變和放射狀漸變兩種方式。線性漸變的設(shè)置方法如圖1-1-12所示。圖1-1-12?線性漸變的設(shè)置方法相關(guān)知識(shí)28四、常用工具介紹放射狀漸變的設(shè)置方法如圖1-1-13所示。圖1-1-13?放射狀漸變的設(shè)置方法相關(guān)知識(shí)29四、常用工具介紹4.?鉛筆工具鉛筆工具可用于繪制線條和圖形，其“屬性”面板如圖1-1-14所示。圖1-1-14?鉛筆工具的“屬性”面板相關(guān)知識(shí)30四、常用工具介紹使用鉛筆工具繪制圖形時(shí)，可以根據(jù)需要單擊工具箱中的“鉛筆模式”按鈕，選擇“直線化”“平滑”“墨水”三種繪圖方式之一進(jìn)行繪制，如圖1-1-15所示。圖1-1-15?鉛筆工具的繪圖方式31任務(wù)二

繪制新年燈籠學(xué)習(xí)目標(biāo)能區(qū)分合并繪制模式和對(duì)象繪制模式能熟練使用矩形工具、多角星形工具、任意變形工具和線條工具32任務(wù)描述33本任務(wù)主要利用矩形工具、多角星形工具、任意變形工具和線條工具來(lái)繪制新年燈籠，效果如圖1-2-1所示。要完成本任務(wù)，除了掌握基本繪圖工具的用法及圖形描邊的方法外，還要熟悉構(gòu)圖原理及配色技巧。圖1-2-1?新年燈籠效果圖相關(guān)知識(shí)34一、繪制模式Flash中的繪制模式有合并繪制模式和對(duì)象繪制模式兩種，其中合并繪制模式為默認(rèn)繪制模式。初學(xué)者在繪制圖形時(shí)常會(huì)因不清楚兩者之間的區(qū)別而走不必要的彎路，下面簡(jiǎn)單介紹這兩種繪制模式的區(qū)別。1.?合并繪制模式在此模式下繪制的圖形叫形狀。當(dāng)在同一圖層中繪制的形狀顏色相同時(shí)，重疊繪制的形狀會(huì)自動(dòng)進(jìn)行合并，如圖1-2-2所示。圖1-2-2?顏色相同的形狀自動(dòng)合并相關(guān)知識(shí)35一、繪制模式當(dāng)在同一圖層中繪制的形狀顏色不同時(shí)，重疊繪制的形狀中最上層的形狀會(huì)截去下層與其重疊的形狀部分，如圖1-2-3所示。圖1-2-3?顏色不同的形狀截去重疊部分相關(guān)知識(shí)36一、繪制模式2.?對(duì)象繪制模式在此模式下繪制的圖形叫繪制對(duì)象。在工具箱中選擇橢圓工具后，單擊工具箱中位于倒數(shù)第二個(gè)的“對(duì)象繪制”按鈕即可切換到對(duì)象繪制模式，如圖1-2-4所示。圖1-2-4?“對(duì)象繪制”按鈕相關(guān)知識(shí)37一、繪制模式此時(shí)在舞臺(tái)上拖動(dòng)鼠標(biāo)繪制橢圓形得到的是繪制對(duì)象。繪制對(duì)象的四周有藍(lán)色矩形邊框，兩個(gè)繪制對(duì)象疊加在一起時(shí)相互不受影響，因此不會(huì)出現(xiàn)繪制對(duì)象合并或切割的問(wèn)題，如圖1-2-5所示。圖1-2-5?對(duì)象繪制模式效果相關(guān)知識(shí)38二、常用工具介紹1.?矩形工具矩形工具用于繪制矩形、正方形和圓角矩形。繪制正方形時(shí)需在按住“Shift”鍵的同時(shí)按住鼠標(biāo)左鍵并拖動(dòng)來(lái)完成繪制。在“屬性”面板中設(shè)置矩形邊角半徑，可以繪制出圓角矩形。矩形工具的“屬性”面板如圖1-2-6所示。圖1-2-6?矩形工具的“屬性”面板相關(guān)知識(shí)39二、常用工具介紹2.?多角星形工具多角星形工具用于繪制多邊形及星形。長(zhǎng)按工具箱中的“矩形工具”按鈕

，從彈出的面板中選擇“多角星形工具”。單擊多角星形工具“屬性”面板中的“選項(xiàng)”按鈕，在彈出的“工具設(shè)置”對(duì)話框中可以設(shè)置繪制的樣式、邊數(shù)和星形頂點(diǎn)大小。多角星形工具的“屬性”面板和“工具設(shè)置”對(duì)話框分別如圖1-2-7和圖1-2-8所示。圖1-2-7?多角星形工具的“屬性”面板圖1-2-8?“工具設(shè)置”對(duì)話框相關(guān)知識(shí)40二、常用工具介紹3.?任意變形工具任意變形工具用于縮放、旋轉(zhuǎn)、傾斜、扭曲對(duì)象以及修改對(duì)象封套。單擊工具箱中的“任意變形工具”按鈕，對(duì)象周圍會(huì)出現(xiàn)控點(diǎn)，拖動(dòng)控點(diǎn)可改變圖形大小，如圖1-2-9所示。在工具箱下方，F(xiàn)lash設(shè)置了“旋轉(zhuǎn)與傾斜”“縮放”“扭曲”“封套”四種變形模式供用戶選擇，如圖1-2-10所示。圖1-2-9?對(duì)象周圍控點(diǎn)圖1-2-10?任意變形工具的變形模式相關(guān)知識(shí)41二、常用工具介紹（1）旋轉(zhuǎn)與傾斜：?jiǎn)螕簟靶D(zhuǎn)與傾斜”按鈕，將鼠標(biāo)指針?lè)旁谶吔强攸c(diǎn)上，按住鼠標(biāo)左鍵并拖動(dòng)可旋轉(zhuǎn)對(duì)象，將鼠標(biāo)指針?lè)旁谌我贿吘壙攸c(diǎn)上按住鼠標(biāo)左鍵并拖動(dòng)可傾斜對(duì)象，如圖1-2-11和圖1-2-12所示。圖1-2-11

旋轉(zhuǎn)對(duì)象圖1-2-12?傾斜對(duì)象相關(guān)知識(shí)42二、常用工具介紹（2）縮放：?jiǎn)螕簟翱s放”按鈕，按住鼠標(biāo)左鍵并拖動(dòng)控點(diǎn)可改變對(duì)象的大小，如圖1-2-13所示。圖1-2-13?縮放對(duì)象相關(guān)知識(shí)43二、常用工具介紹（3）扭曲：?jiǎn)螕簟芭で卑粹o，按住鼠標(biāo)左鍵并拖動(dòng)角控點(diǎn)或邊控點(diǎn)可扭曲對(duì)象，如圖1-2-14所示。圖1-2-14?扭曲對(duì)象相關(guān)知識(shí)44二、常用工具介紹（4）封套：?jiǎn)螕簟胺馓住卑粹o，按住鼠標(biāo)左鍵并拖動(dòng)控點(diǎn)和控制手柄可修改對(duì)象封套，如圖1-2-15所示。圖1-2-15?修改對(duì)象封套相關(guān)知識(shí)45二、常用工具介紹4.?線條工具線條工具用于繪制各種樣式的線條。按住“Shift”鍵，可以繪制水平、垂直或傾斜（以45°為增量）的直線。46任務(wù)三

繪制桃子熟了圖像學(xué)習(xí)目標(biāo)能熟練使用鋼筆工具、部分選取工具和顏料桶工具掌握?qǐng)D形元件的制作方法47任務(wù)描述48本任務(wù)是一個(gè)卡通圖形繪制實(shí)例，主要利用鋼筆工具、鉛筆工具、橢圓工具、部分選取工具和顏料桶工具來(lái)繪制桃子熟了圖像，效果如圖1-3-1所示。要完成本任務(wù)，除了掌握鋼筆工具、部分選取工具的使用技巧以及翻轉(zhuǎn)對(duì)象的方法外，還要在繪制過(guò)程中注意構(gòu)圖和比例。圖1-3-1?桃子熟了圖像效果圖相關(guān)知識(shí)49一、鋼筆工具鋼筆工具用于繪制光滑的線條和路徑。1.?繪制直線段選擇工具箱中的鋼筆工具，在舞臺(tái)中適當(dāng)位置單擊，繪制第一個(gè)錨點(diǎn)，再在另一適當(dāng)位置單擊，即可完成直線段的繪制，如圖1-3-2所示。在繪制的同時(shí)，如果按住“Shift”鍵，可以繪制與舞臺(tái)中的水平線成0°、45°或90°角的直線段。圖1-3-2?繪制直線段要繪制一個(gè)開(kāi)放路徑，可雙擊最后一個(gè)錨點(diǎn)；要繪制一個(gè)封閉路徑，可將鋼筆工具移動(dòng)到第一個(gè)錨點(diǎn)處，這時(shí)鼠標(biāo)指針旁會(huì)出現(xiàn)一個(gè)小圓環(huán)，單擊即可完成繪制。相關(guān)知識(shí)50一、鋼筆工具2.?繪制曲線段選擇工具箱中的鋼筆工具，在舞臺(tái)中預(yù)畫(huà)曲線段的起點(diǎn)處單擊，繪制曲線段的第一個(gè)錨點(diǎn)，然后松開(kāi)鼠標(biāo)左鍵并移動(dòng)鼠標(biāo)指針到第二個(gè)錨點(diǎn)處，按住鼠標(biāo)左鍵，同時(shí)調(diào)整曲線段延伸方向使之符合要求，松開(kāi)鼠標(biāo)左鍵，繼續(xù)移動(dòng)鼠標(biāo)指針到下一個(gè)錨點(diǎn)處，按同樣方法操作，即可繪制出需要的曲線段，如圖1-3-3所示。圖1-3-3?繪制曲線段相關(guān)知識(shí)51一、鋼筆工具3.?修改路徑長(zhǎng)按工具箱中的“鋼筆工具”按鈕，打開(kāi)圖1-3-4所示面板，用戶可根據(jù)需要選擇工具來(lái)修改路徑。（1）添加錨點(diǎn)工具

：選擇添加錨點(diǎn)工具，在需要添加錨點(diǎn)的位置單擊，即可添加錨點(diǎn)，如圖1-3-5所示。圖1-3-4?“鋼筆工具”面板圖1-3-5?添加錨點(diǎn)相關(guān)知識(shí)52一、鋼筆工具（2）刪除錨點(diǎn)工具

：選擇刪除錨點(diǎn)工具，在需要?jiǎng)h除錨點(diǎn)的位置單擊，即可刪除錨點(diǎn)，如圖1-3-6所示。（3）轉(zhuǎn)換錨點(diǎn)工具

：選擇轉(zhuǎn)換錨點(diǎn)工具，在曲線點(diǎn)上單擊，曲線點(diǎn)轉(zhuǎn)換為角點(diǎn)，如圖1-3-7所示；在角點(diǎn)上單擊鼠標(biāo)左鍵并拖動(dòng)，角點(diǎn)轉(zhuǎn)換為曲線點(diǎn)，如圖1-3-8所示。圖1-3-6?刪除錨點(diǎn)圖1-3-7?曲線點(diǎn)轉(zhuǎn)換為角點(diǎn)圖1-3-8?角點(diǎn)轉(zhuǎn)換為曲線點(diǎn)相關(guān)知識(shí)53二、部分選取工具部分選取工具用于改變對(duì)象的形狀。用部分選取工具選擇對(duì)象的輪廓會(huì)出現(xiàn)多個(gè)錨點(diǎn)，如圖1-3-9所示。通過(guò)調(diào)節(jié)錨點(diǎn)的位置或方向，可改變對(duì)象的形狀。1.?移動(dòng)錨點(diǎn)在要移動(dòng)的錨點(diǎn)上長(zhǎng)按鼠標(biāo)左鍵并拖動(dòng)可移動(dòng)錨點(diǎn)，如圖1-3-10所示。圖1-3-9?選擇對(duì)象的輪廓圖1-3-10?移動(dòng)錨點(diǎn)相關(guān)知識(shí)54二、部分選取工具2.?刪除錨點(diǎn)單擊以選擇錨點(diǎn)，按“Delete”鍵可刪除錨點(diǎn)，如圖1-3-11所示。3.?修改對(duì)象形狀單擊以選擇錨點(diǎn)，拖動(dòng)或旋轉(zhuǎn)錨點(diǎn)的控制手柄可改變對(duì)象的形狀，如圖1-3-12所示。圖1-3-11?刪除錨點(diǎn)圖1-3-12?改變對(duì)象形狀相關(guān)知識(shí)55三、顏料桶工具顏料桶工具用于更改填充區(qū)域的顏色。它能將顏色、漸變色和位圖等填充到指定區(qū)域中。顏料桶工具的“屬性”面板如圖1-3-13所示。圖1-3-13?顏料桶工具的“屬性”面板相關(guān)知識(shí)56三、顏料桶工具若需要填充漸變色或位圖，可以執(zhí)行“窗口”→“顏色”命令打開(kāi)“顏色”面板，在“顏色”面板中設(shè)置要填充的類型，如圖1-3-14所示。使用顏料桶工具除了能夠填充封閉的區(qū)域外，還可以填充不完全封閉的區(qū)域，這一功能可以通過(guò)單擊工具箱下方倒數(shù)第二個(gè)“空隙大小”按鈕并打開(kāi)“空隙大小”面板來(lái)完成，如圖1-3-15所示。圖1-3-14

“顏色”面板圖1-3-15?顏料桶工具填充方式設(shè)置57任務(wù)四

繪制美麗的家園學(xué)習(xí)目標(biāo)58能熟練使用“對(duì)齊”面板調(diào)整圖形之間的對(duì)齊方向、分布間距和匹配大小等掌握?qǐng)D層的使用技巧能熟練使用文本工具、墨水瓶工具、縮放工具和手形工具能熟練使用圖形元件繪制場(chǎng)景任務(wù)描述59本任務(wù)是一個(gè)場(chǎng)景繪制實(shí)例，主要利用矩形工具、橢圓工具、顏料桶工具和墨水瓶工具等來(lái)繪制美麗的家園，效果如圖1-4-1所示。要完成本任務(wù)，除了掌握“對(duì)齊”面板的使用技巧，墨水瓶工具和文本工具的用法，學(xué)會(huì)制作并使用圖形元件繪制場(chǎng)景外，還要在繪制過(guò)程中注意構(gòu)圖及配色技巧。圖1-4-1?美麗的家園效果圖相關(guān)知識(shí)60一、“對(duì)齊”面板利用“對(duì)齊”面板可以將多個(gè)對(duì)象按照一定的規(guī)律進(jìn)行排列，也可以使繪制的矩形匹配舞臺(tái)大小。執(zhí)行“窗口”→“對(duì)齊”命令，可打開(kāi)圖1-4-2所示的“對(duì)齊”面板。在“對(duì)齊”面板中，單擊“相對(duì)于舞臺(tái)”按鈕

，再單擊相應(yīng)的按鈕，即可調(diào)整對(duì)象之間的對(duì)齊方向、分布間距和匹配大小等。圖1-4-2?“對(duì)齊”面板相關(guān)知識(shí)61二、文本工具文本工具用于輸入文字，其“屬性”面板如圖1-4-3所示。圖1-4-3?文本工具的“屬性”面板相關(guān)知識(shí)62三、墨水瓶工具墨水瓶工具用于更改線段或者形狀的筆觸顏色、筆觸高度和筆觸樣式。墨水瓶工具的“屬性”面板如圖1-4-4所示。圖1-4-4?墨水瓶工具的“屬性”面板相關(guān)知識(shí)63四、縮放工具縮放工具可以放大圖像以觀察細(xì)節(jié)，縮小圖像以觀看整體效果。選擇縮放工具后，工具箱的下方會(huì)增加“放大”和“縮小”兩個(gè)按鈕，如圖1-4-5所示。單擊“放大”按鈕后再在舞臺(tái)上單擊，可放大舞臺(tái)和工作區(qū)；單擊“縮小”按鈕后再在舞臺(tái)上單擊，可縮小舞臺(tái)和工作區(qū)。圖1-4-5?縮放工具和手形工具相關(guān)知識(shí)64五、手形工具使用手形工具（見(jiàn)圖1-4-5）可以實(shí)現(xiàn)舞臺(tái)的移動(dòng)，便于更好地觀察舞臺(tái)畫(huà)面。選擇手形工具后鼠標(biāo)指針變?yōu)槭中?，在舞臺(tái)中按住鼠標(biāo)左鍵不放，可拖動(dòng)舞臺(tái)到合適的位置。注意：在動(dòng)畫(huà)的制作過(guò)程中，不管當(dāng)時(shí)進(jìn)行的是何種操作，只要按下鍵盤上的空格鍵，鼠標(biāo)指針就會(huì)變?yōu)槭中?，松開(kāi)空格鍵，就會(huì)恢復(fù)到當(dāng)前的操作。利用這一特點(diǎn)，用戶可方便、快捷地移動(dòng)舞臺(tái)畫(huà)面。65謝謝觀看Flash動(dòng)畫(huà)設(shè)計(jì)與制作（第三版）66項(xiàng)目二

逐幀動(dòng)畫(huà)制作67項(xiàng)目二

逐幀動(dòng)畫(huà)制作68逐幀動(dòng)畫(huà)是一種最基礎(chǔ)的動(dòng)畫(huà)，不需要Flash的其他功能配合。它需要一幀一幀地去繪制，表現(xiàn)力比較強(qiáng)，常用于表現(xiàn)一些動(dòng)作復(fù)雜、無(wú)規(guī)律和形態(tài)發(fā)生變化的對(duì)象，如模擬寫(xiě)字、人物走路和奔跑等。任務(wù)1制作微風(fēng)拂過(guò)動(dòng)畫(huà)任務(wù)2制作模擬寫(xiě)字動(dòng)畫(huà)任務(wù)3制作自動(dòng)折合的扇子動(dòng)畫(huà)任務(wù)4制作孫悟空走路動(dòng)畫(huà)69項(xiàng)目二

逐幀動(dòng)畫(huà)制作70任務(wù)一

制作微風(fēng)拂過(guò)動(dòng)畫(huà)學(xué)習(xí)目標(biāo)了解幀的基本概念，掌握幀的基本操作能將位圖轉(zhuǎn)換為矢量圖能制作簡(jiǎn)單的逐幀動(dòng)畫(huà)71任務(wù)描述72本任務(wù)是一個(gè)簡(jiǎn)單的逐幀動(dòng)畫(huà)制作實(shí)例，主要利用播放連續(xù)圖片來(lái)產(chǎn)生動(dòng)畫(huà)，效果如圖2-1-1所示。要完成本任務(wù)，除了掌握幀的基本操作外，還要掌握將位圖轉(zhuǎn)換為矢量圖的方法以及調(diào)整幀頻的方法。圖2-1-1?微風(fēng)拂過(guò)動(dòng)畫(huà)效果圖相關(guān)知識(shí)731.?幀幀構(gòu)成了Flash動(dòng)畫(huà)的一系列畫(huà)面，是進(jìn)行動(dòng)畫(huà)制作的最基本單位，它在時(shí)間軸上顯示為空白的矩形。2.?空白幀空白幀指沒(méi)有定義的幀。3.?關(guān)鍵幀關(guān)鍵幀是定義動(dòng)畫(huà)變化、更改狀態(tài)的幀，它在時(shí)間軸上顯示為實(shí)心的圓點(diǎn)。4.?空白關(guān)鍵幀空白關(guān)鍵幀是沒(méi)有任何內(nèi)容的關(guān)鍵幀，它在時(shí)間軸上顯示為空白的圓點(diǎn)?？瞻钻P(guān)鍵幀上一旦放置了對(duì)象，它就變成了關(guān)鍵幀。一、幀的基本概念相關(guān)知識(shí)74時(shí)間軸上的各類幀如圖2-1-2所示。一、幀的基本概念圖2-1-2?時(shí)間軸上的各類幀相關(guān)知識(shí)751.?插入與刪除幀（1）插入幀在需要插入幀的位置上單擊，選中幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入幀”選項(xiàng)或按“F5”鍵插入幀。（2）刪除幀在需要?jiǎng)h除幀的位置上單擊，選中幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“刪除幀”選項(xiàng)即可刪除幀。二、幀的基本操作相關(guān)知識(shí)762.?插入與清除關(guān)鍵幀（1）插入關(guān)鍵幀在需要插入關(guān)鍵幀的位置上單擊，選中幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”選項(xiàng)或按“F6”鍵插入關(guān)鍵幀。（2）清除關(guān)鍵幀在需要清除關(guān)鍵幀的位置上單擊，選中幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“清除關(guān)鍵幀”選項(xiàng)即可清除關(guān)鍵幀。二、幀的基本操作相關(guān)知識(shí)773.?插入空白關(guān)鍵幀在需要插入空白關(guān)鍵幀的位置上單擊，選中幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入空白關(guān)鍵幀”選項(xiàng)或按“F7”鍵插入空白關(guān)鍵幀。4.?復(fù)制、粘貼、剪切、清除幀選中要復(fù)制的幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制幀”選項(xiàng)即可復(fù)制幀。選中要粘貼幀的位置，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“粘貼幀”選項(xiàng)即可粘貼幀。如果要剪切某個(gè)幀，只要選中該幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“剪切幀”選項(xiàng)即可。如果要清除某個(gè)幀，只要選中該幀，然后單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“清除幀”選項(xiàng)即可。二、幀的基本操作相關(guān)知識(shí)785.?翻轉(zhuǎn)幀在時(shí)間軸面板中選擇需要翻轉(zhuǎn)的一段幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“翻轉(zhuǎn)幀”選項(xiàng)即可進(jìn)行翻轉(zhuǎn)。二、幀的基本操作相關(guān)知識(shí)79執(zhí)行“修改”→“位圖”→“轉(zhuǎn)換位圖為矢量圖”命令，彈出“轉(zhuǎn)換位圖為矢量圖”對(duì)話框，如圖2-1-3所示，設(shè)置參數(shù)值后，單擊“確定”按鈕，可以將位圖轉(zhuǎn)換為矢量圖。“轉(zhuǎn)換位圖為矢量圖”對(duì)話框中各選項(xiàng)的含義如下。三、將位圖轉(zhuǎn)換為矢量圖圖2-1-3?“轉(zhuǎn)換位圖為矢量圖”對(duì)話框相關(guān)知識(shí)801.?顏色閾值顏色閾值用于設(shè)置將位圖轉(zhuǎn)換為矢量圖時(shí)的色彩細(xì)節(jié)。數(shù)值的輸入范圍為0～500，該參數(shù)值設(shè)置得越大，圖像越細(xì)膩。2.?最小區(qū)域最小區(qū)域用于設(shè)置將位圖轉(zhuǎn)換為矢量圖時(shí)色塊的大小。數(shù)值的輸入范圍為0～1000，該參數(shù)值設(shè)置得越大，色塊越大。三、將位圖轉(zhuǎn)換為矢量圖相關(guān)知識(shí)813.?曲線擬合曲線擬合用于設(shè)置在轉(zhuǎn)換過(guò)程中對(duì)色塊處理的精細(xì)程度。圖形轉(zhuǎn)換時(shí)，邊緣越光滑，對(duì)原圖像細(xì)節(jié)的失真程度越高?？蛇x參數(shù)包括像素、非常緊密、緊密、一般、平滑和非常平滑六個(gè)選項(xiàng)。4.?角閾值角閾值用于定義角轉(zhuǎn)換的精細(xì)程度。可選參數(shù)包括較多轉(zhuǎn)角、一般和較少轉(zhuǎn)角共三個(gè)。三、將位圖轉(zhuǎn)換為矢量圖82任務(wù)二

制作模擬寫(xiě)字動(dòng)畫(huà)學(xué)習(xí)目標(biāo)了解逐幀動(dòng)畫(huà)及其原理掌握各類幀的適用范圍和使用方法能熟練制作簡(jiǎn)單的逐幀動(dòng)畫(huà)83任務(wù)描述84本任務(wù)是一個(gè)逐幀動(dòng)畫(huà)制作實(shí)例，在制作時(shí)，要求從文字的末筆開(kāi)始逐幀擦除，然后翻轉(zhuǎn)幀，形成寫(xiě)字效果，如圖2-2-1所示。要完成本任務(wù)，除了掌握逐幀動(dòng)畫(huà)的制作原理及方法外，在動(dòng)畫(huà)的制作過(guò)程中，還要注意毛筆與文字應(yīng)保持同步移動(dòng)。圖2-2-1?模擬寫(xiě)字動(dòng)畫(huà)效果圖相關(guān)知識(shí)85逐幀動(dòng)畫(huà)就是一幀一幀畫(huà)出來(lái)的動(dòng)畫(huà)，是一種最簡(jiǎn)單的動(dòng)畫(huà)，它不需要Flash的其他功能來(lái)配合。逐幀動(dòng)畫(huà)的時(shí)間軸上緊密排列著許多關(guān)鍵幀，有時(shí)根據(jù)動(dòng)作的需要，關(guān)鍵幀之間也可以間隔一些普通幀。逐幀動(dòng)畫(huà)的時(shí)間軸如圖2-2-2所示。圖2-2-2?逐幀動(dòng)畫(huà)的時(shí)間軸a）緊密排列關(guān)鍵幀

b）關(guān)鍵幀之間間隔普通幀a）b）相關(guān)知識(shí)86逐幀動(dòng)畫(huà)包含許多相互獨(dú)立的關(guān)鍵幀，每一幀都代表一個(gè)畫(huà)面，后一幀相對(duì)于前一幀都有一些細(xì)微的變化。當(dāng)移動(dòng)時(shí)間軸上的播放頭或播放動(dòng)畫(huà)時(shí)，播放頭依次通過(guò)每個(gè)關(guān)鍵幀，讓每個(gè)畫(huà)面依次展現(xiàn)在舞臺(tái)中，觀察者就會(huì)產(chǎn)生“對(duì)象在運(yùn)動(dòng)”的錯(cuò)覺(jué)。87任務(wù)三

制作自動(dòng)折合的扇子動(dòng)畫(huà)學(xué)習(xí)目標(biāo)能熟練使用“變形”面板實(shí)現(xiàn)對(duì)象的縮放和旋轉(zhuǎn)等變形操作熟練掌握幀的基本操作能利用連續(xù)關(guān)鍵幀、“變形”面板和翻轉(zhuǎn)幀來(lái)制作逐幀動(dòng)畫(huà)88任務(wù)描述89本任務(wù)是一個(gè)逐幀動(dòng)畫(huà)制作實(shí)例，主要利用連續(xù)關(guān)鍵幀、“變形”面板和翻轉(zhuǎn)幀來(lái)制作一個(gè)能自動(dòng)折合的扇子，效果如圖2-3-1所示。要完成本任務(wù)，除了掌握逐幀動(dòng)畫(huà)的原理及幀的操作方法外，還要能熟練使用“變形”面板。圖2-3-1?自動(dòng)折合的扇子動(dòng)畫(huà)效果圖相關(guān)知識(shí)90一、逐幀動(dòng)畫(huà)的表現(xiàn)方法在制作逐幀動(dòng)畫(huà)時(shí)，如果將每一幀上的動(dòng)作細(xì)節(jié)都畫(huà)出來(lái)，顯然很費(fèi)力，使用再加工法，則可以減少一定的工作量。再加工法就是借助于參照物或簡(jiǎn)單的變形進(jìn)行加工，得到復(fù)雜的動(dòng)畫(huà)。相關(guān)知識(shí)91二、“變形”面板“變形”面板可以實(shí)現(xiàn)對(duì)象的變形操作。執(zhí)行“窗口”→“變形”命令，可打開(kāi)圖2-3-2所示的“變形”面板。在“變形”面板中可以縮放、旋轉(zhuǎn)和傾斜對(duì)象，單擊“變形”面板右下角的“復(fù)制并應(yīng)用變形”按鈕可以在復(fù)制對(duì)象的同時(shí)變形對(duì)象；單擊“變形”面板右下角的“重置”按鈕，可以取消當(dāng)前的設(shè)置，等待用戶重新設(shè)置變形操作。圖2-3-2?“變形”面板相關(guān)知識(shí)92三、設(shè)置幀頻幀頻就是每秒鐘播放的幀數(shù)，幀頻越大，動(dòng)畫(huà)的播放速度就越快。在默認(rèn)情況下，F(xiàn)lash的幀頻是12fps，即每秒鐘可以播放12幀畫(huà)面。幀頻的大小可以通過(guò)“文檔屬性”對(duì)話框進(jìn)行設(shè)置，如圖2-3-3所示。也可以在“屬性”面板中進(jìn)行設(shè)置，如圖2-3-4所示。圖2-3-4?“屬性”面板圖2-3-3?“文檔屬性”對(duì)話框93任務(wù)四

制作孫悟空走路動(dòng)畫(huà)學(xué)習(xí)目標(biāo)掌握人物走路的運(yùn)動(dòng)規(guī)律，并能制作人物走路的動(dòng)畫(huà)能使用繪圖紙功能修改幀上的動(dòng)作能使用預(yù)覽模式邊制作邊預(yù)覽動(dòng)畫(huà)效果94任務(wù)描述95本任務(wù)是一個(gè)逐幀動(dòng)畫(huà)制作實(shí)例，主要利用人物走路的運(yùn)動(dòng)規(guī)律來(lái)制作孫悟空原地循環(huán)走路的動(dòng)畫(huà)，效果如圖2-4-1所示。要完成本任務(wù)，除了理解人物走路的運(yùn)動(dòng)規(guī)律外，還要掌握人物走路動(dòng)畫(huà)的制作方法。圖2-4-1?孫悟空走路動(dòng)畫(huà)效果圖相關(guān)知識(shí)96一、運(yùn)動(dòng)規(guī)律人物走路的運(yùn)動(dòng)規(guī)律是：左、右兩腳交替向前，帶動(dòng)軀干向前運(yùn)動(dòng)。為了保持身體平衡，配合兩條腿的屈伸和跨步，雙臂需要前、后擺動(dòng)。人在走路時(shí)為了保持重心，總是一條腿支撐，另一條腿才能提起跨步。因此，在走路過(guò)程中，頭頂?shù)母叨缺厝怀什ɡ诵芜\(yùn)動(dòng)。當(dāng)邁出步子，雙腳著地時(shí)，頭頂略低；當(dāng)一只腳著地，另一只腳提起向前跨步時(shí)，頭頂略高。另外，在走路過(guò)程中，跨步的那只腳從離地到向前伸展落地，中間膝關(guān)節(jié)必然呈彎曲狀，腳踝相對(duì)于地面呈弧形運(yùn)動(dòng)路線，如圖2-4-2所示。圖2-4-2?人物走路的運(yùn)動(dòng)規(guī)律相關(guān)知識(shí)97二、繪圖紙功能在通常情況下，F(xiàn)lash動(dòng)畫(huà)在舞臺(tái)中一次顯示動(dòng)畫(huà)序列的一個(gè)幀。為了幫助定位和編輯逐幀動(dòng)畫(huà)，有時(shí)需要在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀，這時(shí)可以利用繪圖紙功能。繪圖紙功能不僅可以一次瀏覽多個(gè)幀的內(nèi)容，還可以對(duì)選中的幀進(jìn)行編輯。啟用繪圖紙功能后，播放頭下面的幀為全彩顯示，其余的幀是暗淡的，看起來(lái)就好像每個(gè)幀都是畫(huà)在一張透明的繪圖紙上，而這些繪圖紙相互疊在一起。繪圖紙功能如圖2-4-3所示。圖2-4-3?繪圖紙功能相關(guān)知識(shí)98二、繪圖紙功能1.“繪圖紙外觀”按鈕按下“繪圖紙外觀”按鈕后，在時(shí)間軸的上方會(huì)出現(xiàn)繪圖紙外觀標(biāo)記

，拉動(dòng)外觀標(biāo)記的兩端，可以擴(kuò)大或縮小顯示范圍。2.“繪圖紙外觀輪廓”按鈕按下“繪圖紙外觀輪廓”按鈕后，場(chǎng)景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對(duì)象輪廓，而且可以節(jié)省系統(tǒng)資源，加快顯示過(guò)程。相關(guān)知識(shí)99二、繪圖紙功能3.“編輯多個(gè)幀”按鈕按下“編輯多個(gè)幀”按鈕后，可以同時(shí)編輯多個(gè)幀。4.“修改繪圖紙標(biāo)記”按鈕按下“修改繪圖紙標(biāo)記”按鈕后，彈出快捷菜單，如圖2-4-4所示，可從中選擇需要的選項(xiàng)。圖2-4-4?快捷菜單相關(guān)知識(shí)100三、預(yù)覽模式單擊時(shí)間軸右端的“顯示模式”按鈕，會(huì)彈出“時(shí)間軸模式”下拉菜單，如圖2-4-5所示。從中選擇“預(yù)覽”模式，各幀中的圖像就會(huì)顯示在時(shí)間軸面板中，可以在制作動(dòng)畫(huà)的過(guò)程中隨時(shí)預(yù)覽動(dòng)畫(huà)效果，以便修改，如圖2-4-6所示。圖2-4-5?“時(shí)間軸模式”下拉菜單圖2-4-6?“預(yù)覽”模式下的時(shí)間軸面板謝謝觀看101Flash動(dòng)畫(huà)設(shè)計(jì)與制作（第三版）102項(xiàng)目三

補(bǔ)間動(dòng)畫(huà)制作103項(xiàng)目三

補(bǔ)間動(dòng)畫(huà)制作104補(bǔ)間動(dòng)畫(huà)是一種基本動(dòng)畫(huà)，補(bǔ)間動(dòng)畫(huà)中的對(duì)象隨著播放時(shí)間的推進(jìn)進(jìn)行移動(dòng)或變形。這種動(dòng)畫(huà)制作過(guò)程簡(jiǎn)單，只需制作兩個(gè)關(guān)鍵幀上的動(dòng)畫(huà)，中間部分由計(jì)算機(jī)自動(dòng)運(yùn)算得到，能最大限度地減小生成文件的大小。補(bǔ)間動(dòng)畫(huà)可分為形狀補(bǔ)間動(dòng)畫(huà)和動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)兩種類型，可以實(shí)現(xiàn)萬(wàn)花筒和七十二變等多種變形效果，以及足球運(yùn)動(dòng)、電子相冊(cè)和風(fēng)車旋轉(zhuǎn)等多種運(yùn)動(dòng)效果。任務(wù)1制作萬(wàn)花筒動(dòng)畫(huà)任務(wù)2制作七十二變動(dòng)畫(huà)任務(wù)3制作運(yùn)動(dòng)的足球動(dòng)畫(huà)任務(wù)4制作荷蘭風(fēng)情動(dòng)畫(huà)105項(xiàng)目三

補(bǔ)間動(dòng)畫(huà)制作106任務(wù)一

制作萬(wàn)花筒動(dòng)畫(huà)學(xué)習(xí)目標(biāo)理解形狀補(bǔ)間動(dòng)畫(huà)的概念，掌握形狀補(bǔ)間動(dòng)畫(huà)的構(gòu)成元素及分類能制作形狀補(bǔ)間動(dòng)畫(huà)107任務(wù)描述108本任務(wù)是一個(gè)簡(jiǎn)單的形狀補(bǔ)間動(dòng)畫(huà)制作實(shí)例，主要根據(jù)兩個(gè)關(guān)鍵幀上對(duì)象的形狀、大小、顏色和位置的變化，利用形狀補(bǔ)間產(chǎn)生奇妙的變形，效果如圖3-1-1所示。要完成本任務(wù)，除了理解形狀補(bǔ)間動(dòng)畫(huà)的概念外，還要掌握形狀補(bǔ)間動(dòng)畫(huà)的制作方法。圖3-1-1?萬(wàn)花筒動(dòng)畫(huà)效果圖相關(guān)知識(shí)109在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，在另一個(gè)關(guān)鍵幀中修改形狀或者新繪制一個(gè)形狀，F(xiàn)lash根據(jù)這兩個(gè)關(guān)鍵幀中形狀的值來(lái)創(chuàng)建的動(dòng)畫(huà)稱為形狀補(bǔ)間動(dòng)畫(huà)。一、形狀補(bǔ)間動(dòng)畫(huà)的概念形狀補(bǔ)間動(dòng)畫(huà)可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、大小、形態(tài)及位置的相互變化。形狀補(bǔ)間動(dòng)畫(huà)的元素必須是形狀，如果是元件、文字、位圖或者群組對(duì)象，可以先執(zhí)行“修改”→“分離”命令，或者按“Ctrl+B”組合鍵將其打散并轉(zhuǎn)換為形狀，再創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)。二、形狀補(bǔ)間動(dòng)畫(huà)的構(gòu)成元素相關(guān)知識(shí)1101.在時(shí)間軸面板上動(dòng)畫(huà)開(kāi)始播放的關(guān)鍵幀（起始幀）中繪制動(dòng)畫(huà)的起始形狀，在動(dòng)畫(huà)結(jié)束處插入空白關(guān)鍵幀（結(jié)束幀），繪制動(dòng)畫(huà)的結(jié)束形狀。2.選擇起始幀，在“屬性”面板上單擊“補(bǔ)間”旁邊的倒三角形按鈕，從彈出的下拉列表中選擇“形狀”，即可創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)，如圖3-1-2所示。此時(shí)，時(shí)間軸面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間增加了一個(gè)長(zhǎng)箭頭，如圖3-1-3所示。三、制作形狀補(bǔ)間動(dòng)畫(huà)的步驟圖3-1-2?創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)圖3-1-3?形狀補(bǔ)間動(dòng)畫(huà)的時(shí)間軸面板相關(guān)知識(shí)111形狀補(bǔ)間動(dòng)畫(huà)的“屬性”面板如圖3-1-4所示，其中常用選項(xiàng)的說(shuō)明如下。四、形狀補(bǔ)間動(dòng)畫(huà)的“屬性”面板圖3-1-4?形狀補(bǔ)間動(dòng)畫(huà)的“屬性”面板相關(guān)知識(shí)1121.?緩動(dòng)緩動(dòng)用于設(shè)定對(duì)象在變化過(guò)程中是加速還是減速。其值大于0是減速運(yùn)動(dòng)，等于0是勻速運(yùn)動(dòng)，小于0是加速運(yùn)動(dòng)。2.?混合混合用于設(shè)置中間幀形狀變化的過(guò)渡形式，包括“分布式”和“角形”兩項(xiàng)?！胺植际健笔怪虚g幀的形狀變化過(guò)渡更加自然。“角形”使中間幀的形狀變化保持關(guān)鍵幀上圖形的棱角和直線特征，如果關(guān)鍵幀中沒(méi)有尖角，則其與“分布式”的效果一樣，此類型用于有尖銳棱角圖形的變換。四、形狀補(bǔ)間動(dòng)畫(huà)的“屬性”面板相關(guān)知識(shí)1131.?不可控的形狀補(bǔ)間動(dòng)畫(huà)不可控的形狀補(bǔ)間動(dòng)畫(huà)用于比較簡(jiǎn)單的形變效果。2.?可控制的形狀補(bǔ)間動(dòng)畫(huà)可控制的形狀補(bǔ)間動(dòng)畫(huà)可通過(guò)添加形狀提示制作出較為精確的形變效果。關(guān)于添加形狀提示的方法，將在本項(xiàng)目任務(wù)2中詳細(xì)介紹。五、形狀補(bǔ)間動(dòng)畫(huà)的分類114任務(wù)二

制作七十二變動(dòng)畫(huà)學(xué)習(xí)目標(biāo)能熟練制作形狀補(bǔ)間動(dòng)畫(huà)掌握添加形狀提示的方法和技巧，能通過(guò)添加形狀提示控制變形過(guò)程115任務(wù)描述116本任務(wù)是一個(gè)簡(jiǎn)單的形狀補(bǔ)間動(dòng)畫(huà)制作實(shí)例，主要實(shí)現(xiàn)孫悟空變桃、桃變魚(yú)和魚(yú)變小廟的過(guò)程，如圖3-2-1所示。要完成本任務(wù)，除了掌握形狀補(bǔ)間動(dòng)畫(huà)的制作方法外，還要學(xué)會(huì)使用形狀提示來(lái)調(diào)整形狀變化。圖3-2-1?七十二變動(dòng)畫(huà)效果圖a）孫悟空

b）變桃

c）變魚(yú)

d）變小廟a）b）任務(wù)描述117c）d）圖3-2-1?七十二變動(dòng)畫(huà)效果圖a）孫悟空

b）變桃

c）變魚(yú)

d）變小廟相關(guān)知識(shí)118在“起始形狀”和“結(jié)束形狀”中添加對(duì)應(yīng)的“參考點(diǎn)”，使Flash在計(jì)算變形過(guò)渡時(shí)依據(jù)一定的規(guī)則進(jìn)行，從而有效地控制變形過(guò)程。一、形狀提示的作用相關(guān)知識(shí)1191.選擇形狀補(bǔ)間的第一個(gè)關(guān)鍵幀作為起始幀。2.執(zhí)行“修改”→“形狀”→“添加形狀提示”命令，在該幀的形狀上就會(huì)增加一個(gè)帶字母的紅色提示圓圈，相應(yīng)地，在結(jié)束幀形狀中也會(huì)出現(xiàn)一個(gè)提示圓圈，如圖3-2-2和圖3-2-3所示。二、添加形狀提示的方法圖3-2-2?起始幀圖3-2-3?結(jié)束幀相關(guān)知識(shí)1203.用鼠標(biāo)分別拖動(dòng)兩個(gè)提示圓圈，將其放置在形狀的邊緣上。首先調(diào)整起始幀上的提示圓圈到起始形狀的邊緣上，然后調(diào)整結(jié)束幀上的提示圓圈到結(jié)束形狀的邊緣上，提示圓圈變?yōu)榫G色。此時(shí)，起始幀上的提示圓圈變?yōu)辄S色，如圖3-2-4和圖3-2-5所示。二、添加形狀提示的方法圖3-2-4?調(diào)整起始幀上的提示圓圈圖3-2-4?調(diào)整起始幀上的提示圓圈4.重復(fù)步驟1～步驟3，添加其他形狀提示。相關(guān)知識(shí)1211.形狀提示可以連續(xù)添加，最多可以添加26個(gè)。2.將形狀提示從形狀的左上角開(kāi)始按逆時(shí)針順序擺放，可以使形狀提示更有效。3.形狀提示的擺放位置要符合邏輯順序。例如，當(dāng)起始幀和結(jié)束幀上均有一個(gè)三角形形狀，且添加了三個(gè)形狀提示時(shí)，如果它們?cè)谄鹗紟切紊系男螤钐崾卷樞驗(yàn)閍、b、c，那么在結(jié)束幀三角形上的形狀提示順序不能是其他順序，也必須為a、b、c。三、添加形狀提示的技巧相關(guān)知識(shí)1224.形狀提示要在形狀的邊緣上才能起作用。在調(diào)整形狀提示位置前，要打開(kāi)工具箱下方的“貼緊至對(duì)象”按鈕，使形狀提示自動(dòng)吸附到邊緣上。如果發(fā)現(xiàn)形狀提示仍然無(wú)效，可以使用縮放工具將形狀放大到足夠大，再進(jìn)行調(diào)整，以保證形狀提示在圖形的邊緣上。5.要?jiǎng)h除所有的形狀提示，可執(zhí)行“修改”→“形狀”→“刪除所有提示”命令。如果要?jiǎng)h除單個(gè)形狀提示，可選中要?jiǎng)h除的形狀提示，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“刪除提示”選項(xiàng)即可。三、添加形狀提示的技巧123任務(wù)三

制作運(yùn)動(dòng)的足球動(dòng)畫(huà)學(xué)習(xí)目標(biāo)理解動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的概念，掌握動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的構(gòu)成元素掌握動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的制作方法，能應(yīng)用旋轉(zhuǎn)和緩動(dòng)制作動(dòng)畫(huà)124任務(wù)描述125本任務(wù)是一個(gè)簡(jiǎn)單的動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)制作實(shí)例，主要利用兩個(gè)關(guān)鍵幀上足球位置的變化，來(lái)實(shí)現(xiàn)足球撞擊樹(shù)樁的運(yùn)動(dòng)，效果如圖3-3-1所示。要完成本任務(wù)，除了理解動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的概念，還要掌握動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的制作方法，以及旋轉(zhuǎn)和緩動(dòng)的應(yīng)用技巧。圖3-3-1?運(yùn)動(dòng)的足球動(dòng)畫(huà)效果圖相關(guān)知識(shí)126在一個(gè)關(guān)鍵幀上放置一個(gè)元件，然后在另一個(gè)關(guān)鍵幀上改變?cè)拇笮　㈩伾?、位置或透明度等，F(xiàn)lash根據(jù)這兩個(gè)關(guān)鍵幀之間的值創(chuàng)建的動(dòng)畫(huà)稱為動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)。一、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的概念構(gòu)成動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的元素可以是影片剪輯元件、圖形元件、按鈕、文字、位圖和組合等，但不能是形狀。如果是形狀，需要將其轉(zhuǎn)換為元件或組合后方可使用。二、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的構(gòu)成元素相關(guān)知識(shí)1271.在時(shí)間軸面板上動(dòng)畫(huà)開(kāi)始播放的地方創(chuàng)建一個(gè)關(guān)鍵幀（起始幀），并在關(guān)鍵幀中設(shè)置一個(gè)元件，在動(dòng)畫(huà)結(jié)束的地方創(chuàng)建另一個(gè)關(guān)鍵幀（結(jié)束幀），并修改該元件的屬性。2.選擇起始幀，在“屬性”面板上單擊“補(bǔ)間”旁邊的倒三角形按鈕，在彈出的下拉列表中選擇“動(dòng)畫(huà)”，即可創(chuàng)建動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)，如圖3-3-2所示。此時(shí)，時(shí)間軸面板的背景色變?yōu)樗{(lán)紫色，在起始幀和結(jié)束幀之間增加了一個(gè)長(zhǎng)箭頭，如圖3-3-3所示。三、制作動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的步驟圖3-3-2?創(chuàng)建動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)圖3-3-3?動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的時(shí)間軸面板相關(guān)知識(shí)128動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的“屬性”面板如圖3-3-4所示，其中各選項(xiàng)的說(shuō)明如下。四、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的“屬性”面板圖3-3-4?動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的“屬性”面板相關(guān)知識(shí)1291.?縮放如果想實(shí)現(xiàn)組或?qū)嵗某叽缱兓?，選擇這個(gè)復(fù)選框。2.?緩動(dòng)制作的補(bǔ)間動(dòng)畫(huà)一般都是勻速運(yùn)動(dòng)，如果想做加速運(yùn)動(dòng)，就可以調(diào)整緩動(dòng)的數(shù)值。當(dāng)其值為0時(shí)，做勻速運(yùn)動(dòng)；當(dāng)其值大于0時(shí)，做減速運(yùn)動(dòng)；當(dāng)其值小于0時(shí)，做加速運(yùn)動(dòng)。注意，數(shù)值的絕對(duì)值越大效果越明顯。3.?旋轉(zhuǎn)旋轉(zhuǎn)用于設(shè)定物體的旋轉(zhuǎn)運(yùn)動(dòng)。四、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的“屬性”面板相關(guān)知識(shí)1304.?調(diào)整到路徑調(diào)整到路徑可使對(duì)象沿指定的路徑運(yùn)動(dòng)，并隨著路徑的改變而相應(yīng)地改變角度。此功能將在“項(xiàng)目四引導(dǎo)層動(dòng)畫(huà)制作”中介紹。5.?同步同步可使動(dòng)畫(huà)在場(chǎng)景中首尾連續(xù)循環(huán)播放。6.?貼緊貼緊可使對(duì)象在沿路徑運(yùn)動(dòng)時(shí)自動(dòng)捕捉路徑。四、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的“屬性”面板131任務(wù)四

制作荷蘭風(fēng)情動(dòng)畫(huà)學(xué)習(xí)目標(biāo)能熟練制作動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)掌握應(yīng)用圖形元件和影片剪輯元件等制作動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的方法和技巧132任務(wù)描述133本任務(wù)是一個(gè)動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)制作實(shí)例，主要通過(guò)動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)制作風(fēng)車旋轉(zhuǎn)、郁金香長(zhǎng)大、云飄動(dòng)和太陽(yáng)發(fā)光效果，如圖3-4-1所示。要完成本任務(wù)，除了熟練掌握動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的制作方法外，還要學(xué)會(huì)圖形元件和影片剪輯元件在動(dòng)畫(huà)中的應(yīng)用。圖3-4-1?荷蘭風(fēng)情動(dòng)畫(huà)效果圖相關(guān)知識(shí)134在通常情況下，動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)是通過(guò)改變兩個(gè)關(guān)鍵幀上元件的大小、顏色、位置或透明度等來(lái)實(shí)現(xiàn)動(dòng)畫(huà)效果的。此外，動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)還可以使對(duì)象做旋轉(zhuǎn)運(yùn)動(dòng)，方法是：在“屬性”面板中設(shè)置補(bǔ)間類型為動(dòng)畫(huà)后，再選擇“旋轉(zhuǎn)”項(xiàng)中的“順時(shí)針”或“逆時(shí)針”選項(xiàng)，如圖3-4-2所示。圖3-4-2?動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的“屬性”面板相關(guān)知識(shí)135關(guān)于“旋轉(zhuǎn)”項(xiàng)的說(shuō)明如下。1.無(wú)：對(duì)象不旋轉(zhuǎn)。2.自動(dòng)：對(duì)象在進(jìn)行旋轉(zhuǎn)時(shí)以最小的角度旋轉(zhuǎn)一次。3.順時(shí)針：指定對(duì)象按順時(shí)針?lè)较蛐D(zhuǎn)，右邊輸入框中的數(shù)字表示對(duì)象旋轉(zhuǎn)的次數(shù)，如圖3-4-3所示。圖3-4-3?指定順時(shí)針旋轉(zhuǎn)1次相關(guān)知識(shí)1364.逆時(shí)針：指定對(duì)象按逆時(shí)針?lè)较蛐D(zhuǎn)，右邊輸入框中的數(shù)字表示對(duì)象旋轉(zhuǎn)的次數(shù)，如圖3-4-4所示。圖3-4-4?指定逆時(shí)針旋轉(zhuǎn)1次謝謝觀看137Flash動(dòng)畫(huà)設(shè)計(jì)與制作（第三版）138項(xiàng)目四

引導(dǎo)層動(dòng)畫(huà)制作139項(xiàng)目四

引導(dǎo)層動(dòng)畫(huà)制作140

引導(dǎo)層動(dòng)畫(huà)也是一種基本動(dòng)畫(huà)，它需要引導(dǎo)層和被引導(dǎo)層兩個(gè)圖層才能完成。在引導(dǎo)層中繪制對(duì)象的運(yùn)動(dòng)路徑，在被引導(dǎo)層中制作動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)，并分別將運(yùn)動(dòng)對(duì)象移動(dòng)到路徑的起點(diǎn)和終點(diǎn)上，可產(chǎn)生對(duì)象運(yùn)動(dòng)的效果。引導(dǎo)層動(dòng)畫(huà)可以實(shí)現(xiàn)蝴蝶飛舞和星球旋轉(zhuǎn)等多種運(yùn)動(dòng)效果。任務(wù)1制作雪花飄飄動(dòng)畫(huà)任務(wù)2制作飛舞的蝴蝶動(dòng)畫(huà)任務(wù)3制作元旦快樂(lè)動(dòng)畫(huà)任務(wù)4制作浩瀚星空動(dòng)畫(huà)141項(xiàng)目四

引導(dǎo)層動(dòng)畫(huà)制作142任務(wù)一

制作雪花飄飄動(dòng)畫(huà)學(xué)習(xí)目標(biāo)掌握引導(dǎo)層動(dòng)畫(huà)的概念、原理和創(chuàng)建方式掌握制作引導(dǎo)層動(dòng)畫(huà)的步驟和繪制引導(dǎo)線的注意事項(xiàng)，能制作簡(jiǎn)單的引導(dǎo)層動(dòng)畫(huà)143任務(wù)描述144本任務(wù)是一個(gè)簡(jiǎn)單的引導(dǎo)層動(dòng)畫(huà)制作實(shí)例，主要通過(guò)添加運(yùn)動(dòng)引導(dǎo)層，形成雪花漫天飛舞的效果，如圖4-1-1所示。要完成本任務(wù)，除了理解引導(dǎo)層和被引導(dǎo)層的概念，以及引導(dǎo)層動(dòng)畫(huà)的原理外，還要掌握引導(dǎo)層動(dòng)畫(huà)的制作方法和技巧。圖4-1-1?雪花飄飄動(dòng)畫(huà)效果圖相關(guān)知識(shí)145一、引導(dǎo)層動(dòng)畫(huà)的概念引導(dǎo)層動(dòng)畫(huà)也叫運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà)，它由引導(dǎo)層和被引導(dǎo)層組成。引導(dǎo)層用于放置對(duì)象運(yùn)動(dòng)的路徑，被引導(dǎo)層用于放置運(yùn)動(dòng)的對(duì)象。引導(dǎo)層動(dòng)畫(huà)是Flash提供的一種實(shí)現(xiàn)對(duì)象沿著曲線或不規(guī)則路徑運(yùn)動(dòng)的簡(jiǎn)便方法。1.引導(dǎo)層引導(dǎo)層位于被引導(dǎo)層的上方，圖層圖標(biāo)為

。引導(dǎo)層中的引導(dǎo)線是一個(gè)開(kāi)放的路徑，可用鋼筆工具

、鉛筆工具

或線條工具

繪制。如果使用橢圓工具

或矩形工具

繪制路徑，則需要使用橡皮擦工具

進(jìn)行擦除，使閉合路徑變?yōu)殚_(kāi)放路徑。注意，在一個(gè)引導(dǎo)效果中只能有一個(gè)引導(dǎo)層。相關(guān)知識(shí)146一、引導(dǎo)層動(dòng)畫(huà)的概念2.?被引導(dǎo)層被引導(dǎo)層位于引導(dǎo)層的下方，圖層圖標(biāo)和普通圖層的一樣。被引導(dǎo)層中的對(duì)象必須是文字、元件或群組對(duì)象，它沿著引導(dǎo)層中的引導(dǎo)線運(yùn)動(dòng)，并且動(dòng)畫(huà)形式只能是動(dòng)畫(huà)補(bǔ)間。一個(gè)引導(dǎo)層可以引導(dǎo)多個(gè)被引導(dǎo)層，有關(guān)多層引導(dǎo)動(dòng)畫(huà)的知識(shí)將在項(xiàng)目四任務(wù)3中詳細(xì)介紹。二、引導(dǎo)層動(dòng)畫(huà)的原理引導(dǎo)層是一種特殊的圖層，用于指示對(duì)象的運(yùn)動(dòng)路徑。在播放動(dòng)畫(huà)時(shí)，引導(dǎo)層中的對(duì)象不會(huì)顯示出來(lái)，而被引導(dǎo)層中的對(duì)象會(huì)沿著引導(dǎo)線運(yùn)動(dòng)。相關(guān)知識(shí)147三、引導(dǎo)層動(dòng)畫(huà)的創(chuàng)建方式1.?按鈕方式選中要?jiǎng)?chuàng)建引導(dǎo)層的圖層，單擊時(shí)間軸面板中的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕

即可，創(chuàng)建運(yùn)動(dòng)引導(dǎo)層，如圖4-1-2所示。圖4-1-2?創(chuàng)建運(yùn)動(dòng)引導(dǎo)層相關(guān)知識(shí)148三、引導(dǎo)層動(dòng)畫(huà)的創(chuàng)建方式2.?命令方式選中要?jiǎng)?chuàng)建引導(dǎo)層的圖層，執(zhí)行“插入”→“時(shí)間軸”→“運(yùn)動(dòng)引導(dǎo)層”命令即可創(chuàng)建運(yùn)動(dòng)引導(dǎo)層，如圖4-1-3所示，或者單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“添加引導(dǎo)層”選項(xiàng)，如圖4-1-4所示。圖4-1-3?用命令創(chuàng)建運(yùn)動(dòng)引導(dǎo)層圖4-1-4?用快捷菜單創(chuàng)建運(yùn)動(dòng)引導(dǎo)層相關(guān)知識(shí)149三、引導(dǎo)層動(dòng)畫(huà)的創(chuàng)建方式3.?將普通層轉(zhuǎn)換為引導(dǎo)層選中要轉(zhuǎn)換為引導(dǎo)層的普通圖層，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“引導(dǎo)層”選項(xiàng)即可轉(zhuǎn)換引導(dǎo)層，如圖4-1-4所示。或者選擇圖4-1-4中的“屬性…”選項(xiàng)，打開(kāi)“圖層屬性”對(duì)話框，在“類型”項(xiàng)中選擇“引導(dǎo)層”單選按鈕，單擊“確定”按鈕，如圖4-1-5所示。圖4-1-5?用“圖層屬性”對(duì)話框轉(zhuǎn)換引導(dǎo)層圖4-1-4?用快捷菜單創(chuàng)建運(yùn)動(dòng)引導(dǎo)層相關(guān)知識(shí)150四、制作引導(dǎo)層動(dòng)畫(huà)的步驟1.在當(dāng)前層中創(chuàng)建一個(gè)對(duì)象。2.單擊時(shí)間軸面板中的“添加運(yùn)動(dòng)引導(dǎo)層”按鈕

，在當(dāng)前層上創(chuàng)建一個(gè)引導(dǎo)層，當(dāng)前層自動(dòng)變?yōu)楸灰龑?dǎo)層。3.在引導(dǎo)層中繪制一條路徑，然后將引導(dǎo)層中的路徑延續(xù)到某一幀。4.在被引導(dǎo)層中將對(duì)象的中心點(diǎn)移動(dòng)到引導(dǎo)層中路徑的起點(diǎn)。5.在被引導(dǎo)層的某一幀插入關(guān)鍵幀，并將對(duì)象移動(dòng)到引導(dǎo)層中路徑的終點(diǎn)。6.在被引導(dǎo)層的兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)，引導(dǎo)層動(dòng)畫(huà)制作完成，時(shí)間軸面板如圖4-1-6所示。圖4-1-6?引導(dǎo)層動(dòng)畫(huà)的時(shí)間軸面板相關(guān)知識(shí)151五、繪制引導(dǎo)線的注意事項(xiàng)1.引導(dǎo)線是一條流暢的、從頭到尾連續(xù)的線條，線條中間不能出現(xiàn)斷點(diǎn)。2.引導(dǎo)線的轉(zhuǎn)折不應(yīng)過(guò)多，并且轉(zhuǎn)折處不應(yīng)過(guò)急。3.引導(dǎo)線不能出現(xiàn)交叉或重復(fù)的現(xiàn)象。4.被引導(dǎo)對(duì)象必須準(zhǔn)確吸附在引導(dǎo)線上，否則被引導(dǎo)對(duì)象將無(wú)法沿引導(dǎo)線的路徑運(yùn)動(dòng)。152任務(wù)二

制作飛舞的蝴蝶動(dòng)畫(huà)學(xué)習(xí)目標(biāo)熟練掌握引導(dǎo)層動(dòng)畫(huà)的制作方法和技巧，能制作引導(dǎo)層動(dòng)畫(huà)能利用“調(diào)整到路徑”的方法確保運(yùn)動(dòng)對(duì)象的走向與運(yùn)動(dòng)引導(dǎo)線的走向一致153任務(wù)描述154本任務(wù)是一個(gè)引導(dǎo)層動(dòng)畫(huà)制作實(shí)例，主要通過(guò)添加運(yùn)動(dòng)引導(dǎo)層，實(shí)現(xiàn)蝴蝶在花叢中飛舞的效果，如圖4-2-1所示。要完成本任務(wù)，除了掌握引導(dǎo)層動(dòng)畫(huà)的原理及引導(dǎo)層動(dòng)畫(huà)的制作方法和技巧外，還要重點(diǎn)掌握調(diào)整到路徑的方法，使蝴蝶運(yùn)動(dòng)的方向與引導(dǎo)線的方向保持一致。圖4-2-1?飛舞的蝴蝶動(dòng)畫(huà)效果圖相關(guān)知識(shí)155在制作引導(dǎo)層動(dòng)畫(huà)的過(guò)程中，被引導(dǎo)層中的對(duì)象沿著引導(dǎo)線移動(dòng)時(shí)，會(huì)出現(xiàn)運(yùn)動(dòng)對(duì)象與運(yùn)動(dòng)路徑的走向不相符的現(xiàn)象。為避免這種情況的發(fā)生，在被引導(dǎo)層中創(chuàng)建動(dòng)畫(huà)后，可在“屬性”面板中勾選“調(diào)整到路徑”復(fù)選框，如圖4-2-2所示，然后在被引導(dǎo)層的第一個(gè)關(guān)鍵幀和最后一個(gè)關(guān)鍵幀上調(diào)整對(duì)象的方向，以確保運(yùn)動(dòng)對(duì)象的走向與運(yùn)動(dòng)路徑的走向一致。圖4-2-2?“屬性”面板156任務(wù)三

制作元旦快樂(lè)動(dòng)畫(huà)學(xué)習(xí)目標(biāo)掌握多層引導(dǎo)動(dòng)畫(huà)的制作方法和技巧，能制作多層引導(dǎo)動(dòng)畫(huà)157任務(wù)描述158本任務(wù)是一個(gè)多層引導(dǎo)動(dòng)畫(huà)制作實(shí)例，在一個(gè)引導(dǎo)層中繪制了多條引導(dǎo)線，一條引導(dǎo)線引導(dǎo)一個(gè)文字層中的文字運(yùn)動(dòng)，如圖4-3-1所示。要完成本任務(wù)，除了理解引導(dǎo)層和被引導(dǎo)層的概念以及引導(dǎo)層動(dòng)畫(huà)的原理外，還要掌握多層引導(dǎo)動(dòng)畫(huà)的制作方法和技巧。圖4-3-1?元旦快樂(lè)動(dòng)畫(huà)效果圖相關(guān)知識(shí)159“分散到圖層”命令可把一個(gè)關(guān)鍵幀上的所有分組或元件按現(xiàn)有的前后關(guān)系分布到每一個(gè)圖層上顯示。一、分散到圖層多層引導(dǎo)動(dòng)畫(huà)是由一個(gè)引導(dǎo)層引導(dǎo)多個(gè)被引導(dǎo)層中的對(duì)象在不同的圖層上運(yùn)動(dòng)的動(dòng)畫(huà)。制作多層引導(dǎo)動(dòng)畫(huà)時(shí)，如果想把引導(dǎo)層上方的普通圖層轉(zhuǎn)換為被引導(dǎo)層，可直接拖動(dòng)普通圖層到引導(dǎo)層的下方；如果需要被引導(dǎo)的圖層在引導(dǎo)層的下方，雙擊該圖層圖標(biāo)，在彈出的“圖層屬性”對(duì)話框中將“類型”改為“被引導(dǎo)”即可；如果需要斷開(kāi)被引導(dǎo)關(guān)系，雙擊該圖層圖標(biāo)，在彈出的“圖層屬性”對(duì)話框中將“類型”改為“一般”即可。二、多層引導(dǎo)動(dòng)畫(huà)160任務(wù)四

制作浩瀚星空動(dòng)畫(huà)學(xué)習(xí)目標(biāo)161掌握閉合路徑引導(dǎo)動(dòng)畫(huà)的制作方法和技巧，能制作閉合路徑引導(dǎo)動(dòng)畫(huà)深入理解引導(dǎo)層動(dòng)畫(huà)的制作原理任務(wù)描述162本任務(wù)是一個(gè)引導(dǎo)層動(dòng)畫(huà)制作實(shí)例，主要通過(guò)添加運(yùn)動(dòng)引導(dǎo)層來(lái)實(shí)現(xiàn)月球繞地球、地球繞太陽(yáng)旋轉(zhuǎn)的效果，如圖4-4-1所示。要完成本任務(wù)，除了掌握實(shí)現(xiàn)圓形運(yùn)動(dòng)路徑的方法外，還要進(jìn)一步掌握引導(dǎo)層動(dòng)畫(huà)的制作方法和技巧。圖4-4-1?浩瀚星空動(dòng)畫(huà)效果圖相關(guān)知識(shí)163在制作引導(dǎo)層動(dòng)畫(huà)時(shí)，引導(dǎo)線只能是開(kāi)放路徑，不能是閉合路徑。因此，要制作圓形或方形等閉合路徑的引導(dǎo)層動(dòng)畫(huà)時(shí)，需要采用一定的處理方法。例如，在本例中當(dāng)月球圍繞地球旋轉(zhuǎn)時(shí)，將圓形路徑擦除一小部分，因?yàn)椴脸牟糠窒鄬?duì)于整個(gè)路徑較小，所以播放時(shí)畫(huà)面不會(huì)受到太大的影響。當(dāng)?shù)厍驀@太陽(yáng)旋轉(zhuǎn)時(shí)，將圓形路徑切割成兩部分，即上、下兩個(gè)半圓形路徑，這樣就可以做引導(dǎo)層動(dòng)畫(huà)了。謝謝觀看164Flash動(dòng)畫(huà)設(shè)計(jì)與制作（第三版）165項(xiàng)目五

遮罩動(dòng)畫(huà)制作166項(xiàng)目五

遮罩動(dòng)畫(huà)制作167

遮罩動(dòng)畫(huà)是Flash中重要的動(dòng)畫(huà)類型，很多動(dòng)畫(huà)特效都是通過(guò)遮罩來(lái)完成的。遮罩動(dòng)畫(huà)和引導(dǎo)層動(dòng)畫(huà)一樣，最少需要兩個(gè)圖層，它透過(guò)遮罩層上對(duì)象的形狀來(lái)顯示被遮罩層中的內(nèi)容。使用遮罩動(dòng)畫(huà)可以實(shí)現(xiàn)水波、卷軸、百葉窗和放大鏡等效果。任務(wù)1制作春暖花開(kāi)動(dòng)畫(huà)任務(wù)2制作放大鏡動(dòng)畫(huà)任務(wù)3制作心為你動(dòng)動(dòng)畫(huà)任務(wù)4制作飛流直下動(dòng)畫(huà)168項(xiàng)目五

遮罩動(dòng)畫(huà)制作169任務(wù)一

制作春暖花開(kāi)動(dòng)畫(huà)學(xué)習(xí)目標(biāo)理解遮罩動(dòng)畫(huà)的概念和原理掌握被遮罩層運(yùn)動(dòng)的遮罩動(dòng)畫(huà)的制作方法和技巧，能制作簡(jiǎn)單的遮罩動(dòng)畫(huà)170任務(wù)描述171本任務(wù)是一個(gè)簡(jiǎn)單的遮罩動(dòng)畫(huà)制作實(shí)例，主要透過(guò)遮罩層上文字的形狀觀看被遮罩層中的圖片移動(dòng)效果，如圖5-1-1所示。要完成本任務(wù)，除了理解遮罩層和被遮罩層的概念，以及遮罩動(dòng)畫(huà)的原理外，還要掌握遮罩動(dòng)畫(huà)的制作方法和技巧。圖5-1-1?春暖花開(kāi)動(dòng)畫(huà)效果圖相關(guān)知識(shí)172一、遮罩動(dòng)畫(huà)的概念在Flash作品中，經(jīng)常會(huì)看到一些炫目神奇的效果，其中很多就是用最簡(jiǎn)單的“遮罩”完成的，如水波、百葉窗、放大鏡和卷軸等效果。遮罩動(dòng)畫(huà)和引導(dǎo)層動(dòng)畫(huà)一樣，最少需要兩個(gè)圖層。與普通圖層不同的是，在遮罩動(dòng)畫(huà)中只能透過(guò)遮罩層上對(duì)象的形狀來(lái)觀看被遮罩層中的內(nèi)容。遮罩層上對(duì)象的形狀是一個(gè)“視窗”，“視窗”內(nèi)的對(duì)象會(huì)顯示出來(lái)，“視窗”外的對(duì)象不會(huì)顯示。在播放動(dòng)畫(huà)時(shí)，“視窗”也不會(huì)顯示。相關(guān)知識(shí)173二、遮罩層和被遮罩層1.?遮罩層遮罩動(dòng)畫(huà)中位于上方的圖層是遮罩層，一個(gè)遮罩動(dòng)畫(huà)只能有一個(gè)遮罩層。遮罩層中的對(duì)象必須是圖形、位圖、文字、影片剪輯元件或按鈕，不能是線條。如果要使用線條，可以將線條轉(zhuǎn)化為“填充”。2.?被遮罩層遮罩動(dòng)畫(huà)中位于下方的圖層是被遮罩層。被遮罩層中的對(duì)象可以是圖形、位圖、文字、影片剪輯元件、按鈕或線條。在一個(gè)遮罩效果中，被遮罩層可以有多個(gè)。相關(guān)知識(shí)174三、制作遮罩動(dòng)畫(huà)的步驟1.在時(shí)間軸面板中創(chuàng)建兩個(gè)普通圖層，在圖層中可以導(dǎo)入位圖、繪制對(duì)象或者制作動(dòng)畫(huà)。2.在位于上方的圖層上單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“遮罩層”選項(xiàng)，創(chuàng)建遮罩動(dòng)畫(huà)，如圖5-1-2所示。此時(shí)，遮罩層的圖標(biāo)由

變?yōu)?/p>

，被遮罩層的圖標(biāo)變?yōu)?/p>

，被遮罩層自動(dòng)縮進(jìn)，時(shí)間軸面板如圖5-1-3所示。圖5-1-2?“遮罩層”選項(xiàng)圖5-1-3?遮罩動(dòng)畫(huà)的時(shí)間軸面板相關(guān)知識(shí)175四、遮罩動(dòng)畫(huà)的用途遮罩動(dòng)畫(huà)有兩種用途：一種是遮罩整個(gè)場(chǎng)景或一個(gè)特定區(qū)域，使場(chǎng)景外的對(duì)象或特定區(qū)域外的對(duì)象不可見(jiàn)；另一種是遮罩某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。176任務(wù)二

制作放大鏡動(dòng)畫(huà)學(xué)習(xí)目標(biāo)熟悉遮罩動(dòng)畫(huà)中可以使用的動(dòng)畫(huà)類型掌握遮罩層運(yùn)動(dòng)的遮罩動(dòng)畫(huà)的制作方法和技巧，能制作簡(jiǎn)單的遮罩動(dòng)畫(huà)177任務(wù)描述178本任務(wù)是一個(gè)遮罩動(dòng)畫(huà)制作實(shí)例，遮罩層中的鏡片在舞臺(tái)上移動(dòng)，透過(guò)鏡片的形狀可觀看被遮罩層中被放大后的文字，效果如圖5-2-1所示。要完成本任務(wù)，除了進(jìn)一步理解遮罩層和被遮罩層的概念及遮罩動(dòng)畫(huà)的原理外，還要熟悉遮罩動(dòng)畫(huà)中的動(dòng)畫(huà)類型，熟練掌握遮罩動(dòng)畫(huà)的制作方法和技巧。圖5-2-1?放大鏡動(dòng)畫(huà)效果圖179任務(wù)三

制作心為你動(dòng)動(dòng)畫(huà)學(xué)習(xí)目標(biāo)進(jìn)一步熟悉遮罩動(dòng)畫(huà)的基本原理掌握遮罩層和被遮罩層同時(shí)運(yùn)動(dòng)的遮罩動(dòng)畫(huà)的制作方法和技巧，能熟練制作遮罩動(dòng)畫(huà)180任務(wù)描述181本任務(wù)是一個(gè)基本的遮罩動(dòng)畫(huà)制作實(shí)例，動(dòng)畫(huà)中給兩個(gè)反向旋轉(zhuǎn)的線條組合制作遮罩，以形成閃動(dòng)的效果，如圖5-3-1所示。要完成本任務(wù)，除了進(jìn)一步理解遮罩動(dòng)畫(huà)的基本原理外，還要熟練掌握遮罩動(dòng)畫(huà)的制作方法和技巧。圖5-3-1?心為你動(dòng)動(dòng)畫(huà)效果圖相關(guān)知識(shí)182遮罩動(dòng)畫(huà)一般有以下三種基本形式。1.遮罩層是靜止的，被遮罩層是運(yùn)動(dòng)的。如項(xiàng)目五任務(wù)1制作春暖花開(kāi)動(dòng)畫(huà)中的動(dòng)畫(huà)效果。2.遮罩層是運(yùn)動(dòng)的，被遮罩層是靜止的。如項(xiàng)目五任務(wù)2制作放大鏡動(dòng)畫(huà)中的動(dòng)畫(huà)效果。3.遮罩層和被遮罩層都是運(yùn)動(dòng)的。本任務(wù)將采用這種形式來(lái)制作動(dòng)畫(huà)效果。183任務(wù)四

制作飛流直下動(dòng)畫(huà)學(xué)習(xí)目標(biāo)掌握多層遮罩動(dòng)畫(huà)疊加的制作方法和技巧，能熟練制作多層遮罩動(dòng)畫(huà)掌握調(diào)整遮罩層形狀與被遮罩物體之間關(guān)系的方法184任務(wù)描述185本任務(wù)是一個(gè)綜合的遮罩動(dòng)畫(huà)制作實(shí)例，動(dòng)畫(huà)中將瀑布和溪水分成兩部分，分別添加了遮罩動(dòng)畫(huà)，生成水流動(dòng)的動(dòng)畫(huà)效果，再加上鴨子們?cè)谒嫌蝿?dòng)，組成“潺潺流水、鴨游溪上”的美好畫(huà)面，如圖5-4-1所示。要完成本任務(wù)，除了進(jìn)一步熟練掌握遮罩動(dòng)畫(huà)的制作方法和技巧外，還要掌握遮罩動(dòng)畫(huà)與其他形式動(dòng)畫(huà)相融合的制作方法。圖5-4-1?飛流直下動(dòng)畫(huà)效果圖相關(guān)知識(shí)186在較為復(fù)雜的動(dòng)畫(huà)制作實(shí)例中，遮罩動(dòng)畫(huà)可與其他形式的動(dòng)畫(huà)結(jié)合使用，只要熟練掌握各種動(dòng)畫(huà)的制作方法，再結(jié)合元件操作和圖層操作，就可以制作出各種形象、生動(dòng)的動(dòng)畫(huà)效果。應(yīng)用遮罩動(dòng)畫(huà)時(shí)要注意：并非所有的可顯示對(duì)象都可以在遮罩層中產(chǎn)生孔，并使被遮罩層中的對(duì)象透過(guò)來(lái)。例如，使用線條工具

、鉛筆工具

、鋼筆工具

和墨水瓶工具

制作的矢量線條就不能在遮罩層中產(chǎn)生孔，需要選中線條并執(zhí)行“修改”→“形狀”→“將線條轉(zhuǎn)換為填充”命令后，才能在遮罩層中產(chǎn)生孔。謝謝觀看187Flash動(dòng)畫(huà)設(shè)計(jì)與制作（第三版）188項(xiàng)目六

電子賀卡制作189項(xiàng)目六

電子賀卡制作190

前五個(gè)項(xiàng)目側(cè)重介紹Flash動(dòng)畫(huà)基本制作技巧，從本項(xiàng)目開(kāi)始，將側(cè)重介紹應(yīng)用技巧。Flash可以采用多場(chǎng)景的形式制作各式各樣的賀卡，本項(xiàng)目以兒童節(jié)賀卡和春節(jié)賀卡為例，介紹元件、實(shí)例、庫(kù)，以及多場(chǎng)景動(dòng)畫(huà)的制作等。任務(wù)1制作兒童節(jié)賀卡任務(wù)2制作春節(jié)賀卡191項(xiàng)目六

電子賀卡制作192任務(wù)一

制作兒童節(jié)賀卡學(xué)習(xí)目標(biāo)掌握元件的制作技巧，以及實(shí)例和庫(kù)的應(yīng)用技巧能綜合應(yīng)用動(dòng)畫(huà)技術(shù)制作電子賀卡193任務(wù)描述194本任務(wù)是綜合應(yīng)用動(dòng)畫(huà)技術(shù)制作兒童節(jié)賀卡，效果如圖6-1-1所示。要完成本任務(wù)，除了掌握賀卡的制作方法外，還要掌握元件、實(shí)例和庫(kù)在動(dòng)畫(huà)中的應(yīng)用技巧。圖6-1-1?兒童節(jié)賀卡效果圖相關(guān)知識(shí)195一、元件1.?元件的類型元件是構(gòu)成動(dòng)畫(huà)的基礎(chǔ)，是可以被重復(fù)使用、不必反復(fù)制作的對(duì)象。每個(gè)元件是一個(gè)小的動(dòng)畫(huà)片段，有自己獨(dú)立的時(shí)間軸、舞臺(tái)和圖層。在Flash動(dòng)畫(huà)中使用元件可減小文件的大小。元件分為圖形元件、影片剪輯元件和按鈕元件三種類型。（1）圖形元件圖形元件是制作動(dòng)畫(huà)的基本元件之一，用于創(chuàng)建可被反復(fù)使用的靜態(tài)圖形或與主時(shí)間軸關(guān)聯(lián)的動(dòng)畫(huà)片段，它可以是靜止的圖片，也可以是由多幀組成的動(dòng)畫(huà)。不能給圖形元件的實(shí)例設(shè)置名稱，因此也不能用ActionScript語(yǔ)句對(duì)圖形元件進(jìn)行控制。圖形元件不能應(yīng)用混合技術(shù)及濾鏡效果，但可以通過(guò)“屬性”面板中的顏色選項(xiàng)對(duì)其亮度、色調(diào)和透明度進(jìn)行設(shè)置。相關(guān)知識(shí)196一、元件（2）影片剪輯元件影片剪輯元件是制作動(dòng)畫(huà)最重要的元件，是動(dòng)畫(huà)中的動(dòng)畫(huà)。它有自己的時(shí)間軸，而且不受主時(shí)間軸的控制。它可以包含交互組件、圖形、聲音或其他影片剪輯實(shí)例。當(dāng)播放主動(dòng)畫(huà)時(shí)，影片剪輯元件也在循環(huán)播放。影片剪輯元件的實(shí)例可以設(shè)置名稱，可以用ActionScript語(yǔ)句對(duì)其進(jìn)行控制。在影片剪輯元件時(shí)間軸上的關(guān)鍵幀可以包含程序代碼?？梢酝ㄟ^(guò)“屬性”面板中的顏色選項(xiàng)對(duì)影片剪輯元件的亮度、色調(diào)和透明度進(jìn)行設(shè)置，還可以應(yīng)用混合技術(shù)及濾鏡效果。相關(guān)知識(shí)197一、元件（3）按鈕元件按鈕元件用于創(chuàng)建交互式控制按鈕，其可以感知并響應(yīng)鼠標(biāo)的動(dòng)作。有關(guān)按鈕元件的知識(shí)將在本項(xiàng)目任務(wù)2中介紹。三種元件的圖標(biāo)如圖6-1-2所示。圖6-1-2?“庫(kù)”面板中三種元件的圖標(biāo)相關(guān)知識(shí)198一、元件2.?元件的創(chuàng)建與復(fù)制（1）創(chuàng)建新元件1）執(zhí)行“插入”→“新建元件”命令或按“Ctrl+F8”組合鍵，打開(kāi)“創(chuàng)建新元件”對(duì)話框，如圖6-1-3所示。2）在“名稱”輸入框中輸入名稱，在“類型”選項(xiàng)組中選擇類型，單擊“確定”按鈕。3）Flash自動(dòng)進(jìn)入元件編輯區(qū)，在編輯區(qū)中進(jìn)行編輯。4）制作完成后，單擊“場(chǎng)景”圖標(biāo)

，返回到場(chǎng)景中。圖6-1-3?“創(chuàng)建新元件”對(duì)話框相關(guān)知識(shí)199一、元件（2）將對(duì)象轉(zhuǎn)換為元件1）在舞臺(tái)中選中對(duì)象，按“F8”鍵打開(kāi)“轉(zhuǎn)換為元件”對(duì)話框，如圖6-1-4所示。2）在“名稱”輸入框中輸入名稱，在“類型”選項(xiàng)組中選擇類型，單擊“確定”按鈕。圖6-1-4?“轉(zhuǎn)換為元件”對(duì)話框相關(guān)知識(shí)200一、元件（3）將動(dòng)畫(huà)轉(zhuǎn)換為元件1）選取時(shí)間軸面板上的所有幀，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“復(fù)制幀”選項(xiàng)。2）按“Ctrl+F8”組合鍵，打開(kāi)“創(chuàng)建新元件”對(duì)話框，在對(duì)話框內(nèi)輸入元件名稱并設(shè)置元件類型為影片剪輯，單擊“確定”按鈕，創(chuàng)建一個(gè)空的影片剪輯元件，進(jìn)入元件編輯區(qū)中。3）選擇空元件的第1幀，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“粘貼幀”選項(xiàng)，單擊“場(chǎng)景”圖標(biāo)

，返回到主場(chǎng)景中，這樣就把動(dòng)畫(huà)轉(zhuǎn)換成了元件。相關(guān)知識(shí)201一、元件（4）復(fù)制元件在“庫(kù)”面板中選中要復(fù)制的元件，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“直接復(fù)制”選項(xiàng)，打開(kāi)“直接復(fù)制元件”對(duì)話框，如圖6-1-5所示，在對(duì)話框中修改元件名稱并單擊“確定”按鈕，即可完成元件的復(fù)制。圖6-1-5?“直接復(fù)制元件”對(duì)話框相關(guān)知識(shí)202一、元件3.?元件的編輯創(chuàng)建好的元件可以通過(guò)以下兩種方法進(jìn)行修改。（1）雙擊“庫(kù)”面板中需要修改的元件，即可進(jìn)入元件的編輯區(qū)，在元件的編輯區(qū)中進(jìn)行修改。（2）把需要修改的元件拖動(dòng)到舞臺(tái)上，選中元件，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯”選項(xiàng)，進(jìn)入元件的編輯區(qū)進(jìn)行修改。編輯完元件后，單擊“場(chǎng)景”圖標(biāo)

，退出元件的編輯模式。相關(guān)知識(shí)203二、實(shí)例1.?實(shí)例的概念把一個(gè)元件從“庫(kù)”面板中拖動(dòng)到舞臺(tái)上，并不是將元件本身放置在舞臺(tái)上，而是創(chuàng)建了元件的一個(gè)副本，即實(shí)例。實(shí)例來(lái)源于元件，每一個(gè)實(shí)例都有自身的、獨(dú)立于元件的屬性。在“屬性”面板上可以顯示實(shí)例的來(lái)源和類型，可以修改實(shí)例的大小、位置和透明度等。影片剪輯元件和按鈕元件實(shí)例的“屬性”面板上還有“實(shí)例名稱”輸入框，用于修改其名稱，如圖6-1-6所示。圖6-1-6?影片剪輯元件實(shí)例的“屬性”面板相關(guān)知識(shí)204二、實(shí)例2.?實(shí)例的屬性在創(chuàng)建元件實(shí)例后，可以通過(guò)“屬性”面板的“顏色”下拉列表中的選項(xiàng)對(duì)元件實(shí)例進(jìn)行編輯，如調(diào)整亮度、色調(diào)和Alpha等。（1）亮度從“顏色”下拉列表中選擇“亮度”選項(xiàng)，可以調(diào)整實(shí)例的亮度，在“亮度”選項(xiàng)的右邊有一個(gè)輸入框，可以直接輸入數(shù)值，如圖6-1-7所示，也可以通過(guò)點(diǎn)擊輸入框右側(cè)的倒三角形按鈕，調(diào)節(jié)右側(cè)彈出的滑桿來(lái)改變數(shù)值的大小。亮度數(shù)值的取值范圍是-100%～100%，數(shù)值越大，亮度越高；數(shù)值越小，亮度越低。圖6-1-7?調(diào)整元件實(shí)例的亮度相關(guān)知識(shí)205二、實(shí)例（2）色調(diào)色調(diào)用于調(diào)整實(shí)例的顏色。在“顏色”下拉列表中選擇“色調(diào)”選項(xiàng)，在右側(cè)的顏色拾取器中可以選擇一種顏色，還可以在RGB輸入框中直接輸入數(shù)值來(lái)調(diào)節(jié)實(shí)例本身的RGB顏色，如圖6-1-8所示。圖6-1-8?調(diào)整元件實(shí)例的色調(diào)相關(guān)知識(shí)206二、實(shí)例（3）Alpha從“顏色”下拉列表中選擇“Alpha”選項(xiàng)，可以調(diào)整實(shí)例的透明度，在“Alpha”選項(xiàng)的右側(cè)有一個(gè)輸入框，可以直接輸入數(shù)值，如圖6-1-9所示。也可以通過(guò)點(diǎn)擊輸入框右側(cè)的倒三角形按鈕，調(diào)節(jié)右側(cè)彈出的滑桿來(lái)改變數(shù)值的大小。Alpha數(shù)值的取值范圍是0%～100%，數(shù)值越大，不透明度越高；數(shù)值越小，不透明度越低。圖6-1-9?調(diào)整元件實(shí)例的Alpha值相關(guān)知識(shí)207二、實(shí)例（4）高級(jí)在“高級(jí)”選項(xiàng)中，可以同時(shí)調(diào)整實(shí)例的顏色和透明度，“高級(jí)”選項(xiàng)的“屬性”面板如圖6-1-10所示。單擊“高級(jí)”選項(xiàng)右側(cè)的“設(shè)置”按鈕，可以打開(kāi)“高級(jí)效果”對(duì)話框，如圖6-1-11所示，在“高級(jí)效果”對(duì)話框中可以調(diào)整實(shí)例的紅色、綠色和藍(lán)色的比例和Alpha值。圖6-1-10?用“高級(jí)”選項(xiàng)調(diào)整元件實(shí)例的屬性圖6-1-11?“高級(jí)效果”對(duì)話框相關(guān)知識(shí)208二、實(shí)例3.實(shí)例的轉(zhuǎn)換（1）三種元件類型間的轉(zhuǎn)換可以通過(guò)改變實(shí)例的類型來(lái)重新定義它在Flash中的行為。例如，可以將圖形實(shí)例重新定義為影片剪輯實(shí)例，具體操作步驟如下。1）在舞臺(tái)上選中圖形實(shí)例，執(zhí)行“窗口”→“屬性”命令，打開(kāi)“屬性”面板。2）在“屬性”面板左上角的下拉菜單中重新選擇元件類型，如圖6-1-12所示。圖6-1-12?選擇元件類型相關(guān)知識(shí)209二、實(shí)例（2）為實(shí)例指定不同的元件在舞臺(tái)上創(chuàng)建實(shí)例后，也可以為實(shí)例指定另外的元件，讓舞臺(tái)上出現(xiàn)一個(gè)完全不同的實(shí)例，而不是改變?cè)瓉?lái)實(shí)例的屬性。為實(shí)例指定不同元件的步驟如下。1）在舞臺(tái)上選中實(shí)例，在“屬性”面板中單擊“交換”按鈕

，彈出圖6-1-13所示的“交換元件”對(duì)話框。圖6-1-13?“交換元件”對(duì)話框相關(guān)知識(shí)210二、實(shí)例2）在“交換元件”對(duì)話框中，選擇一個(gè)元件來(lái)替換當(dāng)前實(shí)例的元件。若要直接復(fù)制選定的元件，可單擊對(duì)話框底部的“直接復(fù)制元件”按鈕

。3）單擊“確定”按鈕，舞臺(tái)上實(shí)例的元件將被新的元件替換。相關(guān)知識(shí)211三、庫(kù)1.?認(rèn)識(shí)庫(kù)在Flash中，所有可以重復(fù)使用的元素都放在庫(kù)中，這些可以重復(fù)使用的元素包括從外部導(dǎo)入的圖像和聲音，以及創(chuàng)建的圖形元件、按鈕元件和影片剪輯元件。庫(kù)是存放素材的地方，也是資源共享的場(chǎng)所。（1）公用庫(kù)執(zhí)行“窗口”→“公用庫(kù)”命令，可以打開(kāi)系統(tǒng)提供的公用庫(kù)，如圖6-1-14所示。公用庫(kù)中包括已經(jīng)設(shè)計(jì)并制作好的按鈕、學(xué)習(xí)交互，以及類的實(shí)例。用戶可以直接將公用庫(kù)中的元素拖動(dòng)到舞臺(tái)上使用，在舞臺(tái)上正在使用的公用庫(kù)中的元素會(huì)被自動(dòng)放置到“庫(kù)”面板中。圖6-1-14?打開(kāi)公用庫(kù)相關(guān)知識(shí)212三、庫(kù)（2）庫(kù)每個(gè)Flash文件都含有一個(gè)元件庫(kù)，用于存放動(dòng)畫(huà)中的元件、圖片、聲音和視頻等文件，在動(dòng)畫(huà)制作過(guò)程中需要的素材可以直接導(dǎo)入到庫(kù)中備用。由于每個(gè)動(dòng)畫(huà)使用的素材和元件不同，“庫(kù)”面板中的內(nèi)容也不相同。在“庫(kù)”面板中選中一個(gè)元件時(shí)，在預(yù)覽窗口中將顯示該元件的內(nèi)容，如圖6-1-15所示。圖6-1-15?庫(kù)的預(yù)覽窗口相關(guān)知識(shí)213三、庫(kù)2.?管理庫(kù)在制作大文件時(shí)，庫(kù)中的元件會(huì)越來(lái)越多，因而會(huì)顯得雜亂無(wú)章，這時(shí)需要對(duì)庫(kù)資源進(jìn)行管理?！皫?kù)”面板中有許多命令按鈕，利用這些命令按鈕可以管理庫(kù)資源。（1）“新建元件”按鈕：?jiǎn)螕粼摪粹o，將打開(kāi)“創(chuàng)建新元件”對(duì)話框。（2）“新建文件夾”按鈕：?jiǎn)螕粼摪粹o，將創(chuàng)建一個(gè)文件夾，可以把相關(guān)的元件放在同一個(gè)文件夾中。相關(guān)知識(shí)214三、庫(kù)（3）“屬性”按鈕

：?jiǎn)螕粼摪粹o，將打開(kāi)“元件屬性”對(duì)話框，如圖6-1-16所示。在該對(duì)話框中可以對(duì)元件的名稱、類型及內(nèi)容進(jìn)行編輯和修改。圖6-1-16?“元件屬性”對(duì)話框相關(guān)知識(shí)215三、庫(kù)（4）“刪除”按鈕

：?jiǎn)螕粼摪粹o，將“庫(kù)”面板中選中的元件或文件夾刪除。（5）“切換排序順序”按鈕

：?jiǎn)螕粼摪粹o，使“庫(kù)”面板中元件的排列順序顛倒。（6）“寬庫(kù)視圖”按鈕

：?jiǎn)螕粼摪粹o，展寬“庫(kù)”面板，顯示出各元件的名稱、類型和使用次數(shù)等內(nèi)容。（7）“窄庫(kù)視圖”按鈕

：?jiǎn)螕粼摪粹o，使展開(kāi)的“庫(kù)”面板變窄，減小其在屏幕上占用的空間。216任務(wù)二

制作春節(jié)賀卡學(xué)習(xí)目標(biāo)掌握按鈕元件的制作和應(yīng)用技巧掌握多場(chǎng)景動(dòng)畫(huà)的制作技巧，能綜合應(yīng)用動(dòng)畫(huà)技術(shù)制作電子賀卡217任務(wù)描述218本任務(wù)是綜合應(yīng)用動(dòng)畫(huà)技術(shù)制作春節(jié)賀卡，效果如圖6-2-1所示。要完成本任務(wù)，除了熟練掌握按鈕元件、實(shí)例和庫(kù)的應(yīng)用技巧外，還要掌握多場(chǎng)景動(dòng)畫(huà)的制作技巧。圖6-2-1?春節(jié)賀卡效果圖相關(guān)知識(shí)219一、按鈕元件1.?按鈕元件的作用和時(shí)間軸按鈕元件用于創(chuàng)建交互式控制按鈕，其可以感知并響應(yīng)鼠標(biāo)的動(dòng)作。按鈕元件的時(shí)間軸上有四幀，分別為“彈起”“指針經(jīng)過(guò)”“按下”和“點(diǎn)擊”，它們的作用如下。（1）彈起：鼠標(biāo)指針沒(méi)有移到按鈕上時(shí)按鈕的狀態(tài)。（2）指針經(jīng)過(guò)：鼠標(biāo)指針移到按鈕上時(shí)按鈕的狀態(tài)。（3）按下：鼠標(biāo)單擊按鈕時(shí)按鈕的狀態(tài)。（4）點(diǎn)擊：鼠標(biāo)事件的響應(yīng)范圍。如果按鈕沒(méi)有設(shè)置“點(diǎn)擊”狀態(tài)的區(qū)域，鼠標(biāo)事件的響應(yīng)范圍應(yīng)該由“彈起”狀態(tài)的按鈕外觀區(qū)域決定?！包c(diǎn)擊”幀的圖形不會(huì)在影片中顯示。相關(guān)知識(shí)220一、按鈕元件按鈕元件與影片剪輯元件一樣可以設(shè)置實(shí)例名稱，以便在程序中進(jìn)行調(diào)用；可以通過(guò)“屬性”面板中的顏色選項(xiàng)對(duì)其亮度、色調(diào)和透明度進(jìn)行設(shè)置。按鈕元件可以嵌套在影片剪輯元件和圖形元件中，也可以包含文件和聲音。按鈕元件與影片剪輯元件的不同之處在于其語(yǔ)句不能加在按鈕元件的時(shí)間軸上。相關(guān)知識(shí)221一、按鈕元件2.?創(chuàng)建按鈕方法一：使用公用庫(kù)中的按鈕，操作步驟如下。執(zhí)行“窗口”→“公用庫(kù)”→“按鈕”命令，打開(kāi)“庫(kù)-Buttons”窗口，選擇一個(gè)按鈕并將其拖動(dòng)到舞臺(tái)中，即可完