FLASHCS4課件L5元件庫和實(shí)例

1、第五講第五講 元件、庫元件、庫和實(shí)例和實(shí)例內(nèi)容概要內(nèi)容概要l元件元件l元件和實(shí)例的概述、元件的類型、使用元件的優(yōu)元件和實(shí)例的概述、元件的類型、使用元件的優(yōu)點(diǎn)點(diǎn)l創(chuàng)建元件、編輯元件、創(chuàng)建元件、編輯元件、l復(fù)制元件、刪除元件、更改元件類型復(fù)制元件、刪除元件、更改元件類型l庫庫l庫面板的使用庫面板的使用l專用庫與公用庫專用庫與公用庫l實(shí)例實(shí)例l創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體l課堂練習(xí)課堂練習(xí)創(chuàng)建按鈕、添加花朵背景創(chuàng)建按鈕、添加花朵背景元件和實(shí)例概述元件和實(shí)例概述l元件是元件是flash中一個(gè)比較重要且使用非常頻繁的概念。中一個(gè)比較重要且使用非常頻繁的概念。 是指在是指在

2、 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還可以包含從其它應(yīng)用程序中導(dǎo)入的插圖；還可以包含從其它應(yīng)用程序中導(dǎo)入的插圖；l元件一旦被創(chuàng)建（元件一旦被創(chuàng)建（只需創(chuàng)建一次只需創(chuàng)建一次），就會），就會被自動添加到當(dāng)前文檔被自動添加到當(dāng)前文檔的的中，中， 然后可以在當(dāng)前文檔或其它文檔中然后可以在當(dāng)前文檔或其它文檔中重復(fù)使用而不

3、會顯著重復(fù)使用而不會顯著增加文件的大小增加文件的大小。是指位于舞臺上或嵌套在另一個(gè)元件內(nèi)的是指位于舞臺上或嵌套在另一個(gè)元件內(nèi)的元件副本元件副本。l實(shí)例可以與它的元件在顏色、大小和功能上有差別。實(shí)例可以與它的元件在顏色、大小和功能上有差別。l編輯元件會更新它的所有實(shí)例，但對元件的一個(gè)實(shí)例應(yīng)用效果則編輯元件會更新它的所有實(shí)例，但對元件的一個(gè)實(shí)例應(yīng)用效果則只更新該實(shí)例。只更新該實(shí)例。元件的類型元件的類型：用來重復(fù)使用的靜態(tài)圖像：用來重復(fù)使用的靜態(tài)圖像l可應(yīng)用到其它類型的元件當(dāng)中，是可應(yīng)用到其它類型的元件當(dāng)中，是3種元件類型中最基本的類種元件類型中最基本的類型。型。：用來響應(yīng)鼠標(biāo)單擊、滑過或其它鼠標(biāo)動

4、作：用來響應(yīng)鼠標(biāo)單擊、滑過或其它鼠標(biāo)動作的交互式按鈕。的交互式按鈕。l可以定義與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，可根據(jù)對不同按鈕狀態(tài)可以定義與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，可根據(jù)對不同按鈕狀態(tài)的設(shè)置來觸發(fā)不同的特殊效果。的設(shè)置來觸發(fā)不同的特殊效果。：可重用的動畫片段。：可重用的動畫片段。lflash中最就有交互性、用途最多及功能最強(qiáng)的部分。中最就有交互性、用途最多及功能最強(qiáng)的部分。l影片剪輯擁有各自獨(dú)立于主時(shí)間軸的多幀時(shí)間軸（可設(shè)想為主影片剪輯擁有各自獨(dú)立于主時(shí)間軸的多幀時(shí)間軸（可設(shè)想為主電影中嵌套的小電影）；基本上就是一個(gè)小的獨(dú)立影片，可包電影中嵌套的小電影）；基本上就是一個(gè)小的獨(dú)立影片，可包含交互式控件

5、、聲音甚至其它影片剪輯實(shí)例；也可以將影片剪含交互式控件、聲音甚至其它影片剪輯實(shí)例；也可以將影片剪輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建動畫按鈕。輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建動畫按鈕。l使用使用actionscript可以在剪輯之間發(fā)送消息以便相互控制?？梢栽诩糨嬛g發(fā)送消息以便相互控制。使用元件的優(yōu)點(diǎn)使用元件的優(yōu)點(diǎn)：一個(gè)元件在瀏覽中只：一個(gè)元件在瀏覽中只需下載一次；需下載一次；：若修改元件，同一元：若修改元件，同一元件生成的所有實(shí)例都會隨之更新，可大大節(jié)省件生成的所有實(shí)例都會隨之更新，可大大節(jié)省創(chuàng)作時(shí)間，提供工作效率；創(chuàng)作時(shí)間，提供工作效率；：同一元件的多個(gè)：同一元件的多個(gè)實(shí)例在影片中只

6、保存元件一次，而每個(gè)實(shí)例只實(shí)例在影片中只保存元件一次，而每個(gè)實(shí)例只保存附加信息（位置及其它屬性）；保存附加信息（位置及其它屬性）；4.制作動作類的過濾動畫效果時(shí)，必須將圖形轉(zhuǎn)制作動作類的過濾動畫效果時(shí)，必須將圖形轉(zhuǎn)換成元件，否則將失去透明度等屬性，而且不換成元件，否則將失去透明度等屬性，而且不能制作補(bǔ)間動畫。能制作補(bǔ)間動畫。使用flash制作影片的一般工作流程1.影片總體設(shè)計(jì)計(jì)劃影片總體設(shè)計(jì)計(jì)劃2.制作所需的各種元件制作所需的各種元件3.在場景中添加元件的實(shí)例，并對實(shí)例進(jìn)行適在場景中添加元件的實(shí)例，并對實(shí)例進(jìn)行適當(dāng)?shù)慕M織和編排當(dāng)?shù)慕M織和編排4.測試并發(fā)布影片測試并發(fā)布影片l使用元件和庫可以提高

7、影片的制作效率使用元件和庫可以提高影片的制作效率創(chuàng)建元件創(chuàng)建元件l新建元件新建元件l打開打開“創(chuàng)建新元件創(chuàng)建新元件”對話框?qū)υ捒虻姆椒ㄓ校旱姆椒ㄓ校?1.菜單項(xiàng)菜單項(xiàng)“插入插入|新建元件新建元件”2.“庫庫”面板左下角的面板左下角的“新建元件新建元件”按鈕按鈕 3.“庫庫”面板右上角的面板右上角的“庫面板庫面板”菜單中的菜單中的“新建元件新建元件”4.快捷按鈕快捷按鈕ctrl+f8 l名稱、類型、文件夾名稱、類型、文件夾l“確定確定”后，將該元件后，將該元件添加到庫中，并切換添加到庫中，并切換到到元件編輯模式元件編輯模式創(chuàng)建元件（創(chuàng)建元件（2）l將選定對象轉(zhuǎn)換為元件將選定對象轉(zhuǎn)換為元件l在舞臺

8、上選擇一個(gè)或多個(gè)在舞臺上選擇一個(gè)或多個(gè)對象，執(zhí)行下列操作之一對象，執(zhí)行下列操作之一打開打開“轉(zhuǎn)換為元件轉(zhuǎn)換為元件”對話框?qū)υ捒颍?l菜單項(xiàng)菜單項(xiàng)“修改修改|轉(zhuǎn)換為元件轉(zhuǎn)換為元件” l右鍵快捷菜單中的右鍵快捷菜單中的“轉(zhuǎn)換為元件轉(zhuǎn)換為元件”l將選中對象拖到將選中對象拖到“庫庫”面板上面板上l快捷鍵快捷鍵f8l注冊：注冊：actionscript控制控制元件時(shí)的中心參照點(diǎn)元件時(shí)的中心參照點(diǎn)l“確定確定”后，將該元件添加后，將該元件添加到庫中，舞臺上選定的對象將自動變成該元件的一個(gè)到庫中，舞臺上選定的對象將自動變成該元件的一個(gè)實(shí)例實(shí)例。 編輯元件編輯元件l編輯元件時(shí)，可以使用任意繪畫工具、導(dǎo)入媒體或

9、其它元件編輯元件時(shí)，可以使用任意繪畫工具、導(dǎo)入媒體或其它元件的實(shí)例；該文檔中該元件的所有實(shí)例將隨之一起改變。的實(shí)例；該文檔中該元件的所有實(shí)例將隨之一起改變。l正在編輯的元件的名稱會顯示在舞臺頂部的編輯欄內(nèi)正在編輯的元件的名稱會顯示在舞臺頂部的編輯欄內(nèi)l三種編輯方式：三種編輯方式：l編輯編輯：切換到只顯示該元件：切換到只顯示該元件的單獨(dú)視圖的單獨(dú)視圖 l在當(dāng)前位置編輯在當(dāng)前位置編輯：在原場景：在原場景中，其它對象以灰顯方式出現(xiàn)中，其它對象以灰顯方式出現(xiàn) l在新窗口中編輯在新窗口中編輯”：在單獨(dú)的：在單獨(dú)的窗口單獨(dú)編輯，可與原場景來窗口單獨(dú)編輯，可與原場景來回切換回切換編輯元件（編輯元件（2）l進(jìn)

10、入元件編輯模式進(jìn)入元件編輯模式l“編輯編輯”菜單中菜單中l(wèi)右鍵快捷菜單中右鍵快捷菜單中l(wèi)“庫庫”面板菜單中的面板菜單中的“編輯編輯” l雙擊雙擊“庫庫”面板中的面板中的元件圖標(biāo)元件圖標(biāo)編輯編輯l在舞臺上雙擊該元在舞臺上雙擊該元件的一個(gè)實(shí)例件的一個(gè)實(shí)例在在當(dāng)前位置編輯當(dāng)前位置編輯編輯元件（編輯元件（3）l退出元件編輯模式退出元件編輯模式l“返回返回”按鈕按鈕l單擊編輯欄中的場景名稱單擊編輯欄中的場景名稱l雙擊元件的外部（雙擊元件的外部（“在當(dāng)前位置編在當(dāng)前位置編輯輯”時(shí)）時(shí)）l“關(guān)閉關(guān)閉”按鈕（按鈕（“在新窗口編輯在新窗口編輯”時(shí)）時(shí)）l菜單項(xiàng)菜單項(xiàng)“編輯編輯|編輯文檔編輯文檔”。創(chuàng)建按鈕創(chuàng)建按

11、鈕l按鈕實(shí)際上是四幀的交互影片剪輯，其時(shí)間軸按鈕實(shí)際上是四幀的交互影片剪輯，其時(shí)間軸上包含四幀：上包含四幀：l彈起幀：代表指針沒有經(jīng)過按鈕時(shí)該按鈕的狀態(tài)。彈起幀：代表指針沒有經(jīng)過按鈕時(shí)該按鈕的狀態(tài)。 l指針經(jīng)過幀：代表指針滑過按鈕時(shí)該按鈕的外觀。指針經(jīng)過幀：代表指針滑過按鈕時(shí)該按鈕的外觀。 l按下幀：代表單擊按鈕時(shí)該按鈕的外觀。按下幀：代表單擊按鈕時(shí)該按鈕的外觀。 l點(diǎn)擊幀：設(shè)定了響應(yīng)鼠標(biāo)單擊的區(qū)域點(diǎn)擊幀：設(shè)定了響應(yīng)鼠標(biāo)單擊的區(qū)域l 此區(qū)域在此區(qū)域在 swf 文件中是不可見的。文件中是不可見的。l時(shí)間軸實(shí)際上并不播放，它只是對指針運(yùn)動和動作時(shí)間軸實(shí)際上并不播放，它只是對指針運(yùn)動和動作做出反應(yīng)，

12、跳轉(zhuǎn)到相應(yīng)的幀。做出反應(yīng)，跳轉(zhuǎn)到相應(yīng)的幀。 復(fù)制元件復(fù)制元件l打開打開“直接復(fù)制元直接復(fù)制元件件”對話框?qū)υ捒騦“庫庫”面板中的面板中的“直接復(fù)制直接復(fù)制”l右鍵快捷菜單中右鍵快捷菜單中l(wèi)面板菜單中面板菜單中l(wèi)菜單項(xiàng)菜單項(xiàng)“修改修改|元件元件|直接復(fù)制元件直接復(fù)制元件”刪除元件刪除元件l要從文檔中徹底刪除要從文檔中徹底刪除一個(gè)元件，只能在一個(gè)元件，只能在“庫庫”面板中進(jìn)行刪除面板中進(jìn)行刪除l在舞臺上進(jìn)行的刪除，在舞臺上進(jìn)行的刪除，只是刪除了元件的一只是刪除了元件的一個(gè)實(shí)例個(gè)實(shí)例l“庫庫”面板中的面板中的“刪除刪除”l右鍵快捷菜單中右鍵快捷菜單中l(wèi)面板菜單中面板菜單中l(wèi)“刪除刪除”按鈕按鈕更改元

13、件類型更改元件類型1.打開打開“元件屬性元件屬性”對話框?qū)υ捒騦“庫庫”面板中的面板中的“屬性屬性”l右鍵快捷菜單中右鍵快捷菜單中l(wèi)面板菜單中面板菜單中l(wèi)“屬性屬性”按鈕按鈕2.更改更改“類型類型”后，后，確定確定內(nèi)容概要內(nèi)容概要l元件元件l元件和實(shí)例的概述、元件的類型、使用元件的優(yōu)元件和實(shí)例的概述、元件的類型、使用元件的優(yōu)點(diǎn)點(diǎn)l創(chuàng)建元件、編輯元件、創(chuàng)建元件、編輯元件、l復(fù)制元件、刪除元件、更改元件類型復(fù)制元件、刪除元件、更改元件類型l庫庫l庫面板的使用庫面板的使用l專用庫與公用庫專用庫與公用庫l實(shí)例實(shí)例l創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體l課堂練習(xí)課堂練習(xí)創(chuàng)建按鈕、

14、添加花朵背景創(chuàng)建按鈕、添加花朵背景庫面板庫面板是存儲和組織管理是存儲和組織管理flash中中創(chuàng)建的各種元件的地方創(chuàng)建的各種元件的地方l打開打開“庫庫”面板面板l菜單項(xiàng)菜單項(xiàng)“窗口窗口|庫庫”l快捷鍵快捷鍵ctrl+ll“庫庫”面板的構(gòu)成面板的構(gòu)成l面板菜單面板菜單l庫名、庫名、“固定當(dāng)前庫固定當(dāng)前庫”按鈕、按鈕、“新建庫面板新建庫面板”按鈕按鈕l預(yù)覽窗口預(yù)覽窗口l搜索欄搜索欄l庫元件列表、庫元件列表、“排序排序”按鈕按鈕l按鈕：新建元件、新建按鈕：新建元件、新建、屬性、刪除、屬性、刪除專用庫與公用庫專用庫與公用庫：存放各自：存放各自flash文檔中創(chuàng)建文檔中創(chuàng)建的元件。的元件。：flash 附

15、帶的范例公用庫，附帶的范例公用庫，或者自定義創(chuàng)建的公用庫。或者自定義創(chuàng)建的公用庫。l聲音聲音l按鈕按鈕l類類內(nèi)容概要內(nèi)容概要l元件元件l元件和實(shí)例的概述、元件的類型、使用元件的優(yōu)元件和實(shí)例的概述、元件的類型、使用元件的優(yōu)點(diǎn)點(diǎn)l創(chuàng)建元件、編輯元件、創(chuàng)建元件、編輯元件、l復(fù)制元件、刪除元件、更改元件類型復(fù)制元件、刪除元件、更改元件類型l庫庫l庫面板的使用庫面板的使用l專用庫與公用庫專用庫與公用庫l實(shí)例實(shí)例l創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體l課堂練習(xí)課堂練習(xí)創(chuàng)建按鈕、添加花朵背景創(chuàng)建按鈕、添加花朵背景實(shí)例及其創(chuàng)建實(shí)例及其創(chuàng)建是指位于舞臺上或嵌套在另一個(gè)元件內(nèi)的是指位于舞臺

16、上或嵌套在另一個(gè)元件內(nèi)的元件副本元件副本。l實(shí)例可以與它的元件在顏色、大小和功能上有差別。實(shí)例可以與它的元件在顏色、大小和功能上有差別。l編輯元件會更新它的所有實(shí)例，但對元件的一個(gè)實(shí)編輯元件會更新它的所有實(shí)例，但對元件的一個(gè)實(shí)例應(yīng)用效果則只更新該實(shí)例。例應(yīng)用效果則只更新該實(shí)例。l創(chuàng)建實(shí)例創(chuàng)建實(shí)例l選擇時(shí)間軸上的某幀的某個(gè)圖層，將庫中已有的元選擇時(shí)間軸上的某幀的某個(gè)圖層，將庫中已有的元件拖拽到舞臺上件拖拽到舞臺上實(shí)例的屬性實(shí)例的屬性l“屬性屬性”面板面板l實(shí)例名稱實(shí)例名稱l實(shí)例類型實(shí)例類型l位置和大小位置和大小實(shí)例的屬性（實(shí)例的屬性（2）l色彩效果色彩效果l樣式：樣式：不設(shè)置顏色效果：不設(shè)置顏色

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

18、實(shí)例內(nèi)的所有動畫序列。例內(nèi)的所有動畫序列。 l播放一次：從指定幀開始播放動畫序列直到動畫結(jié)播放一次：從指定幀開始播放動畫序列直到動畫結(jié)束，然后停止。束，然后停止。 l單幀：顯示動畫序列的一幀；單幀：顯示動畫序列的一幀； 指定要顯示的幀。指定要顯示的幀。l例如：例如：“rs_l5/改變實(shí)例類型改變實(shí)例類型.fla”實(shí)例的屬性（實(shí)例的屬性（4）l交換：替換當(dāng)前指定給交換：替換當(dāng)前指定給所選實(shí)例的元件所選實(shí)例的元件l打開打開l“直接復(fù)制元件直接復(fù)制元件”按鈕按鈕分離實(shí)例、調(diào)用其它文檔中的元件分離實(shí)例、調(diào)用其它文檔中的元件：斷開實(shí)例與元件之間的鏈接，可：斷開實(shí)例與元件之間的鏈接，可修改實(shí)例且不影響元件

19、本身和該元件的其它修改實(shí)例且不影響元件本身和該元件的其它實(shí)例。實(shí)例。內(nèi)容概要內(nèi)容概要l元件元件l元件和實(shí)例的概述、元件的類型、使用元件的優(yōu)元件和實(shí)例的概述、元件的類型、使用元件的優(yōu)點(diǎn)點(diǎn)l創(chuàng)建元件、編輯元件、創(chuàng)建元件、編輯元件、l復(fù)制元件、刪除元件、更改元件類型復(fù)制元件、刪除元件、更改元件類型l庫庫l庫面板的使用庫面板的使用l專用庫與公用庫專用庫與公用庫l實(shí)例實(shí)例l創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體創(chuàng)建實(shí)例、實(shí)例的屬性、分離實(shí)體l課堂練習(xí)課堂練習(xí)創(chuàng)建按鈕、添加花朵背景創(chuàng)建按鈕、添加花朵背景課堂練習(xí)課堂練習(xí)1創(chuàng)建按鈕創(chuàng)建按鈕l步驟步驟1：新建元件：新建元件l打開打開“創(chuàng)建新元件創(chuàng)建新元件”對話框，類型

20、為對話框，類型為按鈕按鈕l步驟步驟2：制作彈起：制作彈起幀幀l將將“按鈕素材按鈕素材.psd”導(dǎo)入到庫導(dǎo)入到庫l選擇選擇“彈起彈起”下的下的關(guān)鍵幀，將關(guān)鍵幀，將“庫庫”面板中面板中“按鈕素按鈕素材材.psd資源資源”下的下的“圖層圖層1”拖拽到按拖拽到按鈕元件的場景中鈕元件的場景中課堂練習(xí)課堂練習(xí)1創(chuàng)建按鈕（創(chuàng)建按鈕（2）l步驟步驟3：制作指針經(jīng)過幀：制作指針經(jīng)過幀l選擇選擇“指針經(jīng)過指針經(jīng)過”下的幀，下的幀，“插入關(guān)鍵插入關(guān)鍵幀幀”l選中舞臺中的實(shí)例，打開選中舞臺中的實(shí)例，打開“變形變形”面板，面板，將實(shí)例放大將實(shí)例放大110%l在在“屬性屬性”面板中設(shè)置面板中設(shè)置“色彩效果色彩效果|樣式樣式|色調(diào)色調(diào)”：色調(diào)：色調(diào)59%，紅，紅255，綠，綠0，藍(lán)，藍(lán)206l步驟步驟4：制作按下幀：制作按下幀l選擇選擇“指針經(jīng)過指針經(jīng)過”下的幀，下的幀，“插入關(guān)鍵插入關(guān)鍵幀幀”l選中舞臺中的實(shí)例，打開選中舞臺中的實(shí)例，打開“變形變形”面板，面板，將實(shí)例放大將實(shí)例放大90%l在在“屬性屬性”面板中設(shè)置面板中設(shè)置“色彩效果色彩效果|樣式樣式|色調(diào)色調(diào)”：色調(diào)：色調(diào)61%，紅，紅255，綠，綠255，藍(lán)藍(lán)0課堂練習(xí)課堂練習(xí)1創(chuàng)建按鈕（創(chuàng)建按鈕（3）l步驟步驟5：為指針經(jīng)過幀添加文字