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

的方法有：菜單項“插入|新建元件”“庫”面板左下角的

“新建元件”按鈕“庫”面板右上角的“庫面板”菜單中的“新建元件”快捷按鈕Ctrl+F8名稱、類型、文件夾“確定”后，將該元件

添加到庫中，并切換

到元件編輯模式創建元件（2）將選定對象轉換為元件在舞臺上選擇一個或多個

對象，執行下列操作之一

打開“轉換為元件”對話框：菜單項“修改|轉換為元件”右鍵快捷菜單中的“轉換為元件”將選中對象拖到“庫”面板上快捷鍵F8注冊：ActionScript控制

元件時的中心參照點“確定”后，將該元件添加

到庫中，舞臺上選定的對象將自動變成該元件的一個實例。編輯元件編輯元件時，可以使用任意繪畫工具、導入媒體或其它元件的實例；該文檔中該元件的所有實例將隨之一起改變。正在編輯的元件的名稱會顯示在舞臺頂部的編輯欄內三種編輯方式：編輯：切換到只顯示該元件

的單獨視圖在當前位置編輯：在原場景

中，其它對象以灰顯方式出現在新窗口中編輯”：在單獨的

窗口單獨編輯，可與原場景來

回切換編輯元件（2）進入元件編輯模式“編輯”菜單中右鍵快捷菜單中“庫”面板菜單中的

“編輯”雙擊“庫”面板中的

元件圖標——編輯在舞臺上雙擊該元

件的一個實例——在

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

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

件”對話框“庫”面板中的

“直接復制……”右鍵快捷菜單中面板菜單中菜單項“修改|元件

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

一個元件，只能在

“庫”面板中進行刪除在舞臺上進行的刪除，

只是刪除了元件的一

個實例“庫”面板中的“刪除”右鍵快捷菜單中面板菜單中“刪除”按鈕更改元件類型打開“元件屬性”

對話框“庫”面板中的

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

確定內容概要元件元件和實例的概述、元件的類型、使用元件的優點創建元件、編輯元件、復制元件、刪除元件、更改元件類型庫庫面板的使用專用庫與公用庫實例創建實例、實例的屬性、分離實體課堂練習庫面板庫是存儲和組織管理flash中

創建的各種元件的地方打開“庫”面板菜單項“窗口|庫”快捷鍵Ctrl+L“庫”面板的構成面板菜單庫名、“固定當前庫”按鈕、

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

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

元件應用實例——制作鏡面跳字效果新建影片剪輯元件新建元件---“電影剪輯”名為“跳字”。在圖層1第一幀拖入元件“新”，X軸為-180，Y軸為-150；第10幀插入關鍵幀，X軸為-180，Y軸為-35；在20幀插入關鍵幀，X軸為-180，Y軸為-150；在第30幀插入關鍵幀，X軸為-180，Y軸為-35。然后分別在第1、10幀、20幀創建動畫補間，并延長至70幀。添加圖層二，在第5幀插入關鍵幀拖入“年”，X軸為-62，Y軸為-150；在第15幀插入關鍵幀，X軸為-62，Y軸為-35；第25幀插入關鍵幀，X軸為-62，Y軸為-150；第35幀插入關鍵幀，X軸為-62，Y軸為-35。然后分別在第5、15幀、25幀創建動畫補間，并延長至70幀。添加圖層三，在第10幀插入關鍵幀拖入“快”，X軸為62，Y軸為-150；在第20幀插入關鍵幀，X軸為62，Y軸為-35；第30幀插入關鍵幀，X軸為62，Y軸為-150；第40幀插入關鍵幀X軸為62，Y軸為-35。然后分別在第10、20幀、30幀創建動畫補間，并延長至70幀。添加圖層四，在第15幀插入關鍵幀拖入“樂”，X軸為180，Y軸為-150；在第25幀插入關鍵幀，X軸為180，Y軸為-35；第35幀插入關鍵幀，X軸為180，Y軸為-150；第45幀插入關鍵幀，X軸為180，Y軸為-35。然后分別在第15、25幀、35幀創建補間動畫，并延長至70幀。

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

元件應用實例——制作鏡面跳字效果元件應用實例——星星之心的制作使用橢圓工具在舞臺中間畫一個正圓，并刪除輪廓線。

元件應用實例——星星之心的制作把圓壓扁。

元件應用實例——星星之心的制作增加一個正圓。

元件應用實例——星星之心的制作把正圓壓縮成線形。

元件應用實例——星星之心的制作刪除一半后移動。

元件應用實例——星星之心的制作中心對齊。

元件應用實例——星星之心的制作執行【窗口】→【變形】，復制并應用變形按鈕3次。

元件應用實例——星星之心的制作從庫中拖出一個“星星”元件的實例到舞臺中。第1幀的不透明度改為10％，把第20幀中的不透明度改為20％。

元件應用實例——星