完整版flash元件影片剪輯_第1頁
完整版flash元件影片剪輯_第2頁
完整版flash元件影片剪輯_第3頁
完整版flash元件影片剪輯_第4頁
完整版flash元件影片剪輯_第5頁
已閱讀5頁,還剩3頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、8 / 8馬打印本頁第五講元件和實(shí)例隨著動(dòng)畫復(fù)雜度的提高,必然會(huì)出現(xiàn)兩種情況:首先是有些元素會(huì)重復(fù)使用;其次是有些對(duì)象會(huì)要求有特殊 的同步行為和交互行為。這時(shí),就需要用到Flash中的元件,并通過元件來創(chuàng)建實(shí)例。5.1元件與實(shí)例學(xué)習(xí)目標(biāo)本節(jié)學(xué)習(xí)的概念比較多?!痹╯ymbol),又稱符號(hào),是一種比較獨(dú)特的、可重復(fù)使用的對(duì)象。以元件為 樣本,創(chuàng)建出來的對(duì)象叫做 ”實(shí)例”。元件的引入使得動(dòng)畫的制作更為簡(jiǎn)單,動(dòng)畫文檔的大小明顯減小,播放速度 也顯著提高。而庫面板則是管理元件的主要工具,每個(gè)動(dòng)畫文檔都有自己庫,存放著各自的元件,就像每個(gè)工廠 將材料存放在自己的倉庫中一樣。5.1.1 元件的分類在Fl

2、ash中,元件包括圖形、按鈕、影片剪輯三類。每個(gè)元件都有一個(gè)唯一的時(shí)間軸和舞臺(tái)。創(chuàng)建元件時(shí)要 選擇元件類型,這取決于元件在文檔中的工作方式。三類元件的介紹如下:1. 圖形元件可用于靜態(tài)圖像,并可用來創(chuàng)建連接到主時(shí)間軸的可重用動(dòng)畫片段。圖形元件與主時(shí)間軸同步運(yùn)行。交互式 控件和聲音在圖形兀件的動(dòng)畫序列中不起作用。2. 按鈕元件可以創(chuàng)建響應(yīng)鼠標(biāo)點(diǎn)擊、滑過或其它動(dòng)作的交互式按鈕??梢远x與各種按鈕狀態(tài)關(guān)聯(lián)的圖形,然后將動(dòng)作 指定給按鈕實(shí)例。3. 影片剪輯元件可以創(chuàng)建可重用的動(dòng)畫片段。影片剪輯擁有它們自己的獨(dú)立于主時(shí)間軸的多幀時(shí)間軸。可以將影片剪輯看作 是主時(shí)間軸內(nèi)的嵌套時(shí)間軸,它們可以包含交互式控件

3、、聲音甚至其它影片剪輯實(shí)例。也可以將影片剪輯實(shí)例放 在按鈕元件的時(shí)間軸內(nèi),以創(chuàng)建動(dòng)畫按鈕。5.1.2 使用庫面板庫面板用于存儲(chǔ)和組織在Flash中所創(chuàng)建的圖標(biāo)以及導(dǎo)入的聲音文件。其中,圖標(biāo)由圖片、按鈕、電影片段構(gòu)成。庫面板也包括在文件夾中存儲(chǔ)的庫存項(xiàng)目列表,從中可以看出電影中的一個(gè)圖標(biāo)使用的頻度,并且可以將 其按照類型排序。庫面板的主要操作都在單擊右上角的按鈕后打開的彈出菜單中。單擊該按鈕,彈出菜單。庫”面板的相關(guān)操作包括以下內(nèi)容。1. 顯示庫面板在主菜單中選擇”窗口 /庫”,可以顯示或者隱藏”庫”面板。2. 在庫面板中查看項(xiàng)目庫”面板中的每個(gè)Flash文件包括元件、位圖和聲音文件。當(dāng)用戶在”

4、庫”面板中選擇項(xiàng)目時(shí),該項(xiàng)目的內(nèi)容就出現(xiàn)在窗口上部的預(yù)覽界面中。如果選定的項(xiàng)目是動(dòng)畫或是聲音文件,也可以應(yīng)用控制器進(jìn)行預(yù)覽的控制。庫面板的縱欄依次是列表項(xiàng)的名字、類型、在動(dòng)畫文件中使用的次數(shù)、鏈接和上一次修改的時(shí)間??梢栽?庫”面板中按任何項(xiàng)目排序。單擊縱欄項(xiàng)目頭,按照字母順序等進(jìn)行排列,也可以單擊右上角的三角形按鈕使項(xiàng) 目按某一列的逆向排序。3. 使用庫面板中的文件夾單擊下部的新建文件夾的按鈕,可以加入一個(gè)新的文件夾。當(dāng)創(chuàng)建新元件時(shí),新元件將出現(xiàn)在當(dāng)前選定的文件夾里。如果沒選定文件夾,它將出現(xiàn)在”庫面板的最下邊,可以用鼠標(biāo)把它從某個(gè)文件夾拖到另一個(gè)文件夾中。5.1.3 創(chuàng)建實(shí)例 創(chuàng)建元件之后

5、,可以在文檔中任何需要的地方(甚至在其它元件內(nèi))創(chuàng)建該元件的實(shí)例。元件和實(shí)例 的關(guān)系,就是 本質(zhì) 與現(xiàn)象 的關(guān)系。同一個(gè) 本質(zhì)可以有不同的 現(xiàn)象 。所以,同一個(gè)元件可以有多個(gè)外觀不同 的實(shí)例;在修改元件時(shí), Flash 會(huì)更新元件的所有實(shí)例;修改實(shí)例,不會(huì)影響到原來的元件。下面的簡(jiǎn)單例子可以幫助我們認(rèn)識(shí)這些關(guān)系。(1)新建 Flash 文檔,選擇菜單欄 插入/新建元件 命令,在打開的 創(chuàng)建新元件 對(duì)話框中選擇 圖形單選 項(xiàng)。( 2)此時(shí)時(shí)間軸已經(jīng)不再是原來舞臺(tái)的時(shí)間軸,而變成了 元件 1的時(shí)間軸,這點(diǎn)可以從舞臺(tái)上方的提示欄看出, 場(chǎng)景 1后面多了 元件 1。( 3)用多角星形工具 在舞臺(tái)中繪制

6、一個(gè)多邊形,此時(shí)可以看到庫 面板中多出了 元件 1一項(xiàng)(如果庫面板沒有打開,則選擇菜單欄的窗口/ 庫命令將其打開)。(4)單擊 場(chǎng)景 1或者其前面的箭頭 按鈕,返回到原來的舞臺(tái),可以看到舞臺(tái)上什么都沒有。( 5)用鼠標(biāo)按住并拖拽庫中的 元件 1到舞臺(tái)上,連續(xù)拖拽 3個(gè)。這 3個(gè)多邊形便稱之為 元件 1的實(shí)例。( 6)對(duì)舞臺(tái)上的第 1 個(gè)多邊形用任意變形工具 進(jìn)行變形,對(duì)第 2 個(gè)多邊形先用任意變形工具 進(jìn)行變形, 然后用選擇工具 選中,并打開 屬性 面板。選擇 顏色 下拉列表的 高級(jí)選項(xiàng)。( 7)單擊旁邊的 設(shè)置 按鈕,在打開的 高級(jí)效果 對(duì)話框中進(jìn)行設(shè)置,將該對(duì)象變成綠色、半透明。( 8)此

7、時(shí)可以看到,舞臺(tái)中前兩個(gè)多邊形的變化并不影響庫中元件 1 ,也不影響第 3 個(gè)實(shí)例。(9)雙擊 庫面板中的 元件 1切換至元件編輯狀態(tài),用選擇工具將多邊形進(jìn)行修改。( 10)此時(shí)退出元件編輯模式,再回到舞臺(tái)上,可以看到3 個(gè)實(shí)例均發(fā)生了變化。5.1.4 編輯元件的方法 使用選擇工具雙擊舞臺(tái)上的實(shí)例,或者右擊實(shí)例,在彈出的菜單中選擇 在當(dāng)前位置編輯 即可。這時(shí)就進(jìn)入了元件編輯模式,而其它對(duì)象以灰顯方式出現(xiàn)。正在編輯的元件名稱顯示在舞臺(tái)上方的編輯欄內(nèi),位于當(dāng)前場(chǎng)景 名稱的右側(cè)。舞臺(tái)上的狼是一個(gè)元件實(shí)例。使用選擇工具雙擊它之后,就進(jìn)入了編輯模式,狼周圍的樹林顏色變淡了,同 時(shí)在時(shí)間軸上方的 場(chǎng)景 1

8、 右邊出現(xiàn)了 狼 標(biāo)簽,這就表示當(dāng)前是在 場(chǎng)景 1 中編輯 狼元件。此外,還可以使用 在新窗口中編輯 命令在一個(gè)單獨(dú)的窗口中編輯元件。在單獨(dú)的窗口中編輯元件,就可以 同時(shí)看到該元件和主時(shí)間軸。正在編輯的元件名稱會(huì)顯示在舞臺(tái)上方的編輯欄內(nèi)。5.2 使用圖形元件學(xué)習(xí)目標(biāo) 圖形元件是比較簡(jiǎn)單的元件類型。本節(jié)的學(xué)習(xí)目的,就是掌握?qǐng)D形元件實(shí)例的顏色和循環(huán)方式設(shè)置。5.2.1 設(shè)置元件實(shí)例的顏色 在前面說過,修改實(shí)例并不會(huì)影響原來的元件。在這里看看如何設(shè)置圖形元件的顏色設(shè)置。實(shí)際上所有元件 的顏色設(shè)置方法是一樣的。學(xué)習(xí)了圖形元件的顏色設(shè)置,讀者可以用同樣的方法在以后設(shè)置影片剪輯和按鈕。首先看舞臺(tái)上的一個(gè)圖

9、形元件實(shí)例,例如一個(gè)人物。使用選擇工具單擊它,然后使用菜單窗口/屬性/屬性 打開屬性面板。可以看到在屬性面板的右半部分有 顏色 下拉菜單。在下拉菜單中,如果選擇 無 ,那么不應(yīng)用任何顏色效果。除此之外,可以選擇四種顏色效果。1. 亮度選擇了 亮度 之后,可以修改圖形元件的亮度。亮度為0表示無效果, 100%表示最亮, -100%表示。2. 色調(diào)色調(diào)的設(shè)置效果, 是給整個(gè)圖形對(duì)象加上顏色偏移的效果。 例如想讓整個(gè)人物變綠, 那么可以將偏移顏色 設(shè) 置為綠色,再將其后面的偏移值設(shè)置成一個(gè)正數(shù),那么舞臺(tái)上的圖形對(duì)象就帶上綠色效果了。3. 不透明度( Alpha )Alpha 值的作用是控制對(duì)象的不透

10、明度。當(dāng) Alpha 值為 100 的時(shí)候,對(duì)象是完全不透明的,沒有任何效果;當(dāng) Alpha 值小于 100 而大于 0的時(shí)候,對(duì)象是半透明的;當(dāng) Alpha 值等于 0的時(shí)候,對(duì)象就變成完全透明的,看 不見了。4. 高級(jí)選擇了 高級(jí) 項(xiàng)之后,就會(huì)在后面出現(xiàn) 設(shè)置 按鈕。單擊 設(shè)置 按鈕,將會(huì)進(jìn)行高級(jí)設(shè)置。 在這里簡(jiǎn)單說一下計(jì)算的方法。假設(shè)有一個(gè)顏色為#CC F F33 , Alpha 值為 90的點(diǎn),應(yīng)用了圖中的設(shè)置,那么應(yīng)該變成什么樣子?可以分 4步:CC也就是十進(jìn)制的204,按圖中的換算規(guī)則是乘以( 1)先計(jì)算紅色成分。原來的紅色成分是十六進(jìn)制的 80%,取整后為 163,也就是十六進(jìn)制

11、的 A3。FF,也就是十進(jìn)制的255,按圖中的換算規(guī)則是乘以( 2)再計(jì)算綠色成分。原來的綠色成分是十六進(jìn)制的 50%再加上 30,取整后為 158,也就是十六進(jìn)制的 9E。33,也就是十進(jìn)制的 51,按圖中的換算規(guī)則是乘以0255,所以只能取最小值 0。(3)然后計(jì)算藍(lán)色成分。原來的藍(lán)色成分是十六進(jìn)制的 20%再加上負(fù) 80,取整后為負(fù) 70。但是顏色值的取值范圍是100。#A39E00 , Alpha 值為 100。80%再( 4)接下來計(jì)算 Alpha 值。原來的 Alpha 值是 90,這本來就是十進(jìn)制的,按圖中的換算規(guī)則是乘以 加上 30,結(jié)果是 102。但是 Alpha 值的取值范

12、圍是 0100,所以只能取最大值(5)最后綜合上面的計(jì)算結(jié)果,可以得到應(yīng)用效果后的顏色值為共有三種循環(huán)方式供選擇。在后面的5.2.2 設(shè)置圖形元件的循環(huán)方式 選中圖形元件之后,可以在屬性面板的中部設(shè)置圖形元件的循環(huán)方式, 第一幀 文本框中,可以設(shè)置動(dòng)畫的起始幀。各種循環(huán)方式的特點(diǎn)如下: 循環(huán):播放到最后一幀之后,又回到開頭繼續(xù)播放。 播放一次:播放到最后一幀之后,就靜止不動(dòng)了。單幀:只顯示一幀。5.2.3 操作實(shí)例:旋轉(zhuǎn)的風(fēng)車上機(jī)實(shí)踐 本實(shí)例是在制作圖形元件的基礎(chǔ)上,掌握如何設(shè)置圖形元件的播放。 線條工具 在舞臺(tái)中繪制出一片風(fēng)車葉子的( 1)首先創(chuàng)建一個(gè)新文檔,文檔大小保持默認(rèn)狀態(tài)即可。使用輪

13、廓。在繪制線條時(shí)啟用工具箱中的 貼緊至對(duì)象 功能,可以使繪制出來的線條處于封合狀態(tài)。(3)(4) 個(gè)葉片。(5)(2)使用 顏料桶工具 對(duì)舞臺(tái)上的圖形進(jìn)行顏色填充,填充顏色可以根據(jù)個(gè)人愛好自由設(shè)定,這里填充的 是綠色和深綠色。使用 任意變形工具 選中舞臺(tái)中的圖形,然后將變形中心點(diǎn)的位置拖拽到圖形左下角的位置上。打開 變形面板,將旋轉(zhuǎn)的角度設(shè)置為 90度,點(diǎn)擊 3次復(fù)制并應(yīng)用變形 按鈕,制作出風(fēng)車的其余 3接下來使用 選擇工具 選中整個(gè)風(fēng)車葉片,按鍵盤上的 F8 功能鍵,準(zhǔn)備將舞臺(tái)上的風(fēng)車圖形轉(zhuǎn)換為 影片剪輯元件。(6)按了 F8 功能鍵之后,會(huì)彈出 轉(zhuǎn)換為元件 對(duì)話框,設(shè)置元件名稱為 風(fēng)車,元

14、件類型選擇為 圖形, 最后單擊 確定 按鈕,將舞臺(tái)上的圖形轉(zhuǎn)換為圖形元件。( 7)將舞臺(tái)上的風(fēng)車復(fù)制兩次,并適當(dāng)調(diào)整大小。(8)使用繪圖工具繪制風(fēng)車的柄。3。(9)這時(shí)三架風(fēng)車的扇頁位置是完全相同的。但是在現(xiàn)實(shí)中,很少出現(xiàn)多個(gè)風(fēng)車扇頁位置一致的現(xiàn)象。這 時(shí)可以進(jìn)行調(diào)整。選中左邊的風(fēng)車扇頁,在屬性面板中將第一幀設(shè)置為( 10)將右邊風(fēng)車扇頁的第一幀設(shè)置為2 。這時(shí)風(fēng)車的扇頁錯(cuò)落有致。( 11)最后還有很關(guān)鍵的一步。在主時(shí)間軸中,單擊選中第20 幀,按 F5 快捷鍵插入幀。如果少了這一步,那么主時(shí)間軸中只有一幀,圖形元件是與時(shí)間軸同步的,也只能顯示一幀了。( 12)至此動(dòng)畫制作完成,保存并測(cè)試動(dòng)畫

15、。5.3 使用影片剪輯 學(xué)習(xí)目標(biāo) 影片剪輯作為 Flash 元件的一個(gè)重要類型,在動(dòng)畫制作中一直發(fā)揮著不可替代的作用,合理地運(yùn)用影片剪輯 可以制作出很多奇特的效果。此外,影片剪輯實(shí)例的顏色設(shè)置與圖形實(shí)例是相同的,在此不再贅述。5.3.1 創(chuàng)建影片剪輯 要?jiǎng)?chuàng)建影片剪輯,可以有兩種方法:1. 創(chuàng)建空白的影片剪輯 使用菜單命令 插入/新建元件 ,可以創(chuàng)建一個(gè)空白的元件。在 創(chuàng)建新元件 對(duì)話框中設(shè)置元件的名稱,并 將元件的行為設(shè)置為 影片剪輯 ,單擊 確定 按鈕就可以了。2. 將舞臺(tái)上的對(duì)象轉(zhuǎn)換為影片剪輯使用選擇工具選中舞臺(tái)上的對(duì)象,使用菜單”修改/轉(zhuǎn)換為元件”或者快捷鍵F8,在對(duì)話框中設(shè)置元件的名稱

16、,并將元件的行為設(shè)置為 影片剪輯 ,然后設(shè)置注冊(cè)點(diǎn)位置,再單擊 確定按鈕就可以了。右上 ,那在這里說一下注冊(cè)點(diǎn)。 注冊(cè)點(diǎn) 就是轉(zhuǎn)換為元件之后的元件坐標(biāo)原點(diǎn)。例如將注冊(cè)點(diǎn)位置設(shè)置為 么轉(zhuǎn)換為元件之后,元件的坐標(biāo)原點(diǎn)將位于被選中的對(duì)象的右上方。5.3.2 操作實(shí)例:蠟燭 上機(jī)實(shí)踐 元件在動(dòng)畫制作過程中是不可缺少的元素,不僅可以反復(fù)使用它,而且還可以對(duì)它進(jìn)行屬性修改等。這一實(shí) 例就通過制作一個(gè)燃燒的蠟燭效果,初步認(rèn)識(shí)元件的作用。這里將背景顏色設(shè)置為黑色是為了襯托(I) 創(chuàng)建一個(gè)尺寸為 400X 300的新文檔,文檔的背景顏色為黑色。 出蠟燭的光芒。對(duì)其進(jìn)行變形后制作出蠟燭圖形。( 2)在舞臺(tái)中繪制一

17、個(gè)漸變矩形,在矩形的上方再繪制一個(gè)漸變橢圓, 由于前面已經(jīng)深入的講解過圖形的繪制方法,這里就不再細(xì)述。插入/新建元件 命令,此時(shí)會(huì)彈出 創(chuàng)( 3)繪制好蠟燭圖形后,現(xiàn)在來制作晃動(dòng)的燈心效果。執(zhí)行菜單欄 建新元件 對(duì)話框。(4) 在彈出的 創(chuàng)建新元件 對(duì)話框中,名稱指的是元件的名稱,這里命名為 燈心 ;類型指的是元件類型, 這里選擇為 影片剪輯 。(5) 單擊確定按鈕, 進(jìn)入元件的編輯狀態(tài)。 使用工具箱中的 橢圓工具 在舞臺(tái)上繪制一個(gè)線性漸變橢圓, 再結(jié)合 選擇工具 調(diào)節(jié)漸變橢圓的形狀,調(diào)整完成后的圖形作為燈心效果。燈心的漸變顏色由下而上依次為黃 色#FFFF00到桔紅色#FF6600,再到深紅

18、色#D22B00的漸變。 選擇(6) 在時(shí)間軸的第2、3、4、5幀上按F6功能鍵插入關(guān)鍵幀,然后在這幾幀所對(duì)應(yīng)的舞臺(tái)上,使用 工具 分別適當(dāng)調(diào)整燈心頂端在不同幀上的不同形狀,制作出火苗因?yàn)槿紵a(chǎn)生晃動(dòng)的動(dòng)畫效果。(7) 燈心的效果就制作到此,接下來執(zhí)行菜單欄插入/新建元件 命令,此時(shí)會(huì)彈出 創(chuàng)建新元件 對(duì)話框。(8) 在該對(duì)話框中,將元件名稱命名為光暈,元件類型選擇為 影片剪輯 元件。5步 修改 / 形狀 / 柔化填充邊緣 命令,此時(shí) 柔化填充邊緣 對(duì)話框?qū)?10,方向?yàn)槟J(rèn)的 擴(kuò)展 。(9) 單擊 確定按鈕,進(jìn)行 光暈 元件的編輯區(qū)。在舞臺(tái)上繪制一個(gè)放射狀漸變橢圓,漸變顏色同第 驟中的相同

19、。( 10)選中舞臺(tái)上的漸變橢圓,執(zhí)行菜單欄 被打開。在該對(duì)話框中將距離和步驟數(shù)均設(shè)置為(II) 單擊 確定按鈕完成設(shè)置。F6 功能鍵插入關(guān)鍵幀,然后使用鍵盤上的方向鍵移動(dòng)每幀所對(duì)應(yīng)1到 2個(gè)像素即可,以強(qiáng)化火焰燃燒時(shí)的動(dòng)感。場(chǎng)景 1按鈕,回到主場(chǎng)景中。執(zhí)行菜單欄窗口/庫命令,( 12)在時(shí)間軸的第 2 到 5 幀上分別按下 的光暈圖形。每幀上光暈移動(dòng)的距離只需要相差( 13 )完成光暈的動(dòng)畫制作后,點(diǎn)擊時(shí)間軸上的 此時(shí)會(huì)將 庫面板打開。(14)在庫面板中可以看到剛才創(chuàng)建的 燈心和光暈兩個(gè)影片剪輯元件,使用 選擇工具 直接將 光暈 影片剪輯元件拖拽至舞臺(tái)中,并放置于蠟燭之上。 選擇工具 選中舞

20、臺(tái)上( 15)接著再將 燈心 影片剪輯元件拖拽至舞臺(tái)上,同樣放置于蠟燭之上。再使用的 光暈 元件,將該元件向上移動(dòng),構(gòu)成一幅完整的蠟燭圖像。( 16 )最后使用 Ctrl + Enter預(yù)覽動(dòng)畫,一根正在燃燒的蠟燭動(dòng)畫就制作完成。5.3.3 操作實(shí)例:一群小鳥上機(jī)實(shí)踐在上一章的 飛行的小鳥 實(shí)例中,已經(jīng)初步認(rèn)識(shí)了影片剪輯元件的作用,本例將在它的基礎(chǔ)上繼續(xù)了解元件 的功能。( 1)打開第 5章中制作過的 飛行的小鳥 實(shí)例,然后執(zhí)行菜單欄 文件/另存為 命令,將該文檔另存為 一 群小鳥 。( 2)將文件另存之后,在時(shí)間軸上鎖定圖層2,點(diǎn)擊 插入圖層 按鈕創(chuàng)建一個(gè)新的圖層 3,在該圖層的第 3(3)

21、 至舞臺(tái)上。(4) 處。(5)幀上按 F6 功能鍵插入關(guān)鍵幀。執(zhí)行菜單欄 窗口/庫命令,此時(shí)會(huì)打開 庫面板。使用 選擇工具 直接將 庫面板中的 元件 1拖拽使用 任意變形工具 適當(dāng)縮小舞臺(tái)上的小鳥圖形,縮放完成后,將小鳥圖形放置在舞臺(tái)中的右側(cè)邊緣在第 3 幀上單擊鼠標(biāo)右鍵,在彈出的菜單中選擇創(chuàng)建補(bǔ)間動(dòng)畫 命令,創(chuàng)建一個(gè)補(bǔ)間動(dòng)作。再在第25幀處按 F6 功能鍵插入一個(gè)關(guān)鍵幀,同樣在該幀上單擊鼠標(biāo)右鍵,在彈出的菜單中選擇 刪除補(bǔ)間 命令,刪除第25 幀以后的補(bǔ)間動(dòng)作。( 6)繼續(xù)選中第 25 幀,然后在舞臺(tái)中將小鳥圖形移動(dòng)至舞臺(tái)的最左側(cè)邊緣。這樣運(yùn)用同一個(gè)元件創(chuàng)建的第 二個(gè)運(yùn)動(dòng)動(dòng)畫就制作完成。(

22、7)分別在時(shí)間軸的三個(gè)圖層的第 40 幀上按 F5 功能鍵插入幀,再在圖層 2 的第 30 幀上單擊鼠標(biāo)右鍵, 在彈出的菜單中選擇 刪除補(bǔ)間 命令,刪除第 30 幀以后的補(bǔ)間動(dòng)作。( 8)鎖定圖層 3 ,創(chuàng)建一個(gè)新的圖層 4 ,在該圖層的第 10 幀上按 F6 功能鍵插入一個(gè)關(guān)鍵幀。( 9)繼續(xù)選中第 10 幀,再次將 元件 1從庫面板中拖拽至舞臺(tái)上,將小鳥圖形放置在舞臺(tái)的右側(cè)邊緣的 任意位置。( 10)在第 10 幀上單擊鼠標(biāo)右鍵,在彈出的菜單中選擇創(chuàng)建補(bǔ)間動(dòng)畫 命令,創(chuàng)建一個(gè)補(bǔ)間動(dòng)作。再在第40 幀處按 F6 功能鍵插入一個(gè)關(guān)鍵幀。( 11)創(chuàng)建好補(bǔ)間動(dòng)作之后,繼續(xù)選中第40 幀,在舞臺(tái)中

23、將小鳥移動(dòng)到舞臺(tái)左側(cè)邊緣的任意位置上。( 12)最后使用 Ctrl + Enter預(yù)覽動(dòng)畫,一群小鳥從天空飛翔而過的動(dòng)畫效果就制作完成。當(dāng)然還可以用相同的方法創(chuàng)建多個(gè)運(yùn)動(dòng)動(dòng)畫,使在天空中飛翔的小鳥增多。5.3.4 操作實(shí)例:海里的魚上機(jī)實(shí)踐 在前面的實(shí)例學(xué)習(xí)中,已經(jīng)知道了元件可以反復(fù)使用。在這一實(shí)例中將學(xué)習(xí)如何修改元件的顏色屬性。( 1)打開上一章制作過的 游動(dòng)的小魚 實(shí)例,本實(shí)例將在此例的基礎(chǔ)上進(jìn)行制作。執(zhí)行菜單欄文件/ 另存為 命令,將該實(shí)例另存為 海里的魚 。(2)將文件另存之后,在時(shí)間軸上選擇圖層1,即選中小魚動(dòng)畫所在的圖層。選中圖層1 后,該層時(shí)間軸上的所有幀都處于選中狀態(tài),然后在該

24、層的時(shí)間軸上單擊鼠標(biāo)右鍵,在彈出的菜單中選擇 剪切幀 命令,準(zhǔn)備將該層上的整個(gè)運(yùn)動(dòng)動(dòng)畫剪切到新的位置。( 3)執(zhí)行了 剪切幀 命令之后,執(zhí)行菜單欄 插入/新建元件 命令,此時(shí)會(huì)彈出 創(chuàng)建新元件 對(duì)話框,在該 對(duì)話框中,名稱保持默認(rèn)即可,元件類型選擇為 影片剪輯 。1 幀后,單擊鼠標(biāo)1 中。1,此時(shí)該層上的幀已被變(4)單擊 確定按鈕,進(jìn)入新創(chuàng)建的元件編輯區(qū)。在元件編輯狀態(tài)下,點(diǎn)擊時(shí)間軸的第 右鍵,在彈出的菜單中選擇 粘貼幀 命令,這樣就將主場(chǎng)景中的整個(gè)動(dòng)畫粘貼到了元件( 5)完成后點(diǎn)擊時(shí)間軸上的 場(chǎng)景 1按鈕,回到主場(chǎng)景中。觀察時(shí)間軸上的圖層成空白幀。( 6)執(zhí)行菜單欄 窗口/ 庫命令,此時(shí)會(huì)

25、彈出 庫面板,在該面板下可以看到創(chuàng)建的影片剪輯 元件 1已經(jīng) 放置在其中。( 7)使用選擇工具 直接拖拽 元件 1至舞臺(tái)中,將它放置于舞臺(tái)右側(cè)邊緣的任意位置上。( 8)鎖定圖層 1,點(diǎn)擊 插入圖層 按鈕創(chuàng)建一個(gè)新的圖層 3。在該圖層的第 5幀上按 F6 功能鍵插入一個(gè)關(guān) 鍵幀,然后從 庫面板中將 元件 1拖拽至舞臺(tái)右側(cè)的任意位置上。( 9)使用工具箱中的 任意變形工具 適當(dāng)縮小小魚圖形的大小,然后使用 選擇工具 選中該元件。打開 濾鏡面板,點(diǎn)擊 添加濾鏡 按鈕,在彈出的列表中選擇 調(diào)整顏色 命令。( 10)在點(diǎn)擊了 調(diào)整顏色 對(duì)話框后,就進(jìn)入了 調(diào)整顏色 屬性對(duì)話框。在該屬性框中適當(dāng)調(diào)整 飽和

26、度 和 色相的值。一邊調(diào)整一邊觀察舞臺(tái)上選中的小魚的顏色變化,這里飽和度 和色相的值的設(shè)定沒有固定約束,只要和圖層 1 中小魚的顏色不一致就可以了。庫( 11)接下來鎖定圖層 3,創(chuàng)建一個(gè)新的圖層 4 ,在該圖層的第 3 幀上按 F6 功能鍵插入關(guān)鍵幀。然后從 面板中將 元件 1 拖拽至舞臺(tái)的任意位置。(12)使用選擇工具 選中圖層 4中的小魚元件,然后打開 濾鏡面板,點(diǎn)擊 添加濾鏡按鈕,在彈出的 菜單中選擇 調(diào)整顏色 命令。在打開的 調(diào)整顏色 屬性面板中,適當(dāng)調(diào)整圖像 飽和度 和色相值,使該圖層中 的小魚顏色與前兩個(gè)圖層中小魚的顏色有所區(qū)別。元件 1 ,然后對(duì)小魚( 13)應(yīng)用相同的方法,可

27、以在時(shí)間軸上創(chuàng)建若干圖層,在不同圖層的不同幀上放置 圖形進(jìn)行任意的縮放和顏色修改。這里再添加兩個(gè)圖層。( 14 )最后使用 Ctrl + Enter 預(yù)覽動(dòng)畫。5.3.5 使用濾鏡 使用濾鏡,可以為文本、按鈕和影片剪輯增添有趣的視覺效果,并且經(jīng)常用于將投影、模糊、發(fā)光和斜角應(yīng) 用于圖形元素。 Flash 所獨(dú)有的一個(gè)功能是您可以使用補(bǔ)間動(dòng)畫讓應(yīng)用的濾鏡活動(dòng)起來。例如,如果創(chuàng)建一個(gè)具 有投影的球(即球體),可以在時(shí)間軸中將投影位置從起始幀移到終止幀,來模擬光源從對(duì)象一側(cè)移到另一側(cè)的 效果。下面是一個(gè)簡(jiǎn)單的小例子。閃動(dòng)天下 ,并將文本顏色設(shè)置為桔紅色。使( 1)使用文本工具,在舞臺(tái)上創(chuàng)建一個(gè)靜態(tài)文

28、本,鍵入文字 用選擇工具單擊文本,將其選中。( 2)使用菜單 窗口/屬性 /濾鏡 ,打開濾鏡面板。( 3)在這里先為文字添加凸起的斜角效果。單擊添加濾鏡 按鈕 ,在彈出的菜單中選擇 斜角。( 4)這時(shí)可以看到在濾鏡面板左端的濾鏡列表中出現(xiàn)了斜角 濾鏡條目。單擊 斜角濾鏡條目,可以顯示出它的詳細(xì)參數(shù)。 斜角 濾鏡,每個(gè)濾鏡都可以設(shè)置 品質(zhì) 。品質(zhì)越高,濾鏡效果就越細(xì)膩,但是系統(tǒng)需求就越高。此外,對(duì)于 可以進(jìn)行以下設(shè)置:首先從 類型 彈出菜單上,選擇要應(yīng)用到對(duì)象的斜角類型??梢赃x擇內(nèi)斜角、外斜角或者完全斜角。設(shè)置 模糊 X 和 模糊 Y 的值,設(shè)置斜角的寬度和高度。 選擇斜角的陰影和加亮顏色。在這

29、里分別設(shè)置為暗桔黃色和亮桔黃色。一般要求與文本本身的顏色是同一個(gè) 色系的,否則看起來會(huì)比較怪異。設(shè)置 強(qiáng)度 的值,設(shè)置斜角的不透明度。調(diào)整 角度 值,更改斜邊投下的陰影角度。設(shè)置 距離 的值,定義斜角的寬度。選中 挖空 復(fù)選框可以從視覺上隱藏源對(duì)象,并在挖空?qǐng)D像上只顯示斜角。 投影( 5)然后,還希望文字從舞臺(tái)上 漂浮 起來,這就需要添加投影效果。使用同樣的方法,再添加一個(gè) 濾鏡。以進(jìn)行設(shè)置的內(nèi)容如下:調(diào)整 模糊 X 和 模糊 Y 滑塊,設(shè)置投影的寬度和高度。拖動(dòng) 距離 滑塊,設(shè)置陰影與對(duì)象之間的距離。單擊 顏色框,打開 顏色 彈出窗口,然后設(shè)置陰影顏色。拖動(dòng) 強(qiáng)度 滑塊,設(shè)置陰影暗度。數(shù)值越

30、大,陰影就越暗。對(duì)于 角度 ,輸入一個(gè)值來設(shè)置陰影的角度。選中 挖空 復(fù)選框從視覺上隱藏源對(duì)象,并在挖空?qǐng)D像上只顯示投影。選擇 內(nèi)側(cè)陰影 復(fù)選框,在對(duì)象邊界內(nèi)應(yīng)用陰影。選中 隱藏對(duì)象 復(fù)選框隱藏對(duì)象,并只顯示其陰影。使用隱藏對(duì)象 選項(xiàng)可以更輕松地創(chuàng)建逼真的陰影。選擇投影的質(zhì)量級(jí)別。把質(zhì)量級(jí)別設(shè)置為 高就近似于高斯模糊。建議把質(zhì)量級(jí)別設(shè)置為低 ,以實(shí)現(xiàn)最佳的回放性能。5.4 使用按鈕 學(xué)習(xí)目標(biāo) 按鈕是四幀的交互對(duì)象。在 Flash 的發(fā)展過程中,按鈕是最早用于交互控制的元素。本節(jié)學(xué)習(xí)的是按鈕的使 用方法。此外,按鈕的顏色設(shè)置與圖形實(shí)例是相同的,在此不再贅述。Flash 會(huì)創(chuàng)建一個(gè)四幀的時(shí)間軸。前

31、三幀顯示按鈕的三種可能狀態(tài);第四幀定義按鈕的活 跳到相應(yīng)的幀。具體地說,按鈕元件的時(shí)5.4.1 按鈕的結(jié)構(gòu) 創(chuàng)建按鈕的時(shí)候, 動(dòng)區(qū)域。時(shí)間軸實(shí)際上并不播放,它只是對(duì)指針運(yùn)動(dòng)和動(dòng)作做出反應(yīng), 間軸上的每一幀都有一個(gè)特定的功能:第一幀是彈起狀態(tài),代表指針沒有經(jīng)過按鈕時(shí)該按鈕的狀態(tài)。 第二幀是指針經(jīng)過狀態(tài),代表當(dāng)指針滑過按鈕時(shí),該按鈕的外觀。 第三幀是按下狀態(tài),代表單擊按鈕時(shí),該按鈕的外觀。SWF 文件中是不可見的。4 個(gè)幀。Flash 將會(huì)在該幀插入普通第四幀是 點(diǎn)擊 狀態(tài),定義響應(yīng)鼠標(biāo)單擊的區(qū)域。此區(qū)域在 復(fù)雜按鈕的時(shí)間軸可以包含多個(gè)圖層。每個(gè)圖層都可以包含 值得注意的是,如果按鈕上的某個(gè)幀是缺失的(注意,不是空白關(guān)鍵幀),那么 幀,所以該幀的內(nèi)容將與它前面的關(guān)鍵幀相同

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論