版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
動(dòng)畫制作實(shí)踐指導(dǎo)書湖南師范大學(xué)教育科學(xué)學(xué)院目錄一、課程性質(zhì) 1二、實(shí)踐目標(biāo) 1三、實(shí)踐方法 1四、實(shí)踐內(nèi)容 2五、項(xiàng)目一Flash動(dòng)畫基礎(chǔ)制作 35.1目的 35.2內(nèi)容 35.2.1對(duì)Flash軟件作環(huán)境的認(rèn)識(shí) 35.2.2面板 65.2.3基本繪圖工具 105.2.4引導(dǎo)線動(dòng)畫、遮罩動(dòng)畫 165.2.5逐幀動(dòng)畫 225.2.6形狀補(bǔ)間動(dòng)畫 275.3實(shí)踐報(bào)告 325.3.1內(nèi)容 325.3.2形式 33六、項(xiàng)目二Flash動(dòng)畫高級(jí)制作 346.1目的 346.2內(nèi)容 346.2.1編寫ActionScript程序 346.2.2聲音的控制 436.2.3按鈕的制作 496.2.4交互導(dǎo)航條的制作 536.2.5動(dòng)畫的發(fā)布 576.2.6動(dòng)畫短片制作 616.3實(shí)踐報(bào)告 776.2.1內(nèi)容 776.2.2形式 77七、項(xiàng)目三3D動(dòng)畫制作 787.1目的 787.2內(nèi)容 787.2.13D動(dòng)畫的基本概念 787.2.2基礎(chǔ)建模 887.2.3材質(zhì) 977.2.4動(dòng)畫實(shí)例一——反彈球 1017.2.5動(dòng)畫實(shí)例二——?jiǎng)?chuàng)建爆炸 1277.3實(shí)踐報(bào)告 1567.3.1內(nèi)容 1567.3.2形式 156PAGE155一、課程性質(zhì)本課程是教育技術(shù)專業(yè)影視多媒體類專業(yè)必修課程。二、實(shí)踐目標(biāo)本實(shí)踐課程以加強(qiáng)理論基礎(chǔ)、培養(yǎng)學(xué)生動(dòng)手能力、動(dòng)畫藝術(shù)修養(yǎng)的教學(xué)目標(biāo)為出發(fā)點(diǎn),建立一個(gè)科學(xué)的、合理的動(dòng)畫設(shè)計(jì)與制作實(shí)踐教學(xué)課程體系。使學(xué)生通過本課程實(shí)踐教學(xué),不只加深理解和鞏固所學(xué)理論知識(shí),而且更切實(shí)掌握動(dòng)畫設(shè)計(jì)與制作基本實(shí)踐操作,正確運(yùn)用常用動(dòng)畫制作軟件制作不同類型的適合傳播的動(dòng)畫作品。在實(shí)踐教學(xué)中,同時(shí)加強(qiáng)學(xué)生科學(xué)素質(zhì)、美學(xué)修養(yǎng)和良好的工作習(xí)慣,為培養(yǎng)具有創(chuàng)新精神和實(shí)踐能力的高素質(zhì)人才奠定良好的基礎(chǔ)。三、實(shí)踐方法在切實(shí)培養(yǎng)和提高實(shí)踐動(dòng)手能力的同時(shí),在實(shí)踐中不斷培養(yǎng)獨(dú)立思考、綜合分析的能力、審美能力、自學(xué)能力和創(chuàng)新意識(shí),相互協(xié)作的團(tuán)隊(duì)精神。具體實(shí)踐方法如下:1.理論與實(shí)踐相結(jié)合積極參與實(shí)踐,按時(shí)完成老師布置的任務(wù),并結(jié)合實(shí)際案例領(lǐng)悟動(dòng)畫的原理及方法,并能熟練運(yùn)用和掌握。2.自主學(xué)習(xí)實(shí)踐過程中,不僅掌握老師授與的知識(shí),而且通過自主學(xué)習(xí)的方式,如參照專題網(wǎng)站、專業(yè)書籍、各種多媒體教程等,學(xué)習(xí)優(yōu)秀動(dòng)畫作品,不斷擴(kuò)大自己的知識(shí)量。課堂外,可以利用網(wǎng)絡(luò)工具、如BBS、QQ等進(jìn)行同學(xué)之間、師生之間的交流和探討。3.小組協(xié)作以小組合作形式進(jìn)行短片創(chuàng)作,開展小組頭腦風(fēng)暴創(chuàng)意討論;利用各種途徑學(xué)習(xí)、查閱資料,綜合利用所學(xué)知識(shí)和技能設(shè)計(jì)動(dòng)畫作品;以認(rèn)真的學(xué)習(xí)作風(fēng)、勇于探索的精神、強(qiáng)烈的團(tuán)隊(duì)意識(shí),完成動(dòng)畫設(shè)計(jì)與制作全過程。四、實(shí)踐內(nèi)容本課程實(shí)踐教學(xué)內(nèi)容在突出基本動(dòng)畫制作技術(shù)訓(xùn)練為先導(dǎo)的基礎(chǔ)上,以目前互聯(lián)網(wǎng)流行的動(dòng)畫類型作為實(shí)踐的參照,運(yùn)用目前最常見的動(dòng)畫制作軟件,有簡(jiǎn)入深,由基礎(chǔ)操作出發(fā)。實(shí)踐內(nèi)容見下表:實(shí)踐項(xiàng)目課時(shí)(34)項(xiàng)目一Flash動(dòng)畫基礎(chǔ)制作10項(xiàng)目二Flash動(dòng)畫高級(jí)制作12項(xiàng)目三3D動(dòng)畫制作12
五、項(xiàng)目一Flash動(dòng)畫基礎(chǔ)制作5.1目的1.了解動(dòng)畫制作流程。2.了解和掌握Flash動(dòng)畫基本制作技法。3.了解和掌握Flash動(dòng)畫中的補(bǔ)間動(dòng)畫、逐幀動(dòng)畫。4.了解和掌握Flash動(dòng)畫中的引導(dǎo)線動(dòng)畫、遮罩動(dòng)畫。。5.動(dòng)畫測(cè)試的基本方法。5.2內(nèi)容5.2.1對(duì)Flash軟件作環(huán)境的認(rèn)識(shí)1.開始頁(yè)運(yùn)行Flash8,首先映入眼簾的是“開始頁(yè)”,“開始頁(yè)”將常用的任務(wù)都集中放在一個(gè)頁(yè)面中,包括“打開最近項(xiàng)目”、“創(chuàng)建新項(xiàng)目”、“從模板創(chuàng)建”、“擴(kuò)展”以及對(duì)官方資源的快速訪問。圖5.1開始頁(yè)如果要隱藏“開始頁(yè)”,可以單擊選擇“不再顯示此對(duì)話框”,然后在彈出的對(duì)話框單擊“確定”按鈕。如果要再次顯示開始頁(yè),可以通過選擇“編輯”|“首選參數(shù)”命令,打開“首選參數(shù)”對(duì)話框,然后在“常規(guī)”類別中設(shè)置“啟動(dòng)時(shí)”選項(xiàng)為“顯示開始頁(yè)”即可。2.工作窗口在“開始頁(yè)”,選擇“創(chuàng)建新項(xiàng)目”下的“Flash文檔”,這樣就啟動(dòng)Flash8的工作窗口并新建一個(gè)影片文檔。如圖5.2所示。
圖5.2Flash8的工作窗口Flash8的工作窗口由標(biāo)題欄、菜單欄、主工具欄、文檔選項(xiàng)卡、編輯欄、時(shí)間軸、工作區(qū)和舞臺(tái)、工具箱以及各種面板組成。窗口最上方的是“標(biāo)題欄”,自左到右依次為控制菜單按鈕、軟件名稱、當(dāng)前編輯的文檔名稱和窗口控制按鈕。“標(biāo)題欄”下方是“菜單欄”,在其下拉菜單中提供了幾乎所有的Flash8.0命令項(xiàng),通過執(zhí)行它們可以滿足用戶的不同需求。“菜單攔”下方是“主工具欄”,通過它可以快捷的使用Flash8.0的控制命令?!爸鞴ぞ邫凇钡南路绞恰拔臋n選項(xiàng)卡”,主要用于切換當(dāng)前要編輯的文檔,其右側(cè)是文檔控制按鈕。在“文檔選項(xiàng)卡”上右擊,還可以在彈出的快捷菜單中使用常用的文件控制命令。“文檔選項(xiàng)卡”下方是“編輯欄”,可以用于“時(shí)間軸”的隱藏或顯示、“編輯場(chǎng)景”或“編輯元件”的切換、舞臺(tái)顯示比例設(shè)置等?!熬庉嫏凇毕路绞恰皶r(shí)間軸”,用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。時(shí)間軸左側(cè)是圖層,圖層就像堆疊在一起的多張幻燈膠片一樣,在舞臺(tái)上一層層地向上疊加。如果上面一個(gè)圖層上沒有內(nèi)容,那么就可以透過它看到下面的圖層。Flash中有普通層、引導(dǎo)層、遮罩層和被遮罩層4種圖層類型,為了便于圖層的管理,用戶還可以使用圖層文件夾。“時(shí)間軸”下方是“工作區(qū)”和“舞臺(tái)”。Flash8擴(kuò)展了舞臺(tái)的工作區(qū),可以在上面存儲(chǔ)更多的項(xiàng)目。舞臺(tái)是放置動(dòng)畫內(nèi)容的矩形區(qū)域,這些內(nèi)容可以是矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等。如圖5.3所示。圖5.3舞臺(tái)工作時(shí)根據(jù)需要可以改變“舞臺(tái)“顯示的比例大小,可以在“時(shí)間軸”右上角的“顯示比例”中設(shè)置顯示比例,最小比例為8%,最大比例為2000%,在下拉菜單中有三個(gè)選項(xiàng),【符合窗口大小】選項(xiàng)用來自動(dòng)調(diào)節(jié)到最合適的舞臺(tái)比例大小;【顯示幀】選項(xiàng)可以顯示當(dāng)前幀的內(nèi)容;【全部顯示】選項(xiàng)能顯示整個(gè)工作區(qū)中包括在“舞臺(tái)”之外的元素。選擇工具箱中的【手形工具】,在舞臺(tái)上拖動(dòng)鼠標(biāo)可平移舞臺(tái);選擇【縮放工具】,在舞臺(tái)上單擊可放大或縮放舞臺(tái)的顯示;選擇【縮放工具】后,在工具箱的【選項(xiàng)】下會(huì)顯示出兩個(gè)按鈕,分別為【放大】和【縮小】,分別單擊它們可在“放大視圖工具”與“縮小視圖工具”之間切換。選擇選擇【縮放工具】后,按住鍵盤上的Alt鍵,單擊舞臺(tái),可快捷縮小視圖。窗口左側(cè)是功能強(qiáng)大的“工具箱”,它是Flash中最常用到的一個(gè)面板,由“工具”、“查看”、“顏色”和“選項(xiàng)”四部分組成。如圖5.4所示。圖5.4工具箱多個(gè)“面板”圍繞在“舞臺(tái)”的下面和右面,包括常用的【動(dòng)作】面板、【屬性】/【濾鏡】/【參數(shù)】面板組,還有【顏色】面板組和【庫(kù)】面板等。5.2.2面板1.面板的基本操作打開面板:可以通過選擇“窗口”菜單中的相應(yīng)命令打開指定面板。關(guān)閉面板:在已經(jīng)打開的面板標(biāo)題欄上右擊,然后在快捷菜單中選擇“關(guān)閉面板組”命令即可。重組面板:在已經(jīng)打開的面板標(biāo)題欄上右擊,然后在快捷菜單中選擇“將面板組合至”某個(gè)面板中即可。重命名面板組:在面板組標(biāo)題欄上右擊,然后在快捷菜單中選擇“重命名面板組”命令,打開“重命名面板組”對(duì)話框。在定義完“名稱”后,單擊“確定”按鈕即可。如果不指定面板組名稱,各個(gè)面板會(huì)依次排列在同一標(biāo)題欄上。折疊或展開面板:?jiǎn)螕魳?biāo)題欄或者標(biāo)題欄上的折疊按鈕可以將面板折疊為其標(biāo)題欄。再次單擊即可展開。移動(dòng)面板:可以通過拖動(dòng)標(biāo)題欄左側(cè)的控點(diǎn)移動(dòng)面板位置或者將固定面板移動(dòng)為浮動(dòng)面板。恢復(fù)默認(rèn)布局:可以通過選擇“窗口”菜單中的“工作區(qū)布局”|“默認(rèn)”命令即可。2.“幫助”面板“幫助”面板包含了大量信息和資源,對(duì)Flash的所有創(chuàng)作功能和ActionScript語(yǔ)言進(jìn)行了詳盡的說明。“幫助”面板可以隨時(shí)對(duì)軟件的使用或動(dòng)作腳本語(yǔ)法進(jìn)行查詢,使用戶更好地使用軟件的各種功能。如果從未使用過Flash,或者只使用過有限的一部分功能,可以從“Flash入門”選項(xiàng)開始學(xué)習(xí)。在其上方有一組快速訪問的工具按鈕,在文本框中輸入詞條或短語(yǔ),然后單擊“搜索”按鈕,包含該詞條或短語(yǔ)的主題列表即會(huì)顯示出來。單擊“更新”按鈕,可獲得新的信息。如果有新的信息提示,確認(rèn)連接到Internet,可按照說明下載幫助系統(tǒng)。3.“動(dòng)作”面板“動(dòng)作”面板可以創(chuàng)建和編輯對(duì)象或幀的ActionScript代碼,主要由“動(dòng)作工具箱”、“腳本導(dǎo)航器”和“腳本”窗格組成。如圖5.5所示。圖5.5“動(dòng)作”面板4.“屬性”面板使用【屬性】面板可以很容易地設(shè)置舞臺(tái)或時(shí)間軸上當(dāng)前選定對(duì)象的最常用屬性,從而加快了Flash文檔的創(chuàng)建過程。如圖5.6所示。當(dāng)選定對(duì)象不同時(shí),“屬性”面板中會(huì)出現(xiàn)不同的設(shè)置參數(shù),針對(duì)此面板的使用在后面的章節(jié)里會(huì)陸續(xù)介紹。圖5.6“屬性”面板5.“濾鏡”面板Flash8新增了功能,從而大大增強(qiáng)了其設(shè)計(jì)方面的能力。這項(xiàng)新特性對(duì)制作Flash動(dòng)畫產(chǎn)生了便利和巨大影響。它們幾乎顛覆了長(zhǎng)期以來,對(duì)Flash設(shè)計(jì)能力欠缺的固有偏見,使大家不得不對(duì)其刮目相。默認(rèn)情況下,“濾鏡”面板和【屬性】面板、“參數(shù)”面板組成一個(gè)面板組。6.影片文檔的基本操作――投影濾鏡文字特效本例利用投影濾鏡制作一個(gè)陰影文字特效,通過這個(gè)陰影文字特效的制作過程,讓讀者了解Flash8制作動(dòng)畫的整體過程。范例效果如圖5.7所示。注:濾鏡只適用于文本、影片剪輯和按鈕。圖5.7范例效果(1)制作步驟啟動(dòng)Flash8,出現(xiàn)“開始頁(yè)”,選擇“創(chuàng)建新項(xiàng)目”下的“Flash文檔”,這樣就啟動(dòng)Flash8的工作窗口并新建一個(gè)影片文檔。展開“屬性”面板,單擊“大小”右邊的“文檔屬性”按鈕,彈出“文檔屬性”對(duì)話框。在“標(biāo)題”文本框中輸入“文字效果”,在“描述”列表框中輸入對(duì)影片的簡(jiǎn)單描述,設(shè)置“尺寸”為300×200像素,設(shè)置“背景顏色”為淺藍(lán)色,其他保持默認(rèn)?!拔臋n屬性”對(duì)話框中參數(shù)的含義:“標(biāo)題”:設(shè)置文檔的標(biāo)題?!懊枋觥保簩?duì)創(chuàng)建的影片做一些簡(jiǎn)單的描述。“尺寸”:舞臺(tái)的尺寸最小可設(shè)定成寬1px(像素)、高1px(像素),最大可設(shè)定成寬2880px(像素)、高2880px(像素)。另外,系統(tǒng)默認(rèn)的尺寸單位是px(像素),可以自行輸入“cm(厘米)”、“mm(毫米)”和“in(英寸)”等單位的數(shù)值,也可以在“標(biāo)尺單位”中選擇。“匹配”|“打印機(jī)”:匹配打印機(jī),讓底稿的大小與打印機(jī)的打印范圍相同?!捌ヅ洹眧“內(nèi)容”:匹配內(nèi)容,將底稿縮放成和畫面上的對(duì)象大小一樣?!捌ヅ洹眧“默認(rèn)”:使用默認(rèn)值?!氨尘邦伾保涸O(shè)置舞臺(tái)的背景顏色?!皫l”:默認(rèn)的是12fps。這個(gè)速度很適合在網(wǎng)絡(luò)上播放,一般情況下我們都保持這個(gè)幀頻。在設(shè)計(jì)一些特殊效果的課件時(shí),可以更改這個(gè)數(shù)值,數(shù)值越大動(dòng)畫的播放速度越快?!皹?biāo)尺單位”:標(biāo)尺是顯示在場(chǎng)景周圍的輔助工具,以標(biāo)尺為參照可以使我們繪制的圖形更精確。在這里可以設(shè)置標(biāo)尺的單位。“設(shè)為默認(rèn)值”:將所有設(shè)定存成默認(rèn)值,下次當(dāng)再開啟新的影片文檔時(shí),影片的舞臺(tái)大小和背景顏色會(huì)自動(dòng)調(diào)整成這次設(shè)定的值。(2)創(chuàng)建文字在“工具箱”中選擇“文本工具”。在“屬性”面板中,設(shè)置“字體”為黑體,“字體大小”為45,“文本顏色”為白色,文字加粗顯示,其他屬性保持默認(rèn)。將鼠標(biāo)移向舞臺(tái)上單擊,在出現(xiàn)的文本輸入框中輸入“基礎(chǔ)與實(shí)例”。在“工具箱”中選擇“選擇工具”,拖動(dòng)文字到舞臺(tái)中央位置。效果如圖5.8所示。圖5.8創(chuàng)建文本對(duì)象(3)保存和測(cè)試影片5.9文檔類型選擇“文件”|“保存”命令(快捷鍵Ctrl+S),彈出【另存為】對(duì)話框,指定影片保存的文件夾,輸入文件名,單擊【保存】按鈕。這樣我們就將影片文檔保存起來了,文件的擴(kuò)展名是fla。注意:為了安全,在動(dòng)畫制作過程中要經(jīng)常保存文件。按Ctrl+S鍵,可以快速保存文件。選擇“控制”|“測(cè)試影片”命令(快捷鍵Ctrl+Enter),彈出測(cè)試窗口,在窗口中可以觀察到影片的效果,并且還可以對(duì)影片進(jìn)行調(diào)試。關(guān)閉測(cè)試窗口可以返回到影片編輯窗口對(duì)影片繼續(xù)進(jìn)行編輯。打開“資源管理器”窗口,定位在影片文檔保存的文件夾,可以觀察到兩個(gè)文件,如圖5.9所示。左邊是影片文檔源文件(擴(kuò)展名是fla),也就是第(1)步保存的文件。右邊是影片播放文件(擴(kuò)展名是swf),也就是第(2)步測(cè)試影片時(shí)自動(dòng)產(chǎn)生的文件。直接雙擊影片播放文件可以在Flash播放器中播放動(dòng)畫。(4)導(dǎo)出影片選擇“文件”|“導(dǎo)出”|“導(dǎo)出影片”命令,彈出“導(dǎo)出影片”對(duì)話框,指定導(dǎo)出影片的文件夾,輸入導(dǎo)出影片文件名,單擊“保存”按鈕,彈出【導(dǎo)出FlashPlayer】對(duì)話框,如圖5.10所示。圖5.10【導(dǎo)出FlashPlayer】對(duì)話框在這個(gè)對(duì)話框中可以設(shè)置導(dǎo)出影片的相關(guān)參數(shù)。這里我們不做改動(dòng),保持目前的默認(rèn)參數(shù)。單擊【確定】按鈕,導(dǎo)出影片。導(dǎo)出的影片文件類型是播放文件,文件擴(kuò)展名為swf。5.2.3基本繪圖工具在計(jì)算機(jī)繪圖領(lǐng)域中,根據(jù)成圖原理和繪制方法的不同,分為矢量圖和位圖兩種類型。矢量圖形是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的,每一個(gè)點(diǎn)都有其各自的屬性,如位置、顏色等。因此,矢量圖與分辨率無關(guān),對(duì)矢量圖進(jìn)行縮放時(shí),圖形對(duì)象仍保持原有的清晰度和光滑度,不會(huì)發(fā)生任何偏差。位圖圖像是由象素點(diǎn)構(gòu)成的,象素點(diǎn)的多少將決定位圖圖像的顯示質(zhì)量和文件大小,位圖圖像的分辨率越高,其顯示越清晰,文件所占的空間也就越大。因此,位圖圖像的清晰度與分辨率有關(guān)。對(duì)位圖圖像進(jìn)行放大時(shí),放大的只是象素點(diǎn),位圖圖像的四周會(huì)出現(xiàn)鋸齒狀。在Flash動(dòng)畫制作過程中,會(huì)大量的運(yùn)用到矢量圖形。雖然有一系列的功能強(qiáng)大的專門矢量圖制作軟件,如Corel公司的CorelDRAW軟件、Macromedia公司的FreeHand軟件和Adobe公司的Illustrator軟件等,而運(yùn)用Flash自身的矢量繪圖功能將會(huì)更方便,更快捷。Flash也具備一定的位圖處理能力,雖然比不上專業(yè)的位圖處理軟件,但是對(duì)于制作動(dòng)畫過程中需要對(duì)位圖的一些簡(jiǎn)單除了,它還是能夠勝任的。圖5.111.繪制和處理線條【線條工具】是Flash中最簡(jiǎn)單的工具?,F(xiàn)在我們就來畫一條直線。鼠標(biāo)單擊【線條工具】,移動(dòng)鼠標(biāo)指針到舞臺(tái)上,在你希望直線開始的地方按住鼠標(biāo)拖動(dòng),到結(jié)束點(diǎn)松開鼠標(biāo),一條直線就畫好了?!揪€條工具】能畫出許多風(fēng)格各異的線條來。打開【屬性】面板,在其中,我們可以定義直線的顏色、粗細(xì)和樣式,【屬性】面板中,單擊其中的【筆觸顏色】按鈕,會(huì)出現(xiàn)一個(gè)調(diào)色板對(duì)話框,同時(shí)光標(biāo)變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進(jìn)制數(shù)值。顏色以#開頭,如#99FF33。
在來畫出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕,會(huì)彈出一個(gè)【筆觸樣式】對(duì)話框,為了方便觀察,我們把粗細(xì)定為3象素(pts),選擇不同的線型和顏色,來看看我們畫出的線條,如圖5.12所示。圖5.12不同類型的線條試一試改變它的各項(xiàng)參數(shù),會(huì)對(duì)你的繪圖有很大幫助?!镜喂芄ぞ摺亢汀灸抗ぞ摺靠梢院芸斓貙⒁粭l直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線,看看【屬性】面板,它顯示的就是該直線的屬性,而且工具也自動(dòng)變成了【墨水瓶工具】。使用【墨水瓶工具】單擊其它線條,看看什么結(jié)果:所有線條的屬性都變成了和滴管工具選中的直線一樣了。如果你需要更改這條直線的方向和長(zhǎng)短,F(xiàn)lash也為我們提供了一個(gè)很便捷的工具:【箭頭工具】。【箭頭工具】的作用是選擇對(duì)象、移動(dòng)對(duì)象、改變線條或?qū)ο筝喞男螤?。單擊選擇【箭頭工具】,然后移動(dòng)鼠標(biāo)指針到直線的端點(diǎn)處,指針右下角變成直角狀,這時(shí)拖動(dòng)鼠標(biāo)可以改變直線的方向和長(zhǎng)短。如果鼠標(biāo)指針移動(dòng)到線條中任意處,指針右下角會(huì)變成弧線狀,拖動(dòng)鼠標(biāo),可以將直線變成曲線。這是一個(gè)很有用處的功能,在鼠標(biāo)繪圖還不能隨心所欲時(shí),它可以幫助畫出所需要的曲線。2.【刷子工具】的用法【刷子工具】可以隨意地畫色塊。當(dāng)你單擊工具箱中的【刷子工具】后,工具箱下邊就會(huì)顯示它的【選項(xiàng)】,我們先看看它的【選項(xiàng)】。在這里,我們可以選定畫筆的大小和樣式以及它的填色模式。讀者可以自己選取不同的大小和樣式練習(xí)練習(xí),先找一找感覺。3.橢圓工具和矩形工具的用法在舞臺(tái)上拖動(dòng)【橢圓工具】可以畫出橢圓和圓形,拖動(dòng)【矩形工具】可以讓你創(chuàng)建方角或圓角的矩形。在【屬性】面板里可以設(shè)定填充的顏色及外框筆觸的顏色、粗細(xì)和樣式,和【直線工具】的屬性設(shè)置一樣。單擊【橢圓工具】,在【屬性】面板里,將【筆觸顏色】改為紅色,【粗細(xì)】為5象素,【筆觸樣式】為圓點(diǎn),【填充顏色】為黃色,在舞臺(tái)上拖動(dòng)鼠標(biāo)。效果還行吧?試試用同樣的方法畫矩形。記住,按住Shift鍵拖動(dòng)時(shí)可以將形狀限制為圓形和正方形。利用【矩形工具】還可以繪制圓角的矩形?!揪匦喂ぞ摺恐小皥A角矩形”的角度可以這樣設(shè)定:?jiǎn)螕艄ぞ邫谙逻叺摹緢A角矩形半徑】按鈕,彈出【矩形設(shè)置】對(duì)話框。在其中的【邊角半徑】中填入數(shù)值,使矩形的邊角呈圓弧狀。如果值為零,則創(chuàng)建的是方角。你也可以在舞臺(tái)上拖動(dòng)矩形工具時(shí)按住上下箭頭鍵可以調(diào)整圓角半徑。單擊【矩形工具】右下角的三角形,會(huì)出現(xiàn)【多角星形工具】。單擊【多角星形工具】,在【屬性】面板里可以設(shè)置多邊形的邊的數(shù)量和形狀。在【屬性】面板中單擊【選項(xiàng)】按鈕,會(huì)出現(xiàn)的【工具設(shè)置】對(duì)話框。單擊其中的【樣式】下拉菜單,可以選擇多邊形和星形,并可以在【工具設(shè)置】對(duì)話框中定義多邊形的邊數(shù),數(shù)值介于3-32之間。下面是用不同樣式和顏色隨意畫出的圖案。4.鉛筆工具的用法【鉛筆工具】的顏色、粗細(xì)、樣式定義和【線條工具】一樣,在它的附屬選項(xiàng)里有三種模式。伸直模式:在伸直模式下畫的線條,它把線條轉(zhuǎn)成接近形狀的直線。平滑模式:它把線條轉(zhuǎn)換成接近形狀的曲線。墨水模式:不加修飾,完全保持鼠標(biāo)軌跡的形狀。5.鋼筆工具和部分選取工具的用法用【鋼筆工具】畫直線是非常容易的。將指針定位在舞臺(tái)上你想要直線開始的地方單擊,在你想要直線的第一條線段結(jié)束的位置再次進(jìn)行單擊。繼續(xù)單擊可以創(chuàng)建其它的直線線段,如果你希望就此結(jié)束,雙擊最后一個(gè)點(diǎn)。說明:按住Shift鍵進(jìn)行單擊可以將線條限制為傾斜45度的倍數(shù)。創(chuàng)建曲線的要訣是在按下鼠標(biāo)的同時(shí)向你想要繪制曲線段的方向拖動(dòng)鼠標(biāo),然后將指針放在你想要結(jié)束曲線段的地方,按下鼠標(biāo)按鈕,然后朝相反的方向拖動(dòng)來完成線段。如果覺得這條曲線不滿意,放心,我們還可以用部分選取工具來進(jìn)行調(diào)整?,F(xiàn)在我們來練習(xí)畫一條波浪線,為了讓大家容易理解,先執(zhí)行【視圖】|【網(wǎng)格】|【顯示網(wǎng)格】命令,在工作區(qū)里出現(xiàn)網(wǎng)格,使我們定點(diǎn)更容易。我們?cè)谝粋€(gè)網(wǎng)格的頂點(diǎn)上開始按下鼠標(biāo),并將鼠標(biāo)向上拖動(dòng)到該頂點(diǎn)的對(duì)角點(diǎn),6.套索工具【套索工具】是一種選取工具,使用的時(shí)候不是很多,主要用在處理位圖。選擇【套索工具】后,會(huì)在【選項(xiàng)】中出現(xiàn)【魔術(shù)棒】及其選項(xiàng)和【多邊形模式】。在場(chǎng)景里隨意畫一圖形,選擇【套索工具】,在【選項(xiàng)】里單擊多邊形模式,按你的需要單擊鼠標(biāo),當(dāng)?shù)玫侥阈枰倪x擇區(qū)域時(shí),雙擊鼠標(biāo)自動(dòng)封閉圖形?!灸g(shù)棒工具】用于對(duì)位圖處理。如果我們要選取位圖中同一色彩,可以先設(shè)置魔術(shù)棒屬性。單擊【魔術(shù)棒屬性】按鈕,在彈出的【魔術(shù)棒設(shè)置】對(duì)話框中設(shè)置以下選項(xiàng):對(duì)于【閾值】,輸入一個(gè)介于1和200之間的值,用于定義將相鄰像素包含在所選區(qū)域內(nèi)必須達(dá)到的顏色接近程度。數(shù)值越高,包含的顏色范圍越廣。如果輸入0,則只選擇與你單擊的第一個(gè)像素的顏色完全相同的像素。對(duì)于【平滑】,從彈出菜單中選擇一個(gè)選項(xiàng),用于定義所選區(qū)域的邊緣的平滑程度。7、橡皮擦工具顧名思義,【橡皮擦工具】就和橡皮一樣,可以擦去你不需要的地方。雙擊【橡皮擦工具】,可以刪除舞臺(tái)上的所有內(nèi)容?!鞠鹌げ凉ぞ摺恳灿袔讉€(gè)選項(xiàng)。選擇【水龍頭工具】,單擊你需要擦除的填充區(qū)域或筆觸段,可以快速將其擦除。如果你只擦除一部分筆觸或填充區(qū)域,就得通過拖動(dòng)進(jìn)行擦除。單擊“橡皮擦模式”功能鍵并選擇一種擦除模式:1.“標(biāo)準(zhǔn)擦除”擦除同一層上的筆觸和填充。2.“擦除填色”只擦除填充,不影響筆觸。3.“擦除線條”只擦除筆觸,不影響填充。4.“擦除所選填充”只擦除當(dāng)前選定的填充,并不影響筆觸(不管筆觸是否被選中)。以這種模式使用橡皮擦工具之前,請(qǐng)選擇你要擦除的填充。5.“內(nèi)部擦除”只擦除橡皮擦筆觸開始處的填充。如果從空白點(diǎn)開始擦除,則不會(huì)擦除任何內(nèi)容。以這種模式使用橡皮擦并不影響筆觸。8、實(shí)例演練——畫一片樹葉打開FALSH軟件,系統(tǒng)會(huì)自動(dòng)建立一個(gè)FLASH文檔,在這里我們不改變文檔的屬性,直接使用其默認(rèn)值。(1)新建圖形元件執(zhí)行【插入】|【新建元件】命令,或者按快捷鍵CTRL+F8,彈出創(chuàng)建新元件對(duì)話框,在【名稱】文本對(duì)話框中輸入元件名稱“樹葉”,【行為】選擇“圖形”,單擊【確定】按鈕。這時(shí)工作區(qū)變?yōu)椤皹渲Α痹木庉嫚顟B(tài),如圖5.13所示。圖5.13“樹葉”圖形元件編輯場(chǎng)景(2)繪制樹葉圖形在“樹葉”圖形元件編輯場(chǎng)景中,首先用【線條工具】畫一條直線,【筆觸顏色】設(shè)置為深綠色,然后用【箭頭工具】將它拉成曲線。再用【線條工具】繪制一個(gè)直線,用這條直線連接曲線的兩端點(diǎn)。用【箭頭工具】將這條直線也拉成曲線,一片樹葉的基本形狀已經(jīng)出來了,現(xiàn)在我們畫葉脈,在兩端點(diǎn)間畫直線,然后拉成曲線,再畫旁邊的細(xì)小葉脈,可以全用直線,也可以略加彎曲,這樣,一片簡(jiǎn)單的樹葉就畫好了,如圖5.14所示。圖5.14完成效果圖(3)編輯和修改樹葉如果在畫樹葉的時(shí)候出現(xiàn)錯(cuò)誤,比如說,畫出的葉脈不是你所希望的樣子,你可以執(zhí)行【編輯】|【撤銷】命令撤銷前面一步的操作,也可以選擇下面更簡(jiǎn)單的方法:用【箭頭工具】單擊你想要?jiǎng)h除的直線,這條直線變成網(wǎng)點(diǎn)狀,說明它已經(jīng)被選取,可以對(duì)它進(jìn)行各種修改。要移動(dòng)它,就按住鼠標(biāo)拖動(dòng),要?jiǎng)h除它,就直接按DEL鍵。按住SHIFT鍵連續(xù)單擊線條,可以同時(shí)選取多個(gè)對(duì)象。如果要選取全部的線條,是否得按住SHIFT鍵挨個(gè)點(diǎn)擊呢?不需要,我們用黑色箭頭工具拉出一個(gè)選取框來,就可以將其全部選中了。(4)給樹葉上色單擊【填充顏色】按鈕,會(huì)出現(xiàn)一個(gè)調(diào)色板,同時(shí)光標(biāo)變成吸管狀。在【自定義顏色】選項(xiàng)下單擊一個(gè)自定義色塊,該色塊會(huì)被虛線包圍,在【顏色】對(duì)話框右邊的【調(diào)色板】中單擊你喜歡的顏色,上下拖動(dòng)右邊顏色條上的箭頭,移到你需要的深淺度上,單擊【添加到自定義顏色】按鈕,這個(gè)色塊就被你收藏起來了。下一次要使用時(shí),打開這個(gè)【顏色】面板,在自定義色中可以方便的選取你中意的顏色。在調(diào)色板里選取綠色,單擊工具箱里【顏料桶工具】。我們還是一塊一塊的填上顏色。但是在填充顏色前,一定要將樹葉圖形恢復(fù)到使用【橡皮工具】擦除操作前的模樣。先填充顏色再畫葉脈,隨著操作的增加,經(jīng)驗(yàn)也會(huì)越來越豐富的。最后填充完的效果如圖5.15所示。至此,一個(gè)樹葉圖形就繪制好了。請(qǐng)你執(zhí)行【窗口】|【庫(kù)】命令,打開【庫(kù)】面板,【庫(kù)】面板中出現(xiàn)一個(gè)“樹葉”圖形元件。圖5.15【庫(kù)】面板中的“樹葉“圖形元件5.2.4引導(dǎo)線動(dòng)畫、遮罩動(dòng)畫1、創(chuàng)建引導(dǎo)層和被引導(dǎo)層一個(gè)最基本“引導(dǎo)路徑動(dòng)畫”由二個(gè)圖層組成,上面一層是“引導(dǎo)層”,它的圖層圖標(biāo)為,下面一層是“被引導(dǎo)層”,圖標(biāo)同普通圖層一樣。在普通圖層上點(diǎn)擊時(shí)間軸面板的“添加引導(dǎo)層”按鈕,該層的上面就會(huì)添加一個(gè)引導(dǎo)層,同時(shí)該普通層縮進(jìn)成為“被引導(dǎo)層”,如圖圖5.16所示。圖5.16引導(dǎo)路徑動(dòng)畫(1)引導(dǎo)層和被引導(dǎo)層中的對(duì)象引導(dǎo)層是用來指示元件運(yùn)行路徑的,所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪制出的線段。而“被引導(dǎo)層”中的對(duì)象是跟著引導(dǎo)線走的,可以使用影片剪輯、圖形元件、按鈕、文字等,但不能應(yīng)用形狀。由于引導(dǎo)線是一種運(yùn)動(dòng)軌跡,不難想象,“被引導(dǎo)”層中最常用的動(dòng)畫形式是動(dòng)作補(bǔ)間動(dòng)畫,當(dāng)播放動(dòng)畫時(shí),一個(gè)或數(shù)個(gè)元件將沿著運(yùn)動(dòng)路徑移動(dòng)。(2)向被引導(dǎo)層中添加元件“引導(dǎo)動(dòng)畫”最基本的操作就是使一個(gè)運(yùn)動(dòng)動(dòng)畫“附著”在“引導(dǎo)線”上。所以操作時(shí)特別得注意“引導(dǎo)線”的兩端,被引導(dǎo)的對(duì)象起始、終點(diǎn)的2個(gè)“中心點(diǎn)”一定要對(duì)準(zhǔn)“引導(dǎo)線”的2個(gè)端頭,如圖5.17所示。圖5.17元件中心十字星對(duì)準(zhǔn)引導(dǎo)線在圖5.17中,我們特地把“元件”的透明度設(shè)為50%,使你可以透過元件看到下面的引導(dǎo)線,“元件”中心的十字星正好對(duì)著線段的端頭,這一點(diǎn)非常重要,是引導(dǎo)線動(dòng)畫順利運(yùn)行的前提。2、應(yīng)用引導(dǎo)路徑動(dòng)畫的技巧“被引導(dǎo)層”中的對(duì)象在被引導(dǎo)運(yùn)動(dòng)時(shí),還可作更細(xì)致的設(shè)置,比如運(yùn)動(dòng)方向,把【屬性】面板上的【路徑調(diào)整】前打上勾,對(duì)象的基線就會(huì)調(diào)整到運(yùn)動(dòng)路徑。而如果在【對(duì)齊】前打勾,元件的注冊(cè)點(diǎn)就會(huì)與運(yùn)動(dòng)路徑對(duì)齊,如圖5.18所示。圖5.18路徑調(diào)整和對(duì)齊引導(dǎo)層中的內(nèi)容在播放時(shí)是看不見的,利用這一特點(diǎn),可以單獨(dú)定義一個(gè)不含“被引導(dǎo)層”的“引導(dǎo)層”,該引導(dǎo)層中可以放置一些文字說明、元件位置參考等,此時(shí),引導(dǎo)層的圖標(biāo)為。在做引導(dǎo)路徑動(dòng)畫時(shí),按下工具欄上的【對(duì)齊對(duì)象】功能按鈕,可以使“對(duì)象附著于引導(dǎo)線”的操作更容易成功。過于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫失敗,而平滑圓潤(rùn)的線段有利于引導(dǎo)動(dòng)畫成功制作。被引導(dǎo)對(duì)象的中心對(duì)齊場(chǎng)景中的十字星,也有助于引導(dǎo)動(dòng)畫的成功。向被引導(dǎo)層中放入元件時(shí),在動(dòng)畫開始和結(jié)束的關(guān)鍵幀上,一定要讓元件的注冊(cè)點(diǎn)對(duì)準(zhǔn)線段的開始和結(jié)束的端點(diǎn),否則無法引導(dǎo),如果元件為不規(guī)則形,可以按下工具欄上的任意變形工具,調(diào)整注冊(cè)點(diǎn)。如果想解除引導(dǎo),可以把被引導(dǎo)層拖離“引導(dǎo)層”,或在圖層區(qū)的引導(dǎo)層上單擊右鍵,在彈出的菜單上選擇【屬性】,在對(duì)話框中選擇“正?!弊鳛閳D層類型,如圖5.19所示。圖5.19圖層屬性面板如果想讓對(duì)象作圓周運(yùn)動(dòng),可以在“引導(dǎo)層”畫個(gè)圓形線條,再用橡皮擦去一小段,使圓形線段出現(xiàn)2個(gè)端點(diǎn),再把對(duì)象的起始、終點(diǎn)分別對(duì)準(zhǔn)端點(diǎn)即可。引導(dǎo)線允許重疊,比如螺旋狀引導(dǎo)線,但在重疊處的線段必需保持圓潤(rùn),讓Flash能辨認(rèn)出線段走向,否則會(huì)使引導(dǎo)失敗。3、實(shí)例——海底世界(1)創(chuàng)建影片文檔新建一個(gè)影片文檔,舞臺(tái)尺寸設(shè)置為450*300象素,【背景色】設(shè)置為深藍(lán)色,如圖5.20所示。圖5.20文檔屬性(2)創(chuàng)建元件本例中的元件較前面的實(shí)例要多一些,我們把它們分成“水泡部分”、“海底部分”、“游魚部分”三個(gè)部分來敘述。先來創(chuàng)建和水泡有關(guān)的部分。創(chuàng)建“單個(gè)水泡”元件執(zhí)行【插入】|【新建元件】命令,新建一個(gè)圖形元件,名稱為“單個(gè)水泡”。先在場(chǎng)景中畫一個(gè)無邊的園,顏色任意,大小為30*30,再設(shè)置混色器面板的參數(shù),四個(gè)調(diào)節(jié)手柄全為白色,Alpha值從左向右依次為100%、40%、10%、100%,如圖5.21所示,用油漆筒工具在畫好的圓的中心偏左上的地方點(diǎn)一下,如對(duì)填充的顏色不滿意,可以用填充變形工具進(jìn)行調(diào)整。圖5.21水泡(放大400倍)、填充位置及混色器面板參數(shù)創(chuàng)建“一個(gè)水泡及引導(dǎo)線”元件執(zhí)行【插入】|【新建元件】命令,新建影片剪輯,名稱為“一個(gè)水泡及引導(dǎo)線”。點(diǎn)擊添加引導(dǎo)層按鈕添加一個(gè)引導(dǎo)層,在此層中用鉛筆工具從場(chǎng)景的中心向上畫一條曲線并在第60幀處加普通幀。在其下的被引導(dǎo)層的第一幀,拖入庫(kù)中的名為“單個(gè)水泡”的元件,放在引導(dǎo)線的下端,在第60幀加關(guān)鍵幀,把“單個(gè)水泡”元件移到引導(dǎo)線的上端并設(shè)置Alpha值為50%,如圖5.22所示。圖5.22水泡及引導(dǎo)線創(chuàng)建“成堆的水泡”元件執(zhí)行【插入】|【新建元件】命令,新建一個(gè)影片剪輯,名稱為“成堆的水泡”。從庫(kù)里拖入數(shù)個(gè)“一個(gè)水泡及引導(dǎo)線”元件,任意改變大小位置。創(chuàng)建“魚及引導(dǎo)線”元件執(zhí)行【插入】|【新建元件】命令,新建一個(gè)影片剪輯,名稱為“魚及引導(dǎo)線”。此元件只有引導(dǎo)層和被引導(dǎo)層二層,點(diǎn)擊時(shí)間軸面板上的添加引導(dǎo)層圖標(biāo),新建引導(dǎo)層,在引導(dǎo)層中用鉛筆工具畫一條曲線作魚兒游動(dòng)時(shí)的路徑,在被引導(dǎo)層中執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令,將本實(shí)例中的名為“魚”的元件導(dǎo)入到場(chǎng)景中,在第1幀及第100幀中分別置于引導(dǎo)線的兩端,在第一幀中建立補(bǔ)間運(yùn)動(dòng)動(dòng)畫,在【屬性】面板上的【路徑調(diào)整】、【同步】、【對(duì)齊】三項(xiàng)前均打勾,如圖5.23所示。圖5.23魚及引導(dǎo)線創(chuàng)建“海底”元件執(zhí)行【插入】|【新建元件】命令,新建一個(gè)圖形元件,名稱為“海底”。選擇第一幀,然后再執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令,將本實(shí)例中的名為“海底.bmp”的圖片導(dǎo)入到場(chǎng)景中。創(chuàng)建“遮罩矩形”元件執(zhí)行【插入】|【新建元件】命令,新建一個(gè)圖形元件,名稱為“遮罩矩形”。在場(chǎng)景中畫一個(gè)500*4的無邊矩形,因?yàn)椤罢谡謱印敝械膱D形在播放時(shí)不會(huì)顯示,所以顏色任意。復(fù)制并粘貼這個(gè)矩形,向下移一點(diǎn)位置,使其變成二個(gè),再?gòu)?fù)制并粘貼這二個(gè)矩形,再向下移一點(diǎn)位置,使其變?yōu)樗膫€(gè),如此循環(huán),直至創(chuàng)建出一個(gè)500*540的矩形。創(chuàng)建“水波效果”元件水波蕩漾的效果是用遮罩動(dòng)畫的手法做的,看著挺漂亮,實(shí)際制作卻很簡(jiǎn)單,只用三層就完成了,里面有二個(gè)小技巧,在下面的講解過程中會(huì)著重介紹。執(zhí)行【插入】|【新建元件】命令,新建一個(gè)影片剪輯,名稱為“水波效果”先把最下面圖層作為當(dāng)前編輯圖層,從庫(kù)里拖入名為“海底”的圖形元件,在【屬性】面板上設(shè)置元件的X值為0,Y值為0,在時(shí)間幀上點(diǎn)一下右鍵,在彈出菜單中選擇【復(fù)制幀】,在第100幀加普通幀。然后新建一個(gè)圖層,在這層的第一幀上點(diǎn)一下右鍵,在彈出菜單中選擇【粘貼幀】,就把剛才的元件粘到第二層里了,在【屬性】面板上設(shè)置此元件的X值為0,Y值為1,Alpha值為80%,在第100幀加普通幀。注意:這里是一個(gè)技巧:第二層圖片與第一層圖片的位置差決定水波蕩漾的大小!位置差越大,水波越大,其Alpha值的大小決定水波的清晰程度,Alpha值越大,水波越清晰,反之越模糊。圖5.24是第一層和第二層中兩張圖片在X,Y軸的位置的不同的對(duì)比。圖5.24兩張圖片在場(chǎng)景中的位置對(duì)比要實(shí)現(xiàn)水波蕩漾,光有二層圖片是不行的,還要用遮罩動(dòng)畫實(shí)現(xiàn)光線的明暗變化才行,這樣,才能產(chǎn)生水的流動(dòng)感。新建一層,在第1幀上拖入庫(kù)中名為“遮罩矩形”的元件,注意下面的邊緣對(duì)著“海底圖片”的下邊緣。在第100幀上加關(guān)鍵幀,拖動(dòng)“遮罩矩形”,使其上邊緣對(duì)著“海底圖片”的上邊緣,在第1幀創(chuàng)建補(bǔ)間動(dòng)作動(dòng)畫。如圖5.25所示。圖5.25遮罩層中矩形元件的位置4.創(chuàng)建動(dòng)畫(1)創(chuàng)建背景層從庫(kù)中把名為“水波效果”的元件拖到場(chǎng)景中,在第134幀加普通幀,該層命名為“背景”。(2)創(chuàng)建水泡層新建名為“水泡”的圖層,在第1幀,第30幀從庫(kù)里把名為“成堆的水泡”的元件拖到場(chǎng)景中來,數(shù)目、大小、位置任意,在第134幀加普通幀。(3)創(chuàng)建游魚層新建名為“魚”的圖層,從庫(kù)里把名為“魚及引導(dǎo)線”的元件拖放到場(chǎng)景的左側(cè),數(shù)目、大小、位置任意,在第134幀加普通幀。圖5.26圖片、魚、水泡的位置從場(chǎng)景中你是否發(fā)現(xiàn),我們?cè)谥谱鬟^程中免不了會(huì)在場(chǎng)景外放置一些對(duì)象(圖5.26)所示在場(chǎng)景外就有一條魚),這些“場(chǎng)外對(duì)象”在本地播放器中不會(huì)出現(xiàn),而當(dāng)你在網(wǎng)上發(fā)布swf文件時(shí),由于網(wǎng)站(尤其各種論壇)默認(rèn)的swf文件的尺寸不盡相同,有的會(huì)顯示出“場(chǎng)外對(duì)象”,這好比一個(gè)舞臺(tái)劇演出時(shí),幕后候臺(tái)演員的情況也暴露出來,非常不美觀,怎么辦呢?記得在談到“遮罩動(dòng)畫”時(shí),我們?cè)岬竭^“遮罩”的另外一個(gè)作用是“用來遮罩全部場(chǎng)景或某個(gè)特殊區(qū)域”,那么,下面就試試用遮罩來為我們管理舞臺(tái)界面!在場(chǎng)景中畫一個(gè)無邊矩形,大小為450*300,蓋住全部場(chǎng)景,設(shè)此層為遮罩層,此時(shí)下面的聲音層自動(dòng)縮進(jìn)被遮罩了,用鼠標(biāo)左鍵分別按住下面的各層,向上略移一點(diǎn)點(diǎn),松手,各層就會(huì)自動(dòng)縮進(jìn)被遮罩了,如圖5.27所示。這樣,在播放時(shí),我們就只能看到場(chǎng)景中的情形了,場(chǎng)景外的元件被遮罩了。圖5.27遮罩層遮住下面各層5.2.5逐幀動(dòng)畫本節(jié)著重介紹逐幀動(dòng)畫(FrameByFrame),這是一種常見的動(dòng)畫手法,它的原理是在“連續(xù)的關(guān)鍵幀”中分解動(dòng)畫動(dòng)作,也就是每一幀中的內(nèi)容不同,連續(xù)播放而成動(dòng)畫。由于逐幀動(dòng)畫的幀序列內(nèi)容不一樣,不僅增加制作負(fù)擔(dān)而且最終輸出的文件量也很大,但它的優(yōu)勢(shì)也很明顯:因?yàn)樗嗨婆c電影播放模式,很適合于表演很細(xì)膩的動(dòng)畫,如3D效果、人物或動(dòng)物急劇轉(zhuǎn)身等等效果。1、逐幀動(dòng)畫的概念和在時(shí)間幀上的表現(xiàn)形式在時(shí)間幀上逐幀繪制幀內(nèi)容稱為逐幀動(dòng)畫,由于是一幀一幀的畫,所以逐幀動(dòng)畫具有非常大的靈活性,幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。逐幀動(dòng)畫在時(shí)間幀上表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀,如圖5.28所示。圖5.28逐幀動(dòng)畫2、創(chuàng)建逐幀動(dòng)畫的幾種方法用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫:用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入Flash中,就會(huì)建立一段逐幀動(dòng)畫。繪制矢量逐幀動(dòng)畫:用鼠標(biāo)或壓感筆在場(chǎng)景中一幀幀的畫出幀內(nèi)容。文字逐幀動(dòng)畫:用文字作幀中的元件,實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。導(dǎo)入序列圖像:可以導(dǎo)入gif序列圖像、swf動(dòng)畫文件或者利用第3方軟件(如swish、swift3D等)產(chǎn)生的動(dòng)畫序列。3、繪圖紙功能(1)繪畫紙的功能繪畫紙是一個(gè)幫助定位和編輯動(dòng)畫的輔助功能,這個(gè)功能對(duì)制作逐幀動(dòng)畫特別有用。通常情況下,F(xiàn)lash在舞臺(tái)中一次只能顯示動(dòng)畫序列的單個(gè)幀。使用繪畫紙功能后,你就可以在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀了。如圖5.29所示,這是使用繪畫紙功能后的場(chǎng)景,可以看出,當(dāng)前幀中內(nèi)容用全彩色顯示,其它幀內(nèi)容以半透明顯示,它使我們看起來好像所有幀內(nèi)容是畫在一張半透明的繪圖紙上,這些內(nèi)容相互層疊在一起。當(dāng)然,這時(shí)你只能編輯當(dāng)前幀的內(nèi)容。圖5.29同時(shí)顯示多幀內(nèi)容的變化(2)繪圖紙各個(gè)按鈕的介紹繪圖紙外觀按鈕按下此按鈕后,在時(shí)間幀的上方,出現(xiàn)繪圖紙外觀標(biāo)記。拉動(dòng)外觀標(biāo)記的兩端,可以擴(kuò)大或縮小顯示范圍。繪圖紙外觀輪廓按下此按鈕后,場(chǎng)景中顯示各幀內(nèi)容的輪廓線,填充色消失,特別適合觀察對(duì)象輪廓,另外可以節(jié)省系統(tǒng)資源,加快顯示過程。3.繪圖紙顯示多幀按鈕,按下后可以顯示全部幀內(nèi)容,并且可以進(jìn)行“多幀同時(shí)編輯”。修改繪圖紙標(biāo)記按下后,彈出菜單,菜單中有以下選項(xiàng):“總是顯示標(biāo)記”選項(xiàng)會(huì)在時(shí)間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記,無論繪圖紙外觀是否打開?!板^定繪圖紙外觀標(biāo)記”選項(xiàng)會(huì)將繪圖紙外觀標(biāo)記鎖定在它們?cè)跁r(shí)間軸標(biāo)題中的當(dāng)前位置。通常情況下,繪圖紙外觀范圍是和當(dāng)前幀的指針以及繪圖紙外觀標(biāo)記相關(guān)的。通過錨定繪圖紙外觀標(biāo)記,可以防止它們隨當(dāng)前幀的指針移動(dòng)?!袄L圖紙2”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示兩個(gè)幀?!袄L圖紙5”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示五個(gè)幀?!袄L制全部”選項(xiàng)會(huì)在當(dāng)前幀的兩邊顯示全部幀。上面,我們?nèi)娼榻B了逐幀動(dòng)畫的特點(diǎn)和創(chuàng)建方法,現(xiàn)在,我們來動(dòng)手制作二個(gè)逐幀動(dòng)畫實(shí)例,以加深對(duì)逐幀動(dòng)畫的認(rèn)識(shí)。4、案例——奔跑的豹子茫茫雪原上,有一只矯健的豹子在奔跑跳躍,這是一個(gè)利用導(dǎo)入連續(xù)位圖而創(chuàng)建的逐幀動(dòng)畫,如圖5.30所示。圖5.30奔跑的豹子(1)創(chuàng)建影片文檔執(zhí)行【文件】|【新建】命令,在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項(xiàng)后,點(diǎn)擊【確定】按鈕,新建一個(gè)影片文檔,在【屬性】面板上設(shè)置文件大小為400*260象素,【背景色】為白色,如圖5.31所示。圖5.31創(chuàng)建新文檔(2)創(chuàng)建背景圖層選擇第一幀,執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令,將本實(shí)例中的名為“雪景.bmp”圖片導(dǎo)入到場(chǎng)景中。在第8幀按F5,加過渡幀使幀內(nèi)容延續(xù)。(3)導(dǎo)入gif動(dòng)畫新建一層,選擇第一幀,執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令,將本教程中的“奔跑的豹子”系列圖片導(dǎo)入。此時(shí),會(huì)彈出一個(gè)對(duì)話框,如圖5.32所示。圖5.32系列圖片導(dǎo)入選擇【是】按鈕,F(xiàn)lash會(huì)自動(dòng)把gif中的圖片序列按序以逐幀形式導(dǎo)入場(chǎng)景的左上角,如圖5.33所示。如圖5.34所示是導(dǎo)入后的動(dòng)畫序列,它們被Flash自動(dòng)分配在8個(gè)關(guān)鍵幀中。圖5.33圖5.34(4)調(diào)整對(duì)象位置此時(shí),時(shí)間幀區(qū)出現(xiàn)連續(xù)的關(guān)鍵幀,從左向右拉動(dòng)播放頭,就會(huì)看到一頭勇猛的豹子在向前奔跑,但是,被導(dǎo)入的動(dòng)畫序列位置尚未處于我們需要的地方,缺省狀況下,導(dǎo)入的對(duì)象被放在場(chǎng)景坐標(biāo)“0,0”處,我們必須移動(dòng)它們。你當(dāng)然可以一幀幀調(diào)整位置,完成一幅圖片后記下其坐標(biāo)值,再把其它圖片設(shè)置成相同坐標(biāo)值,如果你有足夠耐性和時(shí)間,也無妨,那么,我們何不試試“多幀編輯”功能呢?先把“雪景”圖層加鎖,然后按下時(shí)間軸面板下方的【繪圖紙顯示多幀】按鈕,再單擊【修改繪圖紙標(biāo)記】按鈕,在彈出的菜單中選擇【顯示全部】選項(xiàng),如圖5.35所示。最后執(zhí)行【編輯】|【全選】命令,此時(shí)時(shí)間軸和場(chǎng)景效果如圖5.36所示。用鼠標(biāo)左鍵按住場(chǎng)景左上方的豹子拖動(dòng),就可以一次把8幀中的圖片一次全移動(dòng)到場(chǎng)景中了。圖5.35圖5.36(5)設(shè)置標(biāo)題文字在場(chǎng)景中新建一個(gè)圖層,單擊工具欄上的文字工具按鈕,設(shè)置【屬性】面板上的文本參數(shù)如下,【文本類型】為靜態(tài)文本;【字體】為隸書;【字體大小】35;【顏色】為深藍(lán)色。如圖5.37所示。在文本框輸入“奔跑的豹子”五個(gè)字,居中放置。圖5.37字體【屬性】面板參數(shù)設(shè)置(6)測(cè)試存盤執(zhí)行【控制】|【測(cè)試影片】命令,觀察本例swf文件生成的動(dòng)畫有無問題,如果滿意,執(zhí)行【文件】|【保存】命令,將文件保存成“奔跑的豹子.fla”文件存盤,如果要導(dǎo)出Flash的播放文件,執(zhí)行【導(dǎo)出】|【導(dǎo)出影片】命令保存成“奔跑的豹子.swf”文件。5.2.6形狀補(bǔ)間動(dòng)畫1、形狀補(bǔ)間動(dòng)畫的概念(1)形狀補(bǔ)間動(dòng)畫的概念在Flash的時(shí)間幀面板上,在一個(gè)時(shí)間點(diǎn)(關(guān)鍵幀)繪制一個(gè)形狀,然后在另一個(gè)時(shí)間點(diǎn)(關(guān)鍵幀)更改該形狀或繪制另一個(gè)形狀,F(xiàn)lash根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。(2)構(gòu)成形狀補(bǔ)間動(dòng)畫的元素形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化,其變形的靈活性介于逐幀動(dòng)畫和動(dòng)作補(bǔ)間動(dòng)畫二者之間,使用的元素多為用鼠標(biāo)或壓感筆繪制出的形狀,如果使用圖形元件、按鈕、文字,則必先“打散”再變形。(3)形狀補(bǔ)間動(dòng)畫在時(shí)間幀面板上的表現(xiàn)形狀補(bǔ)間動(dòng)畫建好后,時(shí)間幀面板的背景色變?yōu)榈G色,在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭,如圖5.38所示圖5.38形狀補(bǔ)間動(dòng)畫在時(shí)間幀面板上的標(biāo)記(4)創(chuàng)建形狀補(bǔ)間動(dòng)畫的方法在時(shí)間軸面板上動(dòng)畫開始播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要開始變形的形狀,一般一幀中以一個(gè)對(duì)象為好,在動(dòng)畫結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要變成的形狀,再單擊開始幀,在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角,在彈出的菜單中選擇【形狀】,此時(shí),時(shí)間軸上的變化如圖5.38所示,一個(gè)形狀補(bǔ)間動(dòng)畫就創(chuàng)建完畢。2、認(rèn)識(shí)形狀補(bǔ)間動(dòng)畫的屬性面板Flash的【屬性】面板隨鼠標(biāo)選定的對(duì)象不同而發(fā)生相應(yīng)的變化。當(dāng)我們建立了一個(gè)形狀補(bǔ)間動(dòng)畫后,點(diǎn)擊時(shí)間幀,【屬性】面板如圖5.39所示。圖5.39形狀補(bǔ)間動(dòng)畫【屬性】面板形狀補(bǔ)間動(dòng)畫的【屬性】面板上只有二個(gè)參數(shù):(1)“簡(jiǎn)單”選項(xiàng)在“0”邊有個(gè)滑動(dòng)拉桿按鈕,單擊后上下拉動(dòng)滑桿或填入具體的數(shù)值,形狀補(bǔ)間動(dòng)畫會(huì)隨之發(fā)生相應(yīng)的變化。在1到-100的負(fù)值之間,動(dòng)畫運(yùn)動(dòng)的速度從慢到快,朝運(yùn)動(dòng)結(jié)束的方向加速度補(bǔ)間。在1到100的正值之間,動(dòng)畫運(yùn)動(dòng)的速度從快到慢,朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。默認(rèn)情況下,補(bǔ)間幀之間的變化速率是不變的。(2)“混合”選項(xiàng)“混合”選項(xiàng)中有二項(xiàng)供選擇:“角形”選項(xiàng):創(chuàng)建的動(dòng)畫中間形狀會(huì)保留有明顯的角和直線,適合于具有銳化轉(zhuǎn)角和直線的混合形狀?!胺植际健边x項(xiàng):創(chuàng)建的動(dòng)畫中間形狀比較平滑和不規(guī)則。至此,“形狀補(bǔ)間動(dòng)畫”的相關(guān)知識(shí)大家都已經(jīng)有所了解,下面動(dòng)手個(gè)實(shí)例,體會(huì)一下形狀補(bǔ)間動(dòng)畫的奇妙。3、實(shí)例——慶祝國(guó)慶國(guó)慶的夜空絢麗多彩,朵朵禮花在天空中綻放,遠(yuǎn)處傳來禮炮的轟鳴聲,讓我們來給這美麗的夜晚增加點(diǎn)喜慶,掛幾個(gè)大紅燈籠來慶祝祖國(guó)的生日吧。實(shí)例播放效果如圖5.40所示。圖5.40慶祝國(guó)慶實(shí)例畫面(1)創(chuàng)建新文檔執(zhí)行【文件】|【新建】命令,在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項(xiàng)后,點(diǎn)擊【確定】按鈕,新建一個(gè)影片文檔,在【屬性】面板上設(shè)置文件大小為400*330象素,【背景色】為白色,如圖5.41所示。圖5.41文檔屬性(2)創(chuàng)建背景圖層執(zhí)行【文件】|【導(dǎo)入到場(chǎng)景】命令,將本實(shí)例中名為“節(jié)日夜空.jpg”圖片導(dǎo)入到場(chǎng)景中,在第80幀處按下F5,加普通幀。(3)創(chuàng)建燈籠形狀我們先來畫燈籠,執(zhí)行【窗口】|【設(shè)計(jì)面板】|【混色器】命令,打開混色器面板,如圖5.42所示設(shè)置混色器面板的各項(xiàng)參數(shù)。圖5.42混色器面板設(shè)置之一選擇工具欄上的橢圓工具,去掉邊線,在場(chǎng)景中畫一個(gè)橢圓做燈籠的主體,大小為65*40象素。接著我們來畫燈籠上下的邊,打開【混色器】面板,按照如圖5.43設(shè)置參數(shù)。圖5.43混色器面板設(shè)置之二選擇工具欄上的矩形工具,去掉邊線,畫一個(gè)矩形,大小為30*10象素,復(fù)制這個(gè)矩形,分別放在燈籠的上下方,再畫一個(gè)小的矩形,長(zhǎng)寬為7*10象素,作為燈籠上面的提手。最后用直線工具在燈籠的下面畫幾條黃色線條做燈籠穗,一個(gè)漂亮的燈籠就畫好了。如圖5.43所示(為了能清楚的顯示燈籠,可暫時(shí)將背景色改為藍(lán)色)。圖5.44畫好的燈籠(4)復(fù)制粘貼四個(gè)燈籠復(fù)制剛畫好的燈籠,新建三個(gè)圖層,在每個(gè)圖層中粘貼一個(gè)燈籠,調(diào)整燈籠的位置,使其錯(cuò)落有致的排列在場(chǎng)景中。在第20、40幀處為各圖層添加關(guān)鍵幀,如圖5.45所示。圖5.45錯(cuò)落有致的燈籠及時(shí)間軸面板(5)把文字轉(zhuǎn)為形狀取代燈籠選取第一個(gè)燈籠,在第40幀處用文字“慶”取代燈籠,文字的的【屬性】面板上的參數(shù):【文本類型】為靜態(tài)文本,【字體】為隸書,【字體大小】為60,【顏色】為紅色。對(duì)“慶”字執(zhí)行【修改】|【分散】命令,把文字轉(zhuǎn)為形狀。如圖5.45上半部分所示。依照以上步驟,在第40幀處的相應(yīng)圖層上依次用“祝”、“國(guó)”、“慶”三個(gè)字取代另外三個(gè)燈籠,并執(zhí)行【分散】操作,其結(jié)果如圖5.46下半部分所示。圖5.46用文字形狀取代燈籠形狀及文字打散(6)設(shè)置文字形狀到燈籠形狀的轉(zhuǎn)變?cè)凇盁艋\”各圖層的第60幀及80幀處,分別添加關(guān)鍵幀,現(xiàn)在,在80幀處各“燈籠”圖層中的內(nèi)容為“文字圖形”,應(yīng)該把它們換成“燈籠”。具體辦法可以分別選擇第20幀中的“燈籠”圖形,再一個(gè)個(gè)“粘貼”進(jìn)第80幀中,當(dāng)然,你先應(yīng)該清除第80幀處4個(gè)“燈籠”圖層中的內(nèi)容!(7)創(chuàng)建形狀補(bǔ)間動(dòng)畫在“燈籠”各圖層的第20、60幀處單擊幀,在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角在彈出的菜單中選擇【形狀】,建立形狀補(bǔ)間動(dòng)畫,如圖5.47所示。圖5.47創(chuàng)建形狀補(bǔ)間動(dòng)畫(8)測(cè)試存盤執(zhí)行【控制】|【測(cè)試影片】命令,觀察本例swf文件生成的動(dòng)畫有無問題,如果滿意,執(zhí)行【文件】|【保存】命令,將文件保存成“慶祝國(guó)慶.fla”文件存盤,如果要導(dǎo)出Flash的播放文件,執(zhí)行【導(dǎo)出】|【導(dǎo)出影片】命令保存成“慶祝國(guó)慶.swf”文件。5.3實(shí)踐報(bào)告5.3.1內(nèi)容①對(duì)本實(shí)踐課程涉及到的動(dòng)畫的基礎(chǔ)理論、藝術(shù)特點(diǎn)、以及動(dòng)畫的制作原理和方法的理解;②Flash簡(jiǎn)單動(dòng)畫自創(chuàng)作品,寫出主要思路并說明技術(shù)應(yīng)用過程。5.3.2形式A4黑白打印稿、電子文檔、Flash8作品原件和導(dǎo)出文件。(實(shí)踐一結(jié)束后上交)六、項(xiàng)目二Flash動(dòng)畫高級(jí)制作6.1目的1、了解Flash動(dòng)畫中交互性的實(shí)現(xiàn)方法。2、了解和熟悉按鈕、ActionScript腳本語(yǔ)言的概念和控制方法。3、了解和掌握動(dòng)畫場(chǎng)景的設(shè)定方法。4、了解和掌握按鈕元件的設(shè)計(jì)和制作及在舞臺(tái)上的應(yīng)用。5、了解Flash動(dòng)畫中的音頻及相關(guān)處理手法。6、了解和掌握動(dòng)畫測(cè)試的種類和方法、優(yōu)化的多種方法、發(fā)布的類型。6.2內(nèi)容6.2.1編寫ActionScript程序1.ActionScript程序初識(shí)(1)打開范例文件
請(qǐng)打開素材下載中的ch5-1原始.fla。這是一個(gè)文字動(dòng)畫,文字首先從舞臺(tái)左邊飛入,然后由大變小。你可以先測(cè)試觀察一下動(dòng)畫效果。打開的影片文件的圖層結(jié)構(gòu)如圖6.1所示。圖6.1圖層結(jié)構(gòu)接下來,要在打開的這個(gè)影片文件基礎(chǔ)上進(jìn)行操作。
(2)
定義第一幀的停止動(dòng)作
在“動(dòng)畫”圖層上新添加一個(gè)圖層,并重新命名為“AS”。選擇“AS”圖層的第一幀,打開“動(dòng)作”面板,在其中左邊的“動(dòng)作工具箱”中,單擊“全局函數(shù)”,展開以后,再單擊“時(shí)間軸控制”,如圖6.2所示。這時(shí)可以看到,“時(shí)間軸控制”類別下的函數(shù)都顯示出來了。圖6.2展開“時(shí)間軸控制”函數(shù)類別默認(rèn)情況下,“動(dòng)作”面板顯示在軟件窗口的下方,只需單擊就可以展開面板。如果軟件窗口中沒有顯示“動(dòng)作”面板,你可以選擇“窗口”|“開發(fā)面板”|“動(dòng)作”命令,將“動(dòng)作”面板打開。雙擊“時(shí)間軸控制”類別下的“stop”函數(shù),在“動(dòng)作”面板右邊的“腳本輸入?yún)^(qū)”出現(xiàn)一個(gè)程序行,如圖6.3所示。圖6.3雙擊stop函數(shù)完成以上操作以后,“AS”圖層的第一幀發(fā)生了變化,上面顯示一個(gè)“a”標(biāo)志,如圖6.4所示。圖6.4幀動(dòng)作標(biāo)志現(xiàn)在測(cè)試一下影片吧。由于在第一幀定義了一個(gè)stop函數(shù),所以影片停在第一幀,后面的動(dòng)畫沒有接著播放。下面通過一個(gè)按鈕來控制動(dòng)畫開始播放。(3)通過按鈕讓動(dòng)畫開始播放在“AS”圖層上新建一個(gè)“按鈕”圖層。選擇“按鈕”圖層第一幀,打開“庫(kù)”面板,將其中一個(gè)名字為“播放”的按鈕元件拖放到舞臺(tái)的合適位置。保持這個(gè)按鈕實(shí)例處在選中狀態(tài),打開“動(dòng)作”面板。在“動(dòng)作工具箱”中展開“全局函數(shù)”|“影片剪輯控制”類別,雙擊該類別下的“on”函數(shù),這樣,“腳本窗口”中就自動(dòng)出現(xiàn)相應(yīng)的on程序代碼,并且屏幕上同時(shí)還彈出了關(guān)于on函數(shù)的參數(shù)設(shè)置下拉列表框,如圖6.5所示。圖6.5雙擊參數(shù)設(shè)置下拉列表框中的“press”,接著將光標(biāo)移動(dòng)到大括弧{的右邊,然后再切換到“動(dòng)作工具箱”,展開“全局函數(shù)”中的“時(shí)間軸控制”類別,雙擊這個(gè)類別下面的“play”函數(shù),這時(shí),在“腳本窗口”中會(huì)出現(xiàn)一個(gè)新的程序代碼,最后單擊“腳本窗口”上方的“自動(dòng)套用格式”按鈕,將“腳本窗口”中的腳本變得更清楚一些,最后完成的程序代碼如圖6.6所示。圖6.6完成的程序代碼至此,“播放”按鈕的程序代碼就被定義好了。測(cè)試影片,然后單擊按鈕,你會(huì)發(fā)現(xiàn)動(dòng)畫開始播放了。(4)讓動(dòng)畫從第十五幀跳轉(zhuǎn)播放下面實(shí)現(xiàn)動(dòng)畫播放到結(jié)尾再跳轉(zhuǎn)到第十五幀循環(huán)播放的動(dòng)畫效果。選擇“AS”圖層的第三十幀(動(dòng)畫的最后一幀),按F7插入一個(gè)空白關(guān)鍵幀,在“動(dòng)作”面板中,雙擊“時(shí)間軸控制”類別下的“gotoAndPlay”函數(shù),這樣,在“腳本窗口”中出現(xiàn)gotoAndPlay函數(shù)程序代碼,在小括弧中輸入“15”即可。至此就在“AS”圖層的第三十幀定義了以下程序代碼:gotoAndPlay(15);這個(gè)程序代碼的功能是,當(dāng)動(dòng)畫播放到結(jié)尾時(shí),自動(dòng)跳轉(zhuǎn)到第十五幀繼續(xù)播放。這樣就形成一個(gè)從第十五幀到第三十幀循環(huán)播放的動(dòng)畫效果。測(cè)試觀察一下吧。(5)按鈕控制動(dòng)畫跳轉(zhuǎn)到第一幀前面實(shí)現(xiàn)了一個(gè)從第十五幀到第三十幀循環(huán)播放的動(dòng)畫效果,怎么停止這個(gè)循環(huán)呢?選擇“按鈕”圖層的第一幀,從“庫(kù)”面板中將一個(gè)名字為“停止”的按鈕元件拖放到舞臺(tái)合適位置。保持這個(gè)按鈕實(shí)例處在選中狀態(tài),在“動(dòng)作”面板中,定義這個(gè)按鈕實(shí)例的程序代碼是:on(press){gotoAndStop(1);}這段程序代碼的定義方法和步驟(3)類似,這里不再詳述。這段程序代碼的功能是,當(dāng)單擊“停止”按鈕時(shí),跳轉(zhuǎn)到影片的第一幀并停止播放動(dòng)畫。
2.認(rèn)識(shí)【動(dòng)作】面板
Flash提供了一個(gè)專門處理動(dòng)作腳本的編輯環(huán)境——【動(dòng)作】面板。默認(rèn)情況下,【動(dòng)作】面板自動(dòng)出現(xiàn)在Flash軟件窗口的下方,如果【動(dòng)作】面板沒有顯示出來,那么可以執(zhí)行【窗口】|【開發(fā)面板】|【動(dòng)作】命令來顯示。
FlashMX2004提供了改進(jìn)的【動(dòng)作】面板。在這個(gè)面板中不再包括以前版本中的“標(biāo)準(zhǔn)模式”和“專家模式”。下面來認(rèn)識(shí)一下【動(dòng)作】面板的使用方法。
(1)【動(dòng)作】面板的組成
【動(dòng)作】面板是Flash的程序編輯環(huán)境,它由兩部分組成。右側(cè)部分是“腳本窗口”,這是輸入代碼的區(qū)域。左側(cè)部分是“動(dòng)作工具箱”,每個(gè)動(dòng)作腳本語(yǔ)言元素在該工具箱中都有一個(gè)對(duì)應(yīng)的條目,如圖6.7所示。圖6.7【動(dòng)作】面板在【動(dòng)作】面板中,“動(dòng)作工具箱”還包含一個(gè)“腳本導(dǎo)航器”(位置在如圖17-7所示的左下角小窗口),“腳本導(dǎo)航器”是FLA文件中相關(guān)聯(lián)的幀動(dòng)作、按鈕動(dòng)作具體位置的可視化表示形式,你可以在這里瀏覽FLA文件中的對(duì)象以查找動(dòng)作腳本代碼。如果單擊“腳本導(dǎo)航器”中的某一項(xiàng)目,則與該項(xiàng)目關(guān)聯(lián)的腳本將出現(xiàn)在“腳本窗口”中,并且播放頭將移到時(shí)間軸上的該位置。
“腳本窗口”上方還有若干功能按鈕,利用它們可以快速對(duì)動(dòng)作腳本實(shí)施一些操作,如圖6.8所示。圖6.8功能按鈕(2)添加程序代碼可以直接在【腳本輸入?yún)^(qū)】中編輯程序代碼、輸入函數(shù)和參數(shù)或刪除程序代碼。還可以雙擊“動(dòng)作工具箱”中的某一個(gè)函數(shù),或單擊“腳本窗口”上方的【將新項(xiàng)目添加到腳本中】按鈕,向【腳本窗口】添加程序代碼。一般情況下,可以在其上面定義程序代碼的元素包括:關(guān)鍵幀、按鈕、影片剪輯。前面的“課前熱身”中分別定義了關(guān)鍵幀和按鈕上面的程序代碼,具體方法這里不再重復(fù),請(qǐng)參看前面的相關(guān)步驟。有關(guān)影片剪輯的程序代碼定義會(huì)在以后的章節(jié)中介紹。(3)固定動(dòng)作腳本利用“腳本導(dǎo)航器”可以快速瀏覽影片不同位置的動(dòng)作腳本,但是如果影片中動(dòng)作腳本比較多,并且動(dòng)作腳本分散于FLA文件中的多個(gè)位置,那么可以在【動(dòng)作】面板中固定(就地鎖定)多個(gè)腳本,以便在腳本之中移動(dòng)。雙擊“腳本導(dǎo)航器”中的某一項(xiàng),則該腳本會(huì)被固定,被固定的腳本會(huì)在“腳本窗口”的下方顯示一個(gè)標(biāo)簽。如圖6.9所示,在“腳本窗口”下方顯示了3個(gè)標(biāo)簽,說明有3個(gè)腳本被固定。圖6.9被固定的腳本標(biāo)簽用鼠標(biāo)單擊這些被固定的腳本標(biāo)簽,可以在被固定的腳本之間來回切換。在圖6.9上,目前“腳本窗口”中顯示的是圖層2第1幀上的動(dòng)作腳本。
如果想關(guān)閉被固定的腳本,那么用鼠標(biāo)右鍵單擊相應(yīng)的腳本標(biāo)簽,在彈出的快捷菜單中選擇【關(guān)閉腳本】命令即可。
(4)關(guān)于代碼提示
在【動(dòng)作】面板中編輯動(dòng)作腳本時(shí),F(xiàn)lash可以檢測(cè)到正在輸入的動(dòng)作并顯示代碼提示,即包含該動(dòng)作完整語(yǔ)法的工具提示,或列出可能的方法或?qū)傩悦Q的彈出菜單。當(dāng)精確輸入或命名對(duì)象時(shí),會(huì)出現(xiàn)參數(shù)、屬性和事件的代碼提示,這樣,動(dòng)作腳本編輯器就會(huì)知道要顯示哪些代碼提示。
例如,假設(shè)輸入以下代碼:
varnames:Array=newArray();
names.
當(dāng)輸入句點(diǎn)“.”時(shí),F(xiàn)lash就會(huì)顯示可用于Array對(duì)象的方法和屬性的列表,因?yàn)橐呀?jīng)將該變量的類型指定為數(shù)組,如圖6.10所示?!澳_本窗口”上面有一個(gè)【顯示代碼提示】按鈕,在編輯動(dòng)作腳本時(shí),隨時(shí)單擊這個(gè)按鈕也可以顯示代碼提示。圖6.10代碼提示(5)檢查語(yǔ)法和標(biāo)點(diǎn)要徹底弄清編寫的代碼是否能像預(yù)期的那樣運(yùn)行,需要發(fā)布或測(cè)試文件。不過,可以不必退出FLA文件就迅速檢查動(dòng)作腳本代碼。語(yǔ)法錯(cuò)誤列在【輸出】面板中。還可以檢查代碼塊兩邊的小括號(hào)、大括號(hào)或中括號(hào)(數(shù)組訪問運(yùn)算符)是否齊全。在【動(dòng)作】面板中,可以用以下3種方法檢查語(yǔ)法:◆單擊“腳本窗口”上方的【語(yǔ)法檢查】按鈕?!粼凇緞?dòng)作】面板中,單擊右上角的按鈕,在彈出的菜單中選擇【語(yǔ)法檢查】命令?!粼凇緞?dòng)作】面板中,按快捷鍵Ctrl+T。2.“時(shí)間軸控制”類別下的函數(shù)“時(shí)間軸控制”類別下包括九個(gè)簡(jiǎn)單函數(shù),利用這些函數(shù)可以定義動(dòng)畫的一些簡(jiǎn)單交互控制。下面講解一下這些函數(shù)的用法。(1)gotoAndPlay一般形式:gotoAndPlay(scene,frame);作用:跳轉(zhuǎn)并播放,跳轉(zhuǎn)到指定場(chǎng)景的指定幀,并從該幀開始播放,如果沒有指定場(chǎng)景,則將跳轉(zhuǎn)到當(dāng)前場(chǎng)景的指定幀。參數(shù):scene,跳轉(zhuǎn)至場(chǎng)景的名稱;frame,跳轉(zhuǎn)至幀的名稱或幀數(shù)。有了這個(gè)命令,可以隨心所欲地播放不同場(chǎng)景,不同幀的動(dòng)畫。例:當(dāng)單擊被附加了gotoAndPlay動(dòng)作按鈕時(shí),動(dòng)畫跳轉(zhuǎn)到當(dāng)前場(chǎng)景第十六幀并且開始播放:on(release){gotoAndPlay(16);}例:當(dāng)單擊被附加了gotoAndPlay動(dòng)作按鈕時(shí),動(dòng)畫跳轉(zhuǎn)到場(chǎng)景2第一幀并且開始播放:on(release){gotoAndPlay("場(chǎng)景2",1);}(2)gotoAndstop一般形式:gotoAndstop(scene,frame);作用:跳轉(zhuǎn)并停止播放,跳轉(zhuǎn)到指定場(chǎng)景的指定幀并從該幀停止播放,如果沒有指定場(chǎng)景,則將跳轉(zhuǎn)到當(dāng)前場(chǎng)景的指定幀。參數(shù):scene:跳轉(zhuǎn)至場(chǎng)景的名稱;frame:跳轉(zhuǎn)至幀的名稱或數(shù)字。(3)nextFrame()作用:跳至下一幀并停止播放。例:?jiǎn)螕舭粹o,跳到下一幀并停止播放:on(release){nextFrame();}(4)prevframe()作用:跳至前一幀并停止播放。例:?jiǎn)螕舭粹o,跳到前一幀并停止播放:on(release){prveFrame();}(5)nextScene()作用:跳至下場(chǎng)景并停止播放。(6)PrevScene()作用:跳至前場(chǎng)景并停止播放。(7)play()作用:可以指定影片繼續(xù)播放。在播放影片時(shí),除非另外指定,否則從第一幀播放。如果影片播放進(jìn)程被GoTo(跳轉(zhuǎn))Stop(停止)語(yǔ)句停止,則必須使用play語(yǔ)句才能重新播放。(8)Stop()作用:停止當(dāng)前播放的影片,該動(dòng)作最常見的運(yùn)用是使用按鈕控制影片剪輯。例如,如果需要某個(gè)影片剪輯在播放完畢后停止而不是循環(huán)播放,則可以在影片剪輯的最后一幀附加Stop(停止播放影片)動(dòng)作。這樣,當(dāng)影片剪輯中
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- GB/T 46810-2025電力北斗時(shí)間同步系統(tǒng)安全防護(hù)技術(shù)要求
- 養(yǎng)老院醫(yī)療保健服務(wù)管理制度
- 企業(yè)員工獎(jiǎng)懲與激勵(lì)制度
- 會(huì)議信息發(fā)布與宣傳推廣制度
- 2026年房地產(chǎn)經(jīng)紀(jì)人從業(yè)資格題庫(kù)與答案
- 2026年?duì)I養(yǎng)師專業(yè)能力與知識(shí)考試題集
- 2026年移動(dòng)支付與金融科技產(chǎn)品實(shí)操試題
- 2026年財(cái)務(wù)管理高級(jí)筆試模擬卷
- 2026年軟件測(cè)試專家知識(shí)技能水平認(rèn)證題目
- 2026年新版原代細(xì)胞合同
- 山東煙草2026年招聘(197人)考試備考試題及答案解析
- 二級(jí)醫(yī)院的DRGs培訓(xùn)課件
- 空芯光纖行業(yè)分析報(bào)告
- 置業(yè)顧問崗位招聘考試試卷及答案
- 大眾試駕協(xié)議書
- 2026年醫(yī)療行業(yè)患者滿意度改善方案
- GB/T 4605-2025滾動(dòng)軸承推力滾針和保持架組件及推力墊圈
- 老年機(jī)構(gòu)養(yǎng)老心理健康評(píng)估方案
- 港澳聯(lián)考中文真題及答案
- GB 11174-2025液化石油氣
- 肝素鈉工藝流程
評(píng)論
0/150
提交評(píng)論