【正文】
—遮罩圖層動(dòng)畫(huà)(2學(xué)時(shí))理解遮罩圖層的概念;學(xué)會(huì)用遮罩圖層創(chuàng)建圖層特效動(dòng)畫(huà);深入掌握創(chuàng)建和使用影片剪輯元件的方法??己伺c成績(jī)記載 考核的方式及成績(jī)的評(píng)定該課程是實(shí)踐性很強(qiáng)的計(jì)算機(jī)類(lèi)課程,不適于筆試考試方式,常規(guī)的(期末成績(jī))考核方式是“綜合設(shè)計(jì)”(參照NIT考試)。l 統(tǒng)一機(jī)考,即現(xiàn)場(chǎng)制作,即時(shí)提交。例如:“分形頻道”網(wǎng)站標(biāo)志動(dòng)畫(huà)、“青春鐫語(yǔ)”網(wǎng)站首頁(yè)動(dòng)畫(huà)、公司廣告、Flash版MTV。學(xué)生可按以下標(biāo)準(zhǔn)完成本次綜合設(shè)計(jì)。Flash與當(dāng)今最流行的網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver配合默契,F(xiàn)lash動(dòng)畫(huà)可以直接潛入由Dreamweaver制作的網(wǎng)頁(yè)的任意位置,非常方便?!白钚^(qū)域”:當(dāng)分配顏色給像素時(shí),通過(guò)該選項(xiàng)設(shè)置周邊像素?cái)?shù)目。參數(shù)設(shè)置不同,轉(zhuǎn)換后的效果不同。一、創(chuàng)建空白文檔,將素材導(dǎo)入舞臺(tái);二、執(zhí)行“修改”/“位圖”/“轉(zhuǎn)換位圖為矢量圖”命令,發(fā)現(xiàn)對(duì)象選中的顯示方式有所變化(呈現(xiàn)出散點(diǎn)狀);三、在舞臺(tái)外部區(qū)域單擊取消對(duì)象的選擇,發(fā)現(xiàn)位圖變成矢量圖形,位圖圖像中的一些小細(xì)節(jié)被刪除。實(shí)例二將舞臺(tái)物件轉(zhuǎn)換為圖形元件 實(shí)例三設(shè)置實(shí)例的屬性濾鏡功能從Flash8開(kāi)始添加了濾鏡功能(窗口/屬性/濾鏡),該功能可以制作出許多意想不到的效果。對(duì)象每添加一個(gè)新的濾鏡,在屬性檢查器中,就會(huì)將其添加到該對(duì)象所應(yīng)用的濾鏡列表中。按鈕動(dòng)畫(huà)中只有4幀,分別為“彈起”、“指針經(jīng)過(guò)”、“按下”與“點(diǎn)擊”,每一幀都有其自身的功能。按F4鍵可以將窗口中的各種面板暫時(shí)隱藏,使工作區(qū)范圍擴(kuò)大,從而方便編輯和查看;再次按下F4鍵可恢復(fù)操作面板顯示。時(shí)間軸用于組織動(dòng)畫(huà)各幀的內(nèi)容,并且可以控制動(dòng)畫(huà)每幀每層顯示的內(nèi)容,還可以顯示動(dòng)畫(huà)播放的速率等信息。當(dāng)舞臺(tái)被放大后,可能無(wú)法看到整個(gè)舞臺(tái),利用工具箱中的“手形”工具移動(dòng)舞臺(tái)查看視圖,也可以通過(guò)更改縮放比率查看完整的視圖(視圖/縮放比率)。當(dāng)創(chuàng)建空白Flash文件后,文檔屬性是默認(rèn)的。實(shí)例六創(chuàng)建文件,并設(shè)置參數(shù)創(chuàng)建常規(guī)空白動(dòng)畫(huà)文件,設(shè)置其中的寬度為500像素,高度為300像素,幀頻為24fps,背景顏色為綠色00ccff。二、由于該模板文檔是一個(gè)完整的動(dòng)畫(huà),所以保存后即可預(yù)覽效果(“控制/ 測(cè)試影片”,Ctrl+Enter)。Flash中一個(gè)完整的動(dòng)畫(huà)文件包括兩種格式的文件,一個(gè)是源文件,格式為fla,另一個(gè)是瀏覽文件,格式為swf。就如同戲劇演出一樣,因?yàn)樾枰鼡Q背景或時(shí)間,所以要將一整出戲分成一段段、一節(jié)節(jié)。在默認(rèn)情況下,F(xiàn)lash中只有一個(gè)場(chǎng)景。實(shí)訓(xùn)八四季的故事四幅圖像相互交替顯示的動(dòng)畫(huà)。創(chuàng)建一個(gè)常規(guī)的Flash動(dòng)畫(huà)文件,默認(rèn)名稱(chēng)為()。按鈕動(dòng)畫(huà)有4幀,分別是“彈起”、“指針經(jīng)過(guò)”、“按下”與“點(diǎn)擊”。Flash提供了許多實(shí)用的圖形繪制工具,學(xué)習(xí)這些工具的使用方法是全面學(xué)習(xí)Flash的基礎(chǔ)?!肮ぞ呦洹狈譃椤肮ぞ摺?、“查看”、“顏色”和“選項(xiàng)”4個(gè)區(qū),每個(gè)工具區(qū)中,包含多個(gè)操作工具,通過(guò)工具箱中的工具,可以在Flash場(chǎng)景中繪制出各種動(dòng)畫(huà)對(duì)象,并且還可以對(duì)它們進(jìn)行編輯和修改。標(biāo)尺和輔助線(xiàn)在舞臺(tái)上要想精確地創(chuàng)建圖形的起始點(diǎn)或者是圖形的尺寸,可以在舞臺(tái)中打開(kāi)標(biāo)尺(執(zhí)行“視圖”/“標(biāo)尺”命令,可以顯示或隱藏標(biāo)尺,標(biāo)尺鑲嵌在舞臺(tái)左側(cè)、上側(cè)),并且通過(guò)標(biāo)尺拖出輔助線(xiàn)(顯示標(biāo)尺后,使用“選擇”工具,可以從標(biāo)尺上拖曳出“輔助線(xiàn)”),這是一種非??旖莸姆椒?。利用Flash提供的文本工具可以輸入“靜態(tài)文本”、“動(dòng)態(tài)文本”和“輸入文本”?!皹?biāo)簽文本框”與“區(qū)塊文本框”是可以相互轉(zhuǎn)換的。將文本轉(zhuǎn)換為圖形的方法是:首先選中要轉(zhuǎn)換的文本,該文本必須是整個(gè)文本框,然后執(zhí)行“修改”/“分離”命令,即可將文本進(jìn)行分離。在調(diào)色板下方,有一組漸變色填充可供選擇,包括“線(xiàn)性”漸變色、“放射狀”漸變色和“彩虹色”漸變色等?!澳抗ぞ摺辈荒芨淖儓D像的填充色。實(shí)例四吸取色塊顏色 實(shí)例五吸取線(xiàn)條屬性 實(shí)例六吸取位圖屬性 實(shí)例七吸取文字屬性 綜合實(shí)例漸變文字在Flash中可以制作出多種色彩漸變文字效果,其制作方法較為簡(jiǎn)單,使用“文本工具”輸入內(nèi)容之后,需要結(jié)合Flash中的分離命令將其打散,然后使用“顏色”面板對(duì)文字進(jìn)行漸變色彩設(shè)置。四、當(dāng)分離的文本被選中時(shí),在“顏色”工具中單擊“填充色”,選擇彩虹漸變顏色,這時(shí)每一個(gè)獨(dú)立區(qū)域是一個(gè)完整的彩虹漸變顏色。七、執(zhí)行“文件”/“導(dǎo)入”/ “導(dǎo)入到舞臺(tái)”命令,將準(zhǔn)備的素材圖片導(dǎo)入場(chǎng)景。教學(xué)過(guò)程:七、線(xiàn)條工具(參見(jiàn)書(shū)30頁(yè))線(xiàn)條是組成矢量圖形最基本的單位,任何圖形都是由線(xiàn)條組成的。八、鉛筆工具(參見(jiàn)書(shū)32頁(yè))“鉛筆工具”用以繪制簡(jiǎn)單的矢量圖形、運(yùn)動(dòng)路徑等,繪畫(huà)方式與使用真實(shí)鉛筆大致相同。在使用橢圓工具繪制圖形時(shí),同時(shí)按住Shift鍵進(jìn)行繪制,可以將形狀限制為圓形。注意:“邊角半徑”文本框中,輸入的值越小,圓角的弧度越小,反之則越大。在“屬性”面板中單擊“選項(xiàng)”按鈕,彈出“工具設(shè)置”對(duì)話(huà)框,在“樣式”下拉列表中,可以選擇多邊形或者星形樣式,在“邊數(shù)”文本框中,輸入多邊形或者星形的邊數(shù)。漸變填充分為線(xiàn)性漸變填充和放射狀漸變填充兩種。默認(rèn)情況下,在Flash的同一圖層上,重疊進(jìn)行繪圖或填充顏色,所繪制的圖形對(duì)象會(huì)自動(dòng)合并,對(duì)圖形進(jìn)行編輯會(huì)影響到同一層的其他形狀。只有在使用鉛筆、線(xiàn)條、鋼筆、刷子、橢圓、矩形和多邊形工具時(shí),才能啟用“對(duì)象繪制”功能,當(dāng)“對(duì)象繪制”功能被激活時(shí),按快捷鍵J可以在“合并繪制”與“對(duì)象繪制”之間切換。二、使用“選擇工具”,選中正圓,在“混色器”面板的“類(lèi)型”下拉列表框中選擇“放射狀”選項(xiàng),設(shè)置顏色(【253,233,155】、Alpha:50%),(【253,23102】、Alpha:80%),(【249,190,61】、Alpha:100%),(【249,190,61】,Alpha:100%)。四、選擇“橢圓工具”,設(shè)置填充顏色為黑色,禁用筆觸顏色,繪制橢圓作為的左眼;使用“選擇工具”,選擇左眼,按住ctrl鍵,向右拖動(dòng)鼠標(biāo)進(jìn)行復(fù)制。漸變色是由起始顏色和()顏色決定的。參考答案一、填空題獨(dú)立的對(duì)象目標(biāo)顏色填充色填充變形工具二、選擇題CCDDA三、問(wèn)答題將文本轉(zhuǎn)換為圖形的方法是:首先選中要轉(zhuǎn)換的文本,該文本必須是整個(gè)文本框,然后執(zhí)行“修改”/“分離”命令,即可將文本進(jìn)行分離。教學(xué)過(guò)程:在Flash中,利用繪圖工具創(chuàng)建的對(duì)象,多數(shù)情況下并不能完全達(dá)到理想的效果,而且僅僅使用繪圖工具來(lái)創(chuàng)建對(duì)象,操作起來(lái)相當(dāng)繁瑣。二、變形面板(參見(jiàn)書(shū)64頁(yè))變形面板可以對(duì)選定對(duì)象執(zhí)行縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作。(繪制的圖形為散點(diǎn)狀構(gòu)成,沒(méi)有上下層關(guān)系,填充色相同的圖形相互疊壓時(shí)會(huì)相互粘連,填充色不同的圖形相互疊壓時(shí)會(huì)相互剪切,如果需要進(jìn)行上下排列時(shí),應(yīng)將繪制的圖形首先執(zhí)行“修改”/“組合”命令。三、任意變形工具(參見(jiàn)書(shū)63頁(yè))“任意變形”工具結(jié)合了旋轉(zhuǎn)與傾斜、縮放、扭曲和封套多種功能,可用于編輯各種物體。實(shí)例二繪制卡通風(fēng)車(chē)?yán)L制卡通風(fēng)車(chē),主要使用“矩形工具”、“選擇工具”繪制風(fēng)車(chē)的一片扇葉形狀,通過(guò)“復(fù)制并應(yīng)用變形”命令快速?gòu)?fù)制并旋轉(zhuǎn)對(duì)象,創(chuàng)建出風(fēng)車(chē)對(duì)象。三、切換至“場(chǎng)景1”,選擇“矩形工具”,繪制大小為51*147的矩形,顏色為66cc99;按下Shift鍵,將矩形與正圓同時(shí)選中,單擊“水平中齊”按鈕,使其相對(duì)于正圓水平中齊。七、為風(fēng)車(chē)添加眼睛、嘴巴和手柄?!皵U(kuò)展”可以放大形狀,而“插入”則縮小形狀。一、新建文檔(600*450);將素材導(dǎo)入到舞臺(tái)中央。思考與練習(xí)一、填空題使用“任意變形工具”選擇對(duì)象時(shí)會(huì)出現(xiàn)()個(gè)控制句柄。二、選擇題旋轉(zhuǎn)對(duì)象可以用()面板設(shè)置。靈活應(yīng)用圖層,不僅能夠更好地組織和管理層,而且可以輕松地制作出動(dòng)感豐富、效果精彩的Flash影片。l 遮罩層、被遮罩層:在遮罩層中創(chuàng)建的對(duì)象具有透明效果,被遮罩層中相同位置的內(nèi)容將顯示出現(xiàn),其他部分則被遮住。在層控制區(qū)右上方有“隱藏或顯示圖層”按鈕、“鎖定或解除鎖定圖層”按鈕、“輪廓顯示圖層”按鈕;三、遮罩層(參見(jiàn)書(shū)123頁(yè))在Flash中,使用遮罩層可以創(chuàng)建一些特殊的動(dòng)畫(huà)效果,如百葉窗、聚光燈等。遮罩層的特點(diǎn):(補(bǔ)充)l “遮罩層”是功能性圖層,用來(lái)制造動(dòng)畫(huà)特效; l “遮罩層”下方必須要有“被遮罩層”,“遮罩層”才能起作用; l 在“遮罩層”中圖形的色彩無(wú)意義,圖形的填充形狀有意義; l “遮罩層”中的填充形狀為透空狀態(tài),“被遮罩層”中的內(nèi)容在透空范圍內(nèi)可見(jiàn),在透空范圍以外則被遮蓋; l 動(dòng)畫(huà)測(cè)試時(shí)和發(fā)布后,“遮罩層”中的圖形不可見(jiàn); l 至少有一個(gè)層有動(dòng)畫(huà)效果,“遮罩層”才能發(fā)揮作用,才有存在的意義。二、在圖層2上單擊鼠標(biāo)右鍵,執(zhí)行“遮罩層”命令(兩個(gè)層的圖標(biāo)和編輯狀態(tài)都發(fā)生了變化,圖層2為遮罩層,圖層1為被遮罩層,圖層1的圖標(biāo)和名稱(chēng)向后縮進(jìn);兩個(gè)層均為鎖定編輯狀態(tài),為了繼續(xù)編輯,單擊鎖定所有圖層按鈕,即可將兩個(gè)層全部解除鎖定)。六、在舞臺(tái)上可播放帶有遮罩效果的動(dòng)畫(huà);在文本框移動(dòng)到橢圓形范圍內(nèi)時(shí),文本內(nèi)容才可見(jiàn)。三、以圖層2作為圖層1的遮罩。四、單擊圖層2的第1幀,在舞臺(tái)上繪制正圓形;并單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令;在圖層2的60、80幀上分別插入關(guān)鍵幀,并移動(dòng)到不同的位置;五、單擊“鎖定所有圖層”按鈕,將兩個(gè)層同時(shí)鎖定,在舞臺(tái)上播放動(dòng)畫(huà),查看效果。四、在圖層1上新建圖層2,繪制一個(gè)無(wú)邊框的圓,位于場(chǎng)景中央,并將其打散。八、回到場(chǎng)景1,將圖形元件刪除,將扇形元件拖入到場(chǎng)景,在變形面板的旋轉(zhuǎn)文本框中輸入45度,單擊復(fù)制并應(yīng)用變形按鈕,拼合成一個(gè)圓形。二、新建圖層2,選擇“矩形工具”,在“屬性”面板中設(shè)置參數(shù),在需要將圖像顯示的位置處繪制圓角矩形(在繪制圓角矩形的過(guò)程中,需要禁用“對(duì)象繪制”功能,否則將影響遮罩效果的制作)。引導(dǎo)層的特點(diǎn):(補(bǔ)充)l “引導(dǎo)層”下方必須要有被引導(dǎo)層; l 在“引導(dǎo)層”中只有線(xiàn)條造型有作用,線(xiàn)條就是引導(dǎo)路徑; l “引導(dǎo)層”中的線(xiàn)條樣式、粗細(xì)和色彩無(wú)意義,線(xiàn)條的長(zhǎng)短和線(xiàn)條的形狀才是關(guān)鍵所在,因此不要做復(fù)雜線(xiàn)條,徒增文件體積; l 發(fā)布后,“引導(dǎo)層”圖層不可見(jiàn); l 被引導(dǎo)層中的物件一般要有位置移動(dòng)變化,引導(dǎo)路徑才有意義; l 直線(xiàn)運(yùn)動(dòng)不需要“引導(dǎo)層”引導(dǎo)。二、插入圖層2,繪制小球物件;在圖層2的第1幀上單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令;在圖層1的1460幀上分別插入關(guān)鍵幀,并移動(dòng)到不同的位置。第1幀第15幀第30幀第45幀 實(shí)例七星星一、新建文檔,導(dǎo)入素材;調(diào)整圖片位置和大小,使其剛好能覆蓋場(chǎng)景;二、使用多角星星工具和線(xiàn)條工具,繪制一個(gè)有尾巴的星星圖案;并轉(zhuǎn)換為圖形元件;三、新建一個(gè)影片剪輯元件,將圖片元件拖到場(chǎng)景中的任意位置;四、在圖層1上新建一個(gè)引導(dǎo)層,使用線(xiàn)條工具繪制一條路徑;五、單擊圖層1的第一幀,將星星移動(dòng)到路徑的一端,創(chuàng)建補(bǔ)間動(dòng)畫(huà);在第60幀插入關(guān)鍵幀,將星星移動(dòng)到路徑的另一端;再在引導(dǎo)層第60幀插入關(guān)鍵幀。使用位圖來(lái)填充對(duì)象時(shí),可以使用()工具縮放、旋轉(zhuǎn)或者傾斜填充的位圖。教學(xué)過(guò)程:在Flash中,可以導(dǎo)入和創(chuàng)建多種資源來(lái)填充Flash文檔,這些資源在Flash中作為元件、實(shí)例和庫(kù)資源進(jìn)行管理。實(shí)例的外觀和動(dòng)作無(wú)需和元件一樣,每個(gè)實(shí)例都可以有不同的顏色和大小,并可以提供不同的交互。從“庫(kù)”中拖入到舞臺(tái)中的物件可任意改變,對(duì)“庫(kù)”中物件的性質(zhì)沒(méi)有影響。一、新建文檔(800*600),繪制與文檔大小一樣的矩形線(xiàn)框;二、打開(kāi)“混色器”面板,在填充類(lèi)型中選擇“位圖”,打開(kāi)“導(dǎo)入到庫(kù)”對(duì)話(huà)框,導(dǎo)入素材(打開(kāi)“庫(kù)”面板,用戶(hù)可以查看“庫(kù)”中的元件。按鈕元件除了擁有圖形元件全部的變形功能外,其特殊性還在于它具有4個(gè)狀態(tài)幀:彈起(該幀代表指針沒(méi)有經(jīng)過(guò)按鈕時(shí)該按鈕的狀態(tài))、指針經(jīng)過(guò)(該幀代表當(dāng)指針滑過(guò)按鈕時(shí)該按鈕的外觀)、按下(該幀代表單擊按鈕時(shí),該按鈕的外觀)和點(diǎn)擊(該幀用于定義響應(yīng)鼠標(biāo)單擊的區(qū)域,此區(qū)域在SWF文件是不可見(jiàn)的)。使用同樣的方法,創(chuàng)建“按下”狀態(tài)和“點(diǎn)擊”狀態(tài)下的圖形效果。鼠標(biāo)彈起鼠標(biāo)經(jīng)過(guò)一、新建文檔;執(zhí)行“插入”/“新建元件”,創(chuàng)建按鈕;導(dǎo)入“表情1”素材。五、影片剪輯元件“影片剪輯元件”就是我們平常說(shuō)的MC,它是一段獨(dú)立的動(dòng)畫(huà)片段,主要用來(lái)為動(dòng)畫(huà)、按鈕提供動(dòng)畫(huà)片段,增加動(dòng)畫(huà)的復(fù)雜程度,與舞臺(tái)中的動(dòng)畫(huà)編輯方式?jīng)]有區(qū)別。對(duì)象mei 添加一個(gè)新的濾鏡,在屬性檢查器中,就會(huì)將其添加到該對(duì)象所應(yīng)用的濾鏡列表中。二、使用“選擇工具”選擇文本內(nèi)容,按快捷鍵Ctrl+B兩次;三、選擇“墨水瓶工具”,設(shè)置“筆觸高度”為2,“筆觸顏色”為FFFF66,將鼠標(biāo)指針移動(dòng)到工作區(qū)鼠標(biāo)指針將變成墨水瓶形狀,依次單擊文字邊框(在使用“墨水瓶工具”為文字添加邊框時(shí),使其處于不被選中狀態(tài)進(jìn)行操作)。實(shí)例四制作漸變斜角文字效果一、輸入文字內(nèi)容,將其轉(zhuǎn)換為“影片剪輯”;二、在“濾鏡”面板中添加“漸變斜角”文字效果,設(shè)置其參數(shù)(模糊:8,強(qiáng)度:100%,角度:252,距離:5,類(lèi)型:外側(cè))。二、選擇題()是可以反復(fù)取出使用的一段小動(dòng)畫(huà),并可獨(dú)立于主動(dòng)畫(huà)進(jìn)行播放?!坝捌糨嬙本褪俏覀兤匠Uf(shuō)的MC,它是一段獨(dú)立的動(dòng)畫(huà)片段,主要用來(lái)為動(dòng)畫(huà)、按鈕提供動(dòng)畫(huà)片段,增加動(dòng)畫(huà)的復(fù)雜程度,與舞臺(tái)中的動(dòng)畫(huà)編輯方式?jīng)]有區(qū)別。Flash動(dòng)畫(huà)是通過(guò)更改連續(xù)幀的內(nèi)容創(chuàng)建的。在Flash中,動(dòng)畫(huà)制作需要不同的幀來(lái)共同完成,通過(guò)時(shí)間軸可以清晰地判斷出幀的類(lèi)型。在“時(shí)間軸”上的幀的適當(dāng)位置單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令(或按F6),即可增加一個(gè)“關(guān)鍵幀”。多個(gè)連續(xù)“普通幀”時(shí),白方塊在最后一幀上,前面多個(gè)“普通幀”只是連續(xù)的灰色,沒(méi)有其他標(biāo)記。過(guò)渡幀中包括了許多幀,但其中至少要有兩個(gè)幀:起始關(guān)鍵幀和結(jié)束關(guān)鍵幀。動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)原理解析(補(bǔ)充): l 從開(kāi)始到結(jié)束“動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)”是一個(gè)逐漸變化的過(guò)程,物件從開(kāi)始到結(jié)束會(huì)發(fā)生一定的變化;中間的過(guò)程由Flash自動(dòng)生成