




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、Good is good, but better carries it.精益求精,善益求善。Flash課件制作-6.4Flash課件的制作6.4.1flashcs4簡介Flash動(dòng)畫是如今最為流行的動(dòng)畫制作軟件之一。憑借諸多的優(yōu)點(diǎn),在互聯(lián)網(wǎng)、多媒體課件制作以及游戲軟件制作等領(lǐng)域得到了廣泛應(yīng)用。它不僅可以通過文字、圖片、視頻、聲音等綜合手段展現(xiàn)動(dòng)畫意圖,還可以通過強(qiáng)大的交互功能實(shí)現(xiàn)與動(dòng)畫觀看者之間的互動(dòng)。1、Flashcs4特點(diǎn)與以前的版本相比較,flashcs4改進(jìn)了界面,增加了很多新的功能,其主要特點(diǎn)如下:Flash使用了矢量圖形和傳播技術(shù),可以隨意調(diào)整縮放,而不會(huì)影響圖形的大小和質(zhì)量。通過
2、使用關(guān)鍵幀和元件,使所生成的“.swf”格式的動(dòng)畫文件非常小,便于在網(wǎng)絡(luò)上播放和傳播。Flash制作的動(dòng)畫,能夠交互式地將音樂、動(dòng)畫、聲效等融合在一起,很多用戶已經(jīng)把Flash當(dāng)做一個(gè)開發(fā)多媒體的首選工具。Flash擁有功能強(qiáng)大的ActionScript語言,它采用了與JavaScript類似的語法結(jié)構(gòu),擁有自己的ActionScript函數(shù)、屬性和目標(biāo)對(duì)象等,并且兼容并支持Flash低版本。2、Flashcs4的界面(1)歡迎界面運(yùn)行FlashCS4,首先映入眼簾的是“歡迎屏幕”,“歡迎屏幕”將常用的任務(wù)集中在一個(gè)頁面中,包括“打開最近項(xiàng)目”、“新建”、“從模板創(chuàng)建”、“擴(kuò)展”以及對(duì)官方資源
3、的快速訪問,如圖:圖6-2“歡迎屏幕”界面(2)工作界面在“歡迎屏幕”,選擇“新建”下的“Flash文件(ActionScript3.0)”或“Flash文件(ActionScript2.0)”,這樣就進(jìn)入到FlashCS4的工作界面并新建一個(gè)Flash文檔。進(jìn)入右上方的工作區(qū)管理,用戶可以將界面調(diào)整為自己習(xí)慣或喜歡的界面。預(yù)設(shè)的幾種界面:動(dòng)畫、傳統(tǒng)、調(diào)試、設(shè)計(jì)人員、開發(fā)人員、基本功能幾種界面用戶可以選擇使用。在視圖菜單下,課選擇:標(biāo)尺、輔助線、網(wǎng)格等選項(xiàng),當(dāng)然也可編輯輔助線、網(wǎng)格,調(diào)整其參數(shù)。(3)時(shí)間軸面板時(shí)間軸用于組織和控制一定時(shí)間內(nèi)的圖層和幀中的文檔內(nèi)容。與膠片一樣,F(xiàn)lash文檔中的
4、圖層就像堆疊在一起的多張幻燈膠片一樣,每個(gè)圖層都包含一個(gè)或多個(gè)顯示在舞臺(tái)中的不同圖像,時(shí)間軸的主要組件是圖層、幀和播放頭。文檔中的圖層列在時(shí)間軸左側(cè)的列中,每個(gè)圖層中包含的幀顯示在該圖層名左側(cè)的一行中,時(shí)間軸頂部的時(shí)間軸標(biāo)題指示幀編號(hào),播放頭指示當(dāng)前在舞臺(tái)中顯示的幀,播放文檔時(shí),播放頭通過時(shí)間軸從左向右移動(dòng)。在時(shí)間軸底部顯示的時(shí)間軸狀態(tài)指示所選的幀編號(hào)、當(dāng)前幀速率以及到當(dāng)前幀為止的運(yùn)行時(shí)間。(4)工具面板FlashCS4的工具面板,增加了一些工具,使FlashCS4在制作中功能得到了很大的增強(qiáng)。使用工具面板中的工具可以繪圖、上色、選擇和修改插圖。(5)屬性檢查器屬性檢查器也叫屬性面板,在Fla
5、shCS4中,將它設(shè)計(jì)到了軟件的右邊,并且使一些相應(yīng)的屬性設(shè)置變得更加人性化了。使用屬性檢查器可以輕松訪問舞臺(tái)或時(shí)間軸上當(dāng)前選中內(nèi)容的屬性,可以在屬性檢查器中更改對(duì)象或文檔的屬性,這取決于當(dāng)前選擇的內(nèi)容。(6)庫面板庫面板在FlashCS4中得到了比較好的改進(jìn),庫面板是存放和組織在Flash中創(chuàng)建的各種元件的地方,它還用于存放和組織導(dǎo)入的文件,包括位圖、聲音文件和視頻剪輯,利用庫面板,可以在文件夾中組織庫項(xiàng)目、查看項(xiàng)目在文檔中的使用頻率以及按照名稱、類型、日期、使用次數(shù)或AS鏈接標(biāo)識(shí)符對(duì)項(xiàng)目進(jìn)行排序,還可以使用搜索字段在庫面板中進(jìn)行搜索。(7)動(dòng)作面板使用動(dòng)作面板可以創(chuàng)建和編輯對(duì)象或幀的Act
6、ionScript代碼,選擇幀、按鈕或影片剪輯實(shí)例可以激活動(dòng)作面板。根據(jù)選擇的內(nèi)容,動(dòng)作面板標(biāo)題也會(huì)變?yōu)椤皠?dòng)作幀”、“動(dòng)作影片剪輯”、“動(dòng)作按鈕”。3、Flash基本操作在Flash中無論是繪制矢量圖形,還是制作動(dòng)畫,首先都必須創(chuàng)建文檔,最后保存文檔,這樣才方便以后的查看與編輯。而在制作過程中,通過輔助工具可以更好地完成設(shè)計(jì)。(1)管理文件在Flash中新建與保存文檔是最基本的操作,而打開文檔是再次編輯文檔的基本操作。在制作過程中要想返回操作,可以打開【歷史記錄】面板進(jìn)行操作。新建文檔在Flash中執(zhí)行【文件】|【新建】命令后,可以創(chuàng)建新的Flash文件,默認(rèn)情況下該文件是以ActionScr
7、ipt3.0發(fā)布設(shè)置的。當(dāng)創(chuàng)建空白Flash文件后,文檔屬性是默認(rèn)的。要想查看或者修改文檔屬性,可以執(zhí)行【修改】|【文檔】命令(快捷鍵Ctrl+J),打開如圖所示對(duì)話框,進(jìn)行文檔的【標(biāo)題】、【尺寸】、【背景顏色】等選項(xiàng)設(shè)置。圖6-3文檔屬性界面在【文檔屬性】對(duì)話框中,還可以設(shè)置【幀頻】選項(xiàng),該選項(xiàng)用于設(shè)置美妙顯示動(dòng)畫幀的數(shù)量,默認(rèn)值為24fps。對(duì)于大多數(shù)計(jì)算機(jī)顯示的動(dòng)畫,特別是網(wǎng)站中播放的動(dòng)畫,812fps(默認(rèn)值)就夠了。保存文檔創(chuàng)建并且編輯Flash文件后,要想再次使用或者編輯該文件,首先需要保存該文件。方法是執(zhí)行【文件】|【保存】命令(快捷鍵Ctrl+S),將Flash文件保存為FLA
8、格式文件。打開文檔執(zhí)行【文件】|【打開】命令(快捷鍵Ctrl+O),可以在Flash中打開格式為FLA或者SWF的文件,打開前者即可開始編輯Flash文件。(2)輔助工具輔助工具能夠幫助用戶進(jìn)行更加方便的操作,F(xiàn)lash中的輔助工具包括【縮放工具】和【手形工具】。(3)縮放工具如果想要在屏幕上查看整個(gè)舞臺(tái),或要以高縮放比率查看繪圖的特定區(qū)域,可以更改縮放比率級(jí)別。在使用【縮放工具】放大舞臺(tái)的同時(shí)要縮小舞臺(tái),可以結(jié)合Alt鍵,當(dāng)鼠標(biāo)變成縮小圖標(biāo)后單擊,即可縮小舞臺(tái)。當(dāng)然也可以在舞臺(tái)右側(cè)的縮放文本框中設(shè)置。(4)手形工具放大舞臺(tái)以后,可能無法看到整個(gè)舞臺(tái)。如果想要在不更改縮放比率的情況下更改視圖,
9、可以使用【手形工具】移動(dòng)舞臺(tái)。方法是選擇工具箱中的【手形工具】后,在舞臺(tái)中單擊并且拖動(dòng)即可移動(dòng)整個(gè)舞臺(tái)。如果要臨時(shí)在其他工具和【手形工具】之間切換,可以按住空格鍵,然后在舞臺(tái)中單擊并且拖動(dòng)即可移動(dòng)整個(gè)舞臺(tái)。雙擊【手形工具】,可以讓舞臺(tái)在當(dāng)前界面中以最佳比例顯示。(5)顏色工具在Flash中,如論是繪制圖形之前,還是在編輯過程中,均可以隨時(shí)設(shè)置顏色。而在圖形顏色中包括兩種形式:一種是筆觸顏色,另外一種是填充顏色。(6)標(biāo)尺和網(wǎng)格在舞臺(tái)中要想精確地創(chuàng)建圖形的起始點(diǎn)或者圖形的尺寸,那么在舞臺(tái)中打開標(biāo)尺,并且通過標(biāo)尺拖出輔助線,是非??旖莸姆椒?。(7)設(shè)置場景在Flash中構(gòu)成動(dòng)畫的所有元素都被包含在
10、場景中,所以場景在動(dòng)畫制作中是不可缺少的一部分。當(dāng)一段動(dòng)畫包含多個(gè)場景時(shí),播放器會(huì)在播放完第一個(gè)場景后自動(dòng)播放下一個(gè)場景。默認(rèn)情況下,F(xiàn)lash中只有一個(gè)場景。通過執(zhí)行【窗口】|【其他面板】|【場景】命令(快捷鍵Shift+F2),可以查看場景個(gè)數(shù)。如果創(chuàng)建第二個(gè)場景,只要單擊【場景】面板底部的【添加場景】按鈕,直接進(jìn)入場景2,如圖6-4所示圖6-4設(shè)置場景當(dāng)Flash中存在兩個(gè)或者兩個(gè)以上的場景時(shí),就可以在不同的場景中創(chuàng)建或者編輯圖像或者動(dòng)畫。從一個(gè)場景切換到另外一個(gè)場景中的方法非常簡單,只要單擊【場景】面板中的場景名稱,或者單擊【編輯場景】按鈕,選擇場景選項(xiàng)即可。6.4.2繪圖工具箱1、認(rèn)
11、識(shí)工具箱默認(rèn)情況下,繪圖工具箱位于FlashCS4主界面的右側(cè)。通過工具箱中的這些工具,可以在Flash場景中輕松地繪制出各種動(dòng)畫對(duì)象,并且還可以對(duì)它們進(jìn)行編輯和修改。工具箱共分為4個(gè)區(qū)域:A選擇工具區(qū)、B繪圖工具去、C顏色填充工具區(qū)、D查看工具及選項(xiàng)區(qū),在每個(gè)工具區(qū)中包含多個(gè)操作工具,如圖6-5。圖6-5繪圖工具箱在FlashCS4中,幾乎所有的繪圖操作工具都包含在工具箱中。同時(shí),新版本軟件對(duì)工具箱中的工具進(jìn)行了細(xì)化和增強(qiáng),使用戶操作起來更方便、更快捷。與FlashCS3相比較,F(xiàn)lashCS4新增加了3D旋轉(zhuǎn)工具、3D平移工具、噴涂刷工具、Deco工具、骨骼工具和綁定工具等。2、繪圖工具(
12、1)Flash繪圖技巧在Flash中,使用繪圖工具繪制的圖形為矢量圖形,它們主要由填充顏色的色塊和由多個(gè)點(diǎn)構(gòu)成的圖形輪廓或曲線兩部分組成。矢量圖形具有獨(dú)立的分辨率,即使加倍放大圖形也不會(huì)降低圖形的質(zhì)量。在Flash中繪制圖形,主要有兩種方式:合并繪制圖形和對(duì)象繪制圖形。通過這兩種方式的繪圖,為用戶提供了極大的靈活性。下面來介紹一下這兩種繪圖方式的區(qū)別。(2)合并繪制圖形默認(rèn)情況下,在Flash的同一圖層上,重疊進(jìn)行繪圖、填充顏色,所繪制的圖形對(duì)象將會(huì)自動(dòng)合并,對(duì)圖形進(jìn)行編輯會(huì)影響到同一圖層的其他形狀。例如,繪制一個(gè)圓形,然后選擇第二個(gè)圓形并移動(dòng),則會(huì)刪除第一個(gè)圓形與第二個(gè)圓形重疊的部分,如圖6
13、-6所示。圖6-6移動(dòng)圓形后刪除對(duì)象的效果(3)對(duì)象繪制圖形使用該方式繪制圖形時(shí),可以將多個(gè)圖形繪制成獨(dú)立的對(duì)象,這些對(duì)象在疊加時(shí)不會(huì)自動(dòng)合并,這樣在分離或重新排列圖形外觀時(shí),可以使圖形重疊但不改變其外觀。而且,F(xiàn)lash可以對(duì)每個(gè)圖形對(duì)象單獨(dú)進(jìn)行處理。(4)線條工具線條是組成矢量圖形最基本的單位,任何圖形都是由線條組成的。【線條工具】用來繪制各種角度的直線,它沒有輔助選項(xiàng),其筆觸格式可以在【屬性】檢查器中設(shè)置。在【屬性】面板中,選中【選擇】工具將鼠標(biāo)放到直線上,當(dāng)鼠標(biāo)右下角出現(xiàn)弧線標(biāo)志時(shí),拖動(dòng)鼠標(biāo),可以將直線變?yōu)榍€,按Ctrl鍵,可以拖出拐角點(diǎn)。操作練習(xí):應(yīng)用線條工具繪制如圖6-7所示的正
14、方體。圖6-7正方體(5)鉛筆工具【鉛筆工具】用于繪制簡單的矢量圖形、運(yùn)動(dòng)路徑等,其使用方法與【線條工具】相似。(6)橢圓工具盒基本橢圓工具在FlashCS4中,可以使用兩種工具繪制圓形,即橢圓工具和基本橢圓工具。橢圓工具在Flash中,使用【橢圓工具】可以繪制正圓和橢圓。在工具箱中按住【矩形工具】按鈕不放,從彈出的下拉菜單中單擊【橢圓工具】按鈕。然后,在【屬性】檢查器中定義圓形的填充顏色、邊框顏色、寬度和樣式。設(shè)置完畢后,在舞臺(tái)中單擊并拖動(dòng)鼠標(biāo),即可繪制橢圓.基本橢圓工具該工具與【橢圓工具】基本相同,知識(shí)使用該工具繪制的橢圓上包含有圖元節(jié)點(diǎn),用戶可以在【屬性】檢查器上設(shè)置橢圓的【開始角度】和
15、【結(jié)束角度】,也可以在啟用【選擇工具】后,直接在繪圖窗口中使用鼠標(biāo)指針拖動(dòng)節(jié)點(diǎn)來調(diào)整。(7)矩形工具和基本矩形工具這兩個(gè)工具主要用來繪制矩形和正方形,繪制矩形的方法與繪制橢圓基本相同。(8)多角星形工具【多角星形工具】用于繪制多邊形及星形,該工具使用方法非常簡單。單擊工具箱中的【多角星形工具】按鈕,然后移動(dòng)鼠標(biāo)到舞臺(tái)中單擊并拖動(dòng),即可繪制出一個(gè)多邊形。默認(rèn)情況下,使用該工具繪制的圖形為五邊形。如果想要繪制其他邊數(shù)的圖形或星形,需要在【工具設(shè)置】對(duì)話框中定義。方法是單擊【屬性】檢查器中的【選項(xiàng)】按鈕,在彈出的工具設(shè)置對(duì)話框中設(shè)置【樣式】、【邊數(shù)】和【星形頂點(diǎn)大小】即可。例如設(shè)置【邊數(shù)】為3,可以
16、繪制三角形;選擇【星形】樣式,可以繪制星形對(duì)象。操作練習(xí):繪制太陽星星月亮(如圖6-8)。6-8繪制太陽星星月亮(9)刷子工具【刷子工具】用于繪制矢量色塊或者創(chuàng)建一些特殊效果。在Flash中,使用該工具創(chuàng)建的圖形實(shí)際上是一個(gè)填充圖形。如果想要調(diào)整刷子繪制的線條粗細(xì)、形狀,則可以在選項(xiàng)區(qū)域中的【刷子大小】和【刷子形狀】中選擇合適的參數(shù)。(10)噴涂刷工具【噴涂刷工具】是一種裝飾性繪圖工具,其作用類似于粒子噴射器,使用它可以一次將形狀圖案“刷”到舞臺(tái)上。默認(rèn)情況下,噴涂刷使用當(dāng)前選定的填充顏色噴射粒子點(diǎn)。(11)Deco工具Deco工具也是一種修飾性繪圖工具,可以將創(chuàng)建的圖形轉(zhuǎn)變?yōu)閺?fù)雜的幾何圖案,
17、以創(chuàng)建萬花筒效果。3、選取顏色在Flash中繪制圖形首先必須設(shè)置顏色,可以在【調(diào)色板】窗口、【顏色】面板和【樣本】面板中選擇、創(chuàng)建、修改和應(yīng)用顏色。在通常情況下,【調(diào)色板】窗口和【顏色】面板用于選擇筆觸顏色和填充顏色,以便應(yīng)用于待創(chuàng)建對(duì)象或舞臺(tái)中現(xiàn)有的對(duì)象:而【樣本】面板多用于顏色的管理。(1)調(diào)色板每個(gè)Flash文件都包含自己的調(diào)色板,調(diào)色板存儲(chǔ)在Flash文檔中,但不影響文件的大小。Flash將文件的調(diào)色板顯示為【填充顏色】控件和【筆觸顏色】控件。默認(rèn)的調(diào)色板是216色的Web安全調(diào)色板。要向當(dāng)前調(diào)色板添加顏色,可以使用【顏色】面板。要通過【調(diào)色板】選擇顏色,首先單擊工具箱中的【填充顏色】
18、控件或【筆觸顏色】控件,然后在彈出的顏色選擇器中選擇顏色,如圖6-9所示圖6-9調(diào)色板在【調(diào)色板】中單擊右上角的【顏色選擇】按鈕,打開【顏色】對(duì)話框。在該對(duì)話框的【基本顏色】選項(xiàng)或【自定義顏色】選項(xiàng)組中可以選取系統(tǒng)自帶或自定義的顏色。(2)【顏色】面板在FlashCS4中,通過【顏色】面板可以精確設(shè)置顏色,也可以通過該面板改變繪圖工具的筆觸顏色或填充顏色。在設(shè)置填充顏色時(shí),可以設(shè)置線性和放射性漸變填充來創(chuàng)建多色漸變。通常,選擇【窗口】|【顏色】選項(xiàng),打開【顏色】面板。如圖6-10所示。圖6-10顏色】調(diào)色板(3)【樣本】面板【樣本】面板與調(diào)色板中顯示的顏色一樣,主要用于管理和控制【顏色】面板和
19、【調(diào)色板】中的色塊。通過該面板快捷菜單中的命令,可以復(fù)制、刪除調(diào)色板中的顏色,以及導(dǎo)入和導(dǎo)出調(diào)色板等。4、填充圖形FlashCS4填充圖形的工具主要包括【墨水瓶工具】、【顏料桶工具】、【滴管工具】和【填充變形工具】。在這些工具中,有的是專門用于填充圖形的,有的還包含其他方面的功能,下面來介紹這些工具的使用方法。(1)墨水瓶工具【墨水瓶工具】可以給選定的矢量圖形增加邊線,還可以修改線條或形狀輪廓的筆觸顏色、寬度和樣式,該工具沒有輔助選項(xiàng)?!灸抗ぞ摺坎荒芨淖儓D形的填充邊線,如圖6-11如果用鼠標(biāo)單擊一個(gè)已有輪廓線的圖形,則【墨水瓶工具】的屬性將替換該輪廓的原有的屬性,如圖6-12圖6-11使用
20、墨水瓶工具圖6-12替換輪廓線(2)顏料桶工具【顏料桶工具】用于填充未填色的輪廓線或者改變現(xiàn)有色塊的顏色,它的作用與【墨水瓶工具】恰好相反。其輔助選項(xiàng)中包括兩個(gè)按鈕,一個(gè)是【空隙大小】按鈕,另一個(gè)是【鎖定填充】按鈕,如圖6-13圖6-13顏料桶工具及輔助選項(xiàng)在工具箱中單擊【顏料桶工具】按鈕,在其【屬性】面板中選擇要填充的顏色,該顏色可以是純色、漸變色和位圖。然后,將光標(biāo)移到要填充顏色的圖形中單擊即可填充。如果圖形中有缺口,沒有形成閉合,可以使用【空隙大小】按鈕,然后在下拉菜單中選擇合適的選項(xiàng)進(jìn)行填充即可。同時(shí),還可以使用【鎖定填充】按鈕對(duì)填充顏色進(jìn)行鎖定。(3)滴管工具在繪圖工具箱中,【滴管工
21、具】的作用是拾取工作區(qū)中已經(jīng)存在的顏色及樣式屬性,并將其應(yīng)用于其他對(duì)象中。該工具沒有輔助選項(xiàng),使用也非常簡單,只要將滴管移動(dòng)到需要取色的線條或圖形中單擊即可。(4)漸變變形工具在FlashCS4中,可以使用【漸變變形工具】來調(diào)整填充的大小、方向、中心以及變形漸變填充和位圖填充。在工具箱中選擇【漸變變形工具】,然后單擊填充區(qū)域,如果圖形使用線性漸變填充,則會(huì)出現(xiàn)兩條水平線;如果使用放射狀漸變填充,則會(huì)出現(xiàn)放射狀漸變填充,則會(huì)出現(xiàn)一個(gè)漸變圓圈以及4個(gè)圓形或方形手柄。使用漸變線的方向手柄、距離手柄和中心手柄,可以移動(dòng)漸變線的中心、調(diào)整漸變線的距離以及改變漸變線的傾斜方向。(5)使用面板填充圖形在Fl
22、ashCS4中,可以選擇特定的顏色,還可以自定義顏色。為了獲得更多的顏色效果,需要借助【顏色】面板和【樣本】面板。默認(rèn)情況下,顏色分為兩種,一種是用于筆觸顏色的單色調(diào)色板,共252種顏色;另一種是用于填充顏色、包含單色和漸變色的復(fù)合調(diào)色板,除了252中顏色外,還有7種線性漸變和放射漸變顏色,如圖圖6-14定義筆觸和填充顏色在該調(diào)色板內(nèi)選擇一種顏色之后,它將出現(xiàn)在顏色框內(nèi),并且在顏色值文本框中顯示與之對(duì)應(yīng)的十六進(jìn)制數(shù)值。如果選擇了矩形、橢圓等可以繪制填充圖形的工具后,在調(diào)色板的右上角會(huì)出現(xiàn)一個(gè)按鈕,單擊該按鈕將繪制無邊框或者無填充色的圖形,如圖另外,還可以在【顏色】面板中調(diào)整漸變顏色。漸變色是由
23、起始顏色和目標(biāo)顏色決定的,拖動(dòng)代表上述顏色的滑塊,可以改變漸變的起始位置和終止位置,從而調(diào)整漸變距離,方法是執(zhí)行【窗口】|【顏色】命令,打開如圖6-15。圖6-15顏色面板中漸變色的調(diào)整5、編輯圖形在Flash中,編輯任何一個(gè)對(duì)象,都需要先選擇它。也就是說,選取對(duì)象是編輯對(duì)象的基本操作。利用選擇工具,用戶可以只選擇對(duì)象的筆觸,也可以只選擇其填充,還可以將若干個(gè)單個(gè)對(duì)象組成一組,然后作為一個(gè)對(duì)象來處理。同時(shí),選擇對(duì)象或筆觸時(shí),F(xiàn)lash會(huì)用選擇框來加亮顯示它們。在FlashCS4中,可以使用不同的選擇工具來選擇對(duì)象,主要包含三種:【選擇工具】、【部分選擇工具】及【套索工具】。(1)選擇工具該工具
24、主要用來選取或者調(diào)整場景中的圖形對(duì)象,并能夠?qū)Ω鞣N動(dòng)畫對(duì)象進(jìn)行選擇、拖動(dòng)、改變尺寸等操作。利用該工具選擇對(duì)象,主要包括以下幾種操作方法。單擊可以選擇某個(gè)色塊或者某條曲線。雙擊可以選擇整個(gè)色塊以及與其相連的其他色塊和曲線等。如果在選擇過程中按住Shift鍵,則可以同時(shí)選擇過個(gè)動(dòng)畫對(duì)象,也就是選擇多個(gè)不同的色塊和曲線。在舞臺(tái)上單擊鼠標(biāo)并拖動(dòng)區(qū)域,可以選擇區(qū)域中的所有對(duì)象。(2)部分選擇工具此工具是一個(gè)與【選擇工具】完全不同的選取工具,它沒有輔助選項(xiàng),但具有智能化的矢量提醒,在選擇矢量圖形時(shí),單擊對(duì)象的輪廓線,即可將其選中,并且會(huì)在該對(duì)象的四周出現(xiàn)許多節(jié)點(diǎn)。(3)套索工具該工具適合選擇對(duì)象的局部或者
25、選擇舞臺(tái)中不規(guī)則的區(qū)域。通常,在工具箱中選擇該工具后,通過啟用選項(xiàng)區(qū)域中的【多邊形模式】按鈕,可以在不規(guī)則和直邊選擇模式之間切換。(4)任意變形工具將對(duì)象進(jìn)行任意變形,可以單獨(dú)執(zhí)行某個(gè)變形操作,也可以將移動(dòng)、旋轉(zhuǎn)、縮放、傾斜和扭曲等多個(gè)變形操作組合在一起來執(zhí)行。在舞臺(tái)上選擇圖形對(duì)象、組、實(shí)例或文本塊,單擊【任意變形工具】,在所選內(nèi)容的周圍移動(dòng)指針,指針會(huì)發(fā)生變化,致命哪種變形功能可用。另外,還可以通過工具箱中【任意變形工具】下面的各個(gè)選項(xiàng)進(jìn)行所需操作。如圖6-16圖6-16“任意變形工具”的操作選項(xiàng)注意【任意變形工具】不能變形元件、位圖、視頻對(duì)象、聲音、漸變或文本。如果多項(xiàng)選區(qū)包含以上任意一項(xiàng)
26、,則只能扭曲形狀對(duì)象。要將文本塊變形,首先要將字符轉(zhuǎn)換成形狀對(duì)象。(5)文本工具文本是Flash動(dòng)畫中不可缺少的組成部分,在一些成功的網(wǎng)頁上,經(jīng)常會(huì)看到利用文字制作的特效動(dòng)畫。在Flash中,使用【文本工具】可以創(chuàng)建靜態(tài)文本字段、動(dòng)態(tài)文本字段和輸入文本字段。將文本轉(zhuǎn)換為圖形在Flash中,將文本轉(zhuǎn)換為圖形時(shí)非常重要的,如果要想讓文字也具有動(dòng)感,像處理圖形那樣簡捷方便,必須將文字轉(zhuǎn)換為圖形后,才能制作一些動(dòng)態(tài)效果,例如文字的漸變、淡入、淡出等。選擇要轉(zhuǎn)換的文本,該文本必須是整個(gè)文本框。然后,執(zhí)行【修改】|【分離】命令(快捷鍵Ctrl+B),即可將文本進(jìn)行分離。如果是兩個(gè)或者兩個(gè)以上的字符,則執(zhí)行
27、兩次該操作。但文本被分離后,就變成了圖形。這時(shí)把光標(biāo)放在字母輪廓的邊緣上,就可以看到在鼠標(biāo)指針的右下角出現(xiàn)一個(gè)直角線,單擊并拖動(dòng)鼠標(biāo),字母的形狀將會(huì)發(fā)生變化,這說明文本已經(jīng)轉(zhuǎn)換為圖形。操作練習(xí):繪制空心字、彩虹字、霓虹字。圖6-17文字效果6、應(yīng)用實(shí)例:繪制籃球、籃球架與球場(1)創(chuàng)建影片文檔。新建一個(gè)影片文檔,設(shè)置舞臺(tái)大小尺寸為700480像素,背景顏色為“#0099FF”,保存為“籃球.fla”。(2)繪制籃球。新建“籃球”元件,選擇工具箱中的“橢圓工具”,將“筆觸顏色”設(shè)置為黑色,“筆觸高度”設(shè)置為2,“填充色”設(shè)置為無,在場景中畫一個(gè)圓形。用“線條工具”根據(jù)籃球的紋路畫一條直線,并調(diào)整
28、為弧線,按Ctrl+G組合。用同樣方法根據(jù)透視效果繪制籃球的其他紋路。把整個(gè)籃球組合成一個(gè)群組對(duì)象,完成后的效果如圖6-18所示。6-18繪制完成的籃球?yàn)榛@球填充顏色。在工具箱中選擇“顏料桶工具”,選擇“窗口”|“顏色”命令,打開顏色面板。在“填充樣式”下拉列表框中選擇“放射狀”選項(xiàng),分別將色標(biāo)顏色設(shè)置為白色和紅色。用油漆桶工具單擊要填充的位置給籃球填充顏色。調(diào)整填充色。在工具箱中選擇“漸變變形工具”,單擊填充的色塊,調(diào)整籃球的高光部分,使之更具有立體感和透視效果。再繪制一個(gè)灰色的橢圓作為籃球的陰影,調(diào)整完成后的籃球如圖6-19所示。圖6-19繪制完成的籃球(3)繪制籃球架插入圖形元件,在元件
29、中,將“填充色”設(shè)置為白色到黑色的線性漸變色,選擇“矩形工具”繪制籃球架,使用“漸變變形工具”調(diào)整填充色,完成后的效果如圖6-20所示。6-20籃球架(4)繪制球場。在“場景1”中,用繪圖工具繪制球場的一半。將填充色設(shè)置為藍(lán)色,在“顏色”面板中講Alpha設(shè)置為50%,填充球場,按Ctrl+G組合鍵組合。效果如圖6-21所示。圖6-21繪制球場選擇“編輯”|“復(fù)制”,復(fù)制圖形,再選擇“編輯”|“粘貼到當(dāng)前位置”,將復(fù)制的圖形原位粘貼,選擇“修改”|“變形”|“水平翻轉(zhuǎn)”,再用“箭頭工具”調(diào)整位置并組合。繪制完成后將對(duì)象轉(zhuǎn)換成圖形元件。(5)繪制籃球框。效果如圖6-226-22籃球框(6)創(chuàng)建文
30、字圖形元件。制作中空字。制作中空字實(shí)質(zhì)上就是在描邊字的基礎(chǔ)上將字的填充色刪除。(7)布局場景。引用元件。單擊“編輯場景”按鈕,選擇場景1,轉(zhuǎn)換到主場景編輯環(huán)境。單擊“插入新圖層”按鈕,插入四個(gè)新圖層。分別重新命名圖層。將圖形元件拖入相應(yīng)的圖層中,調(diào)整好大小和位置。調(diào)整球場。雙擊“球場”元件實(shí)例進(jìn)入到“球場”圖形元件編輯環(huán)境中,選擇“漸變變形工具”,將鼠標(biāo)指針移到圖形上方的邊緣處,光標(biāo)變成雙箭頭,拖動(dòng)鼠標(biāo)調(diào)整圖形,使之產(chǎn)生透視效果。課件全部制作完成后的效果參見圖6-23。圖6-23課件運(yùn)行后完整的效果操作練習(xí):利用flash繪圖工具繪制一個(gè)課件界面,效果如圖6-24。圖6-24課件界面6.4.3
31、元件的使用1、認(rèn)識(shí)元件元件是Flash中一種比較獨(dú)特的、可以重復(fù)使用的對(duì)象。在創(chuàng)建電影動(dòng)畫時(shí),利用元件可以更容易地編輯動(dòng)畫及創(chuàng)建復(fù)雜的交互。如果要更改動(dòng)畫中的重復(fù)元素,只需對(duì)該元素所在的那個(gè)元件進(jìn)行更改,F(xiàn)lash就會(huì)更新所有實(shí)例。在Flash中,一共有三種類型的元件,它們的功能如下:圖形元件:該元件可用于創(chuàng)建鏈接到主時(shí)間軸的可重用動(dòng)畫片段。圖形元件與主時(shí)間軸同步運(yùn)行。另外,交互式控件和聲音在圖形元件的動(dòng)畫序列中不起作用。按鈕:該元件用于相應(yīng)鼠標(biāo)單擊、滑過或其他動(dòng)作的交互式按鈕,可以定義與各種狀態(tài)關(guān)聯(lián)的圖形,然后將動(dòng)作指定給按鈕實(shí)例。影片剪輯:該元件用于創(chuàng)建可重用的動(dòng)畫片段。影片剪輯擁有各自獨(dú)
32、立于主時(shí)間軸的多幀時(shí)間軸。用戶可以將多幀時(shí)間軸看作是嵌套在主時(shí)間軸內(nèi),它們可以包含交互式控件、聲音甚至影片剪輯實(shí)例,也可以將影片剪輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi),以創(chuàng)建動(dòng)畫按鈕。此外,可以使用ActionScript對(duì)影片剪輯進(jìn)行改編。2、創(chuàng)建元件在制作動(dòng)畫時(shí),使用元件可以提高編輯動(dòng)畫的效率,使創(chuàng)建復(fù)雜的交互效果變得更加容易。如果想更改動(dòng)畫中的重復(fù)元素,只需要修改元件,F(xiàn)lash將自動(dòng)更新所有應(yīng)用該元件的實(shí)體。要?jiǎng)?chuàng)建元件,可以選擇【插入】|【新建元件】命令)(快捷鍵Ctrl+F8),打開【創(chuàng)建新元件】對(duì)話框,如圖6-25圖6-25【創(chuàng)建新元件】對(duì)話框(1)創(chuàng)建影片剪輯影片剪輯元件就是平時(shí)常說的M
33、C(MovieClip)。通常,可以把舞臺(tái)上任何可以看到的對(duì)象,甚至整個(gè)【時(shí)間軸】內(nèi)容創(chuàng)建為一個(gè)影片剪輯,而且可以將這個(gè)影片剪輯放置到另一個(gè)影片剪輯中,用戶還可以將一段動(dòng)畫(如逐幀動(dòng)畫)轉(zhuǎn)換為影片剪輯元件。在Flash中,創(chuàng)建影片剪輯元件可以通過兩種方式。一種是執(zhí)行【新建元件】命令,打開【創(chuàng)建新元件】對(duì)話框。在【名稱】文本框中輸入元件名稱,在【類型】下拉列表中選擇“影片剪輯”選項(xiàng),即可創(chuàng)建影片剪輯元件。然后進(jìn)入繪圖環(huán)境,用工具箱中的工具來創(chuàng)建內(nèi)容。另一種是選擇相關(guān)對(duì)象,執(zhí)行【修改】|【轉(zhuǎn)換為元件】命令(快捷鍵F8),打開【轉(zhuǎn)換為元件】對(duì)話框,在【名稱】文本框中輸入元件名稱,在【類型】下拉列表中
34、選擇“影片剪輯”選項(xiàng),即可將該對(duì)象轉(zhuǎn)換為影片剪輯元件。(2)創(chuàng)建圖形元件創(chuàng)建圖形元件的對(duì)象可以使導(dǎo)入的位圖圖像、矢量圖像、文本對(duì)象以及用Flash工具創(chuàng)建的線條、色塊等。創(chuàng)建圖形元件的方法與創(chuàng)建影片剪輯的相似,不同是在【創(chuàng)建新元件】或【轉(zhuǎn)換為元件】對(duì)話框中,在【類型】下拉列表中選擇“圖形”選項(xiàng)即可。(3)創(chuàng)建按鈕元件創(chuàng)建按鈕元件,可以再打開的【創(chuàng)建新元件】或【轉(zhuǎn)換為元件】對(duì)話框中,選擇【類型】下拉列表中的“按鈕”選項(xiàng),進(jìn)入按鈕元件的編輯環(huán)境。按鈕元件具有4個(gè)狀態(tài)幀:“彈起”、“指針經(jīng)過”、“按下”和“點(diǎn)擊”,它們各自功能如下:彈起該幀代表指針沒有經(jīng)過按鈕時(shí)該按鈕的狀態(tài)指針經(jīng)過該幀代表黨指針滑過
35、按鈕時(shí),該按鈕的外觀。按下:該幀代表單擊按鈕時(shí),該按鈕的外觀。點(diǎn)擊該幀用于定義響應(yīng)鼠標(biāo)單擊的區(qū)域。此區(qū)域在SWF文件中是不可見的。創(chuàng)建按鈕的過程不同于前兩種元件,在按鈕元件的編輯環(huán)境中,可以使用繪圖工具、導(dǎo)入一副圖形或在舞臺(tái)上放置另一個(gè)元件的實(shí)例,以創(chuàng)建彈起、指針經(jīng)過、按下和點(diǎn)擊等狀態(tài)下的圖形效果。如圖6-26。圖6-26“按下”狀態(tài)下的圖形效果創(chuàng)建好按鈕元件后,將該按鈕元件放置在場景中,執(zhí)行【控制】|【測試影片】命令,即可通過鼠標(biāo)的指向與單擊查看按鈕的不同狀態(tài)效果。注意:可以在按鈕中使用圖形或影片剪輯元件,但不能在按鈕中使用另一個(gè)按鈕。如果要把按鈕制作成動(dòng)畫按鈕,可以使用影片剪輯元件。3、使
36、用元件實(shí)例創(chuàng)建元件后,可以在文檔中的任何位置使用該元件的實(shí)例。當(dāng)修改元件時(shí),F(xiàn)lash會(huì)自動(dòng)更新該元件的所有實(shí)例。在創(chuàng)建了元件實(shí)例后,可以使用【屬性】檢查器來制定顏色效果、動(dòng)作,以及設(shè)置圖形的顯示模式和更改實(shí)例的類型。創(chuàng)建元件實(shí)例通常將一個(gè)元件應(yīng)用到舞臺(tái)時(shí),即創(chuàng)建一個(gè)實(shí)例,在時(shí)間軸上只需一個(gè)關(guān)鍵幀就可以包含元件的所有內(nèi)容,例如按鈕元件實(shí)例、動(dòng)畫片段實(shí)例及靜態(tài)圖片實(shí)例。想要?jiǎng)?chuàng)建元件的實(shí)例,首先在時(shí)間軸上選擇一幀,然后將該元件從【庫】面板中拖動(dòng)到舞臺(tái)上。如果已經(jīng)創(chuàng)建了圖形元件的實(shí)例,可以執(zhí)行【插入】|【時(shí)間軸】|【幀】命令(快捷鍵F5),來添加一定數(shù)量的幀,這些幀將會(huì)包含該圖形元件。在創(chuàng)建元件實(shí)例
37、時(shí),如果想要完全引入動(dòng)態(tài)圖片元件的內(nèi)容,就必須將組件中的幀全部添加到舞臺(tái)的時(shí)間軸上。因而,同樣的內(nèi)容使用影片剪輯實(shí)例要比使用圖形元件實(shí)例占據(jù)的空間小得多。但影片剪輯實(shí)例的內(nèi)容會(huì)在播放動(dòng)畫的同時(shí)不停地循環(huán)播放,而圖形元件的內(nèi)容只會(huì)在時(shí)間軸上播放一次。由此可見,影片剪輯實(shí)例與圖形元件實(shí)例的區(qū)別還是很大的。設(shè)置實(shí)例屬性每個(gè)元件實(shí)例都具有屬于該元件的獨(dú)立屬性??梢愿膶?shí)例的色調(diào)、透明度和亮度,可以重新定義實(shí)例的類型,例如把圖形元件更改為影片剪輯元件,可以設(shè)置動(dòng)畫在圖形元件實(shí)例內(nèi)的播放形式,還可以傾斜、旋轉(zhuǎn)和縮放實(shí)例,這并不會(huì)影響元件。此外,可以給影片剪輯或按鈕實(shí)例命名,這樣就可以使用動(dòng)作腳本更改它的屬
38、性。要編輯實(shí)例的屬性,可以通過【屬性】檢查器,實(shí)例的屬性主要用它來保存,如圖6-27所示。如果編輯元件或?qū)?shí)例重新鏈接到不同的元件,則任何已經(jīng)改變的實(shí)例屬性任然適用于該實(shí)例。6-27實(shí)例的“實(shí)例“檢查器通過該【屬性】檢查器,主要可以設(shè)置的屬性選項(xiàng)包括改變實(shí)例的元件類型、給實(shí)例制定自定義名稱、為實(shí)例制定新的元件、設(shè)置圖形實(shí)例的動(dòng)畫、改變實(shí)例的顏色和透明度、使用混合模式改變實(shí)例顏色。分離實(shí)例如果要斷開實(shí)例與元件之間的鏈接,并把實(shí)例放入未組合形狀和線條的集合中,可以分離該實(shí)例。這對(duì)于充分地改變實(shí)例而不影響任何其他實(shí)例非常有用。如果在分離實(shí)例之后,修改該元件,則不會(huì)將所做的更改來更新該實(shí)例。選擇舞臺(tái)上
39、要分離的實(shí)例,執(zhí)行【修改】|【分離】命令(快捷鍵Ctrl+B),這樣就會(huì)把實(shí)例分離成幾個(gè)組件圖形元素。4、使用庫每個(gè)Flash文檔都有用于存放動(dòng)畫元素的庫,可以存放元件、位圖、聲音以及視頻文件等。利用【庫】可以方便地查看和組織這些內(nèi)容。例如,選擇【庫】中的一個(gè)文件項(xiàng)目時(shí),在【庫】頂部的預(yù)覽框中可以預(yù)覽該元件的內(nèi)容。如果所選擇項(xiàng)目為動(dòng)畫、聲音或者視頻文件,預(yù)覽框中將出現(xiàn)控制按鈕,可以單擊播放按鈕預(yù)覽。打開【庫】面板的快捷鍵為F11,重復(fù)按F11鍵可以快速切換【庫】面板的【打開】和【關(guān)閉】狀態(tài)。(1)使用公用庫在Flash中,執(zhí)行【窗口】|【公用庫】命令下的子菜單,選擇其中之一,將會(huì)彈出一個(gè)相應(yīng)的
40、【公共庫】面板。FlashCS4提供了3種類型的“公用庫”,在打開的每一個(gè)【公用庫】面板中,都包含有幾十個(gè)文件夾,進(jìn)入文件夾中可以看到幾十個(gè)常用的元件。該面板與【庫】面板完全一樣,用戶可以從【公共元件庫】中把元件拖入當(dāng)前文檔或【庫】面板內(nèi),相當(dāng)方便。(2)共享元件庫在Flash中,共享元件庫就是一個(gè)可以為任何Flash文檔使用的庫,即該庫中的元件資源可以被多個(gè)Flash文檔重復(fù)使用。它與元件庫的區(qū)別是:元件庫只供該庫中存在的Flash文檔使用,不是共享的。6、應(yīng)用實(shí)例:動(dòng)態(tài)響應(yīng)按鈕-Flash超酷按鈕本例將制作一個(gè)比較簡單的圓形按鈕。此按鈕有明顯的輪廓線。當(dāng)鼠標(biāo)移動(dòng)到上面時(shí)顏色發(fā)生變化,明暗也
41、不斷地發(fā)生變化并且出現(xiàn)文字。當(dāng)鼠標(biāo)單擊時(shí)文字旋轉(zhuǎn)一個(gè)角度。(1)新建一個(gè)Flash文檔。單擊菜單【插入】|【新建元件】命令,新建一個(gè)按鈕元件。進(jìn)入按鈕編輯狀態(tài)。(2)用鼠標(biāo)單擊按鈕編輯界面中“彈起”狀態(tài)對(duì)應(yīng)的幀,單擊工具箱上“形狀工具”中的畫圓工具,選擇圓形邊線顏色為藍(lán)色,直線筆觸高度為8.0,默認(rèn)為實(shí)線。在顏色面板中選擇圓內(nèi)部顏色為由內(nèi)向外的黃紅色漸變的放射樣式的顏色,這樣按鈕就有了立體感。6-28顏色面板設(shè)置(3)在工作區(qū)中畫圓,畫圓的同時(shí)按住Shift鍵,畫出標(biāo)準(zhǔn)圓形。用“選擇工具”雙擊圓內(nèi)部將整個(gè)圓形選上,選擇菜單“編輯”|“復(fù)制”命令。(4)下面制作鼠標(biāo)放到按鈕上時(shí)的動(dòng)畫效果。單擊菜
42、單“插入”|“新建元件”命令,新建名稱為“動(dòng)畫”的影片剪輯元件,進(jìn)入影片剪輯元件編輯狀態(tài)。(5)選擇“編輯”|“粘貼到原位置”,單擊時(shí)間線上的第5幀,然后按F6鍵插入關(guān)鍵幀。以同樣方法在時(shí)間線上的第9幀插入關(guān)鍵幀。(6)單擊第5幀,回到第5幀的編輯狀態(tài)。選擇工具箱上的墨水瓶工具,選擇一種較淺的藍(lán)色,給圓的邊線添加顏色。(7)選擇工具箱中的顏料桶工具,在顏色面板中將填充顏色調(diào)為由內(nèi)向外放射狀的綠黃漸變的樣式,然后單擊圓形。(8)在第1幀和第5幀分別單擊右鍵,在右鍵菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令,創(chuàng)建動(dòng)畫。(9)單擊時(shí)間線右上角的按鈕,在彈出的菜單中選中按鈕元件,返回到按鈕元件的編輯狀態(tài),如圖6-
43、29。單擊指針對(duì)應(yīng)的空白區(qū)域,按F7鍵插入空白關(guān)鍵幀。再選中菜單“窗口”|“庫”命令,把剛才做的名稱為“動(dòng)畫”的影片剪輯元件拖入舞臺(tái)中。調(diào)整其位置,與“彈起”狀態(tài)下的圓的位置相同。圖6-29編輯元件按鈕(10)選取工具箱里的文字工具,然后單擊一下舞臺(tái)里的圓的中央,寫上一個(gè)“酷”字,效果如圖6-306-30按鈕效果(11)單擊“按下”下面的空白區(qū)域,按F6鍵插入一個(gè)關(guān)鍵幀,利用工具箱中的任意變形工具,將文字“酷”旋轉(zhuǎn)一個(gè)角度。(12)單擊編輯場景按鈕下拉菜單中的場景1回到主舞臺(tái),打開庫面板,將按鈕元件拖到舞臺(tái)適當(dāng)位置。按Ctrl+Enter鍵觀察效果。6.4.4創(chuàng)建普通動(dòng)畫1.認(rèn)識(shí)動(dòng)畫動(dòng)畫是利用
44、人的“視覺惰性”的特性,連續(xù)播放一系列畫面,給視覺造成連續(xù)變化的圖畫。它的基本原理與電影、電視一樣,都是利用了視覺原理。傳統(tǒng)動(dòng)畫片是通過畫筆畫出一張張圖像,并將具有細(xì)微變化的連續(xù)圖像,經(jīng)過攝影機(jī)或者攝像機(jī)進(jìn)行拍攝,然后以每秒24格的速度連續(xù)播放。此時(shí),靜止的畫面就在銀幕上活動(dòng)起來;計(jì)算機(jī)動(dòng)畫的原理與傳統(tǒng)動(dòng)畫基本相同,只是在傳統(tǒng)動(dòng)畫的基礎(chǔ)上將計(jì)算機(jī)技術(shù)用于動(dòng)畫的處理和應(yīng)用,采用數(shù)字處理方式,動(dòng)畫的運(yùn)動(dòng)效果、畫面色調(diào)、紋理、光影效果等可以不斷改變,達(dá)到傳統(tǒng)動(dòng)畫無法實(shí)現(xiàn)的效果。Flash是一種交互式動(dòng)畫設(shè)計(jì)工具,可以將音樂、聲效、動(dòng)畫以及富有新意的界面融合在一起,以制作出高品質(zhì)的動(dòng)畫效果。2.使用幀
45、幀是形成動(dòng)畫的基本時(shí)間單位。制作動(dòng)畫其實(shí)就是改變連續(xù)幀的內(nèi)容的過程,它顯示在時(shí)間軸中,不同的幀對(duì)應(yīng)不同的時(shí)刻,畫面隨著時(shí)間的推移逐個(gè)出現(xiàn),就形成了動(dòng)畫。在逐幀動(dòng)畫中,需要在每一幀上創(chuàng)建一個(gè)不同的畫面,連續(xù)的幀組合成連續(xù)變化的畫面;而補(bǔ)間動(dòng)畫只需要確定動(dòng)畫起始幀和結(jié)束幀的畫面,中間部分的動(dòng)畫內(nèi)容則由Flash自動(dòng)生成。(1)關(guān)鍵幀制作動(dòng)畫過程中,在某一時(shí)刻需要定義對(duì)象的某種新狀態(tài),這個(gè)時(shí)刻所對(duì)應(yīng)的幀稱為關(guān)鍵幀。關(guān)鍵幀是變化的關(guān)鍵點(diǎn),如補(bǔ)間動(dòng)畫的起始幀和結(jié)束幀以及逐幀動(dòng)畫的每一幀都是關(guān)鍵幀。關(guān)鍵幀是特殊的幀,補(bǔ)間動(dòng)畫在動(dòng)畫的重要時(shí)間點(diǎn)上創(chuàng)建關(guān)鍵幀,再由Flash創(chuàng)建關(guān)鍵幀之間的內(nèi)容。實(shí)心圓點(diǎn)表示有
46、內(nèi)容的關(guān)鍵幀,即實(shí)關(guān)鍵幀;空心圓點(diǎn)表示無內(nèi)容的關(guān)鍵幀,即空白關(guān)鍵幀??梢栽诳瞻钻P(guān)鍵幀上創(chuàng)建內(nèi)容,一旦創(chuàng)建了內(nèi)容,則空白關(guān)鍵幀將轉(zhuǎn)變?yōu)閷?shí)關(guān)鍵幀。(2)普通幀普通幀也成為靜態(tài)幀,在時(shí)間軸中顯示為一個(gè)矩形單元格。無內(nèi)容的普通幀顯示為空白單元格,有內(nèi)容的普通幀顯示出一定的顏色。例如,實(shí)關(guān)鍵幀后面的普通幀顯示為灰色。在實(shí)關(guān)鍵幀后面插入普通幀,則所有的普通幀將繼承該關(guān)鍵幀中的內(nèi)容。也就是說,后面的普通幀與關(guān)鍵幀中的內(nèi)容相同。(3)過渡幀過渡幀實(shí)際上也是普通幀,它包括了許多幀,但其中至少要有兩個(gè)幀:起始關(guān)鍵幀和結(jié)束關(guān)鍵幀。圖6-31幀的類型3.創(chuàng)建逐幀動(dòng)畫創(chuàng)建逐幀動(dòng)畫有兩種方法,一種是通過在時(shí)間軸中更改連續(xù)
47、幀的內(nèi)容創(chuàng)建,需要用戶親自制作;另一種是通過導(dǎo)入如想序列來完成,該方法只是導(dǎo)入不容內(nèi)容的連貫性圖像,用戶需要準(zhǔn)備、收集相關(guān)的素材。(1)創(chuàng)建逐幀動(dòng)畫下面通過制作倒計(jì)時(shí)動(dòng)畫,來介紹逐幀動(dòng)畫的創(chuàng)建方法。新建空白文檔,將舞臺(tái)大小設(shè)置為寬280px,高400px,背景色設(shè)為藍(lán)色。選擇文字工具,將字體設(shè)置為220,粗體,將文字顏色設(shè)置為紅色。在舞臺(tái)中央輸入數(shù)字0,單擊時(shí)間線上的第2幀,再執(zhí)行【插入】|【時(shí)間軸】|【關(guān)鍵幀】命令插入關(guān)鍵幀(也可以直接按F6插入關(guān)鍵幀),用同樣的方法在第310幀插入關(guān)鍵幀。單擊第2幀,然后單擊文字工具,再單擊數(shù)字,將此時(shí)的數(shù)字0改為1.同樣方法將第310幀的數(shù)字改為2、3、
48、4、5、6、7、8、9。完成后,執(zhí)行【控制】|【測試影片】命令瀏覽影片效果。(2)通過序列圖像制作逐幀動(dòng)畫創(chuàng)建逐幀動(dòng)畫也可以使用較為簡單的方法。如果素材圖像的名稱是以序列的形式命名的,那么Flash在導(dǎo)入圖像時(shí)可以根據(jù)圖像的序列依次將其放置在連續(xù)的幀中,如果這些圖像時(shí)一系列連貫性畫面,那么可以看到連續(xù)的逐幀動(dòng)畫。執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令,打開【導(dǎo)入】對(duì)話框,然后再該對(duì)話框中選擇001.png素材圖像,如圖6-32所示。6-32圖像序列逐幀動(dòng)畫單擊打開按鈕后,即會(huì)彈出一個(gè)對(duì)話框,詢問是否導(dǎo)入序列中。單擊【是】按鈕,flash將把同序列的所有素材圖像導(dǎo)入到舞臺(tái)。測試影片,即可看到
49、連續(xù)的逐幀動(dòng)畫。(3)分散對(duì)象到圖層要分散的對(duì)象可以使在一個(gè)或者多個(gè)圖層中,F(xiàn)lash會(huì)將分散的每一個(gè)對(duì)象放置在各個(gè)新圖層中,任何沒有選中的對(duì)象(包括其他幀中的對(duì)象)都保留在原始位置。在分離的操作過程中,文本中的字符放在獨(dú)立的文本塊中,而分散到圖層后,每一個(gè)文本塊放置在不同的新圖層上面,方法是,選擇要分散的對(duì)象,執(zhí)行【修改】|【時(shí)間軸】|【分散到圖層】命令,即可將文本塊分散到各個(gè)新圖上,如圖6-33所示。6-33將文本對(duì)象分散到不同的層中4、創(chuàng)建補(bǔ)間動(dòng)畫補(bǔ)間動(dòng)畫不同于逐幀動(dòng)畫,它只需要定義動(dòng)畫的起始和結(jié)束兩個(gè)關(guān)鍵幀內(nèi)容,而這兩個(gè)關(guān)鍵幀之間的過渡幀則由Flash自動(dòng)創(chuàng)建。其中,補(bǔ)間動(dòng)作使元件產(chǎn)生
50、位移、縮放、旋轉(zhuǎn)和3D變換等運(yùn)動(dòng);補(bǔ)間形狀使圖形形狀發(fā)生變化,一個(gè)圖形可以變成另一個(gè)圖形。(1)創(chuàng)建補(bǔ)間形狀動(dòng)畫補(bǔ)間形狀動(dòng)畫時(shí)再時(shí)間軸中創(chuàng)建兩個(gè)不同形狀對(duì)象之間的變化的過程。例如,在時(shí)間軸的某一關(guān)鍵幀上繪制一個(gè)形狀對(duì)象,在另一關(guān)鍵幀中改變該形狀或者繪制另一個(gè)新的形狀對(duì)象。然后,F(xiàn)lash將自動(dòng)在這兩幀之間的幀上插入中間形狀,從而創(chuàng)建一個(gè)形狀到另一個(gè)形狀的變形動(dòng)畫。創(chuàng)建補(bǔ)間形狀補(bǔ)間形狀就是變形,可以是位置、尺寸和顏色的變化,但更主要的是形狀的改變。補(bǔ)間形狀的對(duì)象時(shí)分離的可編輯性,可以是同一圖層上的多個(gè)圖形,也可以使單個(gè)圖形。但一般來說,要讓多個(gè)對(duì)象同時(shí)變形時(shí),將它們放置在不同的圖層上面分別變形比
51、放置在同一個(gè)圖層上進(jìn)行變形效果要好得多。如果實(shí)例、組合、文本塊或位圖需要進(jìn)行補(bǔ)間形狀,必須首先執(zhí)行【修改】|【分離】命令,將其打散,使之變成分離的圖形,然后才能進(jìn)行變形。下面通過一個(gè)簡單實(shí)例來說明制作補(bǔ)間形狀動(dòng)畫的具體操作步驟。首先新建文檔,選擇“圖層1”的第1幀作為補(bǔ)間形狀動(dòng)畫的起始關(guān)鍵幀。選擇【多角星形工具】,禁用【筆觸顏色】,在舞臺(tái)中繪制一個(gè)五邊形。選擇第30幀并右擊,執(zhí)行【插入空白關(guān)鍵幀】命令,使用【多角星形工具】繪制一個(gè)五角星。右擊這兩關(guān)鍵幀之間的任意一幀,在彈出的菜單中執(zhí)行【創(chuàng)建補(bǔ)間形狀】命令,即可將普通幀轉(zhuǎn)換為補(bǔ)間形狀幀。創(chuàng)建完成后,執(zhí)行【控制】|【測試影片】命令即可瀏覽影片效果
52、。圖6-34繪制五邊形圖6-35繪制五角星圖6-36建立補(bǔ)間形狀動(dòng)畫設(shè)置補(bǔ)間形狀屬性FlashCS4不僅允許用戶制作補(bǔ)間形狀動(dòng)畫,還支持設(shè)置補(bǔ)間形狀的“緩動(dòng)”和“混合”等屬性。補(bǔ)間形狀的緩動(dòng)與傳統(tǒng)補(bǔ)間動(dòng)畫的緩動(dòng)類似,都是通過改變動(dòng)畫補(bǔ)間的變化速度,制作出特殊的視覺效果。在Flash中選擇補(bǔ)間形狀所在的幀,然后再【屬性】檢查器的【緩動(dòng)】文本框中輸入數(shù)值,即可更改動(dòng)畫的緩動(dòng)效果。(2)使用形狀提示補(bǔ)間形狀動(dòng)畫的變形過渡是隨機(jī)的,而使用形狀提示可以控制圖形間對(duì)應(yīng)部位的變形,即讓一個(gè)圖形上的某一點(diǎn)變換到另一個(gè)圖形上的某一點(diǎn),使得對(duì)象之間的變形過渡具有一定的規(guī)律。形狀提示包含從a到z的字母(最多可以使用
53、26個(gè)字母),用于標(biāo)識(shí)起始形狀和結(jié)束形狀中相對(duì)應(yīng)的點(diǎn)。起始關(guān)鍵幀中的形狀提示為黃色,結(jié)束關(guān)鍵幀中的形狀提示為綠色,當(dāng)不在一條曲線上時(shí)為紅色。下面通過實(shí)例“閃光的蠟燭”來說明添加形狀提示制作補(bǔ)間形狀動(dòng)畫的方法。首先在起始幀繪制蠟燭和火焰,注意火焰要單獨(dú)放在一個(gè)圖層中,在火焰圖層第10、20、30、40幀處插入關(guān)鍵幀。如圖6-37圖6-37插入關(guān)鍵幀在第10、30幀中,分別將蠟燭火焰頭向左、向右拖動(dòng)一定位置,并在各關(guān)鍵幀之間創(chuàng)建補(bǔ)間形狀動(dòng)畫,如圖6-386-38設(shè)置補(bǔ)間形狀動(dòng)畫測試影片觀察效果,發(fā)現(xiàn)蠟燭在閃爍過程中,向右閃動(dòng)(第20幀到第40幀)發(fā)生翻轉(zhuǎn)現(xiàn)象,無法正常閃爍。需要增加形狀提示控制圖形
54、間對(duì)應(yīng)部位的變形。選中第20幀,執(zhí)行【修改】|【形狀】|【添加形狀提示】命令,添加形狀提示,第20幀的圖形上出現(xiàn)一個(gè)寫著字母a的紅色形狀提示,然后,將形狀提示拖放到一個(gè)火焰頭的位置。選擇第30幀,同樣圖形上出現(xiàn)紅色的形狀提示a,將它移動(dòng)到a點(diǎn)變形的目標(biāo)位置。根據(jù)以上步驟,再添加更多的形狀提示,并調(diào)整它們的位置,如圖6-39。圖6-39在第20幀和第30幀的位置添加形狀提示點(diǎn)用同樣的方法在第30幀和第40幀處添加形狀提示,并調(diào)整它們的位置。測試影片,觀察蠟燭的閃爍效果。(3)創(chuàng)建補(bǔ)間動(dòng)作動(dòng)畫FlashCS4支持兩種不同類型的補(bǔ)間以創(chuàng)建動(dòng)畫:一種是傳統(tǒng)補(bǔ)間(包括早期版本中Flash創(chuàng)建的所有補(bǔ)間)
55、,其創(chuàng)建方法與原來相比沒有改變;另一種是補(bǔ)間動(dòng)畫,其功能強(qiáng)大且創(chuàng)建簡單,可以對(duì)補(bǔ)間的動(dòng)畫進(jìn)行最大程度的控制。補(bǔ)間動(dòng)畫時(shí)一個(gè)幀到另一個(gè)幀之間對(duì)象變化的一個(gè)過程,在創(chuàng)建補(bǔ)間動(dòng)畫時(shí),可以在不同關(guān)鍵幀的位置設(shè)置對(duì)象的屬性,如位置、大小、顏色、角度、alpha透明度等。編輯補(bǔ)間動(dòng)畫后,F(xiàn)lash將會(huì)自動(dòng)計(jì)算這兩個(gè)關(guān)鍵幀之間屬性的變化值,并改變對(duì)象的外觀效果,使其形成連續(xù)運(yùn)動(dòng)或變形的動(dòng)畫效果。創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫FlashCS4將之前各版本Flash軟件創(chuàng)建的補(bǔ)間動(dòng)畫稱作傳統(tǒng)補(bǔ)間動(dòng)畫,即面向?qū)ο筮\(yùn)動(dòng)的補(bǔ)間動(dòng)畫。創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫,使用的仍然是基于FlashCS3的補(bǔ)間動(dòng)畫創(chuàng)建方式,傳統(tǒng)補(bǔ)間動(dòng)畫并非基于某一個(gè)元件
56、,而是基于某個(gè)圖層中的所有內(nèi)容。新建文檔,在舞臺(tái)中繪制對(duì)象或?qū)胨夭?,并將其轉(zhuǎn)換為影片剪輯元件。在舞臺(tái)中導(dǎo)入一個(gè)卡通七星瓢蟲,放在舞臺(tái)左下側(cè),并轉(zhuǎn)換為“七星瓢蟲”影片剪輯元件。右擊第30幀,在彈出的菜單中執(zhí)行【插入關(guān)鍵幀】命令,插入關(guān)鍵幀,該幀作為補(bǔ)間動(dòng)畫的結(jié)束關(guān)鍵幀。然后將“蝸?!币苿?dòng)到舞臺(tái)右上側(cè)。右擊起始和結(jié)束關(guān)鍵幀之間的任意一幀,在彈出菜單中執(zhí)行【創(chuàng)建傳統(tǒng)補(bǔ)間】命令,創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。最后按Ctrl+Enter鍵,可以看到“七星瓢蟲”從舞臺(tái)左下側(cè)向右上側(cè)爬行。如圖6-40所示。圖6-40創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫設(shè)置傳統(tǒng)補(bǔ)間屬性選擇起始和結(jié)束關(guān)鍵幀之間的任意一幀,將顯示屬性檢查器,可以設(shè)置補(bǔ)間動(dòng)畫
57、的減速方式、對(duì)象是否旋轉(zhuǎn)以及支持沿路徑運(yùn)作等屬性。FlashCS4在補(bǔ)間動(dòng)畫方面進(jìn)行了非常大的改變,使用戶可以用更加簡便的方式創(chuàng)建和編輯豐富的動(dòng)畫,同時(shí),還允許用戶以可視化的方式編輯動(dòng)畫。補(bǔ)間動(dòng)畫以元件對(duì)象為核心,一切補(bǔ)間的動(dòng)作都是基于元件的。因此,在創(chuàng)建補(bǔ)間動(dòng)畫前,首先創(chuàng)建元件,作為起始關(guān)鍵幀中的內(nèi)容,右擊第一幀,在彈出的菜單中執(zhí)行【創(chuàng)建補(bǔ)間動(dòng)畫】命令,此時(shí),F(xiàn)lash將包含補(bǔ)間對(duì)象的圖層轉(zhuǎn)換為補(bǔ)間圖層,并在該圖層中創(chuàng)建補(bǔ)間范圍,如圖6-41所示。圖6-41創(chuàng)建補(bǔ)間動(dòng)畫圖6-42插入屬性關(guān)鍵幀右擊補(bǔ)間范圍內(nèi)的最后一幀,執(zhí)行【插入關(guān)鍵幀】|位置命令,即會(huì)在補(bǔ)間范圍內(nèi)插入一個(gè)棱形的屬性關(guān)鍵幀。然
58、后,將對(duì)象拖動(dòng)至舞臺(tái)的右側(cè),并顯示補(bǔ)間動(dòng)畫的運(yùn)動(dòng)路徑。如圖6-42所示。最后按Ctrl+Enter鍵,即可瀏覽“卡通人物”從右邊跑到左邊的動(dòng)畫。在補(bǔ)間范圍內(nèi),用戶可以為動(dòng)畫定義一個(gè)或多個(gè)屬性關(guān)鍵幀,而每個(gè)屬性關(guān)鍵幀可以設(shè)置不同屬性值,并顯示不同的動(dòng)畫效果。調(diào)整補(bǔ)間動(dòng)畫路徑使用【選擇】、【轉(zhuǎn)換錨點(diǎn)】、【刪除錨點(diǎn)】和【任意變形】等工具,都可以編輯舞臺(tái)上的補(bǔ)間動(dòng)畫運(yùn)動(dòng)路徑。比如,單擊【選擇工具】按鈕,將光標(biāo)移動(dòng)至運(yùn)動(dòng)路徑上并單擊鼠標(biāo)左鍵將其向上拖動(dòng),即可改變畫中“卡通人物”的運(yùn)動(dòng)路徑。如圖6-43所示。圖6-43設(shè)置運(yùn)動(dòng)路徑(4)使用動(dòng)畫預(yù)設(shè)動(dòng)畫預(yù)設(shè)是預(yù)配置的補(bǔ)間動(dòng)畫,可以將它們應(yīng)用于舞臺(tái)上的對(duì)象。
59、只需選擇對(duì)象并單擊【動(dòng)畫預(yù)設(shè)】面板中的【應(yīng)用】按鈕即可。瀏覽動(dòng)畫預(yù)設(shè)Flash提供的每個(gè)動(dòng)畫預(yù)設(shè)都可以在【動(dòng)畫預(yù)設(shè)】面板中查看其預(yù)覽。這樣,可以了解在將動(dòng)畫應(yīng)用于FLA文件中的對(duì)象時(shí)所獲得的效果。執(zhí)行【窗口】|【動(dòng)畫預(yù)設(shè)】命令,打開【動(dòng)畫預(yù)設(shè)】面板。然后,從該面板的列表中選擇一個(gè)動(dòng)畫預(yù)設(shè),即可在面板頂部的【預(yù)覽】窗格中播放。應(yīng)用動(dòng)畫預(yù)設(shè)在舞臺(tái)上選擇了可補(bǔ)間的對(duì)象(元件實(shí)例或文本字段)后,可單擊【動(dòng)畫預(yù)設(shè)】面板中的【應(yīng)用】按鈕來應(yīng)用預(yù)設(shè)。每個(gè)對(duì)象只能應(yīng)用一個(gè)預(yù)設(shè),如果將第二個(gè)預(yù)設(shè)應(yīng)用于相同的對(duì)象,則第二個(gè)預(yù)設(shè)將替換第一個(gè)預(yù)設(shè)。在舞臺(tái)上選擇一個(gè)可補(bǔ)間的對(duì)象。如果將動(dòng)畫預(yù)設(shè)應(yīng)用于無法補(bǔ)間的對(duì)象,則會(huì)
60、顯示一個(gè)對(duì)話框,允許將該對(duì)象轉(zhuǎn)換為元件。在【動(dòng)畫預(yù)設(shè)】面板中選擇一個(gè)預(yù)設(shè),然后單擊面板中的【應(yīng)用】按鈕,或從面板菜單中執(zhí)行【在當(dāng)前位置應(yīng)用】命令,即可將該動(dòng)畫預(yù)設(shè)應(yīng)用到舞臺(tái)中的元件實(shí)例。如圖6-44所示。圖6-44應(yīng)用動(dòng)畫預(yù)設(shè)5、創(chuàng)建遮罩動(dòng)畫遮罩動(dòng)畫是一種特殊的Flash動(dòng)畫類型。在制作遮罩動(dòng)畫時(shí),需要在動(dòng)畫圖層上創(chuàng)建一個(gè)遮罩層,然后在遮罩層中繪制各種矢量圖形,并保證為分離狀態(tài)。當(dāng)播放動(dòng)畫時(shí),只有被遮罩層遮住的內(nèi)容才會(huì)顯示,而其他部分將被隱藏起來。遮罩層本身在動(dòng)畫中是不可見的。(1)創(chuàng)建遮罩層使用Flash制作遮罩動(dòng)畫,首先要?jiǎng)?chuàng)建遮罩層,并繪制一個(gè)用于遮罩的圖形。下面以制作“探照燈效果”為例來
溫馨提示
- 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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 培訓(xùn)行業(yè)品牌推廣策略計(jì)劃
- 2024年西安市臨潼區(qū)人民醫(yī)院招聘筆試真題
- 金融行業(yè)保安工作的綜合分析與建議計(jì)劃
- 深度剖析前后端分離架構(gòu)試題及答案
- 數(shù)據(jù)分析在倉庫中的應(yīng)用計(jì)劃
- 2024年湖南省數(shù)據(jù)局遴選公務(wù)員筆試真題
- 2025年軟件設(shè)計(jì)師進(jìn)階試題及答案工具
- 個(gè)人能力評(píng)估與提升的月度方案計(jì)劃
- 2025年軟考設(shè)計(jì)師重點(diǎn)試題及答案
- 2025軟件設(shè)計(jì)師考試核心試題及答案
- 住家護(hù)工聘用合同協(xié)議書
- 平面向量的基本定理(說課)
- 人教版PEP英語3-6年級(jí)全部單詞默寫表格以及背誦版本
- 2024年新課標(biāo)高考化學(xué)真題試題(原卷版+含解析)
- 《一起長大的玩具》整本書閱讀(教學(xué)設(shè)計(jì))統(tǒng)編版語文二年級(jí)下冊
- 2024公需科目:數(shù)字經(jīng)濟(jì)與創(chuàng)新驅(qū)動(dòng)發(fā)展題庫
- 汽車租賃價(jià)格動(dòng)態(tài)調(diào)整策略研究
- 湖北省武漢市江漢區(qū)2023-2024學(xué)年七年級(jí)下學(xué)期期末數(shù)學(xué)試題
- 專題04語法填空
- DZ∕T 0270-2014 地下水監(jiān)測井建設(shè)規(guī)范
- (高清版)JTGT 3365-02-2020 公路涵洞設(shè)計(jì)規(guī)范
評(píng)論
0/150
提交評(píng)論