元件、實例與庫課件

項目五元件、實例與庫理論指導任務(wù)實踐項目五元件、實例與庫理論指導1理論指導元件的作用和類型創(chuàng)建元件與元件實例編輯元件與元件實例使用“庫”面板管理元件使用公用庫理論指導元件的作用和類型2（一）元件的作用和類型

Flash中的元件主要有以下幾個作用。制作動畫時如果需要反復使用某個對象，如圖形，可以將此對象轉(zhuǎn)換為元件，或新建一個元件，并在元件內(nèi)部創(chuàng)建需要的對象。以后便可以重復使用該元件，而不會增加Flash文件大小。元件本身也可以是一個小動畫，此外，元件內(nèi)部還可以包含元件，所以，通過幾個元件合成，可以使復雜的動畫制作變得簡單。在制作某些交互動畫時，需要使用按鈕元件。（一）元件的作用和類型Flash3Flash中的元件分為三種類型，分別是圖形元件、影片剪輯和按鈕元件。圖形元件：用于制作可重復使用的靜態(tài)圖像，以及附屬于主時間軸的可重復使用的動畫片段。要注意的是，不能在圖形元件內(nèi)添加聲音和動作腳本，也不能將動作腳本添加在圖形元件實例上。影片剪輯元件：用來制作可重復使用的、獨立于主時間軸的動畫片段。可以在影片剪輯內(nèi)添加聲音和動作腳本。按鈕元件：用于創(chuàng)建響應(yīng)鼠標單擊、滑過或其他動作的交互按鈕。Flash中的元件分為三種類型，分別是圖形元4（二）創(chuàng)建元件與元件實例1．創(chuàng)建元件元件的創(chuàng)建方法有兩種：一種是將現(xiàn)有對象轉(zhuǎn)換成元件；另一種是直接創(chuàng)建元件，然后在元件內(nèi)部繪制、導入或修改對象。將所選對象轉(zhuǎn)換為元件1.要轉(zhuǎn)換元件，可選中舞臺上需要轉(zhuǎn)換的對象，如選中“背景”圖層中的所有對象，然后選擇“修改”>“轉(zhuǎn)換為元件”菜單項，或按快捷鍵【F8】，在彈出的“轉(zhuǎn)換為元件”對話框中輸入元件名稱、選擇元件類型、設(shè)置對齊點后，單擊“確定”按鈕，即可將所選對象轉(zhuǎn)換為元件（二）創(chuàng)建元件與元件實例1．創(chuàng)建元件元件5新建元件2.選中舞臺中的汽車圖形，按【Ctrl+X】組合鍵將其剪切到剪貼板中。要新建元件，可選擇“插入”>“新建元件”菜單，或按快捷鍵【Ctrl+F8】，在打開的“創(chuàng)建新元件”對話框中輸入元件名稱、選擇元件類型，然后單擊“確定”按鈕，即可新建一個空白元件，并進入該元件的編輯狀態(tài)。3.在元件中繪制圖形、導入對象或制作動畫片段等，如將前面復制的汽車圖形粘貼到元件內(nèi)部，然后按快捷鍵【Ctrl+E】退出元件的編輯狀態(tài)。創(chuàng)建的元件均會保存在“庫”面板中。新建元件2.選中舞臺中的汽車圖形，按【Ctrl+X】組合鍵將62．創(chuàng)建元件實例元件只是用于保存圖形或動畫片段等的載體，它無法直接用于動畫制作，要使用元件，還需要在舞臺中創(chuàng)建該元件的實例。元件實例是對元件的引用，一個元件可以有多個實例。將“庫”面板中的元件拖到舞臺中以生成元件實例在創(chuàng)建元件時，若是將舞臺中的對象轉(zhuǎn)換成元件，則系統(tǒng)會自動在舞臺中生成一個元件實例；若新建元件，則系統(tǒng)不會自動生成元件實例，要生成新建元件的實例，需將其從“庫”面板拖到舞臺；反復執(zhí)行此操作可為同一元件創(chuàng)建多個實例。2．創(chuàng)建元件實例元件只是用于保存圖形或動畫7（三）編輯元件與元件實例1．編輯元件創(chuàng)建好元件后，用戶可進入元件的編輯狀態(tài)對其進行修改，修改方法與修改主時間軸中的對象相同（也可在元件內(nèi)部創(chuàng)建動畫）。對元件進行修改后，該元件在舞臺上的所有元件實例也會隨之改變。進入元件編輯狀態(tài)的方法主要有以下幾種。使用“選擇工具”雙擊舞臺中的元件實例，此時元件中的對象可以編輯，舞臺中其他對象不能編輯并以高光顯示。雙擊元件實例進入元件編輯狀態(tài)（三）編輯元件與元件實例1．編輯元件創(chuàng)建8雙擊“庫”面板中的元件。單擊編輯區(qū)上方的“編輯元件”按鈕，在彈出的下拉列表中選擇要編輯的元件。選擇要編輯的元件無論是以哪種方式進入元件編輯狀態(tài)，修改完畢后，單擊編輯窗口左上角的按鈕，或按下快捷鍵【Ctrl+E】，都可退出元件編輯狀態(tài)，返回主場景。雙擊“庫”面板中的元件。選擇要編輯的元件無論92．編輯元件實例編輯元件實例只對當前編輯的元件實例起作用，不會影響元件本身，也就是說，不會影響該元件的其他實例。用戶除了可以對舞臺上的元件實例進行移動、復制、刪除，以及使用“任意變形工具”進行縮放、旋轉(zhuǎn)和傾斜等操作外，還可進行以下操作。設(shè)置色彩效果：使用“選擇工具”選中元件實例后，可利用“屬性”面板的“色彩效果”區(qū)設(shè)置實例的色調(diào)、亮度或Alpha（透明度）屬性，從而制作漸隱漸顯、變色和發(fā)光等動畫效果。設(shè)置元件實例的色彩效果2．編輯元件實例編輯元件實例只對當前編輯的10設(shè)置顯示效果：使用“選擇工具”選中影片剪輯或按鈕元件實例后（注意不能設(shè)置圖形元件實例的顯示效果），可利用“屬性”面板“顯示”區(qū)的“混合”下拉列表中的選項設(shè)置實例與排列在其下方對象的融合效果。設(shè)置影片剪輯實例的混合效果設(shè)置顯示效果：使用“選擇工具”選中影片剪輯或按鈕元件實例后（11添加濾鏡：使用“選擇工具”選中影片剪輯或按鈕元件實例后，可利用“屬性”面板的“濾鏡”區(qū)為所選對象添加濾鏡。設(shè)置對象在三維空間的位置：使用“選擇工具”選中影片剪輯實例后，可利用“屬性”面板的“3D定位和查看”區(qū)設(shè)置所選對象在三維空間中的位置。添加濾鏡：使用“選擇工具”選中影片剪輯或按鈕元件實例后，可利12（四）使用“庫”面板管理元件在Flash中創(chuàng)建的元件，以及從外部導入的圖像、視頻和音頻等都存放在“庫”面板中?！皫臁泵姘迥J位于舞臺右側(cè)的面板組中?！皫臁泵姘澹ㄋ模┦褂谩皫臁泵姘骞芾碓贔lash中13復制元件：在“庫”面板的項目列表中右擊需要復制的元件，在彈出的快捷菜單中選擇“復制”菜單，然后切換到目標文檔，在“庫”面板的項目列表中右擊，在彈出的快捷菜單中選擇“粘貼”菜單即可。在同一文檔中復制元件：在“庫”面板的項目列表中右擊需要復制的元件，在彈出的快捷菜單中選擇“直接復制”菜單，在打開的“直接復制元件”對話框中輸入元件副本的名稱、設(shè)置元件副本的類型，然后單擊“確定”按鈕，可在“庫”面板中生成一個當前元件的副本。“直接復制元件”對話框復制元件：在“庫”面板的項目列表中右擊需要復制的元件，在彈出14重命名元件：在“庫”面板中雙擊要重命名元件的名稱，然后輸入新名稱即可。重命名元件刪除元件：要刪除元件，只需在選中元件之后單擊“庫”面板底部的“刪除”按鈕，或者將要刪除的元件拖到“庫”面板底部的“刪除”按鈕上即可。查找空閑元件：單擊“庫”面板右上角的按鈕，在打開的面板菜單中選擇“選擇未用項目”菜單，可自動選中沒在動畫中使用的空閑元件。重命名元件：在“庫”面板中雙擊要重命名元件的名稱，然后輸入新15排序元件：在“庫”面板項目列表的頂部有“名稱”、“類型”、“使用次數(shù)”、“鏈接”和“修改日期”五個按鈕，分別用來對元件進行相應(yīng)排序。排序按鈕排序元件：在“庫”面板項目列表的頂部有“名稱”、“類型”、“16使用元件文件夾：我們可以將相關(guān)元件分類放置在不同的元件文件夾中，從而方便對元件進行管理。單擊“庫”面板底部的“創(chuàng)建文件夾”按鈕，可新建一個元件文件夾，此時元件文件夾的名稱處于可編輯狀態(tài)，可為其輸入名稱。將要放入元件文件夾的元件拖到元件文件夾上，即可將其放入元件文件夾。關(guān)于元件文件夾的其他操作可參考圖層文件夾。

新建元件文件夾將元件放入元件文件夾使用元件文件夾：我們可以將相關(guān)元件分類放置在不同的元件文件夾17（五）使用公用庫FlashCS5中的公用庫被分為“學習交互”、“按鈕”和“類”三種類型。下面通過使用公用庫中的按鈕元件為例，介紹使用公用庫中素材的方法。選擇“公用庫”的類型1.選擇“窗口”>“公用庫”菜單，在打開的子菜單中可選擇要打開的公用庫類型，本例選擇“按鈕”菜單。（五）使用公用庫FlashCS5中的公用18使用“公用庫”中的按鈕2.打開按鈕的公用庫后，會看到很多元件文件夾，雙擊展開元件文件夾可以看到Flash提供的各種按鈕，選擇需要的按鈕，將其拖入舞臺即可。使用“公用庫”中的按鈕2.打開按鈕的公用庫后，會看到很多元件19任務(wù)實踐在學習了本項目的相關(guān)知識后，下面通過幾個案例使讀者進一步掌握圖形元件、影片剪輯和按鈕元件在制作Flash動畫時的應(yīng)用。任務(wù)實踐在學習了本項目的相關(guān)知識后，下面通20任務(wù)一制作閃爍星光動畫本任務(wù)中，我們將通過制作一個閃閃星光的動畫效果，使讀者進一步掌握圖形元件在制作Flash動畫時的應(yīng)用。閃閃星光打開素材文檔后，將“庫”面板中的“閃爍星星”圖形元件拖入多次到舞臺中，為該元件創(chuàng)建多個實例，然后在“屬性”面板中設(shè)置圖形元件實例內(nèi)動畫的播放方式，制作滿天星光的動畫效果。本例具體操作可參考本書配套視頻“5-1.avi”。任務(wù)一制作閃爍星光動畫本任務(wù)中，我們將21任務(wù)二制作林間漫步動畫下面通過制作一個小熊林間漫步的動畫效果，使讀者進一步掌握圖形元件和影片剪輯在制作Flash動畫時的應(yīng)用。林間漫步首先打開素材文檔，將背景圖形轉(zhuǎn)換為名為“森林”的圖形元件，然后創(chuàng)建小熊走路的影片剪輯，并將“小熊走路”影片剪輯拖入舞臺，最后利用“森林”圖形元件創(chuàng)建背景隨小熊漫步而逐漸后退的補間動畫。本例具體操作可參考本書配套視頻“5-2.avi”。任務(wù)二制作林間漫步動畫下面通過制作一個22任務(wù)三制作播放按鈕按鈕元件的創(chuàng)建方法與圖形元件和影片剪輯的不盡相同。下面通過創(chuàng)建一個播放按鈕，學習創(chuàng)建按鈕元件的具體操作。播放按鈕首先新建一個按鈕元件，并在按鈕元件內(nèi)部繪制播放按鈕彈起狀態(tài)的圖形；然后在“指針經(jīng)過”幀、“按下”幀和“點擊”幀插入關(guān)鍵幀；接著在按鈕元件內(nèi)部新建圖層，繪制按鈕上的箭頭；最后調(diào)整指針經(jīng)過幀中播放按鈕的填充顏色。本例具體操作可參考本書配套視頻“5-3.avi”。任務(wù)三制作播放按鈕按鈕元件的創(chuàng)建方法與23任務(wù)四制作動態(tài)按鈕下面通過在按鈕元件中應(yīng)用影片剪輯實例，制作動態(tài)按鈕：當將鼠標指針放在圣誕老人上方時，動畫開始播放，否則停止播放。動態(tài)按鈕打開素材文檔并新建一個Flash文檔，然后在新建的文檔中創(chuàng)建一個“圣誕老人”影片剪輯，并將素材文檔中的相關(guān)幀復制到影片剪輯中，制作圣誕老人走動的效果，最后利用該影片剪輯創(chuàng)建按鈕元件，并通過對按鈕元件中的各幀進行設(shè)置，制作一個默認是靜止狀態(tài)，鼠標一移到按鈕上便開始播放動畫的動態(tài)按鈕。本例具體操作可參考本書配套視頻“5-4.avi”。任務(wù)四制作動態(tài)按鈕下面通過在按鈕元件中24項目五元件、實例與庫理論指導任務(wù)實踐項目五元件、實例與庫理論指導25理論指導元件的作用和類型創(chuàng)建元件與元件實例編輯元件與元件實例使用“庫”面板管理元件使用公用庫理論指導元件的作用和類型26（一）元件的作用和類型

Flash中的元件主要有以下幾個作用。制作動畫時如果需要反復使用某個對象，如圖形，可以將此對象轉(zhuǎn)換為元件，或新建一個元件，并在元件內(nèi)部創(chuàng)建需要的對象。以后便可以重復使用該元件，而不會增加Flash文件大小。元件本身也可以是一個小動畫，此外，元件內(nèi)部還可以包含元件，所以，通過幾個元件合成，可以使復雜的動畫制作變得簡單。在制作某些交互動畫時，需要使用按鈕元件。（一）元件的作用和類型Flash27Flash中的元件分為三種類型，分別是圖形元件、影片剪輯和按鈕元件。圖形元件：用于制作可重復使用的靜態(tài)圖像，以及附屬于主時間軸的可重復使用的動畫片段。要注意的是，不能在圖形元件內(nèi)添加聲音和動作腳本，也不能將動作腳本添加在圖形元件實例上。影片剪輯元件：用來制作可重復使用的、獨立于主時間軸的動畫片段?？梢栽谟捌糨媰?nèi)添加聲音和動作腳本。按鈕元件：用于創(chuàng)建響應(yīng)鼠標單擊、滑過或其他動作的交互按鈕。Flash中的元件分為三種類型，分別是圖形元28（二）創(chuàng)建元件與元件實例1．創(chuàng)建元件元件的創(chuàng)建方法有兩種：一種是將現(xiàn)有對象轉(zhuǎn)換成元件；另一種是直接創(chuàng)建元件，然后在元件內(nèi)部繪制、導入或修改對象。將所選對象轉(zhuǎn)換為元件1.要轉(zhuǎn)換元件，可選中舞臺上需要轉(zhuǎn)換的對象，如選中“背景”圖層中的所有對象，然后選擇“修改”>“轉(zhuǎn)換為元件”菜單項，或按快捷鍵【F8】，在彈出的“轉(zhuǎn)換為元件”對話框中輸入元件名稱、選擇元件類型、設(shè)置對齊點后，單擊“確定”按鈕，即可將所選對象轉(zhuǎn)換為元件（二）創(chuàng)建元件與元件實例1．創(chuàng)建元件元件29新建元件2.選中舞臺中的汽車圖形，按【Ctrl+X】組合鍵將其剪切到剪貼板中。要新建元件，可選擇“插入”>“新建元件”菜單，或按快捷鍵【Ctrl+F8】，在打開的“創(chuàng)建新元件”對話框中輸入元件名稱、選擇元件類型，然后單擊“確定”按鈕，即可新建一個空白元件，并進入該元件的編輯狀態(tài)。3.在元件中繪制圖形、導入對象或制作動畫片段等，如將前面復制的汽車圖形粘貼到元件內(nèi)部，然后按快捷鍵【Ctrl+E】退出元件的編輯狀態(tài)。創(chuàng)建的元件均會保存在“庫”面板中。新建元件2.選中舞臺中的汽車圖形，按【Ctrl+X】組合鍵將302．創(chuàng)建元件實例元件只是用于保存圖形或動畫片段等的載體，它無法直接用于動畫制作，要使用元件，還需要在舞臺中創(chuàng)建該元件的實例。元件實例是對元件的引用，一個元件可以有多個實例。將“庫”面板中的元件拖到舞臺中以生成元件實例在創(chuàng)建元件時，若是將舞臺中的對象轉(zhuǎn)換成元件，則系統(tǒng)會自動在舞臺中生成一個元件實例；若新建元件，則系統(tǒng)不會自動生成元件實例，要生成新建元件的實例，需將其從“庫”面板拖到舞臺；反復執(zhí)行此操作可為同一元件創(chuàng)建多個實例。2．創(chuàng)建元件實例元件只是用于保存圖形或動畫31（三）編輯元件與元件實例1．編輯元件創(chuàng)建好元件后，用戶可進入元件的編輯狀態(tài)對其進行修改，修改方法與修改主時間軸中的對象相同（也可在元件內(nèi)部創(chuàng)建動畫）。對元件進行修改后，該元件在舞臺上的所有元件實例也會隨之改變。進入元件編輯狀態(tài)的方法主要有以下幾種。使用“選擇工具”雙擊舞臺中的元件實例，此時元件中的對象可以編輯，舞臺中其他對象不能編輯并以高光顯示。雙擊元件實例進入元件編輯狀態(tài)（三）編輯元件與元件實例1．編輯元件創(chuàng)建32雙擊“庫”面板中的元件。單擊編輯區(qū)上方的“編輯元件”按鈕，在彈出的下拉列表中選擇要編輯的元件。選擇要編輯的元件無論是以哪種方式進入元件編輯狀態(tài)，修改完畢后，單擊編輯窗口左上角的按鈕，或按下快捷鍵【Ctrl+E】，都可退出元件編輯狀態(tài)，返回主場景。雙擊“庫”面板中的元件。選擇要編輯的元件無論332．編輯元件實例編輯元件實例只對當前編輯的元件實例起作用，不會影響元件本身，也就是說，不會影響該元件的其他實例。用戶除了可以對舞臺上的元件實例進行移動、復制、刪除，以及使用“任意變形工具”進行縮放、旋轉(zhuǎn)和傾斜等操作外，還可進行以下操作。設(shè)置色彩效果：使用“選擇工具”選中元件實例后，可利用“屬性”面板的“色彩效果”區(qū)設(shè)置實例的色調(diào)、亮度或Alpha（透明度）屬性，從而制作漸隱漸顯、變色和發(fā)光等動畫效果。設(shè)置元件實例的色彩效果2．編輯元件實例編輯元件實例只對當前編輯的34設(shè)置顯示效果：使用“選擇工具”選中影片剪輯或按鈕元件實例后（注意不能設(shè)置圖形元件實例的顯示效果），可利用“屬性”面板“顯示”區(qū)的“混合”下拉列表中的選項設(shè)置實例與排列在其下方對象的融合效果。設(shè)置影片剪輯實例的混合效果設(shè)置顯示效果：使用“選擇工具”選中影片剪輯或按鈕元件實例后（35添加濾鏡：使用“選擇工具”選中影片剪輯或按鈕元件實例后，可利用“屬性”面板的“濾鏡”區(qū)為所選對象添加濾鏡。設(shè)置對象在三維空間的位置：使用“選擇工具”選中影片剪輯實例后，可利用“屬性”面板的“3D定位和查看”區(qū)設(shè)置所選對象在三維空間中的位置。添加濾鏡：使用“選擇工具”選中影片剪輯或按鈕元件實例后，可利36（四）使用“庫”面板管理元件在Flash中創(chuàng)建的元件，以及從外部導入的圖像、視頻和音頻等都存放在“庫”面板中?！皫臁泵姘迥J位于舞臺右側(cè)的面板組中。“庫”面板（四）使用“庫”面板管理元件在Flash中37復制元件：在“庫”面板的項目列表中右擊需要復制的元件，在彈出的快捷菜單中選擇“復制”菜單，然后切換到目標文檔，在“庫”面板的項目列表中右擊，在彈出的快捷菜單中選擇“粘貼”菜單即可。在同一文檔中復制元件：在“庫”面板的項目列表中右擊需要復制的元件，在彈出的快捷菜單中選擇“直接復制”菜單，在打開的“直接復制元件”對話框中輸入元件副本的名稱、設(shè)置元件副本的類型，然后單擊“確定”按鈕，可在“庫”面板中生成一個當前元件的副本?！爸苯訌椭圃睂υ捒驈椭圃涸凇皫臁泵姘宓捻椖苛斜碇杏覔粜枰獜椭频脑趶棾?8重命名元件：在“庫”面板中雙擊要重命名元件的名稱，然后輸入新名稱即可。重命名元件刪除元件：要刪除元件，只需在選中元件之后單擊“庫”面板底部的“刪除”按鈕，或者將要刪除的元件拖到“庫”面板底部的“刪除”按鈕上即可。查找空閑元件：單擊“庫”面板右上角的按鈕，在打開的面板菜單中選擇“選擇未用項目”菜單，可自動選中沒在動畫中使用的空閑元件。重命名元件：在“庫”面板中雙擊要重命名元件的名稱，然后輸入新39排序元件：在“庫”面板項目列表的頂部有“名稱”、“類型”、“使用次數(shù)”、“鏈接”和“修改日期”五個按鈕，分別用來對元件進行相應(yīng)排序。排序按鈕排序元件：在“庫”面板項目列表的頂部有“名稱”、“類型”、“40使用元件文件夾：我們可以將相關(guān)元件分類放置在不同的元件文件夾中，從而方便對元件進行管理。單擊“庫”面板底部的“創(chuàng)建文件夾”按鈕，可新建一個元件文件夾，此時元件文件夾的名稱處于可編輯狀態(tài)，可為其輸入名稱。將要放入元件文件夾的元件拖到元件文件夾上，即可將其放入元件文件夾。關(guān)于元件文件夾的其他操作可參考圖層文件夾。

新建元件文件夾將元件放入元件文件夾使用元件文件夾：我們可以將相關(guān)元件分類放置在不同的元件文件夾41（五）使用公用庫FlashCS5中的公用庫被分為“學習交互”、“按鈕”和“類”三種類型。下面通過使用公用庫中的按鈕元件為例，介紹使用公用庫中素材的方法。選擇“公用庫”的類型1.選擇“窗口”>“公用庫”菜單，在打開的子菜單中可選擇要打開的公用庫類型，本例選擇“按鈕”菜單。（五）使用公用庫FlashCS5中的公用42使用“公用庫”中的按鈕2.打開按鈕的公用庫后，會看到很多元件文件夾，雙擊展開元件文件夾可以看到Flash提供的各種按鈕，選擇需要的按鈕，將其拖入舞臺即可。使用“公用庫”中的按鈕2.打開按鈕的公用庫后，會看到很多元件43任務(wù)實踐在學習了本項目的相關(guān)知識后，下面通過幾個案例使讀者進一步掌握圖形元件、影片剪輯和按鈕元件在制作Flash動畫時的應(yīng)用。任務(wù)實踐在學習了本項目的相關(guān)知識后，下面通44任務(wù)一制作閃爍星光動畫本任務(wù)中，我們將通過制作一個閃閃星光的動畫效果，使讀者進一步掌握圖形元件在制