FLASH-CS4課件L8元件庫(kù)和實(shí)例

第八講元件、庫(kù)和實(shí)例內(nèi)容概要元件元件和實(shí)例的概述、元件的類(lèi)型、使用元件的優(yōu)點(diǎn)創(chuàng)建元件、編輯元件、復(fù)制元件、刪除元件、更改元件類(lèi)型庫(kù)庫(kù)面板的使用專(zhuān)用庫(kù)與公用庫(kù)實(shí)例創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體課堂練習(xí)元件和實(shí)例概述元件是Flash中一個(gè)比較重要且使用非常頻繁的概念。元件是指在Flash創(chuàng)作環(huán)境中創(chuàng)建過(guò)一次的圖形、按鈕或影片剪輯，可以擁有Flash能夠創(chuàng)建的所有功能，包括動(dòng)畫(huà)。還可以包含從其它應(yīng)用程序中導(dǎo)入的插圖；元件一旦被創(chuàng)建（只需創(chuàng)建一次），就會(huì)被自動(dòng)添加到當(dāng)前文檔的庫(kù)中，然后可以在當(dāng)前文檔或其它文檔中重復(fù)使用而不會(huì)顯著增加文件的大小。實(shí)例是指位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本。實(shí)例可以與它的元件在顏色、大小和功能上有差別。編輯元件會(huì)更新它的所有實(shí)例，但對(duì)元件的一個(gè)實(shí)例應(yīng)用效果則只更新該實(shí)例。元件的類(lèi)型圖形元件：用來(lái)重復(fù)使用的靜態(tài)圖像，并可用來(lái)創(chuàng)建連接到主時(shí)間軸的可重復(fù)使用動(dòng)畫(huà)片段?？蓱?yīng)用到其它類(lèi)型的元件當(dāng)中，是3種元件類(lèi)型中最基本的類(lèi)型圖形元件與主時(shí)間軸同步運(yùn)行交互式控件和聲音在圖形元件的動(dòng)畫(huà)序列中不起作用元件的類(lèi)型按鈕元件：用來(lái)響應(yīng)鼠標(biāo)單擊、滑過(guò)或其它鼠標(biāo)動(dòng)作的交互式按鈕?？梢远x與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，可根據(jù)對(duì)不同按鈕狀態(tài)的設(shè)置來(lái)觸發(fā)不同的特殊效果。主要完成交互，按鈕的交互必須要通過(guò)ActionScript完成。元件的類(lèi)型影片剪輯：可重用的動(dòng)畫(huà)片段。Flash中有交互性、用途最多及功能最強(qiáng)的部分。影片剪輯擁有各自獨(dú)立于主時(shí)間軸的多幀時(shí)間軸（可設(shè)想為主電影中嵌套的小電影）；基本上就是一個(gè)小的獨(dú)立影片，可包含交互式控件、聲音甚至其它影片剪輯實(shí)例；也可以將影片剪輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建動(dòng)畫(huà)按鈕。使用ActionScript可以在剪輯之間發(fā)送消息以便相互控制。影片剪輯元件、圖形元件和按鈕元件的差異影片剪輯元件、圖形元件和按鈕元件，最主要的差別在于，影片剪輯元件和按鈕元件本身都可以加入動(dòng)作語(yǔ)句和聲音，圖形元件上則不能；影片剪輯元件的播放不受場(chǎng)景時(shí)間線(xiàn)長(zhǎng)度的制約，它有元件自身獨(dú)立的時(shí)間線(xiàn)；按鈕元件獨(dú)特的4幀時(shí)間線(xiàn)并不自動(dòng)播放，而只是響應(yīng)鼠標(biāo)事件；圖形元件的播放完全受制于場(chǎng)景時(shí)間線(xiàn)；影片剪輯元件在場(chǎng)景中敲回車(chē)測(cè)試時(shí)看不到實(shí)際播放效果，只能在各自的編輯環(huán)境中觀看效果，而圖形元件在場(chǎng)景中即可適時(shí)觀看，也可以實(shí)現(xiàn)所見(jiàn)即所得的效果。影片剪輯中可以嵌套另一個(gè)影片剪輯，圖形元件中也可以嵌套另一個(gè)圖形元件，但是按鈕元件中不能嵌套另一個(gè)按鈕元件。使用元件的優(yōu)點(diǎn)可加快影片的播放速度：一個(gè)元件在瀏覽中只需下載一次；可簡(jiǎn)化影片的編輯操作：若修改元件，同一元件生成的所有實(shí)例都會(huì)隨之更新，可大大節(jié)省創(chuàng)作時(shí)間，提供工作效率；可最大程度地減小文件大?。和辉亩鄠€(gè)實(shí)例在影片中只保存元件一次，而每個(gè)實(shí)例只保存附加信息（位置及其它屬性）。使用flash制作影片的一般工作流程影片總體設(shè)計(jì)計(jì)劃制作所需的各種元件在場(chǎng)景中添加元件的實(shí)例，并對(duì)實(shí)例進(jìn)行適當(dāng)?shù)慕M織和編排測(cè)試并發(fā)布影片使用元件和庫(kù)可以提高影片的制作效率創(chuàng)建元件新建元件打開(kāi)“創(chuàng)建新元件”對(duì)話(huà)框

的方法有：菜單項(xiàng)“插入|新建元件”“庫(kù)”面板左下角的

“新建元件”按鈕“庫(kù)”面板右上角的“庫(kù)面板”菜單中的“新建元件”快捷按鈕Ctrl+F8名稱(chēng)、類(lèi)型、文件夾“確定”后，將該元件

添加到庫(kù)中，并切換

到元件編輯模式創(chuàng)建元件（2）將選定對(duì)象轉(zhuǎn)換為元件在舞臺(tái)上選擇一個(gè)或多個(gè)

對(duì)象，執(zhí)行下列操作之一

打開(kāi)“轉(zhuǎn)換為元件”對(duì)話(huà)框：菜單項(xiàng)“修改|轉(zhuǎn)換為元件”右鍵快捷菜單中的“轉(zhuǎn)換為元件”將選中對(duì)象拖到“庫(kù)”面板上快捷鍵F8注冊(cè)：ActionScript控制

元件時(shí)的中心參照點(diǎn)“確定”后，將該元件添加

到庫(kù)中，舞臺(tái)上選定的對(duì)象將自動(dòng)變成該元件的一個(gè)實(shí)例。編輯元件編輯元件時(shí)，可以使用任意繪畫(huà)工具、導(dǎo)入媒體或其它元件的實(shí)例；該文檔中該元件的所有實(shí)例將隨之一起改變。正在編輯的元件的名稱(chēng)會(huì)顯示在舞臺(tái)頂部的編輯欄內(nèi)三種編輯方式：編輯：切換到只顯示該元件

的單獨(dú)視圖在當(dāng)前位置編輯：在原場(chǎng)景

中，其它對(duì)象以灰顯方式出現(xiàn)在新窗口中編輯”：在單獨(dú)的

窗口單獨(dú)編輯，可與原場(chǎng)景來(lái)

回切換編輯元件（2）進(jìn)入元件編輯模式“編輯”菜單中右鍵快捷菜單中“庫(kù)”面板菜單中的

“編輯”雙擊“庫(kù)”面板中的

元件圖標(biāo)——編輯在舞臺(tái)上雙擊該元

件的一個(gè)實(shí)例——在

當(dāng)前位置編輯編輯元件（3）退出元件編輯模式“返回”按鈕單擊編輯欄中的場(chǎng)景名稱(chēng)雙擊元件的外部（“在當(dāng)前位置編

輯”時(shí)）“關(guān)閉”按鈕（“在新窗口編輯”時(shí)）菜單項(xiàng)“編輯|編輯文檔”。創(chuàng)建按鈕按鈕實(shí)際上是四幀的交互影片剪輯，其時(shí)間軸上包含四幀：彈起幀：代表指針沒(méi)有經(jīng)過(guò)按鈕時(shí)該按鈕的狀態(tài)。指針經(jīng)過(guò)幀：代表指針滑過(guò)按鈕時(shí)該按鈕的外觀。按下幀：代表單擊按鈕時(shí)該按鈕的外觀。點(diǎn)擊幀：設(shè)定了響應(yīng)鼠標(biāo)單擊的區(qū)域此區(qū)域在SWF文件中是不可見(jiàn)的。時(shí)間軸實(shí)際上并不播放，它只是對(duì)指針運(yùn)動(dòng)和動(dòng)作做出反應(yīng)，跳轉(zhuǎn)到相應(yīng)的幀。按鈕的作用通過(guò)給按鈕添加動(dòng)作，把動(dòng)作設(shè)置在on鼠標(biāo)事件處理程序中交互按鈕例：為按鈕添加鏈接on(press){getURL("");}通過(guò)單擊按鈕在瀏覽器窗口打開(kāi)相應(yīng)的頁(yè)面按鈕的作用控制播放按鈕on(press){play();}//播放on(press){stop();}//停止按鈕的作用透明按鈕彈起、鼠標(biāo)經(jīng)過(guò)、按下幀都為空幀，只有點(diǎn)擊幀有圖形的按鈕，常用于生成特效。復(fù)制元件打開(kāi)“直接復(fù)制元

件”對(duì)話(huà)框“庫(kù)”面板中的

“直接復(fù)制……”右鍵快捷菜單中面板菜單中菜單項(xiàng)“修改|元件

|直接復(fù)制元件……”刪除元件要從文檔中徹底刪除

一個(gè)元件，只能在

“庫(kù)”面板中進(jìn)行刪除在舞臺(tái)上進(jìn)行的刪除，

只是刪除了元件的一

個(gè)實(shí)例“庫(kù)”面板中的“刪除”右鍵快捷菜單中面板菜單中“刪除”按鈕更改元件類(lèi)型打開(kāi)“元件屬性”

對(duì)話(huà)框“庫(kù)”面板中的

“屬性…”右鍵快捷菜單中面板菜單中“屬性”按鈕更改“類(lèi)型”后，

確定內(nèi)容概要元件元件和實(shí)例的概述、元件的類(lèi)型、使用元件的優(yōu)點(diǎn)創(chuàng)建元件、編輯元件、復(fù)制元件、刪除元件、更改元件類(lèi)型庫(kù)庫(kù)面板的使用專(zhuān)用庫(kù)與公用庫(kù)實(shí)例創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體課堂練習(xí)庫(kù)面板庫(kù)是存儲(chǔ)和組織管理flash中

創(chuàng)建的各種元件的地方打開(kāi)“庫(kù)”面板菜單項(xiàng)“窗口|庫(kù)”快捷鍵Ctrl+L“庫(kù)”面板的構(gòu)成面板菜單庫(kù)名、“固定當(dāng)前庫(kù)”按鈕、

“新建庫(kù)面板”按鈕預(yù)覽窗口搜索欄庫(kù)元件列表、“排序”按鈕按鈕：新建元件、新建文件夾、屬性、刪除專(zhuān)用庫(kù)與公用庫(kù)專(zhuān)用庫(kù)：存放各自Flash文檔中創(chuàng)建的元件。公用庫(kù)：Flash附帶的范例公用庫(kù)，或者自定義創(chuàng)建的公用庫(kù)。聲音按鈕類(lèi)內(nèi)容概要元件元件和實(shí)例的概述、元件的類(lèi)型、使用元件的優(yōu)點(diǎn)創(chuàng)建元件、編輯元件、復(fù)制元件、刪除元件、更改元件類(lèi)型庫(kù)庫(kù)面板的使用專(zhuān)用庫(kù)與公用庫(kù)實(shí)例創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體課堂練習(xí)實(shí)例及其創(chuàng)建實(shí)例是指位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本。實(shí)例可以與它的元件在顏色、大小和功能上有差別。編輯元件會(huì)更新它的所有實(shí)例，但對(duì)元件的一個(gè)實(shí)例應(yīng)用效果則只更新該實(shí)例。創(chuàng)建實(shí)例選擇時(shí)間軸上的某幀的某個(gè)圖層，將庫(kù)中已有的元件拖拽到舞臺(tái)上實(shí)例的屬性“屬性”面板實(shí)例名稱(chēng)實(shí)例類(lèi)型位置和大小實(shí)例的屬性（2）色彩效果樣式：無(wú)：不設(shè)置顏色效果亮度：用來(lái)調(diào)整實(shí)例的相對(duì)亮度和安度。-100%~100%，-100%為白色，100%為黑色色調(diào)：用來(lái)增加某種色調(diào)，可用顏色拾取器，也可直接輸入0%~100%，0%不受影響，100%完全取代原有顏色高級(jí)：用于調(diào)整實(shí)例的紅、綠、藍(lán)和透明度。Alpha（不透明度）0%~100%，0%完全不可見(jiàn)，100%完全可見(jiàn)實(shí)例的屬性（3）循環(huán)（僅圖形元件）循環(huán)：按照當(dāng)前實(shí)例占用的幀數(shù)來(lái)循環(huán)包含在該實(shí)例內(nèi)的所有動(dòng)畫(huà)序列。播放一次：從指定幀開(kāi)始播放動(dòng)畫(huà)序列直到動(dòng)畫(huà)結(jié)束，然后停止。單幀：顯示動(dòng)畫(huà)序列的一幀；指定要顯示的幀。實(shí)例的屬性（4）交換：替換當(dāng)前指定給

所選實(shí)例的元件打開(kāi)“交換元件”對(duì)話(huà)框“屬性”面板中的“交換”按鈕“直接復(fù)制元件”按鈕分離實(shí)例、調(diào)用其它文檔中的元件分離實(shí)例：斷開(kāi)實(shí)例與元件之間的鏈接，可修改實(shí)例且不影響元件本身和該元件的其它實(shí)例。選中實(shí)例，然后“修改|分離”或快捷鍵Ctrl+B調(diào)用其它文檔中的元件“文件|導(dǎo)入|打開(kāi)外部庫(kù)”選擇要打開(kāi)的文檔后，單擊“打開(kāi)”，打開(kāi)該文檔的“庫(kù)”面板即可使用內(nèi)容概要元件元件和實(shí)例的概述、元件的類(lèi)型、使用元件的優(yōu)點(diǎn)創(chuàng)建元件、編輯元件、復(fù)制元件、刪除元件、更改元件類(lèi)型庫(kù)庫(kù)面板的使用專(zhuān)用庫(kù)與公用庫(kù)實(shí)例創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體課堂練習(xí)元件應(yīng)用實(shí)例——制作鏡面跳字效果新建圖形元件新建一個(gè)圖形元件“背景”，用矩形工具畫(huà)一個(gè)無(wú)邊框大小為550x400矩形，對(duì)齊（水平中齊、垂直中齊）。打開(kāi)混色器點(diǎn)線(xiàn)性（左邊為#ffffff、中間為#0000cc、右邊為#000000），用變形工具調(diào)整一下顏色。新建圖形元件，名稱(chēng)“新”，大小96，字型、顏色自定。水平中齊、垂直中齊。按同樣的方法分別建立“年”、“快”、“樂(lè)”，一個(gè)字建一個(gè)圖形。

元件應(yīng)用實(shí)例——制作鏡面跳字效果新建影片剪輯元件新建元件---“電影剪輯”名為“跳字”。在圖層1第一幀拖入元件“新”，X軸為-180，Y軸為-150；第10幀插入關(guān)鍵幀，X軸為-180，Y軸為-35；在20幀插入關(guān)鍵幀，X軸為-180，Y軸為-150；在第30幀插入關(guān)鍵幀，X軸為-180，Y軸為-35。然后分別在第1、10幀、20幀創(chuàng)建動(dòng)畫(huà)補(bǔ)間，并延長(zhǎng)至70幀。添加圖層二，在第5幀插入關(guān)鍵幀拖入“年”，X軸為-62，Y軸為-150；在第15幀插入關(guān)鍵幀，X軸為-62，Y軸為-35；第25幀插入關(guān)鍵幀，X軸為-62，Y軸為-150；第35幀插入關(guān)鍵幀，X軸為-62，Y軸為-35。然后分別在第5、15幀、25幀創(chuàng)建動(dòng)畫(huà)補(bǔ)間，并延長(zhǎng)至70幀。添加圖層三，在第10幀插入關(guān)鍵幀拖入“快”，X軸為62，Y軸為-150；在第20幀插入關(guān)鍵幀，X軸為62，Y軸為-35；第30幀插入關(guān)鍵幀，X軸為62，Y軸為-150；第40幀插入關(guān)鍵幀X軸為62，Y軸為-35。然后分別在第10、20幀、30幀創(chuàng)建動(dòng)畫(huà)補(bǔ)間，并延長(zhǎng)至70幀。添加圖層四，在第15幀插入關(guān)鍵幀拖入“樂(lè)”，X軸為180，Y軸為-150；在第25幀插入關(guān)鍵幀，X軸為180，Y軸為-35；第35幀插入關(guān)鍵幀，X軸為180，Y軸為-150；第45幀插入關(guān)鍵幀，X軸為180，Y軸為-35。然后分別在第15、25幀、35幀創(chuàng)建補(bǔ)間動(dòng)畫(huà)，并延長(zhǎng)至70幀。

組織場(chǎng)景回到主場(chǎng)景，在圖層1拖入背景元件，水平對(duì)齊，垂直對(duì)齊添加圖層2，點(diǎn)第一幀拖入“跳字”影片剪輯，把“新’字定位：X軸為272，Y軸為220。復(fù)制，加鎖。添加圖層3，選中第一幀，點(diǎn)“粘貼到當(dāng)前位置”，加鎖。再添加圖層4，選中第一幀，點(diǎn)“粘貼到當(dāng)前位置”，加鎖。選中圖層2，打開(kāi)修改--變形---垂直翻轉(zhuǎn)，X軸為272，Y軸為230.屬性面板中先選色調(diào)為黑色，再選中高級(jí)，打開(kāi)設(shè)置，在高級(jí)效果中Alpha調(diào)整為30%。選中圖層3，將屬性面板中“顏色”調(diào)為“色調(diào)--黃”，按右方向鍵右移4步。

元件應(yīng)用實(shí)例——制作鏡面跳字效果元件應(yīng)用實(shí)例——星星之心的制作使用橢圓工具在舞臺(tái)中間畫(huà)一個(gè)正圓，并刪除輪廓線(xiàn)。

元件應(yīng)用實(shí)例——星星之心的制作把圓壓扁。

元件應(yīng)用實(shí)例——星星之心的制作增加一個(gè)正圓。

元件應(yīng)用實(shí)例——星星之心的制作把正圓壓縮成線(xiàn)形。

元件應(yīng)用實(shí)例——星星之心的制作刪除一半后移動(dòng)。

元件應(yīng)用實(shí)例——星星之心的制作中心對(duì)齊。

元件應(yīng)用實(shí)例——星星之心的制作執(zhí)行【窗口】→【變形】，復(fù)制并應(yīng)用變形按鈕3次。

元件應(yīng)用實(shí)例——星星之心的制作從庫(kù)中拖出一個(gè)“星星”元件的實(shí)例到舞臺(tái)中。第1幀的不透明度改為10％，把第20幀中的不透明度改為20％。

元件應(yīng)用實(shí)例——星