FLASH CS4課件L5元件庫和實例

1、FLASH CS4課件課件L5元件庫和實例元件庫和實例第五講第五講 元件、庫元件、庫和實例和實例FLASH CS4課件課件L5元件庫和實例元件庫和實例內容概要內容概要l元件元件l元件和實例的概述、元件的類型、使用元件的優(yōu)元件和實例的概述、元件的類型、使用元件的優(yōu)點點l創(chuàng)建元件、編輯元件、創(chuàng)建元件、編輯元件、l復制元件、刪除元件、更改元件類型復制元件、刪除元件、更改元件類型l庫庫l庫面板的使用庫面板的使用l專用庫與公用庫專用庫與公用庫l實例實例l創(chuàng)建實例、實例的屬性、分離實體創(chuàng)建實例、實例的屬性、分離實體l課堂練習課堂練習創(chuàng)建按鈕、添加花朵背景創(chuàng)建按鈕、添加花朵背景FLASH CS4課件課件L5

2、元件庫和實例元件庫和實例元件和實例概述元件和實例概述l元件是元件是Flash中一個比較重要且使用非常頻繁的概念。中一個比較重要且使用非常頻繁的概念。 是指在是指在 Flash 創(chuàng)作環(huán)境中創(chuàng)作環(huán)境中（或使用（或使用 Button (AS 2.0)、SimpleButton (AS 3.0) 和和 MovieClip 類）類）創(chuàng)建過一次的創(chuàng)建過一次的圖形、按鈕或影片剪輯，可以擁有圖形、按鈕或影片剪輯，可以擁有 Flash 能夠創(chuàng)建的所能夠創(chuàng)建的所有功能，包括動畫。有功能，包括動畫。 l還可以包含從其它應用程序中導入的插圖；還可以包含從其它應用程序中導入的插圖；l元件一旦被創(chuàng)建（元件一旦被創(chuàng)建（只需

3、創(chuàng)建一次只需創(chuàng)建一次），就會），就會被自動添加到當前文檔被自動添加到當前文檔的的中，中， 然后可以在當前文檔或其它文檔中然后可以在當前文檔或其它文檔中重復使用而不會顯著重復使用而不會顯著增加文件的大小增加文件的大小。是指位于舞臺上或嵌套在另一個元件內的是指位于舞臺上或嵌套在另一個元件內的元件副本元件副本。l實例可以與它的元件在顏色、大小和功能上有差別。實例可以與它的元件在顏色、大小和功能上有差別。l編輯元件會更新它的所有實例，但對元件的一個實例應用效果則編輯元件會更新它的所有實例，但對元件的一個實例應用效果則只更新該實例。只更新該實例。FLASH CS4課件課件L5元件庫和實例元件庫和實例元件

4、的類型元件的類型：用來重復使用的靜態(tài)圖像：用來重復使用的靜態(tài)圖像l可應用到其它類型的元件當中，是可應用到其它類型的元件當中，是3種元件類型中最基本的類種元件類型中最基本的類型。型。：用來響應鼠標單擊、滑過或其它鼠標動作：用來響應鼠標單擊、滑過或其它鼠標動作的交互式按鈕。的交互式按鈕。l可以定義與各種按鈕狀態(tài)關聯(lián)的圖形，可根據對不同按鈕狀態(tài)可以定義與各種按鈕狀態(tài)關聯(lián)的圖形，可根據對不同按鈕狀態(tài)的設置來觸發(fā)不同的特殊效果。的設置來觸發(fā)不同的特殊效果。：可重用的動畫片段。：可重用的動畫片段。lFlash中最就有交互性、用途最多及功能最強的部分。中最就有交互性、用途最多及功能最強的部分。l影片剪輯擁有

5、各自獨立于主時間軸的多幀時間軸（可設想為主影片剪輯擁有各自獨立于主時間軸的多幀時間軸（可設想為主電影中嵌套的小電影）；基本上就是一個小的獨立影片，可包電影中嵌套的小電影）；基本上就是一個小的獨立影片，可包含交互式控件、聲音甚至其它影片剪輯實例；也可以將影片剪含交互式控件、聲音甚至其它影片剪輯實例；也可以將影片剪輯實例放在按鈕元件的時間軸內，以創(chuàng)建動畫按鈕。輯實例放在按鈕元件的時間軸內，以創(chuàng)建動畫按鈕。l使用使用ActionScript可以在剪輯之間發(fā)送消息以便相互控制?？梢栽诩糨嬛g發(fā)送消息以便相互控制。FLASH CS4課件課件L5元件庫和實例元件庫和實例使用元件的優(yōu)點使用元件的優(yōu)點：一個元

6、件在瀏覽中只：一個元件在瀏覽中只需下載一次；需下載一次；：若修改元件，同一元：若修改元件，同一元件生成的所有實例都會隨之更新，可大大節(jié)省件生成的所有實例都會隨之更新，可大大節(jié)省創(chuàng)作時間，提供工作效率；創(chuàng)作時間，提供工作效率；：同一元件的多個：同一元件的多個實例在影片中只保存元件一次，而每個實例只實例在影片中只保存元件一次，而每個實例只保存附加信息（位置及其它屬性）；保存附加信息（位置及其它屬性）；l制作動作類的過濾動畫效果時，必須將圖形轉制作動作類的過濾動畫效果時，必須將圖形轉換成元件，否則將失去透明度等屬性，而且不換成元件，否則將失去透明度等屬性，而且不能制作補間動畫。能制作補間動畫。FLA

7、SH CS4課件課件L5元件庫和實例元件庫和實例使用flash制作影片的一般工作流程l影片總體設計計劃影片總體設計計劃l制作所需的各種元件制作所需的各種元件l在場景中添加元件的實例，并對實例進行適在場景中添加元件的實例，并對實例進行適當的組織和編排當的組織和編排l測試并發(fā)布影片測試并發(fā)布影片l使用元件和庫可以提高影片的制作效率使用元件和庫可以提高影片的制作效率FLASH CS4課件課件L5元件庫和實例元件庫和實例創(chuàng)建元件創(chuàng)建元件l新建元件新建元件l打開打開“創(chuàng)建新元件創(chuàng)建新元件”對話框對話框的方法有：的方法有： l菜單項菜單項“插入插入|新建元件新建元件”l“庫庫”面板左下角的面板左下角的“新

8、建元件新建元件”按鈕按鈕 l“庫庫”面板右上角的面板右上角的“庫面板庫面板”菜單中的菜單中的“新建元件新建元件”l快捷按鈕快捷按鈕Ctrl+F8 l名稱、類型、文件夾名稱、類型、文件夾1.“確定確定”后，將該元件后，將該元件添加到庫中，并切換添加到庫中，并切換到到元件編輯模式元件編輯模式FLASH CS4課件課件L5元件庫和實例元件庫和實例創(chuàng)建元件（創(chuàng)建元件（2）l將選定對象轉換為元件將選定對象轉換為元件l在舞臺上選擇一個或多個在舞臺上選擇一個或多個對象，執(zhí)行下列操作之一對象，執(zhí)行下列操作之一打開打開“轉換為元件轉換為元件”對話框對話框： l菜單項菜單項“修改修改|轉換為元件轉換為元件” l右

9、鍵快捷菜單中的右鍵快捷菜單中的“轉換為元件轉換為元件”l將選中對象拖到將選中對象拖到“庫庫”面板上面板上l快捷鍵快捷鍵F8l注冊：注冊：ActionScript控制控制元件時的中心參照點元件時的中心參照點l“確定確定”后，將該元件添加后，將該元件添加到庫中，舞臺上選定的對象將自動變成該元件的一個到庫中，舞臺上選定的對象將自動變成該元件的一個實例實例。 FLASH CS4課件課件L5元件庫和實例元件庫和實例編輯元件編輯元件l編輯元件時，可以使用任意繪畫工具、導入媒體或其它元件編輯元件時，可以使用任意繪畫工具、導入媒體或其它元件的實例；該文檔中該元件的所有實例將隨之一起改變。的實例；該文檔中該元件

10、的所有實例將隨之一起改變。l正在編輯的元件的名稱會顯示在舞臺頂部的編輯欄內正在編輯的元件的名稱會顯示在舞臺頂部的編輯欄內l三種編輯方式：三種編輯方式：l編輯編輯：切換到只顯示該元件：切換到只顯示該元件的單獨視圖的單獨視圖 l在當前位置編輯在當前位置編輯：在原場景：在原場景中，其它對象以灰顯方式出現(xiàn)中，其它對象以灰顯方式出現(xiàn) l在新窗口中編輯在新窗口中編輯”：在單獨的：在單獨的窗口單獨編輯，可與原場景來窗口單獨編輯，可與原場景來回切換回切換FLASH CS4課件課件L5元件庫和實例元件庫和實例編輯元件（編輯元件（2）l進入元件編輯模式進入元件編輯模式l“編輯編輯”菜單中菜單中l(wèi)右鍵快捷菜單中右鍵

11、快捷菜單中l(wèi)“庫庫”面板菜單中的面板菜單中的“編輯編輯” l雙擊雙擊“庫庫”面板中的面板中的元件圖標元件圖標編輯編輯l在舞臺上雙擊該元在舞臺上雙擊該元件的一個實例件的一個實例在在當前位置編輯當前位置編輯FLASH CS4課件課件L5元件庫和實例元件庫和實例編輯元件（編輯元件（3）l退出元件編輯模式退出元件編輯模式l“返回返回”按鈕按鈕l單擊編輯欄中的場景名稱單擊編輯欄中的場景名稱l雙擊元件的外部（雙擊元件的外部（“在當前位置編在當前位置編輯輯”時）時）l“關閉關閉”按鈕（按鈕（“在新窗口編輯在新窗口編輯”時）時）l菜單項菜單項“編輯編輯|編輯文檔編輯文檔”。FLASH CS4課件課件L5元件庫

12、和實例元件庫和實例創(chuàng)建按鈕創(chuàng)建按鈕l按鈕實際上是四幀的交互影片剪輯，其時間軸按鈕實際上是四幀的交互影片剪輯，其時間軸上包含四幀：上包含四幀：l彈起幀：代表指針沒有經過按鈕時該按鈕的狀態(tài)。彈起幀：代表指針沒有經過按鈕時該按鈕的狀態(tài)。 l指針經過幀：代表指針滑過按鈕時該按鈕的外觀。指針經過幀：代表指針滑過按鈕時該按鈕的外觀。 l按下幀：代表單擊按鈕時該按鈕的外觀。按下幀：代表單擊按鈕時該按鈕的外觀。 l點擊幀：設定了響應鼠標單擊的區(qū)域點擊幀：設定了響應鼠標單擊的區(qū)域l 此區(qū)域在此區(qū)域在 SWF 文件中是不可見的。文件中是不可見的。l時間軸實際上并不播放，它只是對指針運動和動作時間軸實際上并不播放，

13、它只是對指針運動和動作做出反應，跳轉到相應的幀。做出反應，跳轉到相應的幀。 FLASH CS4課件課件L5元件庫和實例元件庫和實例復制元件復制元件l打開打開“直接復制元直接復制元件件”對話框對話框l“庫庫”面板中的面板中的“直接復制直接復制”l右鍵快捷菜單中右鍵快捷菜單中l(wèi)面板菜單中面板菜單中l(wèi)菜單項菜單項“修改修改|元件元件|直接復制元件直接復制元件”FLASH CS4課件課件L5元件庫和實例元件庫和實例刪除元件刪除元件l要從文檔中徹底刪除要從文檔中徹底刪除一個元件，只能在一個元件，只能在“庫庫”面板中進行刪除面板中進行刪除l在舞臺上進行的刪除，在舞臺上進行的刪除，只是刪除了元件的一只是刪除

14、了元件的一個實例個實例l“庫庫”面板中的面板中的“刪除刪除”l右鍵快捷菜單中右鍵快捷菜單中l(wèi)面板菜單中面板菜單中l(wèi)“刪除刪除”按鈕按鈕FLASH CS4課件課件L5元件庫和實例元件庫和實例更改元件類型更改元件類型l打開打開“元件屬性元件屬性”對話框對話框l“庫庫”面板中的面板中的“屬性屬性”l右鍵快捷菜單中右鍵快捷菜單中l(wèi)面板菜單中面板菜單中l(wèi)“屬性屬性”按鈕按鈕l更改更改“類型類型”后，后，確定確定FLASH CS4課件課件L5元件庫和實例元件庫和實例內容概要內容概要l元件元件l元件和實例的概述、元件的類型、使用元件的優(yōu)元件和實例的概述、元件的類型、使用元件的優(yōu)點點l創(chuàng)建元件、編輯元件、創(chuàng)建

15、元件、編輯元件、l復制元件、刪除元件、更改元件類型復制元件、刪除元件、更改元件類型l庫庫l庫面板的使用庫面板的使用l專用庫與公用庫專用庫與公用庫l實例實例l創(chuàng)建實例、實例的屬性、分離實體創(chuàng)建實例、實例的屬性、分離實體l課堂練習課堂練習創(chuàng)建按鈕、添加花朵背景創(chuàng)建按鈕、添加花朵背景FLASH CS4課件課件L5元件庫和實例元件庫和實例庫面板庫面板是存儲和組織管理是存儲和組織管理flash中中創(chuàng)建的各種元件的地方創(chuàng)建的各種元件的地方l打開打開“庫庫”面板面板l菜單項菜單項“窗口窗口|庫庫”l快捷鍵快捷鍵Ctrl+Ll“庫庫”面板的構成面板的構成l面板菜單面板菜單l庫名、庫名、“固定當前庫固定當前庫”

16、按鈕、按鈕、“新建庫面板新建庫面板”按鈕按鈕l預覽窗口預覽窗口l搜索欄搜索欄l庫元件列表、庫元件列表、“排序排序”按鈕按鈕l按鈕：新建元件、新建按鈕：新建元件、新建、屬性、刪除、屬性、刪除FLASH CS4課件課件L5元件庫和實例元件庫和實例專用庫與公用庫專用庫與公用庫：存放各自：存放各自Flash文檔中創(chuàng)建文檔中創(chuàng)建的元件。的元件。：Flash 附帶的范例公用庫，附帶的范例公用庫，或者自定義創(chuàng)建的公用庫?；蛘咦远x創(chuàng)建的公用庫。l聲音聲音l按鈕按鈕l類類FLASH CS4課件課件L5元件庫和實例元件庫和實例內容概要內容概要l元件元件l元件和實例的概述、元件的類型、使用元件的優(yōu)元件和實例的概述

17、、元件的類型、使用元件的優(yōu)點點l創(chuàng)建元件、編輯元件、創(chuàng)建元件、編輯元件、l復制元件、刪除元件、更改元件類型復制元件、刪除元件、更改元件類型l庫庫l庫面板的使用庫面板的使用l專用庫與公用庫專用庫與公用庫l實例實例l創(chuàng)建實例、實例的屬性、分離實體創(chuàng)建實例、實例的屬性、分離實體l課堂練習課堂練習創(chuàng)建按鈕、添加花朵背景創(chuàng)建按鈕、添加花朵背景FLASH CS4課件課件L5元件庫和實例元件庫和實例實例及其創(chuàng)建實例及其創(chuàng)建是指位于舞臺上或嵌套在另一個元件內的是指位于舞臺上或嵌套在另一個元件內的元件副本元件副本。l實例可以與它的元件在顏色、大小和功能上有差別。實例可以與它的元件在顏色、大小和功能上有差別。l編

18、輯元件會更新它的所有實例，但對元件的一個實編輯元件會更新它的所有實例，但對元件的一個實例應用效果則只更新該實例。例應用效果則只更新該實例。l創(chuàng)建實例創(chuàng)建實例l選擇時間軸上的某幀的某個圖層，將庫中已有的元選擇時間軸上的某幀的某個圖層，將庫中已有的元件拖拽到舞臺上件拖拽到舞臺上FLASH CS4課件課件L5元件庫和實例元件庫和實例實例的屬性實例的屬性l“屬性屬性”面板面板l實例名稱實例名稱l實例類型實例類型l位置和大小位置和大小FLASH CS4課件課件L5元件庫和實例元件庫和實例實例的屬性（實例的屬性（2）l色彩效果色彩效果l樣式：樣式：不設置顏色效果：不設置顏色效果：用來調整實例的相對亮度和安

19、度。：用來調整實例的相對亮度和安度。-100%100%，-100%為白色，為白色，100%為黑色為黑色：用來增加某種色調，可用顏色拾取器，也可直接：用來增加某種色調，可用顏色拾取器，也可直接輸入輸入0%100%，0%不受影響，不受影響，100%完全取代原有顏色完全取代原有顏色：用于調整實例的紅、綠、藍和透明度。：用于調整實例的紅、綠、藍和透明度。0%100%，0%完全不可見，完全不可見，100%完全可見完全可見FLASH CS4課件課件L5元件庫和實例元件庫和實例實例的屬性（實例的屬性（3）l循環(huán)（僅圖形元件）循環(huán)（僅圖形元件）l循環(huán)：按照當前實例占用的幀數來循環(huán)包含在該實循環(huán)：按照當前實例占

20、用的幀數來循環(huán)包含在該實例內的所有動畫序列。例內的所有動畫序列。 l播放一次：從指定幀開始播放動畫序列直到動畫結播放一次：從指定幀開始播放動畫序列直到動畫結束，然后停止。束，然后停止。 l單幀：顯示動畫序列的一幀；單幀：顯示動畫序列的一幀； 指定要顯示的幀。指定要顯示的幀。l例如：例如：“rs_l5/改變實例類型改變實例類型.fla”FLASH CS4課件課件L5元件庫和實例元件庫和實例實例的屬性（實例的屬性（4）l交換：替換當前指定給交換：替換當前指定給所選實例的元件所選實例的元件l打開打開l“直接復制元件直接復制元件”按鈕按鈕FLASH CS4課件課件L5元件庫和實例元件庫和實例分離實例、

21、調用其它文檔中的元件分離實例、調用其它文檔中的元件：斷開實例與元件之間的鏈接，可：斷開實例與元件之間的鏈接，可修改實例且不影響元件本身和該元件的其它修改實例且不影響元件本身和該元件的其它實例。實例。FLASH CS4課件課件L5元件庫和實例元件庫和實例內容概要內容概要l元件元件l元件和實例的概述、元件的類型、使用元件的優(yōu)元件和實例的概述、元件的類型、使用元件的優(yōu)點點l創(chuàng)建元件、編輯元件、創(chuàng)建元件、編輯元件、l復制元件、刪除元件、更改元件類型復制元件、刪除元件、更改元件類型l庫庫l庫面板的使用庫面板的使用l專用庫與公用庫專用庫與公用庫l實例實例l創(chuàng)建實例、實例的屬性、分離實體創(chuàng)建實例、實例的屬性

22、、分離實體l課堂練習課堂練習創(chuàng)建按鈕、添加花朵背景創(chuàng)建按鈕、添加花朵背景FLASH CS4課件課件L5元件庫和實例元件庫和實例課堂練習課堂練習1創(chuàng)建按鈕創(chuàng)建按鈕l步驟步驟1：新建元件：新建元件l打開打開“創(chuàng)建新元件創(chuàng)建新元件”對話框，類型為對話框，類型為按鈕按鈕l步驟步驟2：制作彈起：制作彈起幀幀l將將“按鈕素材按鈕素材.psd”導入到庫導入到庫l選擇選擇“彈起彈起”下的下的關鍵幀，將關鍵幀，將“庫庫”面板中面板中“按鈕素按鈕素材材.psd資源資源”下的下的“圖層圖層1”拖拽到按拖拽到按鈕元件的場景中鈕元件的場景中FLASH CS4課件課件L5元件庫和實例元件庫和實例課堂練習課堂練習1創(chuàng)建按鈕

23、（創(chuàng)建按鈕（2）l步驟步驟3：制作指針經過幀：制作指針經過幀l選擇選擇“指針經過指針經過”下的幀，下的幀，“插入關鍵插入關鍵幀幀”l選中舞臺中的實例，打開選中舞臺中的實例，打開“變形變形”面板，面板，將實例放大將實例放大110%l在在“屬性屬性”面板中設置面板中設置“色彩效果色彩效果|樣式樣式|色調色調”：色調：色調59%，紅，紅255，綠，綠0，藍，藍206l步驟步驟4：制作按下幀：制作按下幀l選擇選擇“指針經過指針經過”下的幀，下的幀，“插入關鍵插入關鍵幀幀”l選中舞臺中的實例，打開選中舞臺中的實例，打開“變形變形”面板，面板，將實例放大將實例放大90%l在在“屬性屬性”面板中設置面板中設置“色彩效果色彩效果|樣式樣式|色調色調”：色調：色調61%，紅，紅255，綠，綠255，藍藍0FLASH CS4課件課件L5元件庫和實例元件庫和實例課堂練習課堂練習1創(chuàng)建按鈕（創(chuàng)建按鈕（3）l步驟步驟5：為指針經過幀添加文字：為指針經過幀添加文字l選擇選擇“指針經過指針經過”幀，選中幀，選