flash元件、實(shí)例和庫(kù)高二

Flash動(dòng)畫制作元件、實(shí)例和庫(kù)

教學(xué)目標(biāo)：（１）了解元件和實(shí)例的基本概念（２）

掌握創(chuàng)建和使用不同類型的元件（３）掌握“庫(kù)”資源的使用方法認(rèn)識(shí)元件和實(shí)例創(chuàng)建元件

創(chuàng)建按鈕編輯元件本章內(nèi)容使用元件實(shí)例庫(kù)資源元件：Flash中創(chuàng)建的可以反復(fù)使用的圖形、按鈕或是影片剪輯等資源，這些資源將放在庫(kù)中.而實(shí)例就是元件的具體表現(xiàn)，當(dāng)庫(kù)中的元件拖動(dòng)到舞臺(tái)上后，就將它稱之為成為實(shí)例（instance）元件有三種類型：

影片剪輯元件按鈕元件圖形元件一、認(rèn)識(shí)元件和實(shí)例

元件是Flash中創(chuàng)建的可以反復(fù)使用的圖形、按鈕或是影片剪輯等資源，這些資源將放在庫(kù)中；而實(shí)例就是元件的具體表現(xiàn)，當(dāng)庫(kù)中的元件拖動(dòng)到舞臺(tái)上后，就將它稱之為實(shí)例。創(chuàng)建不同類型的元件

元件元件又叫符號(hào)或組件，是Flash動(dòng)畫的基本組成元素，具有獨(dú)立時(shí)間軸的特殊對(duì)象。元件是可以被重復(fù)利用的圖像、動(dòng)畫、按鈕、字體等。使用元件可以縮小文檔的尺寸、加快播放的速度。元件與實(shí)例之間的關(guān)系是父子關(guān)系。在舞臺(tái)中，要對(duì)實(shí)例屬性進(jìn)行修改必須切換到元件編輯狀態(tài)或“打散”。一個(gè)元件在同一個(gè)舞臺(tái)上可以有多個(gè)實(shí)例，修改一個(gè)實(shí)例，只會(huì)對(duì)該實(shí)例產(chǎn)生影響，而修改一個(gè)元件，舞臺(tái)上該元件的所有實(shí)例將發(fā)生相應(yīng)的變化，這樣將會(huì)大大簡(jiǎn)化對(duì)重復(fù)的圖像、按鈕、影片剪輯等對(duì)象的編輯工作，也減少了文件的大小。應(yīng)用元件圖形元件（Graphic）是靜止的矢量圖形或沒有音效和交互的動(dòng)畫。它有自己獨(dú)立的時(shí)間軸，不顯示在當(dāng)前作品的時(shí)間軸上。應(yīng)用元件影片剪輯元件（MovieClip）用于創(chuàng)建可獨(dú)立于主影像時(shí)間線播放并可重復(fù)使用的動(dòng)畫片段（獨(dú)立的小電影），它支持音頻信息及交互響應(yīng)，或包含另一個(gè)元件。與圖形元件不同：影片剪輯元件完全獨(dú)立于主時(shí)間線。即，若主時(shí)間線只有一幀，其內(nèi)的影片剪輯元件有10幀，該10幀電影剪輯元件仍能完整播放。影片剪輯元件只能通過“控制”|“測(cè)試影片”播放，不能在舞臺(tái)上按回車鍵預(yù)覽。應(yīng)用元件

按鈕元件(button)按鈕（Button）元件支持鼠標(biāo)操作。用于創(chuàng)建在動(dòng)畫中對(duì)標(biāo)準(zhǔn)的鼠標(biāo)事件（如單擊、指向等）做出響應(yīng)的交互式按鈕。按鈕元件支持鼠標(biāo)操作，由“彈起”、“指針經(jīng)過”、“按下”、“點(diǎn)擊”4個(gè)狀態(tài)組成。二、創(chuàng)建元件把工作區(qū)中的現(xiàn)有元素轉(zhuǎn)換成元件

創(chuàng)建新元件將動(dòng)畫轉(zhuǎn)換為影片剪輯

復(fù)制元件選中工作區(qū)中的某個(gè)元素選擇“修改”→“轉(zhuǎn)換成元件”命令，這時(shí)彈出“轉(zhuǎn)換為元件”對(duì)話框，輸入元件的名稱并選擇元件類型選擇“窗口”→“庫(kù)”命令，打開庫(kù)面板，即看到剛才建立的新元件方法如下：1、把工作區(qū)中的現(xiàn)有元素轉(zhuǎn)換成元件“轉(zhuǎn)換為元件”對(duì)話框２、創(chuàng)建新元件方法如下：選擇“插入”→“新建元件”命令，將彈出“創(chuàng)建新元件”對(duì)話框單擊庫(kù)面板中的按鈕，在彈出的菜單中選擇“創(chuàng)建新建元件”命令單擊庫(kù)面板最底下的按鈕，也可以打開“創(chuàng)建新建元件”對(duì)話框，輸入元件的名稱，選擇元件的類型，單擊“確定”按鈕后，即可新建一元件

“創(chuàng)建新元件”對(duì)話框

創(chuàng)建新元件元件編輯模式

使用繪圖工具繪圖或?qū)朊襟w等建立元件的內(nèi)容當(dāng)建完元件后單擊下圖中的“場(chǎng)景1”，返回到場(chǎng)景編輯狀態(tài)

在當(dāng)前位置編輯

在新窗口中編輯元件

在元件編輯模式下編輯元件退出元件編輯模式３、編輯元件在當(dāng)前位置編輯

選中一個(gè)元件的實(shí)例，選擇“編輯”→“編輯位置”命令，或者右擊，在彈出的快捷菜單中選擇“在當(dāng)前位置編輯”，或直接雙擊彈出菜單

在新窗口中編輯元件

在工作區(qū)選中一個(gè)元件實(shí)例后，右擊，從彈出的快捷菜單中選擇“在新窗口中編輯”，選中的元件在新的獨(dú)立窗口中出現(xiàn)

退出元件編輯模式當(dāng)編輯完元件后，要退出元件編輯模式，可以使用以下方法：?jiǎn)螕艄ぷ鲄^(qū)左上角的場(chǎng)景名稱按鈕

，例如，單擊如下圖中所示的場(chǎng)景1選擇“編輯”→“編輯文檔”命令

退出元件編輯模式復(fù)制元件的方法如下：

４、復(fù)制元件在庫(kù)面板中選擇一個(gè)元件單擊庫(kù)面板中的按鈕，從彈出的菜單中選擇“直接復(fù)制”命令，這時(shí)會(huì)彈出“元件屬性”對(duì)話框，輸入新元件的名稱并選擇所復(fù)制的元件的類型。確定后庫(kù)窗口會(huì)增加一個(gè)與被復(fù)制元件一樣的新元件，只需要在元件編輯模式下對(duì)它進(jìn)行一定的修改就可以成為一個(gè)新元件了５、將動(dòng)畫轉(zhuǎn)換為影片剪輯轉(zhuǎn)換方法如下：在舞臺(tái)上制作一個(gè)動(dòng)畫在時(shí)間軸任意一個(gè)單元格上右擊，在彈出的快捷菜單中選擇“選擇所有幀”右擊，在彈出的快捷菜單中選擇“復(fù)制幀”命令，或者直接選擇“編輯”→“復(fù)制幀”命令，即可將所有幀都復(fù)制到剪貼板上將動(dòng)畫轉(zhuǎn)換為影片剪輯4.選擇“插入”→“新建元件”命令，在彈出的對(duì)話框中輸入元件名稱，選擇影片剪輯作為元件的類型，然后單擊“確定”按鈕，則舞臺(tái)切換到元件編輯模式，用戶可以編輯元件5.單擊時(shí)間軸的第一幀，并選擇“編輯”→“粘貼幀”命令，將剛才復(fù)制到剪貼板上的動(dòng)畫粘貼進(jìn)來；或在第一幀上右擊，在彈出的快捷菜單中選擇“粘貼幀”，也可將動(dòng)畫粘貼到元件編輯模式舞臺(tái)上6.選擇“編輯”→“編輯文檔”命令，回到電影編輯模式；或者單擊舞臺(tái)左上方的場(chǎng)景編輯按鈕四、公用庫(kù)資源為了方便調(diào)用元件，減少重復(fù)工作，提高工作效率，在Flash中附帶了很多元件，都保存在公用庫(kù)里，選擇“窗口”→“公用庫(kù)”命令，彈出“學(xué)習(xí)交互”、“按鈕”、“類”子菜單“學(xué)習(xí)交互”、“按鈕”、“類”公用庫(kù)面板

實(shí)例11制作氣球元件一、繪制氣球（1）新建Flash文件，執(zhí)行【插入】|【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框，輸入元件【名稱】為“氣球”，選擇【行為】為【影片剪輯】，單擊【確定】按紐。（2）利用橢圓工具繪制氣球基本形狀；利用鉛筆工具繪制氣球的充氣口部分。給氣球填充一種漸變顏色。如圖3-5(a)及(b)所示。圖3-5氣球繪制（3）刪除氣球的邊緣線段，利用橢圓工具在氣球上繪制高光部分。如圖3-5(c)所示。（4）繪制栓氣球的繩子，最終得到如圖3-6所示的氣球元件制作桃花元件1、繪制花瓣a.選擇“橢圓工具”，將筆觸顏色設(shè)為“無(wú)”，填充色類型設(shè)為“線性”，在混色器中修改漸變顏色，繪制出一個(gè)花瓣。b.使用“填充變形工具”修改花瓣顏色的漸變方向。2、復(fù)制花瓣，組合成桃花a.將花瓣的旋轉(zhuǎn)中心拉至底端。b.在變形窗口中設(shè)置旋轉(zhuǎn)角度，復(fù)制并應(yīng)用變形。c.繪制出如右圖的桃花。實(shí)例12創(chuàng)建多色氣球（5）從“庫(kù)”面板中拖放三次“氣球”至動(dòng)畫舞臺(tái)，得到三個(gè)氣球的實(shí)例，利用“任意變形工具”，修改氣球的大小以及旋轉(zhuǎn)角度，得到圖3-7左側(cè)的圖形。（6）選中一個(gè)氣球?qū)嵗?，點(diǎn)擊“設(shè)置”對(duì)其顏色進(jìn)行高級(jí)設(shè)置，如圖3-8所示。最終得到圖3-7右側(cè)的各色氣球圖形。圖3-7氣球?qū)嵗龑傩缘男薷母淖儗?shí)例屬性為實(shí)例交換元件改變實(shí)例類型打散實(shí)例三、使用元件實(shí)例任務(wù)二使用實(shí)例

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

實(shí)例就是元件的具體表現(xiàn)，當(dāng)庫(kù)中的元件拖動(dòng)到舞臺(tái)上后，就將它稱之為實(shí)例。

編輯實(shí)例，可以采用編輯修改一般對(duì)象的方法，此外每個(gè)實(shí)例都有自己的屬性，利用它的“屬性”面板可以改變實(shí)例的位置、大小、顏色、亮度、透明度等屬性。編輯實(shí)例不會(huì)再受相應(yīng)元件和其它有同一元件創(chuàng)建的其它實(shí)例的影響。任務(wù)二使用實(shí)例

創(chuàng)建實(shí)例實(shí)例的“屬性”面板：“顏色”下拉列表框：可以設(shè)置實(shí)例的亮度、色調(diào)、透明度等。亮度：“顏色”下拉列表框右側(cè)增加了一個(gè)帶滑動(dòng)條的文本框，范圍從-100%~+100%；色調(diào)：調(diào)整RGB所對(duì)應(yīng)的滑塊可以改變實(shí)例的顏色。

Alpha（透明度）：“顏色”下拉列表框右側(cè)增加了一個(gè)帶滑動(dòng)條的文本框，范圍從0%~100%；任務(wù)二使用實(shí)例

創(chuàng)建實(shí)例實(shí)例的“屬性”面板：高級(jí)：?jiǎn)螕簟邦伾毕吕斜砜蛴覀?cè)增加的“設(shè)置”按鈕，彈出“高級(jí)效果”對(duì)話框，百分?jǐn)?shù)區(qū)域范圍從0%~100%調(diào)整，數(shù)值區(qū)域從-255~+255調(diào)整。復(fù)制元件：“屬性”面板的“交換”按鈕實(shí)例元件使用

調(diào)整實(shí)例顏色變換實(shí)例形狀更改實(shí)例行為變換元件

只要將“庫(kù)”面板中的元件拖放到舞臺(tái)上即可應(yīng)用，放置在舞臺(tái)上的對(duì)象只是對(duì)“庫(kù)”面板中相應(yīng)元件的引用，通常被稱之為實(shí)例。37元件使用調(diào)整實(shí)例顏色

選中實(shí)例的情況下，“屬性”面板的右側(cè)為調(diào)整實(shí)例顏色的列表框，如圖所示。選中不同的選項(xiàng)，可對(duì)實(shí)例設(shè)置不同的顏色效果。調(diào)整實(shí)例亮度

選中紅色的“雙足”實(shí)例，如圖所示設(shè)置，效果如圖。

38元件使用調(diào)整實(shí)例色彩

選中舞臺(tái)上紅色的“雙足”實(shí)例，按照?qǐng)D所示設(shè)置，此時(shí)紅色的“雙足”實(shí)例呈亮黃色。調(diào)整實(shí)例顏色調(diào)整實(shí)例透明度

選中舞臺(tái)上紅色的“雙足”實(shí)例，按照?qǐng)D所示設(shè)置，此時(shí)透過紅色的“雙足”實(shí)例可以看到其下方的圖像內(nèi)容。39元件使用調(diào)整實(shí)例高級(jí)選項(xiàng)

選中舞臺(tái)上的“圖像”實(shí)例，在“屬性”面板的顏色列表框中選擇“高級(jí)選項(xiàng)”項(xiàng)，如圖所示設(shè)置各項(xiàng)參數(shù)，此時(shí)“圖像”實(shí)例中的顏色發(fā)生本質(zhì)的變化。調(diào)整實(shí)例顏色40元件使用

傾斜實(shí)例（1）選中舞臺(tái)上的“雙足”實(shí)例，選擇任意變形工具，同時(shí)單擊工具選項(xiàng)區(qū)中的“旋轉(zhuǎn)和傾斜”按鈕，此時(shí)實(shí)例外圍呈現(xiàn)8個(gè)方形手柄。（2）將光標(biāo)移至中間的句柄呈現(xiàn)時(shí)，按住鼠標(biāo)左鍵橫向拖動(dòng)，虛線顯示部分就是實(shí)例傾斜后的結(jié)果；釋放鼠標(biāo)左鍵后，就可以看到傾斜實(shí)例的最終結(jié)果。變換實(shí)例形狀41元件使用

旋轉(zhuǎn)實(shí)例（1）選中舞臺(tái)上的“雙足”實(shí)例，選擇任意變形工具，同時(shí)單擊工具選項(xiàng)區(qū)中的“旋轉(zhuǎn)和傾斜”按鈕，此時(shí)實(shí)例外圍呈現(xiàn)8個(gè)方形手柄。（2）將光標(biāo)移至拐角的句柄呈現(xiàn)時(shí)，按住鼠標(biāo)左鍵旋轉(zhuǎn)拖動(dòng)，虛線顯示部分就是實(shí)例旋轉(zhuǎn)后的結(jié)果；釋放鼠標(biāo)左鍵后，就可以看到旋轉(zhuǎn)實(shí)例的最終結(jié)果。變換實(shí)例形狀42元件使用拉伸實(shí)例（1）選中舞臺(tái)上的“雙足”實(shí)例，選擇任意變形工具，同時(shí)單擊工具選項(xiàng)區(qū)中的“縮放”按鈕，此時(shí)實(shí)例外圍呈現(xiàn)8個(gè)方形手柄。（2）將光標(biāo)移至中間的句柄呈現(xiàn)時(shí)，按住鼠標(biāo)左鍵橫向拖動(dòng)，虛線顯示部分就是實(shí)例拉伸后的結(jié)果；釋放鼠標(biāo)左鍵后，就可以看到拉伸實(shí)例的最終結(jié)果。變換實(shí)例形狀43元件使用變換實(shí)例形狀縮放實(shí)例（1）選中舞臺(tái)上的“雙足”實(shí)例，選擇任意變形工具，同時(shí)單擊工具選項(xiàng)區(qū)中的“縮放”按鈕，此時(shí)實(shí)例外圍呈現(xiàn)8個(gè)方形手柄。（2）將光標(biāo)移至拐角的句柄呈現(xiàn)時(shí)，按住鼠標(biāo)左鍵斜向拖動(dòng)，虛線顯示部分就是實(shí)例等比例縮放后的結(jié)果；釋放鼠標(biāo)左鍵后，就可以看到縮放實(shí)例的最終結(jié)果。44元件使用

選擇舞臺(tái)上的黑色“雙足”實(shí)例，將其進(jìn)行水平傾斜處理，然后在“屬性”面板中調(diào)整實(shí)例色調(diào)為100%紅色，如圖所示。單擊“屬性”面板中的“交換”按鈕，或者選擇“修改”|“交換元件”命令，彈出“交換元件”對(duì)話框，選擇其中的圖形元件Hand，如圖所示。變換元件45元件使用單擊“確定”按鈕后，如圖所示，實(shí)例設(shè)置均沒有任何改變。舞臺(tái)上的實(shí)例卻已經(jīng)發(fā)生變化了，如圖所示。變換元件46改變實(shí)例屬性選中一元件的實(shí)例，“屬性”面板變?yōu)樵搶?shí)例的屬性。在該面板中，用戶可以改變實(shí)例的屬性實(shí)例“屬性”面板

步驟如下:為實(shí)例交換元件在工作區(qū)選中一個(gè)實(shí)例單擊實(shí)例屬性面板中的“交換”按鈕，彈出“交換元件”對(duì)話框，在其中的目錄里列出了該動(dòng)畫已有的可以作為更換的元件。單擊另一元件，確定后即完成交換

“交換元件”對(duì)話框

改變實(shí)例類型在Flash8中，改變實(shí)例類型很簡(jiǎn)單，只要選中實(shí)例，然后在“屬性”面板中的下拉列表框中選擇實(shí)例的類型即可改變實(shí)例類型

打散實(shí)例打散實(shí)例：可以切斷它與元件的聯(lián)系，成為非群組的形狀和直線的集合從而可對(duì)實(shí)例的局部進(jìn)行較為細(xì)致的操作選中需要打散的實(shí)例選擇“修改”→“分離”命令，將實(shí)例打散為圖形元素的組合，或使用快捷鍵Ctrl+B使用繪圖工具修改元素

打散實(shí)例的步驟如下：實(shí)例練習(xí)：作業(yè)11氣球飄動(dòng)步驟一、制作氣球飄動(dòng)影片剪輯元件1、利用前面講過的引導(dǎo)層動(dòng)畫，