《Flash動畫設計與制作（第3版）》中職全套教學課件

Flash動畫設計與制作（第三版）全套可編輯PPT課件目錄項目一項目二項目三項目四項目五圖形繪制逐幀動畫制作補間動畫制作引導層動畫制作遮罩動畫制作項目六項目七項目八項目九項目十電子賀卡制作網站應用MTV制作游戲制作動畫短片制作Flash動畫設計與制作（第三版）3全套可編輯PPT課件項目一

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

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

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

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

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

，從彈出的面板中選擇“多角星形工具”。單擊多角星形工具“屬性”面板中的“選項”按鈕，在彈出的“工具設置”對話框中可以設置繪制的樣式、邊數和星形頂點大小。多角星形工具的“屬性”面板和“工具設置”對話框分別如圖1-2-7和圖1-2-8所示。圖1-2-7?多角星形工具的“屬性”面板圖1-2-8?“工具設置”對話框相關知識40二、常用工具介紹3.?任意變形工具任意變形工具用于縮放、旋轉、傾斜、扭曲對象以及修改對象封套。單擊工具箱中的“任意變形工具”按鈕，對象周圍會出現(xiàn)控點，拖動控點可改變圖形大小，如圖1-2-9所示。在工具箱下方，F(xiàn)lash設置了“旋轉與傾斜”“縮放”“扭曲”“封套”四種變形模式供用戶選擇，如圖1-2-10所示。圖1-2-9?對象周圍控點圖1-2-10?任意變形工具的變形模式相關知識41二、常用工具介紹（1）旋轉與傾斜：單擊“旋轉與傾斜”按鈕，將鼠標指針放在邊角控點上，按住鼠標左鍵并拖動可旋轉對象，將鼠標指針放在任一邊緣控點上按住鼠標左鍵并拖動可傾斜對象，如圖1-2-11和圖1-2-12所示。圖1-2-11

旋轉對象圖1-2-12?傾斜對象相關知識42二、常用工具介紹（2）縮放：單擊“縮放”按鈕，按住鼠標左鍵并拖動控點可改變對象的大小，如圖1-2-13所示。圖1-2-13?縮放對象相關知識43二、常用工具介紹（3）扭曲：單擊“扭曲”按鈕，按住鼠標左鍵并拖動角控點或邊控點可扭曲對象，如圖1-2-14所示。圖1-2-14?扭曲對象相關知識44二、常用工具介紹（4）封套：單擊“封套”按鈕，按住鼠標左鍵并拖動控點和控制手柄可修改對象封套，如圖1-2-15所示。圖1-2-15?修改對象封套相關知識45二、常用工具介紹4.?線條工具線條工具用于繪制各種樣式的線條。按住“Shift”鍵，可以繪制水平、垂直或傾斜（以45°為增量）的直線。46任務三

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

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

：選擇刪除錨點工具，在需要刪除錨點的位置單擊，即可刪除錨點，如圖1-3-6所示。（3）轉換錨點工具

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

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

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

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

逐幀動畫制作67項目二

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

逐幀動畫制作70任務一

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

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

b）關鍵幀之間間隔普通幀a）b）相關知識86逐幀動畫包含許多相互獨立的關鍵幀，每一幀都代表一個畫面，后一幀相對于前一幀都有一些細微的變化。當移動時間軸上的播放頭或播放動畫時，播放頭依次通過每個關鍵幀，讓每個畫面依次展現(xiàn)在舞臺中，觀察者就會產生“對象在運動”的錯覺。87任務三

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

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

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

補間動畫制作103項目三

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

補間動畫制作106任務一

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

制作七十二變動畫學習目標能熟練制作形狀補間動畫掌握添加形狀提示的方法和技巧，能通過添加形狀提示控制變形過程115任務描述116本任務是一個簡單的形狀補間動畫制作實例，主要實現(xiàn)孫悟空變桃、桃變魚和魚變小廟的過程，如圖3-2-1所示。要完成本任務，除了掌握形狀補間動畫的制作方法外，還要學會使用形狀提示來調整形狀變化。圖3-2-1?七十二變動畫效果圖a）孫悟空

b）變桃

c）變魚

d）變小廟a）b）任務描述117c）d）圖3-2-1?七十二變動畫效果圖a）孫悟空

b）變桃

c）變魚

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

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

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

引導層動畫制作139項目四

引導層動畫制作140

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

引導層動畫制作142任務一

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

。引導層中的引導線是一個開放的路徑，可用鋼筆工具

、鉛筆工具

或線條工具

繪制。如果使用橢圓工具

或矩形工具

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

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

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

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

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

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

制作浩瀚星空動畫學習目標161掌握閉合路徑引導動畫的制作方法和技巧，能制作閉合路徑引導動畫深入理解引導層動畫的制作原理任務描述162本任務是一個引導層動畫制作實例，主要通過添加運動引導層來實現(xiàn)月球繞地球、地球繞太陽旋轉的效果，如圖4-4-1所示。要完成本任務，除了掌握實現(xiàn)圓形運動路徑的方法外，還要進一步掌握引導層動畫的制作方法和技巧。圖4-4-1?浩瀚星空動畫效果圖相關知識163在制作引導層動畫時，引導線只能是開放路徑，不能是閉合路徑。因此，要制作圓形或方形等閉合路徑的引導層動畫時，需要采用一定的處理方法。例如，在本例中當月球圍繞地球旋轉時，將圓形路徑擦除一小部分，因為擦除的部分相對于整個路徑較小，所以播放時畫面不會受到太大的影響。當地球圍繞太陽旋轉時，將圓形路徑切割成兩部分，即上、下兩個半圓形路徑，這樣就可以做引導層動畫了。謝謝觀看164Flash動畫設計與制作（第三版）165項目五

遮罩動畫制作166項目五

遮罩動畫制作167

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

遮罩動畫制作169任務一

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

變?yōu)?/p>

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

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

制作放大鏡動畫學習目標熟悉遮罩動畫中可以使用的動畫類型掌握遮罩層運動的遮罩動畫的制作方法和技巧，能制作簡單的遮罩動畫177任務描述178本任務是一個遮罩動畫制作實例，遮罩層中的鏡片在舞臺上移動，透過鏡片的形狀可觀看被遮罩層中被放大后的文字，效果如圖5-2-1所示。要完成本任務，除了進一步理解遮罩層和被遮罩層的概念及遮罩動畫的原理外，還要熟悉遮罩動畫中的動畫類型，熟練掌握遮罩動畫的制作方法和技巧。圖5-2-1?放大鏡動畫效果圖179任務三

制作心為你動動畫學習目標進一步熟悉遮罩動畫的基本原理掌握遮罩層和被遮罩層同時運動的遮罩動畫的制作方法和技巧，能熟練制作遮罩動畫180任務描述181本任務是一個基本的遮罩動畫制作實例，動畫中給兩個反向旋轉的線條組合制作遮罩，以形成閃動的效果，如圖5-3-1所示。要完成本任務，除了進一步理解遮罩動畫的基本原理外，還要熟練掌握遮罩動畫的制作方法和技巧。圖5-3-1?心為你動動畫效果圖相關知識182遮罩動畫一般有以下三種基本形式。1.遮罩層是靜止的，被遮罩層是運動的。如項目五任務1制作春暖花開動畫中的動畫效果。2.遮罩層是運動的，被遮罩層是靜止的。如項目五任務2制作放大鏡動畫中的動畫效果。3.遮罩層和被遮罩層都是運動的。本任務將采用這種形式來制作動畫效果。183任務四

制作飛流直下動畫學習目標掌握多層遮罩動畫疊加的制作方法和技巧，能熟練制作多層遮罩動畫掌握調整遮罩層形狀與被遮罩物體之間關系的方法184任務描述185本任務是一個綜合的遮罩動畫制作實例，動畫中將瀑布和溪水分成兩部分，分別添加了遮罩動畫，生成水流動的動畫效果，再加上鴨子們在水上游動，組成“潺潺流水、鴨游溪上”的美好畫面，如圖5-4-1所示。要完成本任務，除了進一步熟練掌握遮罩動畫的制作方法和技巧外，還要掌握遮罩動畫與其他形式動畫相融合的制作方法。圖5-4-1?飛流直下動畫效果圖相關知識186在較為復雜的動畫制作實例中，遮罩動畫可與其他形式的動畫結合使用，只要熟練掌握各種動畫的制作方法，再結合元件操作和圖層操作，就可以制作出各種形象、生動的動畫效果。應用遮罩動畫時要注意：并非所有的可顯示對象都可以在遮罩層中產生孔，并使被遮罩層中的對象透過來。例如，使用線條工具

、鉛筆工具

、鋼筆工具

和墨水瓶工具

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

電子賀卡制作189項目六

電子賀卡制作190

前五個項目側重介紹Flash動畫基本制作技巧，從本項目開始，將側重介紹應用技巧。Flash可以采用多場景的形式制作各式各樣的賀卡，本項目以兒童節(jié)賀卡和春節(jié)賀卡為例，介紹元件、實例、庫，以及多場景動畫的制作等。任務1制作兒童節(jié)賀卡任務2制作春節(jié)賀卡191項目六

電子賀卡制作192任務一

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

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

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

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

，彈出圖6-1-13所示的“交換元件”對話框。圖6-1-13?“交換元件”對話框相關知識210二、實例2）在“交換元件”對話框中，選擇一個元件來替換當前實例的元件。若要直接復制選定的元件，可單擊對話框底部的“直接復制元件”按鈕

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

：單擊該按鈕，將打開“元件屬性”對話框，如圖6-1-16所示。在該對話框中可以對元件的名稱、類型及內容進行編輯和修改。圖6-1-16?“元件屬性”對話框相關知識215三、庫（4）“刪除”按鈕

：單擊該按鈕，將“庫”面板中選中的元件或文件夾刪除。（5）“切換排序順序”按鈕

：單擊該按鈕，使“庫”面板中元件的排列順序顛倒。（6）“寬庫視圖”按鈕

：單擊該按鈕，展寬“庫”面板，顯示出各元件的名稱、類型和使用次數等內容。（7）“窄庫視圖”按鈕

：單擊該按鈕，使展開的“庫”面板變窄，減小其在屏幕上占用的空間。216任務二

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