Flash動畫設(shè)計與制作（FlashCS6中文版）中職PPT完整全套教學課件

模塊1Flash

CS6

基礎(chǔ)知識FlashCS6的基礎(chǔ)知識Flash工具的使用Flash對象的操作時間軸、圖層和幀元件、庫和濾鏡創(chuàng)建動畫動畫的后期制作ActionScript應(yīng)用基礎(chǔ)綜合實戰(zhàn)案例全套可編輯PPT課件1.1認識Flash動畫的特點與應(yīng)用1.2認識FlashCS6的工作界面1.3掌握FlashCS6的基本操作目錄CONTENT知識目標了解FlashCS6動畫的特點與應(yīng)用。

熟悉FlashCS6的工作界面。技能目標

掌握設(shè)置

Flash

CS6

工作環(huán)境的方法。

熟悉打開、新建、保存、關(guān)閉Flash文檔等基本操作。1.1認識Flash動畫的特點與應(yīng)用1.1.1了解Flash動畫的特點Flash動畫具有交互性,能更好地滿足用戶需要。動畫體積小支持流式下載。支持視頻、音頻文件導入。支持多種圖像格式文件的導入。(1)(3)(5)(2)(4)1.1.2了解Flash動畫的應(yīng)用1.動態(tài)網(wǎng)站設(shè)計

許多網(wǎng)站設(shè)計人員使用Flash設(shè)計用戶界面,如圖1-1所示。它可以是簡單的導航欄,也可以是復(fù)雜的界面。使用Flash制作的網(wǎng)頁效果絢爛,有獨特的創(chuàng)意,能給用戶帶來強烈的視覺享受。1.1.2了解Flash動畫的應(yīng)用2.制作宣傳動畫

利用Flash制作的視頻格式簡稱FLV,是一種流媒體格式,其因體積小、運行速度快而在網(wǎng)絡(luò)上盛行,圖1-2所示為Flash制作的消防宣傳動畫。1.1.2了解Flash動畫的應(yīng)用3.制作教學課件

利用Flash制作的課件能生動、形象地展示教學內(nèi)容,提高學生的學習興趣,而且體積小,運行速度快,具有良好的跨平臺性,對于運行環(huán)境沒有特殊的要求。圖1-3所示為利用Flash制作的載人航天教學課件。1.1.2了解Flash動畫的應(yīng)用4.制作小游戲

利用Flash可以制作出非常炫酷的交互式效果,Flash小游戲無需下載客戶端,體積小,玩起來方便、快捷,圖1-4所示為利用Flash制作的一款小游戲。1.2認識FlashCS6的工作界面1.2認識FlashCS6的工作界面

使用FlashCS6制作動畫,首先要熟悉FlashCS6的工作界面。打開FlashCS6軟件,彈出圖1-5所示的FlashCS6啟動界面。1.2認識FlashCS6的工作界面

單擊“新建”選項組中的“Flash項目”按鈕,在彈出的對話框中輸入項目名稱,選擇根文件夾的地址,單擊“創(chuàng)建項目”按鈕,即可創(chuàng)建一個Flash項目,如圖1-6所示。1.2認識FlashCS6的工作界面

如圖1-7所示,單擊“新建文件”按鈕,在彈出的“創(chuàng)建文件”對話框中輸入“文件名”,并選擇“創(chuàng)建后打開文件”復(fù)選框,單擊“創(chuàng)建文件”按鈕,如圖1-8所示。1.2認識FlashCS6的工作界面

進入FlashCS6工作界面,如圖1-9所示。FlashCS6的工作界面主要由菜單欄、標題欄、舞臺、工具箱、“時間軸”面板、“屬性”面板等組成。1.2.1認識FlashCS6的菜單欄和工具箱1.菜單欄

FlashCS6的菜單欄中共有11個菜單,分別是“文件”“編輯”“視圖”“插入”“修改”“文本”“命令”“控制”“調(diào)試”“窗口”和“幫助”菜單?！盎竟δ堋毕吕斜砜騽t為用戶提供不同模式下的工作區(qū):動畫、傳統(tǒng)、調(diào)試、設(shè)計人員、開發(fā)人員和基本功能。2.工具箱

FlashCS6的工具箱提供了用于制作動畫的各種工具,執(zhí)行“窗口”→“工具”命令或按“Ctrl+F2”組合鍵,打開工具箱,如圖1-10所示。1.2.1認識FlashCS6的菜單欄和工具箱2.場景

場景主要用于組織動畫內(nèi)容,即用戶可以根據(jù)動畫的內(nèi)容進行場景的編排,這類似于電影拍攝中所使用到的場景概念。將該SWF文件編譯后,其行為好像是使用一個場景創(chuàng)建了該FLA文件。如圖1-11所示。1.2.1認識FlashCS6的菜單欄和工具箱3.“時間軸”

面板Flash利用時間軸安排動畫的播放?！皶r間軸”面板上顯示了圖層、幀、幀頻、動畫播放的時間,如圖1-12所示?！皶r間軸”面板分為圖層控制區(qū)和時間線控制區(qū)兩大部分。關(guān)于“時間軸”面板,將在模塊4中進行詳細介紹。1.3掌握

Flash

CS6

的基本操作1.3.1新建Flash文檔(1)啟動FlashCS6軟件后,單擊“項目”按鈕,如圖1-13所示,在彈出的“項目”面板中單擊“新建文件”按鈕,即可創(chuàng)建一個新的Flash文檔。(2)執(zhí)行“文件”→“新建”命令,或按“Ctrl+N”組合鍵,新建一個空白文檔。圖1-13單擊“項目”按鈕1.3.2保存和關(guān)閉Flash文檔

在Flash中不僅可以將文件保存為一般的Flash文件,還可以將其保存為壓縮的Flash文件和模板。1.3.2保存和關(guān)閉Flash文檔1.保存文檔

執(zhí)行“文件”→“另存為”命令,在彈出的對話框中選擇保存位置?；蛑苯影础癈trl+S”組合鍵,即可保存文檔,如圖1-14所示。1.3.2保存和關(guān)閉Flash文檔2.保存為模板

執(zhí)行“文件”→“另存為模板”命令,在彈出的“另存為模板”對話框中輸入“名稱”和“類別”,單擊“保存”按鈕,如圖1-15所示。1.3.2保存和關(guān)閉Flash文檔3.關(guān)閉文檔

執(zhí)行“文件”→“關(guān)閉”命令或單擊工作界面右上角的“關(guān)閉”按鈕即可關(guān)閉文件。當用戶打開了多個文檔時,執(zhí)行“文件”→“全部關(guān)閉”命令,可以關(guān)閉所有文檔,如圖1-16所示。1.3.3打開Flash文檔1.打開文檔

打開文檔的操作方法有以下兩種:(1)執(zhí)行“文件”→“打開”命令,彈出“打開”對話框,選擇文件,單擊“打開”按鈕即可。(2)執(zhí)行“文件”→“打開最近的文件”命令,在彈出的子菜單中選擇文件即可打開,如圖1-17所示。1.3.3打開Flash文檔2.設(shè)置文檔屬性

修改文檔的畫布大小、舞臺背景、頻幀等屬性時,可以在“屬性”面板中完成。展開“屬性”面板中的“屬性”組,選擇相應(yīng)的屬性即可進行設(shè)置,如圖1-18所示。1.3.3打開Flash文檔(1)“大小”屬性。此屬性用來更改舞臺畫布的大小。(2)“舞臺”屬性。此屬性用來設(shè)置舞臺畫布的顏色。(3)幀頻(FPS)屬性。默認為24fps,即每秒播放24幀,標準的運動圖像幀頻是24fps。1.3.3打開Flash文檔

單擊形狀像扳手的按鈕,彈出“文檔設(shè)置”對話框,如圖1-19所示,在該對話框中除了可以對上述文檔的屬性進行設(shè)置外,還可以對“標尺單位”進行設(shè)置。習題一、簡答題(1)簡述FlashCS6的應(yīng)用領(lǐng)域。(2)如何新建一個Flash文檔?二、操作題(1)熟悉FlashCS6工作界面的各個組成部分。(2)新建一個Flash文檔,設(shè)置文檔尺寸為300像素×250像素,背景顏色為藍色。謝

謝

觀

看模塊2

Flash

工具的使用2.1認識矢量圖和位圖2.2繪圖工具的使用2.3填充工具的使用2.4查看工具的使用目錄CONTENT知識目標了解矢量圖和位圖的概念。技能目標

掌握繪圖工具、填充工具和查看工具的使用。2.1認識矢量圖和位圖2.1認識矢量圖和位圖

圖形通常是指由圖形處理器運算生成的幾何圖形或幾何圖形的集合,是由外部輪廓線條構(gòu)成的矢量圖,包括計算機繪制的直線、圓、矩形等;圖像是指由掃描儀、攝像機等輸入設(shè)備捕捉實際的畫面產(chǎn)生的數(shù)字圖像,是由像素點陣構(gòu)成的位圖。2.1認識矢量圖和位圖

位圖又稱為點陣圖,由很多像素點組成,其清晰度和像素點的多少有關(guān)。在放大到一定程度時會發(fā)現(xiàn)位圖是由一個個小方格組成的,這些小方格被稱為像素點,像素是圖像中最小的圖像元素,放大后會失真,如圖2-1所示。2.1認識矢量圖和位圖

矢量圖又稱向量圖,是使用一系列計算機指令來描述和記錄的一幅圖,一幅圖可以分解為點、線、面,記錄的是對象的幾何形狀、線條粗細和色彩,無論放大多少倍,仍然是清晰的,如圖2-2所示。2.2繪圖工具的使用

選擇鋼筆工具,快捷鍵為P,將鋼筆工具定位在直線段的起始點并單擊,定義第一個錨點,如果出現(xiàn)方向線,意外拖動了鋼筆工具,則可執(zhí)行“編輯”→“撤銷”命令,然后再次單擊。

在想要該線段結(jié)束的位置再次單擊(按住“Shift”鍵的同時單擊,可將該線段的角度限制為45°角的倍數(shù))。(1)(2)2.2.1鋼筆工具的使用1.使用鋼筆工具繪制直線

(3)繼續(xù)單擊,創(chuàng)建其他線段,如圖2-3所示。(4)若要以開放或閉合形狀完成此路徑,執(zhí)行下列操作之一:若要完成一條開放路徑,雙擊最后一個點,或單擊工具箱中的鋼筆工具,或按住“Ctrl”鍵并單擊路徑外的任意位置;若要閉合路徑,將鋼筆工具定位在第一個錨點上,當位置正確時,鋼筆工具指針旁邊將出現(xiàn)一個小圓圈,此時單擊或拖動鼠標可以閉合路徑,如圖2-4所示。2.2.1鋼筆工具的使用2.使用鋼筆工具繪制曲線(1)選擇鋼筆工具。在舞臺上曲線開始的位置單擊,然后按住鼠標左鍵,此時出現(xiàn)第一個定位點,鼠標指針也由鋼筆形狀變成了箭頭形狀,如圖2-5所示。2.2.1鋼筆工具的使用(2)按需要的曲線方向拖動鼠標,按住“Shift”鍵將限制線條方向為45°角的倍數(shù)。在拖動時出現(xiàn)曲線的正切調(diào)整柄。(3)釋放鼠標左鍵。正切調(diào)整柄的弧度和長度決定了曲線的形狀,用戶可以通過移動調(diào)整柄來修改曲線。2.2.1鋼筆工具的使用(4)在需要曲線結(jié)束時,按住鼠標左鍵,然后拖動到相反方向結(jié)束線段。按住“Shift”鍵將限制線條方向為45°角的倍數(shù),如圖2-6所示。3.鋼筆的幾種工作狀態(tài)2.2.1鋼筆工具的使用(1)初始錨點指針

:選中鋼筆工具后看到的第一個指針。(3)添加錨點指針

:指示下一次單擊時向現(xiàn)有路徑添加一個錨點,若要添加錨點,必須選擇路徑,且鋼筆工具不能位于現(xiàn)有錨點的上方。(2)連續(xù)錨點指針

:指示下一次單擊時將創(chuàng)建一個錨點,并用一條直線與前一個錨點相連接。(4)刪除錨點指針

:指示下一次在現(xiàn)有路徑上單擊時將刪除一個錨點。(7)回縮貝塞爾手柄指針:當鼠標指針位于顯示其貝塞爾手柄的錨點上方時顯示此指針。(5)連續(xù)路徑指針

:從現(xiàn)有錨點擴展新路徑。(8)轉(zhuǎn)換錨點指針

:將不帶方向線的轉(zhuǎn)角點轉(zhuǎn)換為帶有獨立方向線的轉(zhuǎn)角點。(6)閉合路徑針

:在正繪制的路徑的起始點處閉合路徑。2.2.1鋼筆工具的使用4.添加或刪除錨點

添加錨點可以更好地控制路徑,也可以拓展開放路徑。添加或刪除錨點的方法如下:選擇要修改的路徑。在鋼筆工具上單擊并按住鼠標左鍵,然后選擇添加錨點工具或刪除錨點工具。若要添加錨點,將指針定位到路徑端上,然后單擊;若要刪除錨點,將指針定位到錨點上,然后單擊。2.2.1鋼筆工具的使用5.調(diào)整路徑上的錨點

在使用鋼筆工具繪制曲線時,將創(chuàng)建平滑點,此時可以將平滑點轉(zhuǎn)換為轉(zhuǎn)角點,如圖2-7所示。在繪制直線段或連接到曲線段的直線時,將創(chuàng)建轉(zhuǎn)角點,此時也可以將轉(zhuǎn)角點轉(zhuǎn)換為平滑點,如圖2-8所示。默認情況下,選定的平滑點顯示為空心圓圈,選定的轉(zhuǎn)角點顯示為空心正方形。2.2.1鋼筆工具的使用1.創(chuàng)建和編輯文本字段創(chuàng)建文本字段的操作步驟如下:(1)選擇文本工具,快捷鍵為T。執(zhí)行“窗口”→“屬性”命令,打開“屬性”面板,在文本類型下拉列表框中選擇一種文本類型,如圖2-9所示。2.2.2文本工具的使用2.2.2文本工具的使用動態(tài)文本:用于創(chuàng)建根據(jù)用戶指定的條件而變化的文本。靜態(tài)文本:用于創(chuàng)建一般的文本,如文檔中的標題、標簽或其他普通文本內(nèi)容。輸入文本:創(chuàng)建允許用戶與Flash應(yīng)用程序進行交互的文本。①②③(2)在文本類型右側(cè)的下拉列表框中可以選擇文本對應(yīng)的方向,默認為水平,如圖2-10所示。方向設(shè)置僅適用于靜態(tài)文本,當切換到動態(tài)或輸入文本時,該選項為灰色不可用狀態(tài)。2.2.2文本工具的使用

要創(chuàng)建在一行中顯示文本字段,在編輯狀態(tài)下雙擊文本框右下角的小矩形框,使其變成小圓圈即可將文本在一行中顯示,只要不按“Enter”鍵,輸入的文本是不會換行的;要創(chuàng)建定寬或定高的文本字段,將鼠標指針放在文本框的控制點上,將文本框調(diào)整到所需的高度或?qū)挾燃纯?如圖2-11所示。動畫小助手2.設(shè)置文本屬性

在FlashCS6中,用戶可以在“屬性”面板中設(shè)置字符格式,包括樣式、顏色、大小、段落屬性等,如圖2-12所示。2.2.2文本工具的使用

(1)選擇線條工具,快捷鍵為N。(2)執(zhí)行“窗口”→“屬性”命令,打開圖2-13所示的“屬性”面板,根據(jù)需要進行相關(guān)設(shè)置。注意無法為線條工具設(shè)置填充色。2.2.3線條工具的使用2.2.3線條工具的使用

單擊工具箱中的對象繪制工具,以對象繪制模式繪制線條,即線條工具處于對象繪制模式,繪制的線條作為一個整體存在。

將鼠標指針定位在線條起始處,并將其拖動到線條結(jié)束處,若要將線條的角度限制為45°角的倍數(shù),則按住“Shift”鍵并拖動鼠標。(3)(4)

可以看到矩形工具圖標右下角有一個下拉按鈕,在該按鈕上按住鼠標左鍵不放可以打開該按鈕的下拉菜單,在其中可以選擇矩形工具、橢圓工具、基本矩形工具、基本橢圓工具和多角星形工具,如圖2-14所示。2.2.4矩形工具的使用1.矩形工具和基本矩形工具

使用矩形工具可繪制有填充色或無填充色的矩形,選擇矩形工具后,拖動鼠標即可繪制矩形,在拖動鼠標的同時按住“Shift”鍵可以繪制正方形。選擇矩形工具時,在“屬性”面板中顯示矩形屬性,如圖2-15所示,可以調(diào)整4個角的弧度。2.2.4矩形工具的使用2.橢圓工具和基本橢圓工具

橢圓工具和基本橢圓工具,與矩形工具和基本矩形工具的用法類似,選擇工具后,拖動鼠標即可。繪制橢圓的同時按住“Shift”鍵可以繪制正圓,如圖2-16所示。2.2.4矩形工具的使用3.多角星形工具

利用多角星形工具可以繪制多邊形和多角形,如果直接選擇多角星形工具,在舞臺上繪制的是五邊形,要想繪制不同的多邊形,可單擊“屬性”面板的“工具設(shè)置”選項組中的“選項”按鈕,打開“工具設(shè)置”對話框,在對話框中可以設(shè)置樣式、邊數(shù)以及星形頂點大小,如圖2-17所示。2.2.4矩形工具的使用2.2.5鉛筆工具的使用

若要繪制線條和形狀,還可以使用鉛筆工具,繪畫的方式與使用真實鉛筆大致相同。

如果要在繪畫時使線條平滑或伸直線條和形狀,需要為鉛筆工具選擇一種繪制模式。（1）（2）（3）選擇鉛筆工具,快捷鍵為Y。執(zhí)行“窗口”→“屬性”命令,打開“屬性”面板,然后選擇筆觸顏色、線條粗細和樣式。在工具箱中選擇一種繪制模式:2.2.5鉛筆工具的使用①

若要繪制直線,并將接近三角形、橢圓、圓形、矩形和正方形的形狀轉(zhuǎn)換為這些常見的規(guī)則的幾何形狀,選擇“伸直”。②

若要繪制平滑曲線,選擇“平滑”。③

若要繪制不用修改的手畫線條,選擇“墨水”。2.2.5鉛筆工具的使用

選中橡皮擦工具,快捷鍵為E,拖動鼠標可以擦除一些不需要的線條或填充區(qū)域。在使用橡皮擦工具時,可以通過“橡皮擦形狀”來設(shè)置橡皮擦的大小和形狀;通過“橡皮擦的模式”可以設(shè)置橡皮擦的擦除模式,如圖2-18所示。2.2.6橡皮擦工具的使用2.2.6橡皮擦工具的使用擦除填色:擦除填色區(qū)域內(nèi)的信息,邊框不能被擦除。標準擦除:凡橡皮擦經(jīng)過的地方都被擦除。擦除線條:專門用來擦除對象的邊框與輪廓。擦除內(nèi)部:擦除情況與起始點相關(guān)擦除所選填充:擦除選定區(qū)域內(nèi)的填充色。(1)(3)(5)(2)(4)橡皮擦的擦除模式有以下幾種:

橡皮擦還有一個附屬工具水龍頭,當要一次擦除某一線條或某一填充區(qū)域時,可以選擇水龍頭工具。圖2-19所示為使用水龍頭工具擦除了右邊三個多邊形內(nèi)部的填充顏色。2.2.6橡皮擦工具的使用2.3填充工具的使用

使用墨水瓶工具可以一次改變多個對象筆觸的顏色、寬度和款式等,墨水瓶工具只能用純色,而不能應(yīng)用漸變色或位圖圖像。(1)選擇工具箱中的墨水瓶工具,快捷鍵為S。在“屬性”面板的“填充和筆觸”選項組中設(shè)置筆觸的顏色、樣式和線寬等,如圖2-20所示。2.3.1墨水瓶工具的使用(2)設(shè)置好屬性后,直接用墨水瓶工具單擊對象的邊緣即可,圖2-21所示為使用墨水瓶工具填充對象邊緣的效果。2.3.1墨水瓶工具的使用

使用顏料桶工具可以用所選擇的顏色填充封閉區(qū)域,這個封閉區(qū)域可以是空白區(qū)域,也可以是有顏色的區(qū)域,可以使用此工具用純色、漸變色和位圖填充空白區(qū)域,更改已填充區(qū)域的顏色;填充不完全閉合的區(qū)域;填充形狀輪廓上有小空隙的圖形。2.3.2顏料桶工具的使用

使用顏料桶工具的方法如下:從工具箱中選擇顏料桶工具,快捷鍵為K,單擊工具箱中顏料桶右邊的色塊,在彈出的“拾色器”中選擇使用某種顏色填充,也可以執(zhí)行“窗口”→“顏色”命令,在打開的“顏色”面板中設(shè)置填充效果。在“類型”下拉列表中可以設(shè)置線性漸變或徑向漸變、純色或位圖填充,如圖2-22所示。2.3.2顏料桶工具的使用(1)

如果拾取的是線條,則自動跳到墨水瓶工具。(2）

如果拾取的是填充區(qū)域,則自動跳到顏料桶工具。（3）

在Flash中,位圖不經(jīng)打散就可以用來填充,這時使用滴管工具在位圖上吸取的是某一種顏色,而不是位圖圖形。2.3.3滴管工具的使用

選擇滴管工具,移動到要復(fù)制的筆觸或填充區(qū)域上單擊,如圖2-23所示,然后單擊其他筆觸或已填充區(qū)域,即可應(yīng)用復(fù)制的筆觸或填充,如圖2-24所示。2.3.3滴管工具的使用

Deco工具的快捷鍵為U,選擇Deco工具后,在“屬性”面板的“繪制效果”選項組的下拉列表框中選擇填充效果,如圖2-25所示。2.3.4Deco工具的使用

(1)藤蔓式填充。選擇“藤蔓式填充”后,單擊拾色器,為“葉”和“花”選擇一種顏色,然后單擊舞臺任意位置,將使用藤蔓圖案填充單擊的區(qū)域,直至延伸到邊界。還可以用已經(jīng)制作好的元件來替換“花”和“葉”,圖2-26所示為藤蔓式填充的效果。2.3.4Deco工具的使用(2)網(wǎng)格填充。選擇“網(wǎng)格填充”后,單擊拾色器,為網(wǎng)格選擇一種顏色,然后單擊舞臺任意位置。如圖2-27所示。2.3.4Deco工具的使用(3)對稱刷子。選擇“對稱刷子”后,舞臺中將顯示一組特定角度的手柄,然后單擊舞臺任意位置,將為對象添加一個默認形狀。拖動兩個手柄中較短那個手柄末端的小圓圈,可以增減形狀數(shù)量;以相同方式拖動較長手柄末端的小圓圈,會使整個對稱旋轉(zhuǎn)。圖2-28所示為對稱刷子的填充效果。2.3.4Deco工具的使用(4)3D刷子和建筑物刷子。選擇“3D刷子”后,單擊“屬性”面板中的“高級選項”組,在彈出的下拉列表中可以選擇建筑物的樣式。拖動鼠標從下向上移動即可填充建筑物,圖2-29所示為建筑物刷子的填充效果。2.3.4Deco工具的使用2.4查看工具的使用

手形工具的主要作用是任意移動編輯區(qū),便于查看編輯區(qū)或編輯區(qū)以外的區(qū)域。雙擊手形工具,可以使編輯區(qū)最大化居中顯示。2.縮放工具

單擊縮放工具,快捷鍵為M,工具箱下方出現(xiàn)放大工具和縮小工具,用來放大或縮小工作區(qū)。按“Alt”鍵可以在放大工具和縮小工具之間切換,雙擊縮放工具,可以使場景按100%顯示。2.4查看工具的使用1.手形工具繪制五角星圖形

利用線條工具和其他工具繪制五角星圖形,效果如圖2-30所示。案例

①新建一個Flash文檔,設(shè)置其文檔大小為550像素×400像素,背景為黑色,執(zhí)行“文件”→“保存”命令,在打開的“另存為”對話框中設(shè)置“文件名”為“五角星”,然后單擊“保存”按鈕。

②在舞臺上使用線條工具繪制一條直線,為保證線條不變形,繪制的同時按住“Shift”鍵,然后選中直線。案例實現(xiàn)本例效果的方法有以下兩種:(1)第一種方法的操作步驟如下:

③執(zhí)行“窗口”→“變形”命令,或按“Ctrl+T”組合鍵,打開“變形”面板,如圖2-31所示,選擇“旋轉(zhuǎn)”單選按鈕,并在文本框中輸入72,單擊右下角的“重制選區(qū)和變形”按鈕5次,得到圖2-32所示的效果。案例

④選擇線條工具,從任意點開始,把要間隔的5個頂點連起來,即可看到五角星的雛形,如圖2-33所示。刪除多余的線條,如圖2-34所示。案例

⑤根據(jù)高光和背光的原理,間隔地填充深黃色和淺黃色,最后刪除所有的邊框,即可得到圖2-30所示的效果圖。案例①②

新建一個Flash文檔,設(shè)置其文檔大小為550像素×400像素,背景為黑色,執(zhí)行“文件”→“保存”命令,在打開的“另存為”對話框中設(shè)置“文件名”為“五角星”,然后單擊“保存”按鈕。

在舞臺上使用線條工具繪制一條直線,為保證線條不變形,繪制的同時按住“Shift”鍵,然后選中直線。案例實現(xiàn)本例效果的方法有以下兩種:(1)第一種方法的操作步驟如下:

③執(zhí)行“窗口”→“變形”命令,或按“Ctrl+T”組合鍵,打開“變形”面板,如圖2-31所示,選擇“旋轉(zhuǎn)”單選按鈕,并在文本框中輸入72,單擊右下角的“重制選區(qū)和變形”按鈕5次,得到圖2-32所示的效果。案例④選擇線條工具,從任意點開始,把要間隔的5個頂點連起來,即可看到五角星的雛形,如圖2-33所示。刪除多余的線條,如圖2-34所示。⑤根據(jù)高光和背光的原理,間隔地填充深黃色和淺黃色,最后刪除所有的邊框,即可得到圖2-30所示的效果圖。案例(2)第二種方法的操作步驟如下:①同第一種方法的步驟①。②按住矩形工具不放,在彈出的下拉菜單中選擇多角星形工具,在“屬性”面板中單擊“選項”按鈕,在打開的“工具設(shè)置”對話框中進行設(shè)置,如圖2-35所示。在舞臺中繪制一個五角星輪廓,如圖2-36所示。案例③為了使五角星有立體感,即有高光和背光區(qū),按照第一種方法,將五角星中心的線連接起來,如圖2-37所示,間隔地填充深黃色和淺黃色,刪除所有的輪廓線,最終效果見圖2-30。案例第二種方法中為什么要將五角星中心的線連起來再刪除?思考與討論習題一、簡答題(1)矢量圖和位圖的區(qū)別是什么?(2)在FlashCS6中可以創(chuàng)建哪些類型的文本?分別應(yīng)用于哪些方面?二、操作題使用繪圖工具繪制一些簡單的圖形并填充顏色。謝

謝

觀

看模塊3

Flash對象的操作3.1對象的基本操作3.2變形對象3.3對齊、排列和組合對象目錄CONTENT知識目標熟悉選擇工具、部分選取工具和套索工具。技能目標掌握對象的選擇和移動、復(fù)制和刪除、撤銷和重做等基本操作。掌握對象的旋轉(zhuǎn)與傾斜、縮放、扭曲與封套、翻轉(zhuǎn)等變形操作。掌握對象的對齊與排列。3.1認識矢量圖和位圖

1.選擇對象

編輯對象之前,必須先選擇對象,選擇對象有多種方法,可以利用選擇工具、部分選取工具或套索工具來選擇對象。選擇工具箱中的選擇工具,單擊某個對象就可以選中該對象,如選擇填充、筆、觸、組、實例、位圖或文本塊。單擊矢量對象的筆觸,只能選擇一條邊線,如圖3-1所示。3.1.1選擇和移動對象雙擊對象的筆觸可以選擇相連的筆觸,如圖3-2所示。3.1.1選擇和移動對象單擊內(nèi)部可以選中內(nèi)部填充,如圖3-3所示。3.1.1選擇和移動對象如果要將內(nèi)部填充和外部筆觸一起選中,需要雙擊內(nèi)部填充,如圖3-4所示。3.1.1選擇和移動對象

2.移動對象

(1)使用選擇工具。選擇“選擇工具”后,將鼠標指針移動到所選對象中,當鼠標指針變?yōu)閳D3-5中所示的形狀時,拖動對象到適當位置后釋放鼠標左鍵即可。3.1.1選擇和移動對象

(2)使用方向鍵移動對象。選擇需要移動的一個或多個對象,按方向鍵,使所選對象移動1像素;同時按住“Shift”鍵和方向鍵可以使所選對象一次移動10像素。

(3)使用“屬性”面板移動對象。選擇需要移動的一個或多個對象,然后在“屬性”面板中輸入內(nèi)容左上角位置的X值和Y值,如圖3-6所示。3.1.1選擇和移動對象

使用菜單命令。選擇工具箱中的選擇工具,選中需要復(fù)制的對象,執(zhí)行“編輯”→“復(fù)制”命令,再執(zhí)行“輯”→“粘貼到中心位置”命令,將對象復(fù)制到舞臺的中心位置。

使用快捷鍵。選擇工具箱中的選擇工具,選中需要復(fù)制的對象,同時按住Ctrl鍵拖動對象,在舞臺的空白處釋放鼠標左鍵,即復(fù)制了對象。(1)(2)3.1.2復(fù)制和刪除對象1.復(fù)制對象

(3)使用“變形”面板。選擇工具箱中的選擇工具,選中需要復(fù)制的對象,然后執(zhí)行“窗口”→“變形”命令,打開“變形”面板,如圖3-7所示。3.1.2復(fù)制和刪除對象圖3-8所示為旋轉(zhuǎn)45°的正方形。3.1.2復(fù)制和刪除對象

使用菜單命令。選中對象后執(zhí)行“編輯”→“清除”命令,或執(zhí)行“編輯”→“剪切”命令,均可以刪除對象。

使用快捷鍵。選中對象后按“Delete”鍵或“Backspace”鍵,均可以刪除對象。(1)(2)3.1.2復(fù)制和刪除對象2.刪除對象

執(zhí)行“編輯”→“撤銷變形”(根據(jù)撤銷操作的不同,此命令會有所不同)命令。

使用“Ctrl+Z”組合鍵。使用對象層級撤銷時不能撤銷某些動作。(1)(2)3.1.3撤銷和重做對象1.撤銷對象

默認情況下,Flash的“撤銷”子菜單命令支持的撤銷層級數(shù)為100?？梢栽贔lash中執(zhí)行“編輯”→“首選參數(shù)”命令,在打開的“首選參數(shù)”對話框中選擇撤銷和重做的層級數(shù)(2~300),如圖3-9所示。3.1.3撤銷和重做對象

執(zhí)行“編輯”→“撤銷變形”(根據(jù)撤銷操作的不同,此命令會有所不同)命令。

使用“Ctrl+Z”組合鍵。使用對象層級撤銷時不能撤銷某些動作。(1)(2)3.1.3撤銷和重做對象2.重做對象

1.聯(lián)合執(zhí)行“

修改”→“合并對象”→“聯(lián)合”命令,刪除形狀上不可見的重疊部分,生成一個由聯(lián)合前形狀上所有可見部分組成的對象。聯(lián)合的效果如圖3-10所示。3.1.4合并對象

2.交集執(zhí)行

“修改”→“合并對象”→“交集”命令,刪除形狀上任何不重疊的部分,生成的形狀由交集前形狀的重疊部分組成。生成的形狀使用堆疊中最上面的形狀的填充和筆觸。交集的效果如圖3-11所示。3.1.4合并對象

3.打孔執(zhí)行

“修改”→“合并對象”→“打孔”命令,將刪除繪制對象中由最上面的對象所覆蓋的所有部分,并完全刪除最上面的對象。所得到的對象仍是獨立的,不會合并為單個對象。打孔效果如圖3-12所示。3.1.4合并對象

4.裁切

執(zhí)行“修改”→“合并對象”→“裁切”命令,使用一個繪制對象的輪廓裁切另一個繪制對象。裁切效果如圖3-13所示。3.1.4合并對象3.2變形對象

使用任意變形工具可以對選擇的對象進行旋轉(zhuǎn)與傾斜、縮放、扭曲與封套、翻轉(zhuǎn)等變形操作。選擇該工具后的選項區(qū)如圖3-14所示。3.2.1使用任意變形工具變形對象

1.旋轉(zhuǎn)與傾斜對象

選擇工具箱中的任意變形工具后單擊對象,對象周圍出現(xiàn)控制點,選擇旋轉(zhuǎn)與傾斜工具,將指針放在角手柄的外側(cè),然后拖動鼠標,所選內(nèi)容即可圍繞中間的變形點旋轉(zhuǎn)。若要圍繞對角旋轉(zhuǎn),則需按住“Alt”鍵并拖動鼠標,如圖3-15所示。3.2.1使用任意變形工具變形對象

傾斜對象是將選擇的對象沿著它的垂直軸或水平軸傾斜變形,選擇工具箱中的任意變形工具,在對象周圍出現(xiàn)8個控制點,選擇旋轉(zhuǎn)與傾斜工具,水平或垂直拖動鼠標,將對象進行傾斜,釋放鼠標左鍵即完成了對對象的傾斜操作,如圖3-16所示。3.2.1使用任意變形工具變形對象

選擇工具箱中的任意變形工具,再選擇縮放工具,選中場景中的對象后,對象周圍出現(xiàn)8個控制點。

將鼠標指針移到對象上、下兩側(cè)的控制點上,當鼠標指針變?yōu)樯舷路较虻碾p向箭頭時,按住鼠標左鍵并垂直拖動鼠標,可以將對象垂直放大或縮小。(1)(2)3.2.1使用任意變形工具變形對象2.縮放對象

將鼠標指針移到對象任意一個邊角的控制點上,當鼠標指針變?yōu)閮A斜方向的雙向箭頭時,按住鼠標左鍵并拖動鼠標,可以將對象在水平和垂直方向上等比例放大或縮小,如圖3-17所示。3.2.1使用任意變形工具變形對象3.扭曲與封套對象1)扭曲對象扭曲是改變所選對象的形狀。選中要變形的對象,選擇工具箱中的任意變形工具,再選擇扭曲工具,拖動對象邊框上的角手柄或邊手柄,移動該角或邊。拖動邊的中點可以將扭曲限制為錐化,即將該角和相鄰角沿相反方向移動相同距離,如圖3-18所示。3.2.1使用任意變形工具變形對象拖動角點,可以任意移動整個邊,如圖3-19所示。3.2.1使用任意變形工具變形對象“扭曲”不能改變元件、圖元形狀、位圖、視頻對象、聲音、漸變、對象組成文本。如果多項選區(qū)包含以上任意一項,則只能扭曲形狀對象。若要修改文本,則首先需要將字符轉(zhuǎn)換成形狀對象。動畫小助手

2)封套對象

封套可以通過改變對象周圍的切線手柄變形對象,使對象精確扭曲變形,如圖3-20所示。選中要變形的對象,選擇工具箱中的任意變形工具,再選擇封套工具。3.2.1使用任意變形工具變形對象

除了可以使用任意變形工具進行變形外,還可以在選中要變形的對象后執(zhí)行“修改”→“變形”命令,在彈出的子菜單中執(zhí)行相應(yīng)的變形操作命令,如圖3-21所示,對對象進行變形操作。3.2.2使用菜單命令變形對象3.3對齊、排列和組合對象

執(zhí)行“窗口”→“對齊”命令,或按“Ctrl+K”組合鍵,打開“對齊”面板,如圖3-22所示。3.3.1對齊對象3.3.1對齊對象(1)左對齊:使對象靠左端對齊。(3)右對齊:使對象靠右端對齊。(2)水平中齊:使對象沿垂直線居中對齊。(4)上對齊:使對象靠上端對齊。3.3.1對齊對象(7)頂部分布:使每個對象的上端在垂直方向上間距相等。(5)垂直中齊:使對象沿水平線居中對齊。(8)垂直居中分布:使每個對象的中心在水平方向上間距相等。(6)底對齊:使對象靠底端對齊。3.3.1對齊對象(11)水平居中分布:使每個對象的中心在垂直方向上間距相等。(9)底部分布:使每個對象的下端在水平方向上間距相等。(12)右側(cè)分布:使每個對象的右端在垂直方向上間距相等。(10)左側(cè)分布:使每個對象的左端在水平方向上間距相等。

(13)匹配寬度:以所選對象中最長的寬度為基準,在水平方向上等尺寸變形。例如,舞臺中有兩個大小不同的正方形,如圖3-23(a)所示,其中一個的寬、高均為100像素,另外一個的寬、高均為50像素,選擇工具箱中的選擇工具,同時選中兩個對象,打開“對齊”面板,單擊“匹配寬度”按鈕,使兩個對象的寬度同為100像素,如圖3-23(b)所示。3.3.1對齊對象3.3.1對齊對象(14)匹配高度:以所選對象中最長的高度為基準,在垂直方向上等尺寸變形。(16)垂直平均間隔:使各對象在垂直方向上間距相等。(15)匹配寬和高:以所選對象中最長和最寬的長度為基準,在水平和垂直方向上同時等尺寸變形。(17)水平平均間隔:使各對象在水平方向上間距相等。

(18)相對于舞臺:當按下該按鈕時,調(diào)整圖像的位置時將以整個舞臺為標準,使圖像相對于舞臺左對齊、右對齊或居中對齊。

除了使用“對齊”面板外,選中要對齊的對象后,還可以執(zhí)行“修改”→“對齊”命令,在彈出的子菜單中選擇對象的對齊方式,如圖3-24所示。3.3.1對齊對象①

執(zhí)行“修改”→“排列”→“移至頂層”或“移至底層”命令,可以將對象或組移動到層疊順序的最前面或最后面。

執(zhí)行“修改”→“排列”→“上移一層”或“下移一層”命令,可以將對象或組在層疊順序中向上或向下移動一個位置。③

如果選擇了多個組,這些組會移動到所有未選中的組的前面或后面,而這些組之間的相對順序保持不變。3.3.2排列對象3.3.3組合對象

組合對象的方法:將舞臺中需要組合在一起的對象全都選中,然后執(zhí)行“修改”→“組合”命令或按“Ctrl+G”組合鍵即可。

對于已組合的對象,可以使用部分選取工具對組合中的某個對象進行選取,然后將其從組合中分離出來單獨進行編輯。

如果要將組合對象解散,只需先使用選擇工具將目標組合對象選中,然后執(zhí)行“修改”→“取消組合”命令或按“Ctrl+Shift+G”組合鍵,如圖3-25所示。3.3.3組合對象制作中國結(jié)

本案例將制作一個中國結(jié),如圖3-26所示。本案例主要是練習合并對象、對齊對象等操作,通過本案例的制作,達到舉一反三的效果。案例

(1)執(zhí)行“文件”→“新建”命令,彈出“新建文檔”對話框,新建一個Flash文檔,在“屬性”面板的“屬性”選項組中設(shè)置大小為300像素,高度為300像素,其他設(shè)置保持默認。案例

(2)選擇工具箱中的矩形工具,設(shè)置其“屬性”面板上的筆觸顏色為無,填充顏色為#CC0000,繪制一個正方形,調(diào)整其寬度和高度均為100像素。如圖3-27所示。案例圖3-27兩個正方形對齊

(3)執(zhí)行“修改”→“合并對象”→“打孔”命令,得到一個方框組合路徑,如圖3-28所示。使用選擇工具單擊選中對象,執(zhí)行“窗口”→“變形”命令,在“變形”面板中設(shè)置旋轉(zhuǎn)的角度為45°,旋轉(zhuǎn)后的效果如圖3-29所示。案例圖3-29旋轉(zhuǎn)45°后的效果圖3-28正方形打孔后的效果(4)選擇工具箱中的橢圓工具,設(shè)置其“屬性”面板上的筆觸顏色為無,填充顏色為#CC0000,繪制一個橢圓,調(diào)整其寬度和高度均為60像素。使用同樣的方法繪制一個寬度和高度均為20像素的正圓。選中兩個正圓,執(zhí)行“修改”→“對齊”→“垂直居中”命令,再執(zhí)行“修改”→“對齊”→“水平居中”命令。案例

(5)執(zhí)行“修改”→“合并對象”→“打孔”命令,得到一個圓形組合路徑,如圖3-30所示。案例圖3-30圓形打孔后的效果

(6)選擇工具箱中的矩形工具,設(shè)置其“屬性”面板上的筆觸顏色為無,填充顏色為#CC0000,繪制一個矩形,調(diào)整其寬度和高度分別為60像素和20像素。選中復(fù)制后的矩形,執(zhí)行“修改”→“變形”→“水平翻轉(zhuǎn)”命令,效果如圖3-31所示。案例圖3-31繪制兩個矩形

(7)使用選擇工具移動矩形和圓環(huán)到合適的位置,選中兩個矩形與圓環(huán)對象,執(zhí)行“修改”→“合并對象”→“聯(lián)合”命令,如圖3-32所示。

(8)使用選擇工具選中聯(lián)合對象,復(fù)制此對象,執(zhí)行“編輯”→“粘貼到當前位置”命令。選中復(fù)制后的對象,執(zhí)行“修改”→“變形”→“水平翻轉(zhuǎn)”命令,如圖3-33所示,將兩個對象放置在菱形兩邊。案例圖3-32矩形和圓環(huán)聯(lián)合圖圖3-33水平翻轉(zhuǎn)對象

(9)使用上面繪制圓環(huán)的方法,繪制一個相同的圓環(huán)圖形。選擇工具箱中的矩形工具,繪制一個矩形。選中矩形與圓環(huán),執(zhí)行“修改”→“合并對象”→“打孔”命令,將圓環(huán)圖形裁剪為兩個半圓環(huán),如圖3-34所示。案例圖3-34制作兩個半圓環(huán)

(10)選擇工具箱中的矩形工具,設(shè)置其“屬性”面板上的筆觸顏色為無,填充顏色為#CC0000,繪制一個矩形,調(diào)整其寬度和高度分別為20像素和140像素,效果如圖3-35所示。案例圖3-35矩形

(11)選擇工具箱中的矩形工具,設(shè)置其“屬性”面板上的筆觸顏色為無,填充顏色為#CC0000,繪制一個矩形,調(diào)整其寬度和高度分別為20像素和50像素。復(fù)制該矩形,拼接在兩個半圓環(huán)外側(cè)。使用選擇工具選定這兩個半圓環(huán)和3個矩形對象,執(zhí)行“修改”→“合并對象”→“聯(lián)合”命令,效果如圖3-36所示。案例圖3-36聯(lián)合對象

(12)使用選擇工具選定聯(lián)合對象,在“變形”面板中設(shè)置旋轉(zhuǎn)的角度為45°。復(fù)制此對象,執(zhí)行“編輯”→“粘貼到當前位置”命令。選中復(fù)制后的矩形,執(zhí)行“修改”→“變形”→“水平翻轉(zhuǎn)”命令,效果如圖3-37所示。案例圖3-37水平翻轉(zhuǎn)對象

(13)使用選擇工具選定聯(lián)合對象,將該圖形與原來的圖形拼接在一起,如圖3-38所示,中國結(jié)就制作完成了。案例圖3-38移動后的效果習題一、簡答題(1)復(fù)制對象的方法有哪幾種?(2)合并對象的方式有哪幾種?(3)水平對齊的方式有哪幾種?習題二、操作題(1)繪制圖3-39所示的齒輪圖形。(2)制作一個笑臉圖案。圖3-39齒輪圖形謝

謝

觀

看模塊4時間軸、圖層和幀4.1認識矢量圖和位圖4.2繪圖工具的使用4.3填充工具的使用目錄CONTENT知識目標了解時間軸、圖層和幀的概念。了解幀的類型。技能目標

掌握圖層的新建、查看和編輯操作。

掌握幀的選擇和編輯操作。4.1認識時間軸4.1認識時間軸

時間軸是實現(xiàn)Flash動畫的關(guān)鍵部分,是進行動畫編輯的主要工具之一,如圖4-1所示。

時間軸的左邊是圖層區(qū),顯示了當前場景的圖層數(shù)、圖層類型、圖層的狀態(tài)以及正在編輯的圖層。4.2認識圖層4.2.1新建圖層每次新建一個Flash空白文檔時都默認生成一個圖層———圖層1,如圖4-2所示。4.2.1新建圖層

如果要新建一個圖層,只需單擊圖層區(qū)左下角的“新建圖層”按鈕,或執(zhí)行“插入”→“時間軸”→“圖層”命令,這時,在原來圖層上就會出現(xiàn)一個新圖層———圖層2,如圖4-3所示。4.2.2認識圖層的類型在制作Flash動畫的過程中,制作動畫需要使用不同類型的圖層,如圖4-4所示。下面介紹不同的圖層類型。4.2.2認識圖層的類型

1.普通圖層

新建一個Flash文檔,默認情況下只有一個普通圖層,其默認的狀態(tài)為

。啟動Flash后,單擊“新建圖層”按鈕即可新建一個普通圖層。在普通圖層中可以放置各種動畫元素以及實現(xiàn)很多動畫效果,還可以精確定位頁面上的元素。4.2.2認識圖層的類型

2.引導圖層和被引導圖層

直接創(chuàng)建動畫時,運動對象沿直線運動,如果想讓運動對象沿著曲線或某個事先確定好的路徑運動,就通過引導圖層來產(chǎn)生動畫。動畫小助手一個引導圖層下面可以引導多個圖層,引導圖層中的所有內(nèi)容只是用于在制作動畫時作為參考線,并不出現(xiàn)在作品的最終效果中,也就是說,引導圖層中的對象在編輯狀態(tài)下可見,在預(yù)覽動畫時是不可見的。4.2.2認識圖層的類型

遮罩是Flash中常用的一種技術(shù),用它可以產(chǎn)生一些特殊的效果,如探照燈效果等。

遮罩動畫由兩部分組成:遮罩圖層和被遮罩圖層。遮罩圖層是通過普通圖層轉(zhuǎn)化過來的。3.遮罩圖層和被遮罩圖層4.2.2認識圖層的類型

如圖4-7所示,分別創(chuàng)建兩個圖層,并命名為“遮罩層”和“被遮罩層”,使用橢圓工具在“遮罩層”中畫一個圓,填充為黃色,執(zhí)行“文件”→“導入”命令,給“被遮罩層”導入一個“海綿寶寶”,然后使用移動工具將“遮罩層”中的圓移到圖4-8所示的位置。4.2.2認識圖層的類型

右擊“遮罩層”,在彈出的快捷菜單中選擇“遮罩層”選項,下面的圖層自動縮進變?yōu)楸徽谡謭D層,如圖4-9所示,遮罩后的圖層在舞臺中的顯示效果如圖4-10所示。4.2.3查看圖層

在創(chuàng)建動畫的過程中,根據(jù)實際需要可能要顯示或隱藏圖層或文件夾?！皶r間軸”面板圖層區(qū)中的按鈕如圖4-11所示,可以顯示或隱藏圖層,鎖定或解除鎖定圖層,將圖層顯示為輪廓等。4.2.3查看圖層1.顯示或隱藏圖層或文件夾(1)單擊“時間軸”面板中圖層或文件夾名稱右側(cè)的“顯示或隱藏圖層”列中的圓點,可以隱藏該圖層或文件夾。(3)在眼睛所在的列中按下鼠標左鍵拖動可選擇需要顯示或隱藏的多個圖層或文件夾。(2)單擊眼睛圖標可以隱藏“時間軸”面板中的所有圖層和文件夾。(4)按住“Alt”鍵的同時單擊圖層或文件夾名稱右側(cè)的眼睛圖標列中的圓點。4.2.3查看圖層

單擊輪廓圖標可以顯示所有圖層上的對象的輪廓。

單擊圖層名稱右側(cè)的“將圖層顯示為輪廓”列中的圓點,可以顯示該圖層上所有對象的輪廓。

按住“Alt”鍵單擊圖層或文件夾名稱右側(cè)的“將圖層顯示為輪廓”列中的圓點。(1)(2)(3)2.顯示或隱藏圖層對象的輪廓4.2.3查看圖層3.鎖定或解除鎖定圖層(1)單擊“時間軸”面板中的圖層或文件夾名稱右側(cè)的“鎖定或解除鎖定圖層”列中的圓點。(3)在小鎖圖標對應(yīng)的列中拖動鼠標可以鎖定或解鎖多個圖層或文件夾。(2)單擊圖層上方的小鎖圖標可以鎖定時間軸中的所有圖層和文件夾。(4)按住“Alt”鍵的同時單擊多個圖層或文件夾名稱右側(cè)的小鎖圖標可以鎖定這些圖層和文件夾。4.2.3查看圖層

在“時間軸”面板中雙擊需要更改輪廓顏色的圖層的名稱,或右擊,在彈出的快捷菜單中選擇“屬性”選項,或在“時間軸”面板中選擇圖層后執(zhí)行“修改”→“圖層”命令,都可以打開“圖層屬性”對話框,如圖4-12所示。4.更改圖層的輪廓顏色4.2.4編輯圖層(1)單擊時間軸中的圖層名稱選擇整個圖層。

(2)若要復(fù)制圖層文件夾中的內(nèi)容,單擊時間軸中文件夾名稱左側(cè)的三角形,將整個文件夾折疊起來。1.復(fù)制圖層4.2.4編輯圖層

雙擊某個圖層,輸入新的名稱,按“Enter”鍵即可進行重命名,如圖4-13所示。還可以右擊,在彈出的快捷菜單中選擇“屬性”選項,在彈出的“圖層屬性”對話框的“名稱”文本框中輸入新的名稱,單擊“確定”按鈕即可。2.重命名圖層4.2.4編輯圖層3.刪除圖層或文件夾

將圖層或文件夾拖動到“刪除”按鈕上。

單擊時間軸中圖層或文件夾的名稱以選擇圖層或文件夾。

右擊需要刪除的圖層或文件夾的名稱,在彈出的快捷菜單中選擇“刪除圖層”選項。(1)(2)(3)4.2.4編輯圖層如圖4-14所示。4.3認識幀4.3.1幀的類型

按照不同的特點和功能,幀可以分為關(guān)鍵幀、空白關(guān)鍵幀、普通幀、空白的普通幀和過渡幀。各種幀在時間軸中的表示如圖4-15所示。4.3.1幀的類型

1.關(guān)鍵幀

關(guān)鍵幀就是有關(guān)鍵內(nèi)容的幀,其用來定義動畫變化、更改狀態(tài),即可以修改舞臺上對象屬性的幀,在時間軸上顯示為實心的圓點?？梢杂覔魰r間軸,在彈出的快捷菜單中選擇“插入關(guān)鍵幀”選項來插入一個關(guān)鍵幀,如圖4-16所示。4.3.1幀的類型

普通幀

普通幀是在時間軸上能顯示實例對象,但不能對實例對象進行編輯操作的幀。

空白關(guān)鍵幀

空白關(guān)鍵幀是沒有包含舞臺上的實例內(nèi)容的關(guān)鍵幀,也就是空的關(guān)鍵幀,在時間軸上顯示為空心的圓圈。

空白的普通幀

空白的普通幀與空白關(guān)鍵幀相鄰,在空白關(guān)鍵幀后的普通幀都是空白的普通幀。2.3.4.(1)

在同一圖層中,在前一個關(guān)鍵幀后面的任一幀處插入關(guān)鍵幀,是復(fù)制前一個關(guān)鍵幀中的對象,并可對其進行編輯操作。(2)

在關(guān)鍵幀和空白關(guān)鍵幀中都可以添加幀動作腳本,普通幀則不能。(3)

在實際應(yīng)用中應(yīng)盡可能地減少關(guān)鍵幀的使用,以減小動畫文件的大小。4.3.1幀的類型5.過渡幀4.3.2幀的選擇和編輯

1.選擇幀

單擊目標幀即可選擇該幀,也可以在按住“Ctrl”鍵或“Shift”鍵的同時,單擊選擇不連續(xù)或連續(xù)的多個幀,還可以拖動鼠標選擇連續(xù)的幀。拖動鼠標選擇多個幀時,當鼠標指針變?yōu)榘咨^時不停頓拖動鼠標,就可以選擇多個幀。4.3.2幀的選擇和編輯

2.新建關(guān)鍵幀

執(zhí)行“插入”→“時間軸”→“關(guān)鍵幀”命令,如圖4-17所示;或右擊時間軸,在彈出的快捷菜單中選擇“插入關(guān)鍵幀”選項;或按F6鍵,都可以在當前位置創(chuàng)建一個與前面關(guān)鍵幀內(nèi)容相同的關(guān)鍵幀。4.3.2幀的選擇和編輯

3.新建空白關(guān)鍵幀

執(zhí)行“插入”→“時間軸”→“空白關(guān)鍵幀”命令;或右擊時間軸,在彈出的快捷菜單中選擇“插入空白關(guān)鍵幀”選項;或按F7鍵,都可以在當前位置創(chuàng)建一個不包含任何內(nèi)容的空白關(guān)鍵幀。

4.插入幀

插入幀的方法是先選擇插入位置,執(zhí)行“插入”→“時間軸”→“幀”命令;或右擊時間軸,在彈出的快捷菜單中選擇“插入幀”選項;或按F5鍵。4.3.2幀的選擇和編輯

5.移動或復(fù)制幀

選擇要復(fù)制或移動的幀,右擊,在彈出的快捷菜單中選擇“復(fù)制幀”或“剪切幀”選項,然后在目標位置右擊,在彈出的快捷菜單中選擇“粘貼幀”選項,如圖4-18所示。4.3.2幀的選擇和編輯

6.刪除幀

右擊目標幀,在彈出的快捷菜單中選擇“刪除幀”選項,或按“Shift+F5”組合鍵,可將目標幀連同其中的內(nèi)容從時間軸中刪除,影片自動縮短一幀。

7.設(shè)置幀屬性

選擇幀,在“屬性”面板中可以設(shè)置該幀的標簽名稱、聲音、響應(yīng)、動畫等屬性參數(shù)。4.3.3幀的轉(zhuǎn)換

在關(guān)鍵幀上右擊,在彈出的快捷菜單中選擇“清除關(guān)鍵幀”選項,可清除當前的關(guān)鍵幀,將其變?yōu)槠胀◣?/p>

各種類型的幀是可以相互轉(zhuǎn)換的。

選擇關(guān)鍵幀后按“Delete”鍵,可清除該關(guān)鍵幀上的內(nèi)容,將其變?yōu)榭瞻钻P(guān)鍵幀。(1)(3)(2)案例

制作倒計時動畫制作倒計時動畫本案例的目的是加深了解時間軸上對象出現(xiàn)的先后順序,即播放動畫的先后順序,熟悉插入幀、轉(zhuǎn)換為關(guān)鍵幀等操作。具體制作步驟如下:

(1)執(zhí)行“文件”→“新建”命令,創(chuàng)建一個Flash文檔,按“Ctrl+J”組合鍵,修改舞臺大小為400像素×350像素,設(shè)置背景顏色為黑色(#000000),最后保存。

(2)選擇橢圓工具,設(shè)置其填充顏色為無,筆觸顏色為紅色,筆觸大小為4像素,按住“Shift”鍵,在圖層1中繪制一個寬、高均為190像素的正圓。案例

(3)選擇文本工具,設(shè)置其字體為華文行楷,大小為25點,在繪制的圓中輸入“準備好了嗎”,如圖4-19所示。案例

(4)在第8幀按F6鍵,插入關(guān)鍵幀,然后分別選擇正圓和文字,在“顏色”面板中分別將其透明度設(shè)置為50%,在第9幀按F7鍵,插入空白關(guān)鍵幀。按住“Alt”鍵,將第8幀復(fù)制到第10幀。選擇文字,將文字改為“倒計時5秒”,如圖4-20所示。案例

(5)選擇第19幀,按F6鍵插入關(guān)鍵幀,將文字“倒計時5秒”的透明度設(shè)置為0。選擇第20幀插入關(guān)鍵幀,將文字改為5,然后分別在第32、44、56、68幀插入關(guān)鍵幀,按“Ctrl+B”組合鍵,將元件分離,將文字分別改為5、4、3、2、1,結(jié)果如圖4-21所示。案例

(6)選擇第80幀,按F6鍵插入關(guān)鍵幀,使用移動工具選中圓形并右擊,在彈出的快捷菜單中選擇“剪切”選項,去掉圓形,然后選擇文字工具,輸入“2022新年快樂”,在“屬性”面板的“段落”組中設(shè)置“格式”為“居中對齊”。接著選擇線條工具,畫出形狀像煙花一樣的短線,如圖4-22所示。案例

(7)選中第80幀,按住“Alt”鍵的同時拖動鼠標,將第80幀復(fù)制到第90幀。整個時間軸的效果如圖4

-23所示。習題一、簡答題(1)時間軸由哪幾部分組成?簡述其各部分的功能。(2)圖層有哪幾種類型?引導圖層有什么特點和功能?(3)圖層的鎖定和隱藏在實際應(yīng)用中有什么意義?(4)幀的類型有哪些?(5)關(guān)鍵幀和空白關(guān)鍵幀有什么區(qū)別和聯(lián)系?兩者如何轉(zhuǎn)換?習題二、操作題

(1)制作倒計時10秒動畫。(2)制作探照燈動畫。動畫效果為:一個光線很暗的圖形上有一個圓形的探照燈在移動,燈移動到什么地方就可以看到這個地方的彩色效果圖,同時探照燈在移動的過程中有大小的變化。謝

謝

觀

看模塊5元件、庫和濾鏡5.1元件的使用5.2庫

的

使

用5.3使用元件實例目錄CONTENT知識目標了解元件和庫的概念。技能目標

掌握圖形元件、影片剪輯元件和按鈕元件的使用方法。掌握“庫”面板的使用方法。掌握元件的操作和元件實例的使用方法。掌握常用濾鏡的使用方法。5.1元件的使用5.1.1創(chuàng)建元件

1.創(chuàng)建圖形元件

(1)轉(zhuǎn)換為圖形元件。首先選中圖形對象,執(zhí)行“修改”→“轉(zhuǎn)換為元件”命令,或按F8鍵,或右擊對象,在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”選項,此時舞臺中彈出“轉(zhuǎn)換為元件”對話框,在“類型”下拉列表框中選擇“圖形”選項,單擊“確定”按鈕,如圖5-1所示。5.1.1創(chuàng)建元件

(2)新建圖形元件。執(zhí)行“插入”→“新建元件”命令,或按“Ctrl+F8”組合鍵,彈出“創(chuàng)建新元件”對話框,在“類型”下拉列表框中選擇“圖形”選項,如圖5-2所示。單擊“確定”按鈕進入圖形元件的編輯窗口。圖形元件會自動存放在庫中。5.1.1創(chuàng)建元件

2.創(chuàng)建影片剪輯元件

(1)轉(zhuǎn)換為影片剪輯元件。選中需要轉(zhuǎn)換為影片剪輯元件的對象,執(zhí)行“修改”→“轉(zhuǎn)換為元件”命令,或按F8鍵,或右擊對象,在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”選項,彈出“轉(zhuǎn)換為元件”對話框,在“類型”下拉列表框中選擇“影片剪輯”選項,單擊“確定”按鈕,如圖5-3所示。5.1.1創(chuàng)建元件

(2)新建影片剪輯元件。

執(zhí)行“插入”→“新建元件”命令或按“Ctrl+F8”組合鍵,彈出“創(chuàng)建新元件”對話框,在“類型”下拉列表框中選擇“影片剪輯”選項,如圖5-4所示。5.1.1創(chuàng)建元件

單擊“確定”按鈕進入影片剪輯元件的編輯窗口,新建影片剪輯元件后的元件編輯窗口如圖5-5所示。5.1.1創(chuàng)建元件

(3)將舞臺上的動畫轉(zhuǎn)換為影片剪輯元件。如果想使用舞臺動畫的每一圖層中的每一幀,可在主時間軸上右擊選定的幀,在彈出的快捷菜單中選擇“剪切幀”選項,如圖5-6所示。5.1.1創(chuàng)建元件

3.創(chuàng)建按鈕元件

按鈕元件實際上是包含4幀的交互式影片剪輯,它可以顯示不同的圖像或動畫,分別響應(yīng)不同的鼠標狀態(tài)。按鈕元件的“時間軸”面板如圖5-7所示。5.1.1創(chuàng)建元件

(1)轉(zhuǎn)換為按鈕元件。

選中需要轉(zhuǎn)換為按鈕元件的對象,執(zhí)行“修改”→“轉(zhuǎn)換為元件”命令,或按F8鍵,或右擊,在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”選項,彈出“轉(zhuǎn)換為元件”對話框,在“類型”下拉列表框中選擇“按鈕”選項,如圖5-8所示。5.1.1創(chuàng)建元件

(2)新建按鈕元件。執(zhí)行“插入”→“新建元件”命令,或按“Ctrl+F8”組合鍵,彈出“創(chuàng)建新元件”對話框,在“類型”下拉列表框中選擇“按鈕”選項,如圖5-9所示。5.1.2編輯元件1.在當前位置編輯(1)使用選擇工具在舞臺中選擇需要編輯的元件。(2)右擊該元件,在彈出的快捷菜單中選擇“在當前位置編輯”選項,進入該元件的編輯模式。其他對象以灰顯方式出現(xiàn),如圖5-10所示。5.1.2編輯元件2.在新窗口中編輯使用“在新窗口中編輯”選項可以在單獨的窗口中編輯元件,這時可以同時看到該元件和主時間軸。在新窗口中編輯元件的操作步驟如下:使用選擇工具在舞臺中選擇需要編輯的元件,如圖5-11所示。5.1.2編輯元件3.使用元件編輯模式(1)使用選擇工具在舞臺中選擇需要編輯的元件,如“蝴蝶”元件。(2)右擊該元件,在彈出的快捷菜單中選擇“編輯”選項,進入元件的編輯模式,如圖5-12所示。5.1.3復(fù)制元件1.使用“庫”面板復(fù)制元件執(zhí)行“窗口”→“庫”命令,打開“庫”面板,在“庫”面板中選擇一個元件,然后單擊“庫”面板右上角的選項按鈕,在彈出的下拉菜單中選擇“直接復(fù)制”選項,打開“直接復(fù)制元件”對話框。在該對話框中指定復(fù)制后元件的名稱和類型,如圖5-13所示。5.1.3復(fù)制元件2.使用實例復(fù)制元件通過選擇實例來復(fù)制元件,在舞臺中選擇該元件的一個實例并右擊,在彈出的快捷菜單中選擇“直接復(fù)制元件”選項,如圖5-14所示。5.1.3復(fù)制元件

或執(zhí)行“修改”→“元件”→“直接復(fù)制元件”命令,如圖5-15所示,打開“直接復(fù)制元件”對話框,在“名稱”文本框中輸入新元件的名稱,單擊“確定”按鈕。5.1.4交換元件(1)選中舞臺中的實例,單擊“屬性”面板中的“交換”按鈕,彈出“交換元件”對話框。(2)選中用于交換的元件,如圖5-16所示,單擊“確定”按鈕。5.1.4交換元件舞臺中原來的實例就被選中的實例交換了,如圖5-17所示。5.2庫的使用5.2.1認識“庫”面板

“庫”面板能自動收集元件、位圖、聲音及各種組件,可以通過文件夾來管理這些對象,新建Flash文檔的“庫”面板是空的。執(zhí)行“窗口”→“庫”命令或按“Ctrl+L”組合鍵,可以打開“庫”面板,如圖5-18所示。5.2.2調(diào)整庫中的項目1.在“庫”面板中使用文件夾(1)創(chuàng)建新文件夾。當庫中的項目繁多時,為了方便管理項目,需要創(chuàng)建新文件夾。單擊“庫”面板底部的“新建文件夾”按鈕,創(chuàng)建一個新文件夾,為創(chuàng)建的新文件夾命名,如圖5-19所示。5.2.2調(diào)整庫中的項目右擊文件夾,在彈出的快捷菜單中選擇“展開文件夾”或“折疊文件夾”選項,即可展開或折疊文件夾。雙擊文件夾圖標可以打開或關(guān)閉文件夾。選擇文件夾后單擊“庫”面板右上角的選項按鈕,在彈出的下拉菜單中選擇“面板”→“展開文件夾”或“折疊文件夾”選項,可以打開或關(guān)閉文件夾。①②③(2)打開或關(guān)閉文件夾。(3)在文件夾之間移動項目。將項目從一個文件夾拖動到另一個文件夾,如果新位置中存在同名項目,Flash會提示用移動的項目替換它。5.2.2調(diào)整庫中的項目

2.對“庫”面板中的項目進行排序

“庫”面板的各列列出了項目的名稱、鏈接?？梢栽凇皫臁泵姘逯懈鶕?jù)任何列按字母或數(shù)字順序?qū)椖窟M行排序。單擊列標題,可以根據(jù)該列進行排序,單擊列標題右側(cè)的三角形按鈕,可以倒轉(zhuǎn)排序順序。5.2.2調(diào)整庫中的項目3.重命名庫項目

(1)雙擊項目名稱,輸入新名稱。(2)選擇項目,單擊“庫”面板右上角的選項按鈕,在彈出的下拉菜單中選擇“面板”→“重命名”選項,如圖5-20所示,然后輸入新名稱。5.2.2調(diào)整庫中的項目(3)右擊需要重命名的庫項目,在彈出的快捷菜單中選擇“重命名”選項,如圖5-21所示,在文本框中輸入新名稱。5.2.2調(diào)整庫中的項目

4.刪除庫項目

從庫中刪除某個項目時,也會從文檔中刪除該項目的所有實例或匹配項。選擇要刪除的項目,然后單擊“庫”面板底部的“刪除”按鈕,可以刪除庫項目或文件夾。5.2.2調(diào)整庫中的項目

5.設(shè)置項目屬性

在“庫”面板中選取某個項目后,單擊“庫”面板底部的“屬性”按鈕,可打開相應(yīng)的元件屬性對話框,在其中對元件的名稱和類型進行重新設(shè)置;如果選中的是某個位圖,則會打開“位圖屬性”對話框,如圖5-22所示。5.2.2調(diào)整庫中的項目在“庫”面板中可以查找未使用的庫項目并將其刪除。

查找未使用的庫項目的具體操作為:單擊“庫”面板右上角的選項按鈕,在彈出的下拉菜單中選擇“選擇未用項目”選項。6.查找未使用的庫項目動畫小助手無需通過刪除未用的庫項目來縮小Flash文檔的文件大小,這是因為未用庫項目并不包含在SWF文件中。5.2.2調(diào)整庫中的項目

7.更新庫中的導入文件

如果用外部編輯器修改已導入Flash的文件,則可以在Flash中更新這些文件,而無需重新導入?？梢愿乱呀?jīng)從外部Flash文檔導入的文件。更新導入文件會以外部文件的內(nèi)容替換其內(nèi)容。在“庫”面板中選擇導入的文件,再單擊“庫”面板右上角的選項按鈕,在彈出的下拉菜單中選擇“更新”選項?；蛴覔暨x擇的文件,在彈出的快捷菜單中選擇“更新”選項,即可更新庫中的導入文件。5.2.3使用公用元件庫(1)執(zhí)行“窗口”→“公用庫”命令,然后從彈出的子菜單中選擇一個庫,如圖5-23所示。5.2.3使用公用元件庫(2)將項目從公用庫拖入舞臺或當前文檔的庫中,如圖5-24所示。5.3使用元件實例(1)

選擇時間軸中需要使用實例的一個關(guān)鍵幀。(2)

執(zhí)行“窗口”→“庫”命令,或按“Ctrl+L”組合鍵,打開“庫”面板。(3)

在“庫”面板中選擇將要創(chuàng)建實例的元件,將其拖入舞臺中,就創(chuàng)建了該元件的實例。5.3.1創(chuàng)建元件的實例5.3.2設(shè)置實例的屬性

1.改變實例的元件類型

要改變實例的元件類型,首先要在舞臺中選擇實例,然后從“屬性”面板的元件類型下拉列表框中選擇“影片剪輯”“按鈕”或“圖形”選項,如圖5-25所示。5.3.2設(shè)置實例的屬性

2.設(shè)置亮度

在“樣式”下拉列表框中選擇“亮度”選項,調(diào)整實例的亮度參數(shù)。“亮度”的參數(shù)范圍為-100%~100%。當亮度為-100%時,實例為黑色;當亮度為100%時,實例為白色。當亮度大于0時,實例變亮;當亮度小于0時,實例變暗。可以通過拖動三角形滑塊或在文本框中輸入值來調(diào)節(jié)亮度,如圖5-26所示。5.3.2設(shè)置實例的屬性

3.設(shè)置色調(diào)

在“樣式”下拉列表框中選擇“色調(diào)”選項,調(diào)整實例的色調(diào)參數(shù)?！吧{(diào)”的參數(shù)范圍為0~100%。原圖如圖5-27所示,將紅色調(diào)整為132%時的效果如圖5-28所示。5.3.2設(shè)置實例的屬性

當前的紅、綠、藍和Alpha的值都乘以百分比值,然后加上右列中的常數(shù)值,產(chǎn)生新的顏色值。

在“樣式”下拉列表框中選擇“高級”選項,分別調(diào)節(jié)實例的紅、綠、藍和Alpha的值。

對于在諸如位圖這樣的對象上創(chuàng)建和制作具有微妙色彩效果的動畫時,該選項非常有用。2.3.4.4.設(shè)置高級屬性5.3.2設(shè)置實例的屬性原圖如圖5-29所示,綠色和藍色都設(shè)置為125時,得到圖5-30所示的效果。5.3.2設(shè)置實例的屬性

5.設(shè)置Alpha屬性

在“樣式”下拉列表框中選擇Alpha選項,可調(diào)節(jié)實例的透明度從透明(0%)到完全飽和(100%)。要調(diào)整Alpha值,可以拖動三角形滑塊或在文本框中輸入值。原圖如圖5-31所示,將Alpha設(shè)置為17%時,得到圖5-32所示的效果。5.3.3分離實例要斷開實例與元件之間的鏈接,并把實例放入未組合形狀和線條的集合中,可以分離該實例。實例分離前的“屬性”面板如圖5-33所示。5.4使用濾鏡5.4.1應(yīng)用“投影”和“模糊”濾鏡

1.應(yīng)用“投影”濾鏡

“投影”濾鏡模擬對象投影到一個表面的效果。選擇對象之后,執(zhí)行“窗口”→“屬性”命令,打開“屬性”面板,在“屬性”面板的“濾鏡”選項組中單擊“添加濾鏡”按鈕,選擇“投影”濾鏡,其屬性如圖5-34所示。文字應(yīng)用“投影”濾鏡后的效果如圖5-35所示。5.4.1應(yīng)用“投影”和“模糊”濾鏡5.4.1應(yīng)用“投影”和“模糊”濾鏡

2.應(yīng)用“模糊”濾鏡

模糊”濾鏡可以柔化對象的邊緣和細節(jié)。將“模糊”濾鏡應(yīng)用于對象,可以讓它看起來好像位于其他對象的后面,或使對象看起來好像是運動的。選擇對象之后,在“屬性”面板的“濾鏡”選項組中單擊“添加濾鏡”按鈕,選擇“模糊”濾鏡,其屬性如圖5-36所示。文字應(yīng)用“模糊”濾鏡后的效果如圖5-37所示。5.4.2應(yīng)用“發(fā)光”和“漸變發(fā)光”濾鏡

1.應(yīng)用“發(fā)光”濾鏡

“發(fā)光”濾鏡可以為對象的周邊應(yīng)用顏色。選擇對象之后在“屬性”面板的“濾鏡”選項組中單擊“添加濾鏡”按鈕,選擇“發(fā)光”濾鏡,其屬性如圖5-38所示。文字應(yīng)用“發(fā)光”濾鏡后的效果如圖5-39所示。5.4.2應(yīng)用“發(fā)光”和“漸變發(fā)光”濾鏡

2.應(yīng)用“漸變發(fā)光”濾鏡

應(yīng)用“漸變發(fā)光”濾鏡可以在發(fā)光表面產(chǎn)生帶漸變顏色的發(fā)光效果。在“屬性”面板的“濾鏡”選項組中單擊“添加濾鏡”按鈕,選擇“漸變發(fā)光”濾鏡,其屬性如圖5-40所示。文字應(yīng)用“漸變發(fā)光”濾鏡后的效果如圖5-41所示。5.4.3應(yīng)用“斜角”和“漸變斜角”濾鏡

1.應(yīng)用“斜角”濾鏡應(yīng)用“斜角”濾鏡就是向?qū)ο髴?yīng)用加亮效果,使其看起來凸出于背景表面。選擇對象之后,在“屬性”面板的“濾鏡”選項組中單擊“添加濾鏡”按鈕,選擇“斜角”濾鏡,其屬性如圖5-42所示。文字應(yīng)用“斜角”濾鏡后的效果如圖5-43所示。5.4.3應(yīng)