Flash CC動(dòng)畫(huà)設(shè)計(jì)與制作課件：Flash CC元件、庫(kù)和實(shí)例

FlashCC動(dòng)畫(huà)設(shè)計(jì)與制作FlashCC元件、庫(kù)和實(shí)例教學(xué)目標(biāo)1、了解元件的特點(diǎn)和作用。2、能在庫(kù)面板中對(duì)元件進(jìn)行編輯和

管理。3、能編輯和運(yùn)用實(shí)例。教學(xué)內(nèi)容：

主要介紹元件、庫(kù)、和實(shí)例的應(yīng)用，其中包括元件的基本操作、元件庫(kù)的基本操作，以及實(shí)例的基本操作。在制作一段Flash動(dòng)畫(huà)的過(guò)程中，需要多次重復(fù)使用一個(gè)圖形或者一段動(dòng)畫(huà)片段，因此，將這個(gè)圖形或動(dòng)畫(huà)片段制作為元件是很有必要的；使用庫(kù)也可以方便管理元件和圖形素材。目錄

4.1元件4.2庫(kù)4.3實(shí)例4.4蝴蝶飛4.5綜合案例（一）行駛的汽車本章小結(jié)4.1元件4.1.1元件的類型 4.1.2創(chuàng)建元件 4.1.3傳換元件 4.1.4編輯元件

4.1.1元件的類型元件是構(gòu)成動(dòng)畫(huà)的基本元素，是可以被重復(fù)應(yīng)用多次的圖形、按鈕和小動(dòng)畫(huà)。簡(jiǎn)單來(lái)說(shuō)，元件只需要?jiǎng)?chuàng)建一次，就可在整個(gè)文檔中被重復(fù)使用。元件中的小動(dòng)畫(huà)可以獨(dú)立于主動(dòng)畫(huà)進(jìn)行播放，每個(gè)元件可由多個(gè)獨(dú)立的元素組合而成。Flash主要包括3大類元件，分別是“影片剪輯”、“按鈕”和“圖形”，每一類元件的表現(xiàn)方式及功用各不相同。

4.1.2創(chuàng)建元件

創(chuàng)建元件可以通過(guò)兩種途徑，一種是將舞臺(tái)上對(duì)象轉(zhuǎn)換成元件，另一種是直接創(chuàng)建一個(gè)空白的元件，然后在元件編輯模式下制作或?qū)雰?nèi)容，可以是影片剪輯、按鈕以及圖形。

4.1.3轉(zhuǎn)換元件

將對(duì)象轉(zhuǎn)化為元件還有以下幾種方法：（1）選擇對(duì)象右擊，在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令。（2）直接將選擇的對(duì)象拖拽到庫(kù)面板中（3）選中一個(gè)對(duì)象后，按F8鍵，彈出“轉(zhuǎn)換為元件”對(duì)話框。

4.1.4編輯元件

1．在當(dāng)前的位置編輯元件（1）雙擊要編輯的元件。（2）單擊選擇需要編輯的元件，選擇【編輯】>【在當(dāng)前位置編輯】命令。（3）選擇元件，右鍵單擊，在彈出的快捷菜單中選擇“在當(dāng)前位置編輯”命令，如圖4-11所示。（4）在當(dāng)前位置編輯元件時(shí)，將會(huì)淡化元件以外的內(nèi)容，以便與正在編輯的元件區(qū)別開(kāi)來(lái)

2．僅編輯元件另一種編輯元件內(nèi)容的方法，就是在不顯示舞臺(tái)內(nèi)容的情況下，僅對(duì)元件進(jìn)行編輯，其操作方法如下：（1）單擊選擇要編輯的元件，按Ctrl+E組合鍵進(jìn)入其編輯狀態(tài)。（2）在庫(kù)面板中雙擊要編輯的元件圖標(biāo)。（3）在庫(kù)面板中選中需要編輯的元件，雙擊其頂部的預(yù)覽區(qū)4.2庫(kù)

4.2.1認(rèn)識(shí)庫(kù)面板 4.2.2重命名庫(kù)元素 4.2.3創(chuàng)建庫(kù)文件夾 4.2.4調(diào)用庫(kù)元素 4.2.5應(yīng)用并共享庫(kù)資源

4.2.1認(rèn)識(shí)庫(kù)面板

“庫(kù)”面板用于存儲(chǔ)和組織在Flash中創(chuàng)建的各種元件和導(dǎo)入的文件，包括3中元件類型，矢量插圖，位圖圖形，聲音文件和視頻剪輯。這樣可以方便地進(jìn)行管理，節(jié)省動(dòng)畫(huà)的空間，而且可以被無(wú)限制地使用。需要用到其中對(duì)象時(shí)，直接將其拖拽到舞臺(tái)中即可。

4.2.2重命名庫(kù)元素

在制作動(dòng)畫(huà)時(shí)，庫(kù)面板中包含很多庫(kù)項(xiàng)目，為了更好的使用管理庫(kù)項(xiàng)目，用戶可以為庫(kù)項(xiàng)目重命名。重命名元件的方法主要包含以下幾種：（1）雙擊庫(kù)面板里的對(duì)象。（2）選擇庫(kù)面板里的對(duì)象，在面板菜單中選擇“重命名”命令，如圖4-14所示。（3）選擇庫(kù)面板里的對(duì)象并右擊，在彈出的快捷菜單中選擇“重命名”命令。

4.2.3創(chuàng)建庫(kù)文件夾

當(dāng)庫(kù)項(xiàng)目繁多時(shí)，可以利用庫(kù)文件夾對(duì)其進(jìn)行分類管理，庫(kù)面板中可以同時(shí)包含多個(gè)庫(kù)文件夾，但不允許文件夾使用同樣的名稱。若要新建一個(gè)“庫(kù)”文件夾，可以在庫(kù)面板空白的地方單擊鼠標(biāo)右鍵，在彈出的快捷捷菜單中選擇“新建文件夾”命令。

4.2.4調(diào)用庫(kù)元素

當(dāng)一些圖形或元件已經(jīng)被置入到一個(gè)Flash文檔中時(shí)，可以通過(guò)單擊“庫(kù)”面板中的按鈕，在彈出的下拉列表中單擊選擇所需要的Flash文檔，即可打開(kāi)該文檔的“庫(kù)”面板，這可隨時(shí)調(diào)用其它文檔庫(kù)面板中的元素。

4.2.5應(yīng)用并共享庫(kù)資源

使用共享庫(kù)資源，可以將一個(gè)影片庫(kù)面板中的資源共享，供其它影片使用，同時(shí)可以合理的組織影片中的每個(gè)元素，減少影片的開(kāi)發(fā)周期。下面將介紹庫(kù)資源的共享與應(yīng)用。4.3實(shí)例

4.3.1創(chuàng)建實(shí)例 4.3.2復(fù)制實(shí)例 4.3.3設(shè)置實(shí)例的色彩4.3.4改變實(shí)例的類型4.3.5查看實(shí)例信息

4.3.1創(chuàng)建實(shí)例

每個(gè)實(shí)例都具有自己的屬性，用戶可以利用屬性面板設(shè)置實(shí)例的色彩、圖形顯示模式等信息，也可以重新設(shè)置元件的類型和對(duì)實(shí)例進(jìn)行變形，修改這些特征設(shè)置只會(huì)顯示在當(dāng)前所選的實(shí)例上，對(duì)元件和場(chǎng)景中的其它實(shí)例并不會(huì)造成影響。創(chuàng)建實(shí)例，只需在庫(kù)面板中選擇元件，按住鼠標(biāo)左鍵不放，直接將其拖拽至場(chǎng)景后松開(kāi)鼠標(biāo)，即可創(chuàng)建實(shí)例。

4.3.2復(fù)制實(shí)例

在需要重復(fù)使用已經(jīng)建立好的實(shí)例時(shí)，用戶可以直接在舞臺(tái)上復(fù)制實(shí)例。具體的操作如下。選擇需要復(fù)制的實(shí)例，然后按住Alt鍵的同時(shí)并拖動(dòng)實(shí)例，此時(shí)鼠標(biāo)指針的右下角顯示一個(gè)小“+”標(biāo)識(shí)，此時(shí)會(huì)直接復(fù)制出實(shí)例，只需要把復(fù)制出的實(shí)例拖到目標(biāo)位置，松開(kāi)鼠標(biāo)便可。

4.3.3設(shè)置實(shí)例的色彩

每個(gè)元件實(shí)例都可以利用屬性面板來(lái)設(shè)置顏色和透明度等。選擇元件實(shí)例，在屬性面板的“色彩效果”欄中的“樣式；”下拉列表中選擇相應(yīng)的選項(xiàng)，便可設(shè)置實(shí)例的顏色和透明度。

4.3.4改變實(shí)例的類型

在制作Flash動(dòng)畫(huà)時(shí)，實(shí)例的類型是可以相互轉(zhuǎn)換的，可以通過(guò)轉(zhuǎn)換實(shí)例的類型來(lái)重新定義它在Flash應(yīng)用程序中的行為。在屬性面板中，圖形、按鈕和影片剪輯3中類型可以進(jìn)行相互轉(zhuǎn)換當(dāng)改變實(shí)例的類型后，屬性面板中的參數(shù)也會(huì)發(fā)生相應(yīng)的改變。

4.3.5查看實(shí)例信息

在Flash制作文檔中，在處理多個(gè)元件實(shí)例時(shí)，可以使用“屬性面板”和“信息面板”來(lái)識(shí)別實(shí)例的相關(guān)信息進(jìn)行識(shí)別。在屬性面板中，用戶可以查看所有實(shí)例類型的色彩效果設(shè)置、位置和大小等。4.4蝴蝶飛

4.4.1案例描述

4.4.2制作步驟4.4.3案例小結(jié)——3D補(bǔ)間動(dòng)畫(huà)4.4.4能力擴(kuò)展4.4.1案例描述

本案例制作的是蝴蝶拍打翅膀的效果，運(yùn)用3D旋轉(zhuǎn)工具對(duì)翅膀元件制作拍打的動(dòng)作，把動(dòng)態(tài)視覺(jué)調(diào)整到最佳位置。

4.4.2制作步驟

制作過(guò)程中主要使用“影片剪輯”元件類型、“3D旋轉(zhuǎn)”工具、“添加補(bǔ)間動(dòng)畫(huà)”等組合完成。

4.4.3案例小結(jié)——3D補(bǔ)間動(dòng)畫(huà)

運(yùn)用“3D旋轉(zhuǎn)工具”制作3D補(bǔ)間動(dòng)畫(huà)，過(guò)程與普通的傳統(tǒng)補(bǔ)間動(dòng)畫(huà)有一些不同，制作的效果也更有透視感。制作3D補(bǔ)間動(dòng)畫(huà)，必須要把實(shí)例轉(zhuǎn)換成影片剪輯，而且是先創(chuàng)建補(bǔ)間，然后再插入關(guān)鍵幀，或者直接在時(shí)間軸上做動(dòng)作，比傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的效果更突出。4.4.4能力擴(kuò)展

綜合前面所學(xué)的知識(shí)，運(yùn)用3D旋轉(zhuǎn)工具制作樹(shù)葉360°旋轉(zhuǎn)動(dòng)畫(huà)。4.5綜合案例行駛的汽車4.5.1案例描述

4.5.2制作步驟4.5.1案例描述

本案例先使用繪制工具繪制汽車的各個(gè)元件，使用油漆桶工具填充顏色，再把所有的元件組合起來(lái)，返回到場(chǎng)景，運(yùn)用傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的制作原理，制作傳統(tǒng)補(bǔ)間動(dòng)畫(huà)，讓汽車動(dòng)起來(lái)。

4.5.2制作步驟

制作過(guò)程中主要使用“圖形”元件類型、“繪圖工具”、“插入關(guān)鍵幀”