《FlashCS6ppt課件制作案例教學(xué)經(jīng)典教程第3章.ppt》由會員分享，可在線閱讀，更多相關(guān)《FlashCS6ppt課件制作案例教學(xué)經(jīng)典教程第3章.ppt（68頁珍藏版）》請在匯文網(wǎng)上搜索。

1、精品資源共享課精品資源共享課第三章第三章 FlashFlash課件中的元件課件中的元件精品資源共享課本章主要內(nèi)容本章主要內(nèi)容 1 1創(chuàng)建和編輯元件 2 2 分析各種元件類型 3 3 4 4元件與實例的區(qū)別和運用對元件進(jìn)行濾鏡特效的制作 5 5在3D空間中定位對象精品資源共享課本章案例介紹本章案例介紹本章是一個在課件中如何處理元件的案例。通過這個案例，學(xué)習(xí)創(chuàng)建或轉(zhuǎn)換元件，圖形的二次創(chuàng)作，元件實例的應(yīng)用等。元件是存儲在庫面板中的可重復(fù)利用的資源，合理的利用元件和編輯元件，對Flash課件的制作非常重要（如圖3.1所示）。圖3.1精品資源共享課3.13.1作品預(yù)覽作品預(yù)覽 操作步驟如下：l在Flas

2、h CS6菜單欄中選擇“文件”“打開”按鈕，打開Lesson03/03Complete文件夾中的03Complete.swf文件。lFlashPlayer工具會對03Complete動畫進(jìn)行播放。這個作品適用于各科的靜態(tài)插圖.圖 3.2精品資源共享課3.2 3.2 元件及其分類元件及其分類元件 元件是用于特效、動畫和交互性的可重用的資源，就像影視劇中的演員、道具，都是具有獨立身份的元素，卻又是構(gòu)成影片的主體。影片剪輯一個獨立的小影片，可以包含交互動畫和音效，甚至可以包含其他的影片剪輯?？梢詫τ捌糨媽嵗龖?yīng)用濾鏡、顏色設(shè)置和混合模式。元件可以包含自己獨立的“時間軸”。元件可以利用ActionSc

3、ript語言進(jìn)行編輯以對用戶的操作做出響應(yīng)。精品資源共享課3.2 3.2 元件的分類元件的分類按鈕用于在影片中創(chuàng)建對鼠標(biāo)事件響應(yīng)的互動按鈕。制作按鈕首先要創(chuàng)造與不同的按鈕狀態(tài)相關(guān)聯(lián)的圖形。為了使按鈕有更好的效果，還可以在其中加入影片剪輯或音效文件。精品資源共享課3.2 3.2 元件的分類元件的分類圖形通常用于存放靜態(tài)的圖像。但不支持ActionScript腳本代碼，并且不能對圖形元件應(yīng)用濾鏡或混合模式。精品資源共享課3.3 3.3 新建動畫文件新建動畫文件放映文件操作步驟如下：1在菜單欄中選擇“文件”“新建”按鈕。在“新建文件”對話框中，選擇“ActionScript 3.0”，然后單擊“確定

4、”按鈕以創(chuàng)建一個新的Flash文檔（*.fla）。2在屬性面板中，單擊“大小”選項旁邊的“編輯”按鈕，把“舞臺”的大小設(shè)置為600像素*450像素。2在菜單欄中選擇“文件”“保存”按鈕。把文件命名為“03demo.fla”。把它保存在03Start文件夾中。精品資源共享課3.4 3.4 創(chuàng)建元件創(chuàng)建元件 1.直接創(chuàng)建新的元件的方式。2.將舞臺上的原有圖形轉(zhuǎn)換為圖形元件。在菜單欄中點擊“插入”“新建元件”。在出現(xiàn)的“創(chuàng)建新元件”對話框中，為名稱命名為“星”，并選擇“圖形類型”的元件。Flash進(jìn)入“元件編輯”模式。在元件編輯區(qū)中可以自行繪制圖形或?qū)雸D形。點擊“編輯”“編輯文檔”按鈕回到主舞臺編

5、輯區(qū)。選擇舞臺上的對象。點擊“修改”“轉(zhuǎn)換為元件”，在出現(xiàn)的“轉(zhuǎn)換為元件”對話框中，進(jìn)行命名和選擇“圖形類型”。當(dāng)然，這種方式不是一種真正的轉(zhuǎn)換，而是把舞臺上的對象放在一個新的元件中。精品資源共享課3.5 3.5 向向FlashFlash中導(dǎo)入矢量圖形中導(dǎo)入矢量圖形操作步驟如下：1在菜單欄中選擇“文件”“導(dǎo)入”“導(dǎo)入到舞臺”按鈕。2選擇Lesson03/03Start文件夾中的person.ai文件。點擊打開。3在“導(dǎo)入到舞臺”對話框中，有3個圖層組合。確保選擇了所有的圖層。龐大的級聯(lián)菜單群和圖層群是Illustrator所創(chuàng)建的ai文件中所有圖層的表現(xiàn)。在“將圖層轉(zhuǎn)換為”菜單中選擇“Flas

6、h圖層”，然后勾選“將對象置于原始位置”。點擊“確定”按鈕（如圖3.3所示）。圖 3.3精品資源共享課3.5 3.5 向向FlashFlash中導(dǎo)入矢量圖形中導(dǎo)入矢量圖形此時，此時，F(xiàn)lash將導(dǎo)入將導(dǎo)入Illustrator矢量圖形，并矢量圖形，并且原矢量圖形文件中的所有圖層組也會出且原矢量圖形文件中的所有圖層組也會出現(xiàn)在現(xiàn)在“時間軸時間軸”中。中。圖 3.4精品資源共享課3.5 3.5 向向FlashFlash中導(dǎo)入矢量圖形中導(dǎo)入矢量圖形在“舞臺”上單擊選取Singer圖層的矢量人物（唱歌的女孩）。5在菜單欄中選擇“修改”“轉(zhuǎn)換為元件”按鈕。6將元件命名為“Singer”，并設(shè)置“類型”為

7、“影片剪輯”（如圖3.5所示）。圖 3.5精品資源共享課3.5 3.5 向向FlashFlash中導(dǎo)入矢量圖形中導(dǎo)入矢量圖形選取Player圖層的矢量人物（彈吉他的女孩），也轉(zhuǎn)換為影片剪輯元件，并命名為“Player”。選取Dancer圖層的矢量人物（跳舞的兩個女孩），也轉(zhuǎn)換為影片剪輯元件，并命名為“Dancer”。庫中將分別出現(xiàn)這三個轉(zhuǎn)換為影片剪輯的元件（如圖3.6所示）。而且在“舞臺”上還有這三個元件的實例。圖 3.6精品資源共享課3.6 3.6 向向FlashFlash中導(dǎo)入位圖中導(dǎo)入位圖Flash是無法創(chuàng)建位圖的，也不能對位圖進(jìn)行復(fù)雜的編輯。但是在Flash課件的制作過程中往往需要大量

8、的使用位圖。同樣Flash也可以導(dǎo)入如Adobe PhotoShop等專業(yè)的圖形制作軟件創(chuàng)建的位圖。精品資源共享課3.6 3.6 向向FlashFlash中導(dǎo)入位圖中導(dǎo)入位圖1在菜單欄中選擇“文件”“導(dǎo)入”“導(dǎo)入到舞臺”按鈕。2選擇Lesson03/03Start文件夾中的background.psd文件。點擊打開。3在“導(dǎo)入到舞臺”對話框中，有3個圖層。確保選擇了所有的圖層。4在左邊的圖層窗口中分別點選這三個圖層，在右邊的選項中，選中“具有可編輯圖層樣式的位圖圖像”單選按鈕（如圖3.7所示）。這樣使得psd文件中的位圖導(dǎo)入到Flash后直接轉(zhuǎn)換為影片剪輯元件。圖 3.7精品資源共享課3.6

9、3.6 向向FlashFlash中導(dǎo)入位圖中導(dǎo)入位圖5在“將圖層轉(zhuǎn)換為”菜單中選擇“Flash圖層”，然后勾選“將對象置于原始位置”。點擊“確定”按鈕。此時，F(xiàn)lash將導(dǎo)入Photoshop位圖圖形，并且文件中的所有圖層組也會出現(xiàn)在“時間軸”中。Photoshop圖像將會自動被轉(zhuǎn)換為影片剪輯元件，并被保存在“庫”中。6將前面導(dǎo)入的3個矢量圖層拖拽到“時間軸”的頂部，使得他們不被背景層覆蓋（如圖3.8所示）。圖 3.8精品資源共享課3.7 3.7 通過庫來管理元件通過庫來管理元件庫是Flash中的一個重要工具，合理使用庫進(jìn)行設(shè)計可以簡化設(shè)計的過程，這也是進(jìn)行復(fù)雜動畫設(shè)計的重要技巧和手段。每個F

10、lash文件都有一個存放元件、位圖、聲音和視頻文件的庫。利用“庫”面板可以查看和組織庫中的文件。當(dāng)選取庫中的一個元件時，“庫”面板上部的小窗口將顯示出來?，F(xiàn)在，在當(dāng)前動畫的“庫”文件中具有多個影片剪輯元件和多個文件夾，并且具有多個實例?？梢酝ㄟ^在文件夾中組織這些元件，更好地在“庫”中管理他們。精品資源共享課3.7 3.7 通過庫來管理元件通過庫來管理元件1在“庫”面板的左下角點擊“新建文件夾”按鈕。創(chuàng)建一個新文件夾。2將該文件夾命名為“Person”（如圖3.10）。3把Dancer、Player、Singer影片剪輯元件拖拽到Person文件夾中（如圖3.10所示）。圖 3.9圖 3.10精

11、品資源共享課3.8 3.8 更改實例的大小和位置更改實例的大小和位置1單擊選擇background圖層中的背景層。在屬性面板中，將X軸、Y軸距離都設(shè)置為0像素。將圖形的寬設(shè)置為600像素，高設(shè)置為450像素。2在工具面板中選擇“任意變形”工具。點擊piano圖層中的鋼琴鍵層。所選的實例周圍將出現(xiàn)方框控制句柄。在按住Shift鍵的同時拖動某個角的控制句柄，減小鋼琴鍵的大小，并拖動圖層到舞臺的左下角對齊（如圖3.11所示）。圖3.11精品資源共享課3.8 3.8 更改實例的大小和位置更改實例的大小和位置3用選擇“任意變形”工具點擊music圖層。按住Shift鍵的同時拖動某個角的控制句柄，減小音樂

12、圖層的大小，并拖動圖層到舞臺的右邊對齊。4用選擇“任意變形”工具點擊Singer圖層。按住Shift鍵的同時拖動某個角的控制句柄，減小圖層的大小，并拖動圖層到舞臺的左下方對齊。5用選擇“任意變形”工具點擊Player圖層。按住Shift鍵的同時拖動某個角的控制句柄，減小圖層的大小，并拖動圖層到舞臺的右下方對齊。6用選擇“任意變形”工具點擊Dancer圖層。按住Shift鍵的同時拖動某個角的控制句柄，減小圖層的大小，并拖動圖層到舞臺的中部對齊。精品資源共享課3.8 3.8 更改實例的大小和位置更改實例的大小和位置最終效果如圖3.12所示。圖3.12精品資源共享課3.8 3.8 更改實例的大小和位

13、置更改實例的大小和位置獲取有關(guān)舞臺上的實例的信息獲取有關(guān)舞臺上的實例的信息1.在在“屬性屬性”檢查器中，可以查看實例的行為和設(shè)置；對于所有實例類檢查器中，可以查看實例的行為和設(shè)置；對于所有實例類型，均可以查看色彩效果設(shè)置、位置和大?。粚τ趫D形，還可以查看循環(huán)模式型，均可以查看色彩效果設(shè)置、位置和大??；對于圖形，還可以查看循環(huán)模式和包含該圖形的第一幀；對于按鈕，還可以查看實例名稱和包含該圖形的第一幀；對于按鈕，還可以查看實例名稱（如果已分配）和（如果已分配）和跟蹤選項；對于影片剪輯，還可以查看實例名稱跟蹤選項；對于影片剪輯，還可以查看實例名稱（如果已分配）。（如果已分配）。對于位置，對于位置，屬

14、性檢查器顯示元件注冊點或元件左上角的屬性檢查器顯示元件注冊點或元件左上角的 x 和和 y 坐標(biāo)，具體取決于在坐標(biāo)，具體取決于在“信信息息”面板上選擇的選項。面板上選擇的選項。2.在在“信息信息”面板上，查看實例的大小和位置、實例注冊點的位置、實面板上，查看實例的大小和位置、實例注冊點的位置、實例的紅色值例的紅色值(R)、綠色值、綠色值(G)、藍(lán)色值、藍(lán)色值(B)和和 alpha(A)值（如果實例有實心值（如果實例有實心填充）；以及指針的位置。填充）；以及指針的位置?！靶畔⑿畔ⅰ泵姘暹€顯示元件注冊點或元件左上角的面板還顯示元件注冊點或元件左上角的 x和和y坐標(biāo)，具體取決于選擇了哪個選項。坐標(biāo)，具

15、體取決于選擇了哪個選項。要顯示注冊點的坐標(biāo)，請單擊要顯示注冊點的坐標(biāo)，請單擊“信息信息”面板內(nèi)坐標(biāo)網(wǎng)格中的中心方框。面板內(nèi)坐標(biāo)網(wǎng)格中的中心方框。要顯示左上角的坐標(biāo)，請單擊坐標(biāo)網(wǎng)格中要顯示左上角的坐標(biāo)，請單擊坐標(biāo)網(wǎng)格中的左上角方框。的左上角方框。精品資源共享課3.8 3.8 更改實例的大小和位置更改實例的大小和位置3.在影片瀏覽器中，查看當(dāng)前文檔的內(nèi)容，包括實例在影片瀏覽器中，查看當(dāng)前文檔的內(nèi)容，包括實例和元件。和元件。4.在在“動作動作”面板中查看分配給按鈕或影片剪面板中查看分配給按鈕或影片剪輯的所有動作。輯的所有動作。獲取有關(guān)實例的信息操作步驟：獲取有關(guān)實例的信息操作步驟：首先，在舞臺上選擇

16、該實例。首先，在舞臺上選擇該實例。顯示要使用的顯示要使用的“屬性屬性”檢查器（檢查器（“窗口窗口”“屬性屬性”）或）或面板面板要顯示要顯示“信息信息”面板，請選擇面板，請選擇“窗口窗口”“信息信息”。要顯示影片瀏覽器，請選擇要顯示影片瀏覽器，請選擇“窗口窗口”“影片瀏覽器影片瀏覽器”。要顯示要顯示“動作動作”面板，請選擇面板，請選擇“窗口窗口”“動作動作”精品資源共享課3.9 3.9 對元件進(jìn)行編輯對元件進(jìn)行編輯1.從從“庫庫”中編輯元件中編輯元件2.在在“舞臺舞臺”中直接編輯元件中直接編輯元件在在“庫庫”中雙擊中雙擊Singer影片剪輯元件影片剪輯元件通過雙擊舞臺上的某個實例以直接進(jìn)入該實例所在元件通過雙擊舞臺上的某個實例以直接進(jìn)入該實例所在元件的編輯模式，但也能夠查看其周圍的環(huán)境。的編輯模式，但也能夠查看其周圍的環(huán)境。精品資源共享課3.9.1 3.9.1 從從“庫庫”中編輯元件中編輯元件1在“庫”中雙擊Singer影片剪輯元件。Flash將會進(jìn)入元件編輯模式。在這種模式下，可以查看元件的內(nèi)容，舞臺頂部的水平條顯示，當(dāng)前舞臺不再處于“場景1”中，而是處于名為“Singer”的元件內(nèi)（