Flash動(dòng)畫及課件開發(fā)_第1頁
Flash動(dòng)畫及課件開發(fā)_第2頁
Flash動(dòng)畫及課件開發(fā)_第3頁
Flash動(dòng)畫及課件開發(fā)_第4頁
Flash動(dòng)畫及課件開發(fā)_第5頁
已閱讀5頁,還剩18頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

1、第3章 簡單的Flash動(dòng)畫本章要點(diǎn):l 了解計(jì)算機(jī)動(dòng)畫原理。l Flash MX動(dòng)畫的分類。l 逐幀動(dòng)畫的制作。l 形狀漸變動(dòng)畫的制作。l 移動(dòng)漸變動(dòng)畫的制作。3.1 計(jì)算機(jī)動(dòng)畫原理當(dāng)我們坐在電影院看電影時(shí),我們仿佛感覺得演員就在銀幕上表演那不是真的!道理很簡單:電影放映時(shí),連續(xù)的靜止畫面在放映鏡頭前快速地更換,利用人眼的視覺暫留現(xiàn)象,使我們看電影的觀眾認(rèn)為銀幕上的演員動(dòng)作起來。理論證明,只要電影拷貝的連續(xù)畫面每秒鐘更換16幅時(shí),連續(xù)畫面就會(huì)在人眼中產(chǎn)生沒有閃爍的動(dòng)畫影像。我們將組成動(dòng)畫的單幅靜止畫面稱為“幀”。一般情況下,連續(xù)的動(dòng)畫播放速度不得低于24幀秒。不同國家和地區(qū)由于采用的視頻制式

2、不同,在電視上每秒鐘播放的畫面幀數(shù)也不同。例如,美國和日本采用的是NTSC制式,每秒鐘動(dòng)畫由30幀畫面組成,而中國和歐洲大部分國家和地區(qū)采用的是PALL制式,一秒鐘動(dòng)畫由25幀畫面組成。如果制作的是電影動(dòng)畫片頭或特技,那么每秒鐘的動(dòng)畫是由24幀畫面組成的。我們最早看見的動(dòng)畫影片是畫師用手工繪制,再由攝影師拍攝而產(chǎn)生的。筆者小時(shí)候最先看到的動(dòng)畫是高玉寶原作“半夜雞叫”改變的影片,據(jù)說該影片前期繪畫用了幾年的時(shí)間,畫面也多達(dá)十幾萬幅。計(jì)算機(jī)動(dòng)畫的產(chǎn)生同手工制作動(dòng)畫的原理相同,每一個(gè)動(dòng)畫均是由多幅連續(xù)有序的靜止畫面構(gòu)成。手工制作動(dòng)畫時(shí),先由有經(jīng)驗(yàn)的畫師繪出關(guān)鍵的畫面,關(guān)鍵畫面之間的過渡畫面由年輕的畫

3、師來完成。手工畫完成后逐幀拍成電影膠片,通過放映機(jī)連續(xù)播放,就完成了動(dòng)畫。計(jì)算機(jī)動(dòng)畫制作時(shí),有經(jīng)驗(yàn)的畫師就是你,由你來制作關(guān)鍵的畫面(也就是動(dòng)畫中的關(guān)鍵幀)。計(jì)算機(jī)是年輕的畫師,它不知疲倦地為你完成關(guān)鍵幀之間的畫面,它的運(yùn)算速度與精度使人們望塵莫及。當(dāng)它播放動(dòng)畫時(shí),實(shí)際上就是一幅幅畫面的產(chǎn)生和刷新過程。在這一點(diǎn)上,計(jì)算機(jī)硬件受到了考驗(yàn),因?yàn)槊繋嬅嫠男畔⒘糠浅4?,要在很短的時(shí)間內(nèi)刷新它,就需要計(jì)算機(jī)的速度足夠快。3.2 跟我做第1個(gè)Flash動(dòng)畫梨子滋味怎么樣,還必須親口嘗一嘗。Flash動(dòng)畫究竟應(yīng)該怎樣制作,我們先通過一個(gè)簡單的實(shí)例來了解它的關(guān)鍵所在。我們做一個(gè)由圓變成矩形的動(dòng)畫,操作

4、步驟如下:運(yùn)行Flash MX,打開的窗口就是新建的一個(gè)無標(biāo)題-1的Flash文件。先在工具箱中選擇橢圓工具按鈕,在舞臺(tái)右側(cè)繪出一個(gè)圓。注意:由于Flash MX默認(rèn)第1幀是空白關(guān)鍵幀,故沒有必要在第1幀建立空白關(guān)鍵幀。選擇第30幀,點(diǎn)擊鼠標(biāo)右鍵,在隨后彈出的快捷菜單中選擇“插入關(guān)鍵幀”。緊接著上一步按Delete鍵刪除該幀(第30幀)的圓形,在工具箱中選擇矩形工具按鈕,在舞臺(tái)左側(cè)繪出一個(gè)矩形。選擇第1幀,點(diǎn)擊鼠標(biāo)右鍵,在隨后彈出的快捷菜單下方選擇“屬性”,打開“屬性”對話框。在“屬性”對話框中間,有一個(gè)選項(xiàng)“中間”,表示兩關(guān)鍵幀之間動(dòng)畫的類別。點(diǎn)擊該欄右邊列表按鈕,從下拉列表中選擇“形狀”,

5、如圖3-1所示。圖3-1 選擇“形狀”這里,選擇“形狀”是為了制作一個(gè)形狀漸變動(dòng)畫。關(guān)于動(dòng)畫的類別在下一節(jié)中將會(huì)介紹。關(guān)閉“屬性”對話框。此時(shí)可以看到時(shí)間軸上起始關(guān)鍵幀與終點(diǎn)關(guān)鍵幀之間呈淺綠色背景,有一箭頭指向終點(diǎn)關(guān)鍵幀說明動(dòng)畫制作已經(jīng)成功!保存文件后,按“Ctrl + Enter”鍵測試影片并輸出一個(gè)同名的Flash電影。從這個(gè)實(shí)例中,我們可以總結(jié)一下:(1)Flash動(dòng)畫必須在兩個(gè)不同畫面的關(guān)鍵幀之間完成,中間的動(dòng)畫實(shí)際上是由計(jì)算機(jī)運(yùn)算出來的。如果只有一個(gè)關(guān)鍵幀,無法要求計(jì)算機(jī)制作出動(dòng)畫。(2)動(dòng)畫制作完成后,一定要測試動(dòng)畫。測試動(dòng)畫的同時(shí),會(huì)輸出一個(gè)同名的Flash電影。讀者可以從Win

6、dows操作系統(tǒng)的窗口打開自己保存的該實(shí)例文件,會(huì)發(fā)現(xiàn)兩個(gè)同名的Flash文件:l 一個(gè)文件的圖標(biāo)是,相應(yīng)的文件擴(kuò)展名是“.FLA”這是Flash原程序文件。l 一個(gè)文件的圖標(biāo)是,相應(yīng)的文件擴(kuò)展名是“.SWF”這是Flash影片文件。3.3 Flash動(dòng)畫的分類各種各樣的動(dòng)畫五彩繽紛,動(dòng)畫的制作技巧也層出不窮,究竟怎樣將Flash動(dòng)畫進(jìn)行分類呢?我們將Flash動(dòng)畫進(jìn)行分類,一般是按動(dòng)畫創(chuàng)作的方法來區(qū)分的。我們制作Flash動(dòng)畫既可以一幀一幀的繪制,也可以只設(shè)定兩個(gè)關(guān)鍵幀,由計(jì)算機(jī)運(yùn)算逐漸改變的中間畫面來完成。因此,F(xiàn)lash動(dòng)畫一般可分成兩大類:逐幀動(dòng)畫與漸變動(dòng)畫。漸變動(dòng)畫又可以根據(jù)兩關(guān)鍵幀

7、之間的變化對象分成形狀漸變動(dòng)畫(變化對象是圖形)和移動(dòng)漸變動(dòng)畫(變化對象是元件),如圖3-2所示。圖3-2 Flash動(dòng)畫分類3.4 逐幀動(dòng)畫逐幀動(dòng)畫的每一幅畫面均是由關(guān)鍵幀構(gòu)成。如圖3-3所示是一個(gè)逐幀動(dòng)畫的時(shí)間軸示意,通過此圖可以看到連續(xù)的畫面都是關(guān)鍵幀。圖3-3 逐幀動(dòng)畫的時(shí)間軸我們所做的逐幀動(dòng)畫可以去使用繪圖工具在每一幀中繪制,也可以從外部逐幀導(dǎo)入圖片。這里就不演示逐幀繪制畫面的逐幀動(dòng)畫,下面介紹從外部導(dǎo)入圖片的兩種逐幀動(dòng)畫制作方法。3.4.1 逐幀動(dòng)畫方法一這種方法是先建立連續(xù)空白關(guān)鍵幀,再逐幀從外部導(dǎo)入圖片。操作步驟如下:先選中第1幀,接著按住Shift鍵選定逐幀動(dòng)畫的最后1幀點(diǎn)擊

8、鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“轉(zhuǎn)換為關(guān)鍵幀(Convert to Keyframes)”命令,將所有選中的幀都轉(zhuǎn)換成空白關(guān)鍵幀。逐次選中每一空白關(guān)鍵幀,執(zhí)行菜單命令“文件”“導(dǎo)入”,從預(yù)定的目標(biāo)位置導(dǎo)入圖片。3.4.2 逐幀動(dòng)畫方法二這種方法是先將準(zhǔn)備導(dǎo)入的圖片放入同一文件夾中,然后依次將這些圖片文件取同一文件名且加上圖片出現(xiàn)的序號,最后導(dǎo)入到逐幀動(dòng)畫的起始幀。操作步驟如下:將準(zhǔn)備導(dǎo)入的圖片放入同一文件夾中,然后依次將這些圖片文件取同一文件名且加上圖片出現(xiàn)的序號。例如:“N0051”、 “N0052”、 “N0053”、 “N0054”,如圖3-4所示。圖3-4 圖片文件的序號在Flash

9、 MX的時(shí)間軸中,選定準(zhǔn)備插入逐幀動(dòng)畫的起始幀,執(zhí)行菜單命令“文件”“導(dǎo)入”,從預(yù)定的文件夾中導(dǎo)入圖片,此時(shí)系統(tǒng)會(huì)彈出一個(gè)對話框如圖3-5所示。圖3-5 詢問是否輸入全部圖像序列的對話框在上圖的對話框中選定“是”,系統(tǒng)將按序號導(dǎo)入所有的圖片形成逐幀動(dòng)畫,完成這部分的逐幀動(dòng)畫制作。在后面綜合實(shí)例中,筆者還會(huì)運(yùn)用到逐幀動(dòng)畫的制作方法。3.5 形狀漸變動(dòng)畫對象形狀逐漸改變的動(dòng)畫叫做形狀漸變動(dòng)畫。在形狀漸變動(dòng)畫中,對象的位置可以移動(dòng)、對象的顏色可以改變,但這種變化是以矢量圖形對象為動(dòng)畫主角。舞臺(tái)上的矢量圖形,在沒有轉(zhuǎn)化為素材庫中的元件之前,只是普通的圖形,因此只能用來制作形狀漸變的動(dòng)畫,不能用來制作移

10、動(dòng)漸變動(dòng)畫。3.5.1. 形狀漸變動(dòng)畫形狀漸變動(dòng)畫發(fā)生在兩個(gè)不同形狀的矢量圖形之間,我們只要在兩個(gè)關(guān)鍵幀上繪制不同的圖形就可以了。例1 燃燒的蠟燭運(yùn)行Flash MX,新建的一個(gè)Flash文件,保存文件名為“燃燒的蠟燭”。先在工具箱中選擇矩形工具按鈕,接著在顏色選項(xiàng)欄選定描繪顏色工具,再點(diǎn)擊下面的沒有顏色按鈕,隨后在舞臺(tái)上繪出一個(gè)沒有輪廓線的矩形。執(zhí)行菜單命令“窗口”“調(diào)色板”,打開調(diào)色板面板。選擇“線性”填充方式,在色彩區(qū)域調(diào)整區(qū)設(shè)定左側(cè)為白色,右側(cè)為深紅色,如圖3-6所示。設(shè)置完成后關(guān)閉窗口。 圖3-6 設(shè)置第步的調(diào)色板 圖3-7 設(shè)置第步的調(diào)色板選擇工具箱的填充工具,在矩形中心單擊,完成

11、線性填充。為矩形所在圖層取名為“蠟燭”,然后中第60幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“插入幀(Insert Frame)”命令。這是為了使靜止的蠟燭圖像作為背景一直保持在場景中。點(diǎn)擊時(shí)間軸左側(cè)插入圖層按鈕,新建一個(gè)圖層,取名為“火焰”。在“火焰”圖層第1幀,先在工具箱中選擇橢圓工具按鈕,接著在顏色選項(xiàng)欄選定描繪顏色工具,再點(diǎn)擊下面的沒有顏色按鈕,隨后在舞臺(tái)上繪出一個(gè)沒有輪廓線的橢圓。再次執(zhí)行菜單命令“窗口”“調(diào)色板”,打開調(diào)色板面板。選擇“徑向”填充方式,在色彩區(qū)域調(diào)整區(qū)設(shè)定左側(cè)為白色,中間為紅色,右側(cè)為淺黃色,如圖3-7所示。設(shè)置完成后關(guān)閉窗口。選擇工具箱的填充工具,在橢圓下端單擊,完成徑向

12、填充。再用工具編輯橢圓,使之成為火焰狀。分別在“火焰”圖層的第15幀、第30幀、第45幀、第60幀插入關(guān)鍵幀,并對每一幀的火焰形狀進(jìn)行修改,如圖3-8所示。圖3-8 各關(guān)鍵幀的火焰形狀分別選定“火焰”圖層的第15幀、第30幀、第45幀后點(diǎn)擊鼠標(biāo)右鍵,在隨后彈出的快捷菜單下方選擇“屬性”,打開“屬性”對話框。在選項(xiàng)“中間”欄下拉列表中選擇“形狀”,依次形成形狀漸變動(dòng)畫后關(guān)閉“屬性”對話框。再次保存文件,按“Ctrl + Enter”鍵測試影片并輸出一個(gè)同名的Flash電影。通過動(dòng)畫展示窗口可以看到蠟燭的火焰在微風(fēng)中搖曳。如果在這個(gè)實(shí)例中選擇黑色作為背景,可以得到更真實(shí)地效果。通過上面這個(gè)例子,我

13、們可以看到要設(shè)計(jì)燃燒的酒精燈、篝火等都可以如法炮制。它還給我們一個(gè)啟示:凡是要制作一個(gè)動(dòng)態(tài)的圖形在靜止的背景中變化,可以將它們分別放在動(dòng)態(tài)圖層與靜止圖層之中,這樣便于編輯修改。在圖形漸變動(dòng)畫中,并不是要求起始幀與終點(diǎn)幀畫面一定都只有一個(gè)圖形。如果要設(shè)計(jì)一個(gè)圖形變成多個(gè)圖形,也是可行的。下面是一個(gè)圖形分裂成多個(gè)圖形的實(shí)例。例2 分裂運(yùn)行Flash MX,新建的一個(gè)Flash文件,保存文件名為“分裂”。先在工具箱中選擇橢圓工具按鈕,去掉輪廓線,任選一種填充色,在舞臺(tái)上繪出一個(gè)沒有輪廓線的圓。選中圓,點(diǎn)擊常用工具欄的復(fù)制按鈕。在第30幀插入關(guān)鍵幀,接著點(diǎn)擊常用工具欄的粘貼按鈕,將復(fù)制在舞臺(tái)中心的圓拖

14、放到舞臺(tái)下方。按此操作連續(xù)復(fù)制三次。選定第1幀后點(diǎn)擊鼠標(biāo)右鍵,在隨后彈出的快捷菜單下方選擇“屬性”,打開“屬性”對話框。在選項(xiàng)“中間”欄下拉列表中選擇“形狀”后關(guān)閉“屬性”對話框。再次保存文件,按“Ctrl + Enter”鍵測試影片并輸出一個(gè)同名的Flash電影。3.5.2 繪圖紙功能圖形變化的中間過程也可以顯示出來,這種顯示需要使用繪圖紙功能。繪圖紙功能不僅適用于形狀類漸變動(dòng)畫,也適用移動(dòng)類漸變動(dòng)畫。繪圖紙功能一般也稱為洋蔥皮窗口。這種創(chuàng)作動(dòng)畫的過程模擬的是傳統(tǒng)的動(dòng)畫片制作方式。在傳統(tǒng)的動(dòng)畫制作方式中,一般將一張張動(dòng)作連貫的透明膠片固定疊加在燈箱上作畫,由于燈箱可以清晰透出疊在下面的每張透

15、明膠片的內(nèi)容,所以繪制下一張時(shí)可以輕松地掌握圖像位置關(guān)系。以前面“例2 分裂”為例,在動(dòng)畫的時(shí)間軸上點(diǎn)擊繪圖紙外觀按鈕,幀數(shù)標(biāo)尺上將顯示出繪圖紙起點(diǎn)標(biāo)記符號和終點(diǎn)標(biāo)記符號。拖動(dòng)起點(diǎn)標(biāo)記符號或終點(diǎn)標(biāo)記符號可以改變繪圖紙描繪的起始位置,如圖3-9所示。 圖3-9 繪圖紙的起始位置 圖3-10 進(jìn)入繪圖紙狀態(tài)的顯示這里介紹繪圖紙功能的四個(gè)按鈕:繪圖紙外觀、繪圖紙邊框、編輯多幀、修改標(biāo)記。l 繪圖紙外觀:單擊此按鈕,動(dòng)畫進(jìn)入繪圖紙狀態(tài)。如圖3-10所示,即是“例2 分裂”進(jìn)入繪圖紙狀態(tài)的顯示。l 繪圖紙邊框:以外框形式顯示動(dòng)畫的繪圖結(jié)果。如圖3-11所示,即是“例2 分裂” 顯示繪圖紙邊框的狀態(tài)。 圖

16、3-11顯示繪圖紙邊框的狀態(tài) 圖3-12 顯示繪圖紙邊框和編輯多幀狀態(tài)l 編輯多幀:當(dāng)按下此按鈕時(shí),所有的關(guān)鍵幀的內(nèi)容均會(huì)與原色的方式出現(xiàn)在舞臺(tái)上,并且顯示的關(guān)鍵幀可以選取和進(jìn)行編輯,此按鈕最好與繪圖紙邊框按鈕一起使用,以便觀察得更清晰。如圖3-12所示,即是“例2 分裂”同時(shí)按下繪圖紙邊框和編輯多幀的繪圖紙狀態(tài)。l 修改標(biāo)記:當(dāng)按下此按鈕時(shí),會(huì)彈出繪圖紙?jiān)O(shè)定的相關(guān)菜單。3.5.3. 顏色變化的形狀漸變動(dòng)畫在Flash MX中,顏色變化的形狀漸變動(dòng)畫在制作上與普通形狀漸變動(dòng)畫沒有什么差異,只要在動(dòng)畫的起始幀圖形與終點(diǎn)幀圖形上設(shè)定圖形不同的顏色即可。無論起始幀圖形顏色與終點(diǎn)幀圖形顏色有什么差別,

17、也不管填充顏色采用的是純色填充還是漸變填充(即線性填充或徑向填充),計(jì)算機(jī)都會(huì)自動(dòng)完成這種顏色變化的動(dòng)畫。3.5.4. 添加形狀提示控制點(diǎn)的形狀漸變動(dòng)畫有時(shí)候我們在形狀漸變動(dòng)畫中設(shè)定起始圖形與終點(diǎn)圖形,在測試結(jié)果的影片中,動(dòng)畫確實(shí)是由起始圖形變成了終點(diǎn)圖形,但我們卻感覺失望,這是為什么呢?這是因?yàn)槲覀冇袝r(shí)不僅要求圖形變化由起始圖形變成終端圖形,同時(shí)還希望變化過程能按我們的設(shè)計(jì)進(jìn)行。這時(shí),運(yùn)用形狀提示控制點(diǎn)能幫助我們來控制圖形的變化過程形狀控制點(diǎn)是指在圖形的起點(diǎn)關(guān)鍵幀設(shè)定控制點(diǎn)a、b、c、d、e,這些點(diǎn)設(shè)置在圖形的某些重要位置上。在終點(diǎn)幀,也會(huì)有相應(yīng)的控制點(diǎn),將這些點(diǎn)拖放到預(yù)先設(shè)計(jì)的特定位置上。

18、起始幀的控制點(diǎn)與終點(diǎn)幀的控制點(diǎn)一一對應(yīng):起始幀的a點(diǎn)漸變到終點(diǎn)幀的a點(diǎn)、起始幀的b點(diǎn)漸變到終點(diǎn)幀的b點(diǎn)、起始幀的c點(diǎn)漸變到終點(diǎn)幀的c點(diǎn),復(fù)雜的圖形變化也能在控制點(diǎn)的控制下乖乖聽話。下面我們通過一個(gè)例子來研究形狀提示控制點(diǎn)的使用方法。例3 添加形狀提示點(diǎn)的研究新建的一個(gè)Flash文件,在工具箱中選擇矩形工具按鈕,在舞臺(tái)左側(cè)繪出一個(gè)矩形,去掉填充色。在第30幀插入關(guān)鍵幀,將矩形拖放到舞臺(tái)右側(cè)。選定第1幀后點(diǎn)擊鼠標(biāo)右鍵,在隨后彈出的快捷菜單下方選擇“屬性”,打開“屬性”對話框。在選項(xiàng)“中間”欄下拉列表中選擇“形狀”后關(guān)閉“屬性”對話框。按“Ctrl + Enter”鍵測試影片,可以看到圖形漸變動(dòng)畫已

19、經(jīng)成功。下面是研究形狀提示控制點(diǎn)的使用。選定第1幀,執(zhí)行菜單命令“修改”“外形”“添加形狀提示”,會(huì)在矩形中央出現(xiàn)一個(gè)紅色的“a”點(diǎn)。接著按“Ctrl + Shift + H”鍵多次,會(huì)依次出現(xiàn)“b”、“c”、“d”。將這些點(diǎn)拖放到四個(gè)角上。此時(shí)分別選中起始幀與終點(diǎn)幀觀察,會(huì)發(fā)現(xiàn)起始幀的紅色形狀提示點(diǎn)分布在四個(gè)角上,而終點(diǎn)幀的紅色形狀提示點(diǎn)還疊放圖形中央。顯示結(jié)果如圖3-13所示。圖3-13 起始幀與終點(diǎn)幀形狀控制點(diǎn)下面將分別設(shè)置終點(diǎn)幀的形狀提示控制點(diǎn)在圖形的不同位置上,研究控制點(diǎn)的控制效果。為了清晰地觀察到變化過程,我們打開繪圖紙功能的邊框按鈕和編輯多幀按鈕,并設(shè)置繪圖紙起點(diǎn)與動(dòng)畫起點(diǎn)一致、

20、繪圖紙終點(diǎn)與動(dòng)畫終點(diǎn)一致。設(shè)置終點(diǎn)幀形狀提示控制點(diǎn)的位置與起點(diǎn)幀的形狀提示控制點(diǎn)相同,敲Enter運(yùn)行結(jié)果如圖3-14所示。圖3-14 終點(diǎn)幀與起點(diǎn)幀的形狀提示控制點(diǎn)位置相同的動(dòng)畫設(shè)置終點(diǎn)幀每一個(gè)形狀提示控制點(diǎn)的位置依次逆時(shí)針移動(dòng)一個(gè)角,敲Enter運(yùn)行結(jié)果如圖3-15所示。讀者可以清晰地看到圖形逆時(shí)針逐漸變化。圖3-15 圖形逆時(shí)針逐漸變化相對于步驟,設(shè)置終點(diǎn)幀的“a”點(diǎn)和“c”點(diǎn)到對角線的角上(即交換兩個(gè)點(diǎn)的位置),敲Enter運(yùn)行結(jié)果如圖3-16所示。讀者可以清晰地看到圖形繞bd對角線進(jìn)行了翻轉(zhuǎn)。圖3-16 圖形繞bd對角線進(jìn)行翻轉(zhuǎn)相對于步驟,設(shè)置終點(diǎn)幀各形狀提示控制點(diǎn)到對角,敲Ente

21、r運(yùn)行結(jié)果如圖3-17所示。圖3-17 終點(diǎn)幀各形狀提示控制點(diǎn)到對角關(guān)于形狀提示控制點(diǎn),還有兩點(diǎn)要說明:l Flash MX的形狀控制點(diǎn)共有26個(gè),即從英文字母a至z。一般情況下,無論怎樣復(fù)雜的圖形變化都能夠控制。l 在起始幀與終點(diǎn)幀的形狀提示控制點(diǎn)設(shè)置完畢時(shí),起始關(guān)鍵幀的變形提示控制點(diǎn)呈現(xiàn)為黃色,而終點(diǎn)關(guān)鍵幀中的形狀提示控制點(diǎn)呈現(xiàn)為綠色。如果控制點(diǎn)不在圖形曲線上,則呈現(xiàn)紅色。利用形狀提示控制點(diǎn)功能可以精確地控制變形方向和方式,并使變形效果趨于平滑。具體的效果和妙用還需要讀者在實(shí)際的應(yīng)用中認(rèn)真琢磨。3.6 移動(dòng)漸變動(dòng)畫移動(dòng)漸變動(dòng)畫是Flash動(dòng)畫中的主力軍,大量的Flash創(chuàng)作作品,總是以移動(dòng)

22、漸變動(dòng)畫為主。Flash軟件的開發(fā)者知道這個(gè)特點(diǎn),因此在快捷菜單的最上面設(shè)定了建立移動(dòng)漸變動(dòng)畫的命令“創(chuàng)建動(dòng)畫動(dòng)作(Create Motion Tween)”。請讀者注意,這個(gè)命令只適用于建立移動(dòng)漸變動(dòng)畫。3.6.1 移動(dòng)漸變動(dòng)畫基本操作過程移動(dòng)漸變動(dòng)畫與形狀漸變動(dòng)畫的最大不同在于動(dòng)畫的對象:移動(dòng)漸變動(dòng)畫的動(dòng)畫對象是元件;形狀漸變動(dòng)畫的動(dòng)畫對象是矢量圖形。因此,凡是需要制作移動(dòng)漸變動(dòng)畫時(shí),必須先確認(rèn)動(dòng)畫對象已是元件。移動(dòng)漸變動(dòng)畫的制作過程可以總結(jié)為下面的操作步驟:建立元件(含由圖形轉(zhuǎn)換成元件)。設(shè)定動(dòng)畫的起始關(guān)鍵幀與終點(diǎn)關(guān)鍵幀。設(shè)定動(dòng)畫動(dòng)作。設(shè)定動(dòng)畫效果下面以一個(gè)最簡單的實(shí)例說明這種動(dòng)畫的基本

23、操作步驟。運(yùn)行Flash MX,新建一個(gè)文件。選擇矩形工具,在舞臺(tái)左側(cè)繪制出一個(gè)矩形。接著使用箭頭工具選擇這個(gè)矩形,執(zhí)行菜單命令“插入(Insert)”“轉(zhuǎn)換成元件(Convert to Symbol)”,隨后在“轉(zhuǎn)換成元件”對話框中選擇“圖形”素材,為元件取名為“矩形”,如圖3-18所示。最后點(diǎn)擊“確定”關(guān)閉對話框。此時(shí)矩形中央出現(xiàn)一個(gè)符號(表示元件中心),矩形周圍出現(xiàn)一個(gè)淡藍(lán)色的邊框,這說明矩形已經(jīng)轉(zhuǎn)換成了元件。圖3-18 轉(zhuǎn)換為元件對話框在第30幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“插入關(guān)鍵幀”。選定第1幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單的最上面選擇“創(chuàng)建動(dòng)畫動(dòng)作(Create Motion Twe

24、en)”命令。此時(shí)時(shí)間軸上起始關(guān)鍵幀與終點(diǎn)關(guān)鍵幀之間呈現(xiàn)淡青色,有一箭頭由起始關(guān)鍵幀指向終點(diǎn)關(guān)鍵幀。按“Ctrl + Enter”鍵測試影片一個(gè)最簡單的移動(dòng)漸變動(dòng)畫已經(jīng)完成,后面就可以為動(dòng)畫加了各種效果了。導(dǎo)入GIF動(dòng)畫作為影片剪輯元件,能夠得到更有趣味的移動(dòng)漸變動(dòng)畫。例4 走動(dòng)的小公雞運(yùn)行Flash MX,新建一個(gè)文件。選擇矩形工具,在舞臺(tái)下方繪制出一個(gè)矩形,這個(gè)矩形將作為地面的背景存在。雙擊該圖層名稱欄,為此圖層取名為“地面”。選擇第50幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“插入幀(Insert Frame)”。這一操作步驟是為了使地面背景從第1幀延伸到動(dòng)畫結(jié)束(動(dòng)畫共50幀)。執(zhí)行菜單命令“

25、插入”“新建元件(Convert to Symbol)”,隨后在“創(chuàng)建新元件”對話框中選擇“影片剪輯”素材,為元件取名為“公雞”,如圖3-19所示。最后點(diǎn)擊“確定”關(guān)閉對話框,進(jìn)入元件編輯窗口。圖3-19為元件取名為“公雞”在元件編輯窗口中,執(zhí)行菜單命令“文件”“導(dǎo)入”,從外部導(dǎo)入預(yù)先準(zhǔn)備好的GIF動(dòng)畫,在素材編輯窗口的時(shí)間軸上呈現(xiàn)出逐幀動(dòng)畫,如所示。圖3-20 時(shí)間軸上呈現(xiàn)出逐幀動(dòng)畫點(diǎn)擊素材編輯窗口時(shí)間軸下方的“場景1”,回到主場景中來。新建一個(gè)圖層,取名為“公雞”。選定第1幀,執(zhí)行菜單命令“窗口”“庫”,打開元件庫窗口,從元件庫中拖放影片剪輯元件“公雞”到舞臺(tái)上,調(diào)整初始位置在舞臺(tái)右側(cè)的地

26、面上。選擇第50幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“插入關(guān)鍵幀”。接著在該幀將公雞拖放到舞臺(tái)左側(cè)的地面上,使得在動(dòng)畫移動(dòng)過程中,公雞從右側(cè)走到左側(cè)。按“Ctrl + Enter”鍵測試影片,我們將看見小公雞神氣活現(xiàn)地從地面上走過去,如圖3-21所示。圖3-21 測試影片的效果強(qiáng)調(diào)指出,在步驟中應(yīng)該按“Ctrl + Enter”鍵測試影片。如果只敲擊Enter檢驗(yàn)效果,此時(shí)Flash動(dòng)畫在播放狀態(tài)下,GIF動(dòng)畫不會(huì)動(dòng)公雞只能從右側(cè)滑向左側(cè)!3.6.2 旋轉(zhuǎn)效果的動(dòng)畫如果已經(jīng)完成移動(dòng)漸變動(dòng)畫,要為動(dòng)畫添加效果非常容易。以前面例 制作的簡單動(dòng)畫為基礎(chǔ),我們接著添加旋轉(zhuǎn)效果:(緊接著例3)選定第1幀點(diǎn)擊

27、鼠標(biāo)右鍵,從快捷菜單中選擇“屬性”,打開幀屬性面板。從面板中設(shè)定旋轉(zhuǎn)方向和旋轉(zhuǎn)次數(shù),如圖3-22所示。關(guān)閉幀屬性面板返回舞臺(tái)。圖3-22從面板中設(shè)定旋轉(zhuǎn)方向和旋轉(zhuǎn)次數(shù)為了清楚地看到旋轉(zhuǎn)過程,打開繪圖紙功能的邊框按鈕和編輯多幀按鈕。最后按“Ctrl + Enter”鍵測試影片,將看到矩形旋轉(zhuǎn)效果如圖3-23所示。圖3-23 矩形旋轉(zhuǎn)效果3.6.3 改變速度的移動(dòng)漸變動(dòng)畫在不作設(shè)定的情況下,動(dòng)畫對象的運(yùn)動(dòng)是勻速運(yùn)動(dòng)。我們可以使動(dòng)畫對象運(yùn)動(dòng)越來越快或者越來越慢,這需要設(shè)置對象的屬性。下面我們設(shè)計(jì)一輛小汽車水平運(yùn)動(dòng)時(shí),速度減慢到逐漸停止下來。例5 減速停車運(yùn)行Flash MX,新建一個(gè)文件。選擇矩形工

28、具,在舞臺(tái)下方繪制出一個(gè)矩形,這個(gè)矩形將作為地面的背景存在。雙擊該圖層名稱欄,為此圖層取名為“地面”。選擇第40幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“插入幀(Insert Frame),使地面背景從第1幀延伸到動(dòng)畫結(jié)束(動(dòng)畫共40幀)。執(zhí)行菜單命令“插入”“新建元件(Convert to Symbol)”,隨后在“創(chuàng)建新元件”對話框中選擇“影片剪輯”素材,為元件取名為“小汽車”,最后點(diǎn)擊“確定”關(guān)閉對話框。在元件編輯窗口中,執(zhí)行菜單命令“文件”“導(dǎo)入”,從外部導(dǎo)入預(yù)先準(zhǔn)備好的GIF動(dòng)畫,在素材編輯窗口的時(shí)間軸上呈現(xiàn)出逐幀動(dòng)畫。點(diǎn)擊素材編輯窗口時(shí)間軸下方的“場景1”,回到主場景中來。新建一個(gè)圖層,取

29、名為“汽車”。選定第1幀,執(zhí)行菜單命令“窗口”“庫”,打開元件庫窗口,從元件庫中拖放影片剪輯元件“小汽車”到舞臺(tái)上,調(diào)整初始位置在舞臺(tái)右側(cè)的地面上。選擇第40幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“插入關(guān)鍵幀”。接著在該幀將小汽車拖放到舞臺(tái)左側(cè)的地面上,使得在動(dòng)畫移動(dòng)過程中,汽車從右側(cè)運(yùn)動(dòng)到左側(cè)并停下來。選定“汽車”圖層第1幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“屬性”,在“屬性”面板“中間”欄先選擇“移動(dòng)”,再于“簡易”欄點(diǎn)擊右側(cè)按鈕顯現(xiàn)出滑桿與指針。用鼠標(biāo)拖動(dòng)指針可以使指針上下滑動(dòng):l 指針滑向上方,物體運(yùn)動(dòng)越來越慢。l 指針滑向下方,物體運(yùn)動(dòng)越來越快。在這個(gè)示例中,我們將指針滑向上方,使小汽車減速運(yùn)

30、動(dòng)并停下來,如圖3-24所示。設(shè)置完畢后關(guān)閉屬性面板回到舞臺(tái)上。圖3-24 將指針滑向上方改變速度按“Ctrl + Enter”鍵測試影片,我們將看見小汽車運(yùn)動(dòng)速度減慢并最后停止運(yùn)動(dòng),如圖3-25所示。圖3-25 例5動(dòng)畫效果3.6.4 改變大小的移動(dòng)漸變動(dòng)畫動(dòng)畫對象在移動(dòng)漸變過程中可以改變大小,這種操作也稱為縮放對象的移動(dòng)漸變動(dòng)畫。例6 回家的小公雞運(yùn)行Flash MX,新建一個(gè)文件。執(zhí)行菜單命令“文件”“導(dǎo)入”,從預(yù)先準(zhǔn)備的文件夾中導(dǎo)入一幅有山、水、房子、樹木的圖片作為動(dòng)畫背景。調(diào)整圖片的大小和位置,然后雙擊該圖層名稱欄,取名為“背景”。在“背景”圖層中選擇第20幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單

31、中選擇“插入幀(Insert Frame)”。使背景從第1幀延伸到動(dòng)畫結(jié)束。執(zhí)行菜單命令“插入”“新建元件”,隨后在“創(chuàng)建新元件”對話框中選擇“影片剪輯”素材,為元件取名為“公雞”。在元件編輯窗口中,執(zhí)行菜單命令“文件”“導(dǎo)入”,從外部導(dǎo)入預(yù)先準(zhǔn)備好的小公雞GIF動(dòng)畫。點(diǎn)擊時(shí)間軸下方的“場景1”,回到主場景中來。新建一個(gè)圖層,取名為“公雞”。選定第1幀,執(zhí)行菜單命令“窗口”“庫”,打開元件庫窗口,從元件庫中拖放影片剪輯元件“公雞”到舞臺(tái)上,調(diào)整初始位置在舞臺(tái)右側(cè)。選擇“公雞”圖層第20幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“插入關(guān)鍵幀”。接著在該幀將公雞拖放到圖片中小房子的門口,使用自由轉(zhuǎn)換工具,改

32、變小公雞的大小,使得小公雞能走進(jìn)小房子的門。選定第1幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單的最上面選擇“創(chuàng)建動(dòng)畫動(dòng)作(Create Motion Tween)”命令。為了清楚地看到動(dòng)畫對象的大小變化過程,打開繪圖紙功能的繪圖紙外觀按鈕和編輯多幀按鈕。按“Ctrl + Enter”鍵測試影片,我們將看見小公雞向小房子走去,體形越來越小(似乎越走越遠(yuǎn)),最后走進(jìn)了小房子,如圖3-26所示。圖3-26 小公雞向小房子走去3.6.5 顏色變化的移動(dòng)漸變動(dòng)畫顏色變化也是動(dòng)畫的一種效果,使移動(dòng)漸變動(dòng)畫呈現(xiàn)出顏色變化并不困難。我們添加顏色效果主要是對動(dòng)畫起始幀與終點(diǎn)幀的動(dòng)畫對象改變顏色屬性。這里不妨改變動(dòng)畫對象在終點(diǎn)幀

33、的顏色。還是以前面例 制作的簡單動(dòng)畫為基礎(chǔ),我們接著添加顏色變化效果:(緊接著例3)在第30幀選中舞臺(tái)上的矩形對象點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“屬性”,打開對象屬性面板。在對象屬性面板右方選擇顏色列表中的“色調(diào)”,接著打開調(diào)色板選定一種不同于起始幀對象的顏色如圖3-27所示。關(guān)閉對象屬性面板返回舞臺(tái)。圖3-27 選定一種不同于起始幀對象的顏色按“Ctrl + Enter”鍵測試影片,我們看到矩形在動(dòng)畫過程中顏色逐漸改變,直到改變成終點(diǎn)幀對象的顏色。3.6.6 淡入淡出效果的動(dòng)畫當(dāng)動(dòng)畫對象登上舞臺(tái)時(shí),由淡淡的看不見到逐漸顯示清晰稱作淡入效果;當(dāng)動(dòng)畫對象退出舞臺(tái)時(shí),由清晰可見經(jīng)逐漸淡化直到完全無

34、影無蹤稱為淡出效果。淡入淡出效果能夠充分展示Flash的魅力:動(dòng)畫對象逐漸由無到有,從淡淡的形象到鮮艷的色彩;完成舞臺(tái)表演后,又逐漸淡化直到消失。出神入化、如虛如幻淡入淡出效果只能產(chǎn)生在圖形圖像、文字等元件對象上,因此只有在移動(dòng)漸變動(dòng)畫中才有效。下面以文字元件為例,來討論淡入淡出效果的制作過程。例7 淡入淡出效果最后的運(yùn)行效果如圖3-28所示。圖3-28 運(yùn)行效果運(yùn)行Flash MX,新建一個(gè)文件。運(yùn)用文字工具,在舞臺(tái)上輸入文字“淡入淡出”。選中文字(文字周圍會(huì)顯示淡藍(lán)色的線框),執(zhí)行菜單命令“插入”“轉(zhuǎn)換成元件”,隨后在“轉(zhuǎn)換為元件”對話框中選擇“圖形”素材,為元件取名為“文字”并確定。分別

35、在第20幀、40幀、60幀插入關(guān)鍵幀。并分別選定第1幀和第40幀后點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“創(chuàng)建動(dòng)畫動(dòng)作”,時(shí)間軸顯示如圖3-29所示。圖3-29 例7的時(shí)間軸在動(dòng)畫關(guān)鍵幀,設(shè)定如下:l 選定第1幀,將文字拖放到舞臺(tái)右邊的臺(tái)下;l 選定第20幀,將文字拖放到舞臺(tái)中央;l 選定第60幀,將文字拖放到舞臺(tái)左邊的臺(tái)下;l 選定第20幀后點(diǎn)擊復(fù)制工具,對第20幀內(nèi)容進(jìn)行復(fù)制。接著選定第40幀,刪除該幀內(nèi)容,再執(zhí)行菜單命令“編輯”“粘貼到當(dāng)前位置”。這樣使第20幀與第40幀里文字都在相同位置上。選定第1幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單的最上面選擇“創(chuàng)建動(dòng)畫動(dòng)作”命令。下面開始設(shè)置淡入與淡出效果了。在第1

36、幀,選中“淡入淡出”文字后點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單最下方選擇命令“屬性”,打開元件屬性面板。在“顏色”欄列表中選擇“Alpha”,確認(rèn)滑桿指針在最下端,欄中顯示為“0%”如圖3-28所示,最后關(guān)閉屬性面板。由于第1幀是文字進(jìn)入舞臺(tái)的起始關(guān)鍵幀,因此這里實(shí)際上已完成了淡入效果的設(shè)置。圖3-28 選擇“Alpha”為0在第60幀,同步驟一樣操作,完成文字的淡出效果。按“Ctrl + Enter”鍵測試影片,體會(huì)淡入淡出的效果。3.6.7 自定義路徑的動(dòng)畫在移動(dòng)漸變動(dòng)畫中,動(dòng)畫對象在起始幀處于某一位置,在終點(diǎn)幀可能在另一位置上(也可以位置不變而改變對象的屬性)。如果不設(shè)定對象運(yùn)動(dòng)的路徑,對象從起點(diǎn)到

37、終點(diǎn)的運(yùn)動(dòng)將是直線運(yùn)動(dòng)。很多動(dòng)畫必須根據(jù)實(shí)際情況使得對象沿設(shè)計(jì)者指定的路徑運(yùn)動(dòng),怎么辦呢?引導(dǎo)線圖層可以滿足我們的要求。使用引導(dǎo)線圖層先必須明白幾點(diǎn):l 引導(dǎo)線圖層只能對移動(dòng)漸變動(dòng)畫起定義移動(dòng)路徑的作用,對形狀漸變動(dòng)畫不起作用(因?yàn)樾螤顫u變動(dòng)畫不能自定義移動(dòng)路徑)。l 一個(gè)動(dòng)畫圖層限定只能添加一個(gè)引導(dǎo)線圖層。l 引導(dǎo)線圖層的線條、文字等各種內(nèi)容在影片輸出時(shí)將不會(huì)顯示出來。使用引導(dǎo)線圖層操作步驟如下: 先設(shè)定動(dòng)畫對于動(dòng)畫對象,必須事先將其轉(zhuǎn)換成元件(或預(yù)先建立圖形動(dòng)畫元件),再設(shè)定好動(dòng)畫的起始幀與終點(diǎn)幀。 繪制引導(dǎo)線圖層的路徑線條引導(dǎo)線圖層是用來繪制自定義動(dòng)畫移動(dòng)路徑的。路徑的繪制最好使用鉛筆工

38、具或線條工具,繪制出草圖之后再使用其他工具進(jìn)行修改。繪制線條的顏色可以任意挑選,因?yàn)椴シ艅?dòng)畫時(shí)路徑是隱藏的,不會(huì)顯示任何線條。 建立圖層屬性為引導(dǎo)線圖層如果在已完成動(dòng)畫圖層的上面建立引導(dǎo)線圖層,只需要在時(shí)間軸上點(diǎn)擊添加引導(dǎo)圖層按鈕,在動(dòng)畫圖層上面將建立一個(gè)新圖層,在此圖層上繪制的線條就是下面一個(gè)圖層中動(dòng)畫的引導(dǎo)線。倘若,開始繪制路徑線條的圖層是普通圖層,那么就必須建立圖層屬性為引導(dǎo)線圖層。操作方法是:在該圖層名稱欄點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“引導(dǎo)線(Guide)”命令。只是還未確定引導(dǎo)線圖層的引導(dǎo)對象之前,該圖層名稱欄的圖標(biāo)為;等到確定引導(dǎo)線圖層的引導(dǎo)對象之后,該圖層名稱欄的圖標(biāo)會(huì)自動(dòng)變成

39、。 讓動(dòng)畫對象在起始幀與終點(diǎn)幀貼齊路徑在動(dòng)畫的起始幀,要設(shè)定動(dòng)畫對象與路徑線條上的某一點(diǎn)貼齊;在動(dòng)畫的終點(diǎn)幀,也要設(shè)定動(dòng)畫對象與路徑線條終點(diǎn)貼齊。播放動(dòng)畫時(shí),動(dòng)畫對象將從起始幀的引導(dǎo)線上所在位置運(yùn)動(dòng)到終點(diǎn)幀的引導(dǎo)線上所在位置。要讓動(dòng)畫對象在起始幀與終點(diǎn)幀貼齊路徑,最好先確認(rèn)工具欄中貼緊對象按鈕已選中,這樣可以確保對象很容易貼齊路徑線條。下面我們以一個(gè)實(shí)際例子進(jìn)行操作練習(xí)。例8 飛行的小鳥運(yùn)行Flash MX,新建一個(gè)文件。執(zhí)行菜單命令“插入”“新建元件”,隨后在“創(chuàng)建新元件”對話框中選擇“影片剪輯”素材,為元件取名為“小鳥”。在元件編輯窗口中,執(zhí)行菜單命令“文件”“導(dǎo)入”,從外部導(dǎo)入預(yù)先準(zhǔn)備好

40、的小鳥GIF動(dòng)畫。點(diǎn)擊時(shí)間軸下方的“場景1”,回到主場景中來。新建一個(gè)圖層,取名為“小鳥”。選定第1幀,執(zhí)行菜單命令“窗口”“庫”,打開元件庫窗口,從元件庫中拖放影片剪輯元件“小鳥”到舞臺(tái)上。選擇第30幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“插入關(guān)鍵幀”。選定第1幀點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單的最上面選擇“創(chuàng)建動(dòng)畫動(dòng)作”命令。到這里為止,完成了動(dòng)畫的設(shè)定。在時(shí)間軸上點(diǎn)擊添加引導(dǎo)圖層按鈕,在“小鳥”圖層上面新建立了一個(gè)引導(dǎo)線圖層,該圖層名稱欄的圖標(biāo)是。在此圖層繪制一根線條,作為小鳥的運(yùn)動(dòng)路徑。用箭頭工具修改線條成曲線。確認(rèn)工具欄中貼緊對象按鈕已選中后,選擇“小鳥”圖層第1幀,用鼠標(biāo)拖動(dòng)小鳥到線條起點(diǎn)釋放(

41、注意讓中心標(biāo)記貼齊路徑線條的起點(diǎn)),如圖3-29所示。圖3-29 讓中心標(biāo)記貼齊路徑線條的起點(diǎn)接著選擇“小鳥”圖層第30幀,用鼠標(biāo)拖動(dòng)小鳥到線條終點(diǎn)釋放(注意讓中心標(biāo)記貼齊路徑線條的終點(diǎn)),如圖3-30所示。圖3-30 讓中心標(biāo)記貼齊路徑線條的終點(diǎn)按“Ctrl + Enter”鍵測試影片,檢查小鳥是否按照路徑飛行。3.6.8 遮罩功能的動(dòng)畫1. 遮罩概述Flash MX動(dòng)畫有一項(xiàng)神奇的功能遮罩功能。先來認(rèn)識一下遮罩:我們建立兩個(gè)圖層,一個(gè)圖層導(dǎo)入一幅風(fēng)景圖片。在風(fēng)景圖層上面建立另一圖層,在上面圖層僅繪制幾個(gè)矩形。按“Ctrl + Enter”鍵可以看到上面圖層的矩形遮擋了下面圖層的風(fēng)景圖片,如

42、圖3-31所示。圖3-31 上面圖層的矩形遮擋了下面圖層的風(fēng)景圖片接著回到舞臺(tái)上,在上面圖層名稱欄點(diǎn)擊鼠標(biāo)右鍵,從快捷菜單中選擇“遮蔽(Mask)”,此時(shí)上面圖層的圖標(biāo)變成,表示遮罩圖層;下面圖層的圖標(biāo)變成,表示此圖層為被遮罩圖層。按“Ctrl + Enter”鍵后看到的效果如圖3-32所示。圖3-32 遮罩效果現(xiàn)在讀者知道了,遮罩顯示內(nèi)容由遮罩圖層的矢量圖形的形狀決定:在遮罩圖層中沒有矢量圖形的位置,下面圖層的圖片內(nèi)容將被隱蔽起來;在遮罩圖層中有矢量圖形的位置,下面圖層的圖片內(nèi)容將顯示出來這就是遮罩功能。2. 遮罩動(dòng)畫注意事項(xiàng)請讀者注意:l 遮罩圖層中圖形的顏色對遮罩沒有影響,即矢量圖形是白

43、色或紅色,遮罩效果都是一樣的。l 靜止圖層可以作為遮罩圖層,動(dòng)畫圖層也可以作為遮罩圖層。同理,靜止圖層可以作為被遮罩圖層,動(dòng)畫圖層也可以作為被遮罩圖層。l 遮罩效果在動(dòng)畫模式下是無法顯示出來的,只有在動(dòng)畫播放(即按Ctrl + Enter)時(shí)才能顯示出來。3. 動(dòng)畫圖層作為遮罩圖層下面我們以一個(gè)示例為說明動(dòng)畫圖層作為遮罩圖層的效果。例9 探照燈效果運(yùn)行Flash MX,保存文件為“探照燈效果”。在系統(tǒng)默認(rèn)的圖層上新建兩個(gè)圖層,共三個(gè)圖層。最下面的圖層取名為“底色”,中間圖層命名為“文字”,最上面圖層取名為“遮罩片”。執(zhí)行菜單命令“修改”“影片”,打開“影片屬性”對話框。寬度不變,修改高度為100px;點(diǎn)擊背景顏色的色塊,設(shè)定背景顏色為黑色,其余不變,如圖3-33所示。設(shè)定完畢后點(diǎn)擊“確定”關(guān)閉對話框。圖3-33 設(shè)置影片屬性選中“文字”圖層第1幀,輸入文字“湖北教育學(xué)院計(jì)算機(jī)系”。輸入完畢后,選定文字點(diǎn)擊鼠標(biāo)右鍵,選擇“屬性”命令,打開文字屬性面板,改變文字大小剛好布滿整個(gè)舞臺(tái)寬度,設(shè)置文字顏色為紅色,設(shè)置完畢關(guān)閉文字屬性面板。選中本圖層的第40幀,點(diǎn)擊鼠標(biāo)右鍵從快捷菜單中選擇“插入幀”。選中“遮罩片”第1幀,繪制一個(gè)無線框的白顏色的圓

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(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ǔ)空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論