《Flash CC 2015動(dòng)畫制作案例教程》中職全套教學(xué)課件

FlashCC2015動(dòng)畫制作案例教程全套可編輯PPT課件目錄CONTENTS01030507040206090810111213FlashCC2015的基本操作圖層的編輯與元件的創(chuàng)建矢量圖形的繪制對(duì)象的編輯與修飾文本的應(yīng)用形狀補(bǔ)間動(dòng)畫的制作補(bǔ)間動(dòng)畫的制作逐幀動(dòng)畫的制作遮罩動(dòng)畫的制作高級(jí)動(dòng)畫的制作聲音和視頻的應(yīng)用ActionScript3.0的應(yīng)用綜合應(yīng)用單元一FlashCC2015的基本操作單元1FlashCC2015的基本操作FlashCC2015是一款優(yōu)秀的動(dòng)畫軟件,利用它可以制作與傳統(tǒng)動(dòng)畫相同的幀動(dòng)畫。從工作方法和制作流程來(lái)看,傳統(tǒng)動(dòng)畫的制作方法比較煩瑣復(fù)雜。而FlashCC2015動(dòng)畫的制作簡(jiǎn)化了許多制作流程,能夠?yàn)閯?chuàng)作者節(jié)約更多的時(shí)間,所以,FlashCC2015動(dòng)畫的創(chuàng)作方式非常適合個(gè)人以及動(dòng)漫愛(ài)好者。學(xué)習(xí)目標(biāo)1、掌握Flash軟件啟動(dòng)、保存和關(guān)閉的方法3、掌握Flash軟件輸出影片與發(fā)布影片的方法5、掌握Flash軟件常用工具的使用方法2、掌握Flash軟件常用面板的使用方法4、了解圖層、幀、元件、實(shí)例庫(kù)、場(chǎng)景等概念6、了解制作Flash動(dòng)畫的流程任務(wù)1認(rèn)識(shí)FlashCC2015軟件的窗口界面1、FlashCC2015軟件的啟動(dòng)與退出圖1-1啟動(dòng)后的畫面(1)單擊桌面左下方的“開(kāi)始”按鈕,選擇“所有程序”→“Adobe

Flash

Professional

CC

2015”選項(xiàng),或者在桌面上創(chuàng)建FlashProfessionalCC2015的快捷方式圖標(biāo),然后雙擊該快捷方式圖標(biāo)啟動(dòng)軟件。啟動(dòng)軟件后出現(xiàn)的畫面如圖1-1所示,選擇“ActionScript3.0”選項(xiàng),進(jìn)入軟件的工作界面,如圖1-2所示。任務(wù)1認(rèn)識(shí)FlashCC2015軟件的窗口界面1、FlashCC2015軟件的啟動(dòng)與退出圖1-2FlashCC軟件的工作界面(2)如果想退出FlashCC2015,只需單擊窗口右上角的關(guān)閉程序按鈕,或者執(zhí)行菜單命令“文件”→“退出”。(3)在退出FlashCC2015之前,一定要保存文件,方法是執(zhí)行菜單命令“文件”→“保存”或“另存為”,也可以按組合鍵Ctrl+S。舞臺(tái)就是工作界面中背景為白色的區(qū)域,如圖1-3所示,是進(jìn)行繪制圖形、輸入文字、設(shè)計(jì)動(dòng)畫等各項(xiàng)操作的區(qū)域,而工作區(qū)是位于舞臺(tái)周圍的灰色區(qū)域。工作區(qū)類似于唱戲的后臺(tái),只有在舞臺(tái)上制作的對(duì)象播放時(shí)才會(huì)顯示出來(lái)。設(shè)置舞臺(tái)的大小和背景顏色。執(zhí)行菜單命令“修改”→“文檔”,彈出圖1-4所示的“文檔設(shè)置”對(duì)話框,可以在對(duì)話框中修改舞臺(tái)的大小和背景顏色等。圖1-3舞臺(tái)與工作區(qū)圖1-4“文檔設(shè)置”對(duì)話框任務(wù)1認(rèn)識(shí)FlashCC2015軟件的窗口界面2.舞臺(tái)與工作區(qū)隨著互聯(lián)網(wǎng)和Flash動(dòng)畫技術(shù)的發(fā)展,Flash的應(yīng)用領(lǐng)域日益擴(kuò)大,如:(1)游戲領(lǐng)域:Flash強(qiáng)大的交互功能搭配其優(yōu)良的動(dòng)畫制作能力,使得它能夠在游戲領(lǐng)域中占有一席之地。(2)網(wǎng)絡(luò)廣告領(lǐng)域:領(lǐng)域隨著互聯(lián)網(wǎng)的發(fā)展,越來(lái)越多的知名企業(yè)通過(guò)Flash動(dòng)畫廣告獲得很好的宣傳效果。(3)電視領(lǐng)域:Flash動(dòng)畫在電視領(lǐng)域不僅應(yīng)用于短片,而且應(yīng)用于電視系列片生產(chǎn),一些動(dòng)畫電視臺(tái)還專門開(kāi)設(shè)了有關(guān)Flash動(dòng)畫的欄目。(4)電影領(lǐng)域:Flash在電影領(lǐng)域應(yīng)用得比較成功的有《花木蘭》動(dòng)畫片和電影短片The

Journal

of

Edwin

Carp。(5)手機(jī)領(lǐng)域:以彩信和互動(dòng)游戲?yàn)橥黄瓶?Flash迅速占領(lǐng)了手機(jī)中的彩信市場(chǎng)。(6)多媒體教學(xué)領(lǐng)域:Flash動(dòng)畫技術(shù)被廣泛地應(yīng)用到課件制作上,課件功能更加完善,內(nèi)容更加精彩。(7)網(wǎng)絡(luò)賀卡領(lǐng)域:在節(jié)日的時(shí)候通過(guò)互聯(lián)網(wǎng)發(fā)送賀卡,使具有豐富效果的Flash有了用武之地。任務(wù)1認(rèn)識(shí)FlashCC2015軟件的窗口界面3.Flash的應(yīng)用領(lǐng)域案例1-1認(rèn)識(shí)FlashCC2015軟件的工作界面案例描述Flash

CC

2015軟件的工作界面如圖1-5所示。圖1-5Flash

CC的工作界面案例1-1認(rèn)識(shí)FlashCC2015軟件的工作界面案例學(xué)習(xí)(1)“時(shí)間軸”面板:是制作Flash動(dòng)畫最主要的組成部分。制作動(dòng)畫都是在“時(shí)間軸”面板中進(jìn)行的。(2)舞臺(tái):窗口中的白色矩形區(qū)域,即動(dòng)畫的顯示區(qū)域,用于編輯和修改動(dòng)畫。(3)工具箱:包含選擇、部分選取、套索和3D旋轉(zhuǎn)等多種圖像處理工具。(4)編輯欄:該欄左側(cè)顯示當(dāng)前“場(chǎng)景”或“元件”的名稱,單擊右側(cè)的“編輯場(chǎng)景”按鈕

,可選擇要編輯的場(chǎng)景;單擊旁邊的“編輯元件”按鈕

,可選擇要編輯的元件。(5)菜單欄:菜單欄是Flash提供的命令集合,幾乎所有可執(zhí)行命令都可以在這里找到。案例1-1認(rèn)識(shí)FlashCC2015軟件的工作界面案例學(xué)習(xí)(6)工作區(qū)切換器:單擊“基本功能”右側(cè)的下拉按鈕,彈出圖1-6所示的下拉列表,選擇不同的項(xiàng)目即可載入不同的工作區(qū)。一般情況下,默認(rèn)工作區(qū)為傳統(tǒng)工作區(qū),此工作區(qū)也是常用的工作區(qū)。(7)面板:用于配合場(chǎng)景、元件的編輯和Flash的功能設(shè)置。面板都是浮動(dòng)的,可以隨意拖動(dòng)其位置。執(zhí)行菜單命令“窗口”,選擇相應(yīng)的選項(xiàng),即可打開(kāi)該選項(xiàng)對(duì)應(yīng)的面板。圖1-6工作區(qū)下拉列表案例1-2了解Flash的時(shí)間軸案例描述

時(shí)間軸好像導(dǎo)演的劇本,它決定了各個(gè)場(chǎng)景的切換以及演員出場(chǎng)、表演的時(shí)間順序。Flash把動(dòng)畫按時(shí)間分解為幀,在舞臺(tái)中直接繪制的圖形或從外部導(dǎo)入的圖像均可形成單獨(dú)的幀,再將各個(gè)單獨(dú)的幀畫面連在一起合成動(dòng)畫?！皶r(shí)間軸”面板如圖1-7所示。圖1-7“時(shí)間軸”面板案例1-2了解Flash的時(shí)間軸案例學(xué)習(xí)(1)時(shí)間軸的主要組件為圖層、幀、播放頭(幀控制區(qū)中紅色的豎線)?！皶r(shí)間軸”面板可以分為左右兩個(gè)區(qū)域,左邊是圖層控制區(qū),右邊是幀控制區(qū)。(2)圖層控制區(qū)的上方有“顯示與隱藏”“鎖定與解鎖”“輪廓線”三個(gè)按鈕,圖層控制區(qū)的下方有各個(gè)圖層名、“新建圖層”按鈕、“新建文件夾”按鈕和“刪除圖層”按鈕。

(3)幀控制區(qū)的上面第一行是時(shí)間軸幀數(shù)標(biāo)示區(qū),用來(lái)標(biāo)注隨時(shí)間變化所對(duì)應(yīng)的幀號(hào)碼,每個(gè)幀單元格表示一幀畫面,單擊一個(gè)幀單元格,即可在舞臺(tái)中將相應(yīng)的對(duì)象顯示出來(lái)。(4)在幀控制區(qū)中有一條紅色的線,稱作播放的“定位磁頭”,即播放頭,拖動(dòng)它可以實(shí)現(xiàn)動(dòng)畫的觀察,在動(dòng)畫制作中起到很重要的作用。案例1-3認(rèn)識(shí)Flash的工具箱案例描述

工具箱是用戶在動(dòng)畫設(shè)計(jì)過(guò)程中最常用的繪圖工具集。工具箱中包含很多工具,可以實(shí)現(xiàn)不同的效果,熟悉每個(gè)工具的功能及用法是本案例的學(xué)習(xí)重點(diǎn)。工具箱如圖1-8所示。圖1-8工具箱案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(1)選擇工具:用于選擇對(duì)象,改變線條或圖形邊框線的形狀。①如果要選擇筆觸、填充、組、實(shí)例或文本塊,可單擊該對(duì)象。②如果要選擇連接線,可雙擊其中的一條線段。③如果要選擇填充的形狀及筆觸輪廓,可雙擊該填充。④如果要選擇矩形區(qū)域內(nèi)的對(duì)象,可在要選擇的一個(gè)或多個(gè)對(duì)象周圍拖出一個(gè)選取框。⑤如果要向選取框中添加內(nèi)容,可在進(jìn)行附加選擇時(shí)按住Shift鍵。⑥如果要選擇場(chǎng)景每一層上的全部?jī)?nèi)容,可執(zhí)行菜單命令“編輯”→“全選”,或按組合鍵Ctrl+A。需要注意的是,該操作不會(huì)選擇被鎖定、被隱藏或不在當(dāng)前時(shí)間軸中的圖層上的對(duì)象。⑦如果要取消選擇每一層上的全部?jī)?nèi)容,可執(zhí)行菜單命令“編輯”→“取消全選”或按組合鍵Ctrl+Shift+A。⑧如果要選擇一個(gè)呈現(xiàn)在關(guān)鍵幀之間的任何內(nèi)容,可單擊時(shí)間軸上的一個(gè)幀。⑨如果要鎖定組或元件,可選擇組或元件,執(zhí)行菜單命令“修改”→“排列”→“鎖定”進(jìn)行鎖定。解鎖所有鎖定的組和元件,可以執(zhí)行菜單命令“修改”→“排列”→“解除全部鎖定”。案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(2)部分選取工具:在線條或圖形邊框線上單擊,顯示出可編輯的錨點(diǎn),用于精確調(diào)整線條的形狀。(3)任意變形工具組:包括任意變形工具和漸變變形工具。①任意變形工具:實(shí)現(xiàn)對(duì)圖形和文字對(duì)象的任意變形,包括旋轉(zhuǎn)、縮放、傾斜和扭曲。選擇圖形對(duì)象,再單擊工具箱中的“任意變形”工具,在“變形”面板中可以設(shè)定變形的參數(shù),如圖1-9所示。②漸變變形工具:用于調(diào)整圖形填充內(nèi)容的方向、大小和中心位置。選擇圖形對(duì)象,再單擊工具箱中的“漸變變形”工具,在“顏色”面板中可以設(shè)定漸變變形的類別和相應(yīng)的參數(shù),如圖1-10所示。圖1-9“變形”面板圖1-10“顏色”面板案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(4)3D旋轉(zhuǎn)工具組:包括3D旋轉(zhuǎn)工具和3D平移工具。①3D旋轉(zhuǎn)工具:使用“3D旋轉(zhuǎn)工具”可以在3D空間中旋轉(zhuǎn)對(duì)象。3D旋轉(zhuǎn)控件出現(xiàn)在舞臺(tái)上的選中對(duì)象之上,X控件為紅色,Y控件為綠色,Z控件為藍(lán)色。使用橙色的自由旋轉(zhuǎn)控件可同時(shí)繞X軸和Y軸旋轉(zhuǎn)。②3D平移工具:使用“3D平移工具”可以在3D空間中移動(dòng)對(duì)象。使用該工具選擇對(duì)象后,對(duì)象的X軸、Y軸和Z軸三個(gè)軸將顯示在它的頂部,X軸為紅色,Y軸為綠色,Z軸為黑色。在Z軸上移動(dòng)對(duì)象時(shí),對(duì)象的外觀尺寸將發(fā)生變化。外觀尺寸在“屬性”面板中顯示為“3D定位和查看”中的“寬度”和“高度”值,這些值是只讀的。案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(5)套索工具組:包括套索工具、多邊形工具和“魔術(shù)棒“工具。①套索工具:用于自由選擇不規(guī)則的圖形對(duì)象,單擊“套索工具”，在舞臺(tái)中單擊并拖動(dòng)鼠標(biāo)創(chuàng)建選擇路徑。②多邊形工具:可以創(chuàng)建直線邊緣的路徑。單擊工具箱中的“多邊形工具”，在圖形的邊緣多次單擊,創(chuàng)建多邊形路徑,在路徑的起始位置雙擊,閉合選擇路徑。③“魔術(shù)棒”工具:可以快速選擇與單擊位置顏色相似的部分。如果要將位圖從主體背景中分離出來(lái),使用“魔術(shù)棒”工具是非常好的選擇。選中圖像,執(zhí)行菜單命令“修改”→“分離”,將圖像打散為形狀;單擊“魔術(shù)棒”工具,在其“屬性”面板中設(shè)置“閾值”和“平滑”參數(shù)后,使用該工具在舞臺(tái)中單擊圖形的背景區(qū)域,按Delete鍵刪除。案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(6)鋼筆工具組:包括鋼筆工具、添加錨點(diǎn)工具、刪除錨點(diǎn)工具、轉(zhuǎn)換錨點(diǎn)工具。①鋼筆工具:用于繪制精確的直線或曲線路徑。②添加錨點(diǎn)工具:使用“添加錨點(diǎn)工具”可直接添加錨點(diǎn)。③刪除錨點(diǎn)工具:使用“刪除錨點(diǎn)工具”可直接刪除錨點(diǎn)。④轉(zhuǎn)換錨點(diǎn)工具:使用“轉(zhuǎn)換錨點(diǎn)工具”可直接在轉(zhuǎn)角點(diǎn)和平滑點(diǎn)之間轉(zhuǎn)換。(7)文本工具:用于文字的輸入和編輯。(8)線條工具:用于繪制直線線段。案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(9)矩形工具組:包括矩形工具和基本矩形工具。①矩形工具:用于繪制矩形,按Shift鍵,可繪制正方形。②基本矩形工具:在舞臺(tái)中單擊并拖動(dòng)鼠標(biāo),可繪制出一個(gè)矩形。使用“基本矩形工具”繪制的矩形可以直接使用“選擇工具”拖動(dòng)矩形的角點(diǎn)進(jìn)行修改,無(wú)須重新繪制,并且可以通過(guò)“屬性”面板中的控件指定矩形的角半徑。(10)橢圓工具組:包括橢圓工具和基本橢圓工具。①橢圓工具:用于繪制橢圓,按Shift鍵,可繪制圓形。②基本橢圓工具:繪制出一個(gè)橢圓,可以通過(guò)該“屬性”面板中的控件,指定橢圓的起始角度、結(jié)束角度和內(nèi)徑。使用“基本橢圓工具”繪制的橢圓,可以使用“選擇工具”拖動(dòng)橢圓的角點(diǎn)直接調(diào)整成圓環(huán)或扇形圖。案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(11)多角星形工具:可以制作多邊形和多角星形。單擊工具箱中的“多角星形工具”,在其“屬性”面板(見(jiàn)圖1-11)中單擊“選項(xiàng)”按鈕,彈出圖1-12所示的“工具設(shè)置”對(duì)話框,在對(duì)話框中可以設(shè)置多邊形或星形樣式,并設(shè)置相應(yīng)的參數(shù)。圖1-11多角星形工具“屬性”面板圖1-12“工具設(shè)置”對(duì)話框案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(12)鉛筆工具:用于手繪圖形,類似于鉛筆畫線、作圖。(13)刷子工具:用于繪制實(shí)心區(qū)域,畫筆的形狀和大小可設(shè)定。(14)骨骼工具組:包括骨骼工具和綁定工具。①骨骼工具:對(duì)于影片剪輯或是圖形符號(hào),通過(guò)多次復(fù)制創(chuàng)建的符號(hào)來(lái)創(chuàng)建相連的物體鏈,使用骨骼工具將這些對(duì)象連接起來(lái)創(chuàng)建骨架。②綁定工具:將創(chuàng)建的骨架進(jìn)行綁定。(15)顏料桶工具:用顏色填充封閉的圖形區(qū)域,還可使用漸變色和位圖進(jìn)行填充。(16)墨水瓶工具:用于改變線條或圖形邊框的顏色、寬度和樣式。(17)滴管工具:從一個(gè)對(duì)象上獲取線條或?qū)傩?然后將它們復(fù)制到其他對(duì)象上。案例1-3認(rèn)識(shí)Flash的工具箱案例學(xué)習(xí)(18)橡皮擦工具:用于擦除多余的圖形對(duì)象。(19)寬度工具:選擇線段,單擊“寬度工具”按鈕,可通過(guò)調(diào)節(jié)線段的角點(diǎn)來(lái)調(diào)整其寬度及形狀。(20)手形工具:當(dāng)畫面過(guò)大不足以顯示全部?jī)?nèi)容時(shí),用該工具拖動(dòng)舞臺(tái)來(lái)查看其余部分。(21)縮放工具:放大或縮小舞臺(tái)的顯示比例。(22)筆觸顏色:用于設(shè)定圖形邊框的顏色。(23)填充顏色:用于設(shè)定圖形填充的顏色。案例1-4了解Flash的“屬性”面板和其他面板案例描述

矩形的“屬性”面板如圖1-13所示,“窗口”列表如圖1-14所示。選擇其中的某項(xiàng),就可以打開(kāi)相應(yīng)的面板。圖1-13矩形對(duì)象對(duì)應(yīng)的“屬性”面板圖1-14“窗口”列表案例1-4了解Flash的“屬性”面板和其他面板案例學(xué)習(xí)(1)“屬性”面板。啟動(dòng)Flash之后,“屬性”面板默認(rèn)顯示在工作界面的右邊,也可以將其拖動(dòng)到其他位置。當(dāng)用戶選中某一個(gè)對(duì)象時(shí),“屬性”面板上就會(huì)顯示出與該對(duì)象相關(guān)的屬性,如果要修改此對(duì)象的屬性,可以在該面板上直接對(duì)其進(jìn)行修改。(2)其他面板。FlashCC2015中包含20多個(gè)面板,常用面板包括“屬性”面板、“時(shí)間軸”面板和“顏色”面板等。面板是用于設(shè)置工具參數(shù)以及執(zhí)行編輯命令的,默認(rèn)顯示在工作界面的右側(cè),可根據(jù)需要打開(kāi)、關(guān)閉或自由組合。如果在工作界面上沒(méi)有顯示“屬性”面板或某個(gè)需要使用的面板,可執(zhí)行菜單命令“窗口”→“屬性”,打開(kāi)“屬性”面板,或執(zhí)行菜單命令“窗口”→某個(gè)選項(xiàng),打開(kāi)對(duì)應(yīng)的面板。案例1-5認(rèn)識(shí)Flash的標(biāo)尺、輔助線和網(wǎng)格案例描述了解標(biāo)尺、輔助線、網(wǎng)格的作用及用法。案例1-5認(rèn)識(shí)Flash的標(biāo)尺、輔助線和網(wǎng)格案例學(xué)習(xí)(1)標(biāo)尺的顯示:執(zhí)行菜單命令“視圖”→“標(biāo)尺”,出現(xiàn)圖1-15所示的標(biāo)尺。使用標(biāo)尺功能有助于快速創(chuàng)建圖形的固定單位及大小形狀。使用標(biāo)尺還可以在舞臺(tái)中顯示元件的尺寸。當(dāng)選中舞臺(tái)中的元件時(shí),會(huì)分別在“垂直標(biāo)尺”和“水平標(biāo)尺”中出現(xiàn)兩條線,標(biāo)識(shí)該元件的尺寸,如圖1-16所示。圖1-15水平標(biāo)尺與垂直標(biāo)尺圖1-16標(biāo)識(shí)元件的尺寸案例1-5認(rèn)識(shí)Flash的標(biāo)尺、輔助線和網(wǎng)格案例學(xué)習(xí)

(2)輔助線的顯示:執(zhí)行菜單命令“視圖”→“輔助線”→“顯示輔助線”。使用輔助線可以使對(duì)象或圖形都對(duì)齊到舞臺(tái)中的某一條橫線或縱線上。使用輔助線必須啟用標(biāo)尺,如果顯示了標(biāo)尺,則直接在垂直標(biāo)尺或水平標(biāo)尺上按住鼠標(biāo)左鍵并將其拖動(dòng)到舞臺(tái)上,即可出現(xiàn)輔助線,如圖1-17所示。

(3)網(wǎng)格的顯示:執(zhí)行菜單命令“視圖”→“網(wǎng)格”→“顯示網(wǎng)格”,出現(xiàn)圖1-18所示的網(wǎng)格。在制作一些規(guī)范圖形時(shí),使用網(wǎng)格會(huì)使操作變得更方便,提高繪制圖形的精確度。圖1-17輔助線圖1-18網(wǎng)格任務(wù)2制作Flash動(dòng)畫影片F(xiàn)lash動(dòng)畫都是由很多的圖層和幀組成,在時(shí)間軸上,每一行就是一個(gè)圖層,而每一列就是一幀。在制作動(dòng)畫時(shí),往往要建立多個(gè)圖層,各個(gè)圖層中的內(nèi)容是互不影響的。將所有圖層想象成一疊透明的薄片,每張薄片代表一個(gè)圖層,透過(guò)上面薄片的透明部分可以看到下面薄片上的內(nèi)容。也就是說(shuō),圖層就相當(dāng)于舞臺(tái)中演員所處的前后位置。圖層靠上,相當(dāng)于該圖層的對(duì)象在舞臺(tái)的前面,在同一幀處,前面的對(duì)象會(huì)擋住后面的對(duì)象。一般情況下,不同的對(duì)象要放在不同的圖層上。1.圖層任務(wù)2制作Flash動(dòng)畫影片電影的原理是利用人眼睛的視覺(jué)暫留,播放一張張靜止的圖片,從而給人以連續(xù)的感覺(jué),Flash中的幀就是一張張靜止的圖片。幀包括關(guān)鍵幀和普通幀。Flash中的動(dòng)畫就是依靠關(guān)鍵幀來(lái)實(shí)現(xiàn)。2.幀任務(wù)2制作Flash動(dòng)畫影片F(xiàn)lash中所有的動(dòng)畫元素都被抽象為元件,元件都保存在庫(kù)內(nèi),可以被無(wú)限次重復(fù)調(diào)用。這跟蓋房子有點(diǎn)相似,磚頭、大理石、天花板相當(dāng)于元件,而元件組成的動(dòng)畫相當(dāng)于房子。元件有三種,分別為圖形元件、按鈕元件、影片剪輯元件。

(1)圖形元件:用于創(chuàng)建圖形和動(dòng)畫片段。圖形元件是最常用的元件,它本身是靜態(tài)的,可以在不同幀中以相同或不同的形態(tài)出現(xiàn),因此,它常用于依賴時(shí)間線的動(dòng)畫,但不能使用聲音和其他交互控件。

(2)按鈕元件:用于響應(yīng)鼠標(biāo)動(dòng)作(單擊、滑過(guò))或按鍵動(dòng)作,實(shí)現(xiàn)交互功能。

(3)影片剪輯元件:指一段單獨(dú)的電影,可獨(dú)立于主動(dòng)畫的時(shí)間軸進(jìn)行播放。影片剪輯元件相當(dāng)于將整個(gè)影片剪輯動(dòng)畫的所有幀都放在場(chǎng)景動(dòng)畫的一幀里,即使場(chǎng)景中只有一幀,也能播放影片剪輯動(dòng)畫的全部幀。3.元件任務(wù)2制作Flash動(dòng)畫影片元件拖動(dòng)到舞臺(tái)后形成的對(duì)象稱為實(shí)例,即元件的復(fù)制品。元件存放在庫(kù)內(nèi),而實(shí)例在舞臺(tái)中,一個(gè)元件可以產(chǎn)生多個(gè)實(shí)例。修改元件后,它所生成的實(shí)例都會(huì)隨之更新。當(dāng)元件的屬性(如元件的大小、顏色等)改變時(shí),由它所生成的實(shí)例也會(huì)隨之改變;當(dāng)實(shí)例的屬性改變時(shí),與它相對(duì)應(yīng)的元件不會(huì)改變。實(shí)例的顏色、透明度可以改變。改變顏色時(shí),先把它分離(按組合鍵Ctrl+B),再改變顏色,最后把它組合(按組合鍵Ctrl+G)。改變透明度,可在“屬性”面板的“顏色”中選擇“Alpha”選項(xiàng)。4.實(shí)例任務(wù)2制作Flash動(dòng)畫影片庫(kù)是存放元件、圖形、視頻和聲音等元素的倉(cāng)庫(kù),使用“庫(kù)”面板可以對(duì)庫(kù)資源進(jìn)行有效的管理。執(zhí)行菜單命令“窗口”→“庫(kù)”,可以打開(kāi)“庫(kù)”面板。“庫(kù)”面板如圖1-19所示。圖1-19“庫(kù)”面板5.庫(kù)任務(wù)2制作Flash動(dòng)畫影片舞臺(tái)只有一個(gè),但在演出的過(guò)程中,可以更換不同的場(chǎng)景,每個(gè)場(chǎng)景都有名稱,在舞臺(tái)的左上角顯示當(dāng)前場(chǎng)景的名稱,如圖1-20所示。(1)增加場(chǎng)景:執(zhí)行菜單命令“插入”→“場(chǎng)景”。(2)切換場(chǎng)景:單擊舞臺(tái)右上角的“編輯場(chǎng)景”按鈕,在下拉菜單中選擇一個(gè)場(chǎng)景名;也可以執(zhí)行菜單命令“視圖”→“轉(zhuǎn)到”,選擇某一個(gè)場(chǎng)景。(3)修改場(chǎng)景:執(zhí)行菜單命令“窗口”→“場(chǎng)景”,調(diào)出場(chǎng)景面板,可以顯示、新建、復(fù)制、刪除和重命名場(chǎng)景,也可以改變場(chǎng)景順序。圖1-20場(chǎng)景6.場(chǎng)景案例1-6掌握Flash動(dòng)畫的制作流程案例描述要制作一部出色的Flash動(dòng)畫作品,要用心把握每個(gè)環(huán)節(jié)。案例1-6掌握Flash動(dòng)畫的制作流程制作步驟(1)前期策劃。在制作動(dòng)畫之前,應(yīng)首先明確制作動(dòng)畫的目的、最終效果以及應(yīng)達(dá)到的結(jié)果和反響,明確動(dòng)畫的整體風(fēng)格及其應(yīng)用形式。在制訂了一套完整的方案后,就可以為需要制作的動(dòng)畫做初步的策劃,包括動(dòng)畫中的人物、背景、音樂(lè)和劇情的設(shè)計(jì)以及動(dòng)畫分鏡頭的制作手法等構(gòu)思。（2)收集素材。制訂了前期策劃方案之后,應(yīng)開(kāi)始對(duì)動(dòng)畫中所需素材進(jìn)行收集與整理。收集素材時(shí)應(yīng)注意不要盲目地收集,要根據(jù)前期策劃的風(fēng)格、目的和形式來(lái)有針對(duì)性地收集素材。案例1-6掌握Flash動(dòng)畫的制作流程制作步驟(3)制作動(dòng)畫。創(chuàng)作動(dòng)畫中比較關(guān)鍵的步驟就是制作Flash動(dòng)畫,前期策劃和收集素材都是為制作動(dòng)畫而做的準(zhǔn)備。要將之前的想法完美地呈現(xiàn)出來(lái),就需要作者具備扎實(shí)的繪畫功底,以及對(duì)Flash有一定的熟練程度。①新建一個(gè)文件,根據(jù)腳本安排動(dòng)畫內(nèi)容。通過(guò)執(zhí)行菜單命令“文件”→“新建”,新建一個(gè)文件;通過(guò)執(zhí)行菜單命令“修改”→“文檔”,彈出影片屬性對(duì)話框,然后在對(duì)話框中設(shè)置影片的基本屬性,如影片的尺寸、播放速度和背景顏色。②插入動(dòng)畫成員。通過(guò)繪制各種圖形、導(dǎo)入圖形文件、制作元件等來(lái)插入動(dòng)畫成員。③設(shè)置動(dòng)畫效果。設(shè)置動(dòng)畫效果后,按Enter鍵或組合鍵Ctrl+Enter測(cè)試效果。案例1-6掌握Flash動(dòng)畫的制作流程制作步驟(4)后期調(diào)試與優(yōu)化。動(dòng)畫制作完成后,為了使整個(gè)動(dòng)畫看起來(lái)更加流暢、緊湊,必須對(duì)動(dòng)畫進(jìn)行調(diào)試。調(diào)試動(dòng)畫主要是針對(duì)動(dòng)畫對(duì)象的細(xì)節(jié)、分鏡頭,動(dòng)畫片段的銜接、聲音及動(dòng)畫播放是否同步等進(jìn)行調(diào)整,以此保證動(dòng)畫作品的最終效果與質(zhì)量。(5)保存文件。執(zhí)行菜單命令“文件”→“另存為”,將作品保存為.fla類型的文件。(6)輸出動(dòng)畫。執(zhí)行菜單命令“文件”→“導(dǎo)出”→“導(dǎo)出影片”,導(dǎo)出文件為.swf文件。(7)測(cè)試動(dòng)畫。制作與調(diào)試完動(dòng)畫后,應(yīng)對(duì)動(dòng)畫的效果、品質(zhì)等進(jìn)行檢測(cè),即測(cè)試動(dòng)畫。測(cè)試動(dòng)畫時(shí)應(yīng)盡量在不同配置的計(jì)算機(jī)上測(cè)試,然后根據(jù)測(cè)試結(jié)果對(duì)動(dòng)畫進(jìn)行調(diào)整和修改。(8)發(fā)布動(dòng)畫。Flash動(dòng)畫制作的最后一步就是發(fā)布動(dòng)畫,用戶可以對(duì)動(dòng)畫的格式、畫面品質(zhì)和聲音等進(jìn)行設(shè)置。案例1-7制作自己的首部Flash動(dòng)畫影片案例描述在背景色為淺綠色的屏幕中,紅色的文字“跟我學(xué)FlashCC2015”從左向右移動(dòng),最后停在屏幕中央;同時(shí),一幅美麗的圖像逐漸由小變大顯示出來(lái);然后,文字“跟我學(xué)FlashCC2015”旋轉(zhuǎn)由大變小,并逐漸消失。案例效果如圖1-21所示。圖1-21案例動(dòng)畫效果案例1-7制作自己的首部Flash動(dòng)畫影片制作步驟

(1)設(shè)置文件的屬性。啟動(dòng)軟件后,選擇“ActionScript3.0”選項(xiàng),然后執(zhí)行菜單命令“修改”→“文檔”,設(shè)置影片尺寸為640像素×480像素,背景為淺綠色,如圖1-22所示。

圖1-22文檔設(shè)置案例1-7制作自己的首部Flash動(dòng)畫影片制作步驟(2)制作文字元件。①執(zhí)行菜單命令“插入”→“新建元件”,設(shè)置元件類型為“圖形”,名稱為“文字”,單擊“確定”按鈕。單擊工具箱中的“文本工具”,再在舞臺(tái)中單擊,此時(shí)舞臺(tái)中出現(xiàn)一個(gè)閃動(dòng)的光標(biāo)。②在“屬性”面板中設(shè)置字體為“宋體”,大小為70磅,顏色為紅色,如圖1-23所示,輸入文字“跟我學(xué)③單擊工作界面左上角的“場(chǎng)景1”,返回場(chǎng)景1中。

圖1-23文字的屬性面板設(shè)置案例1-7制作自己的首部Flash動(dòng)畫影片制作步驟

(3)創(chuàng)建文字從左邊移到中間的動(dòng)畫。①執(zhí)行菜單命令“窗口”→“庫(kù)”,從庫(kù)中拖動(dòng)“文字”元件到舞臺(tái)工作區(qū)的左邊。②在第80幀處右擊,在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令,再把舞臺(tái)中的文字實(shí)例拖動(dòng)到舞臺(tái)中間。③右擊“圖層1”的第1幀,在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令。(4)制作圖像展開(kāi)動(dòng)畫。單擊“圖層1”,然后單擊“時(shí)間軸”面板中的“新建圖層”按鈕,增加一個(gè)新圖層“圖層2”,把“圖層2”拖動(dòng)到“圖層1”之下。案例1-7制作自己的首部Flash動(dòng)畫影片制作步驟(5)創(chuàng)建“圖片”元件。①執(zhí)行菜單命令“插入”→“新建元件”,元件類型為“圖形”,名稱為“圖片”,單擊“確定”按鈕。②執(zhí)行菜單命令“文件”→“導(dǎo)入”,導(dǎo)入一張圖片到舞臺(tái),調(diào)整圖片大小,單擊工作界面左上角的“場(chǎng)景③從庫(kù)中拖動(dòng)“圖片”元件到舞臺(tái)工作區(qū)的中間,并縮小;單擊第80幀,按F6鍵插入關(guān)鍵幀,把圖片實(shí)例放大到舞臺(tái)大小。在第1幀處右擊,在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令。案例1-7制作自己的首部Flash動(dòng)畫影片制作步驟(6)制作文字逐漸消失的動(dòng)畫。①在“圖層1”(文字層)的第80幀處右擊,在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,同時(shí)單擊“屬性”面板,設(shè)置“旋轉(zhuǎn)”為“順時(shí)針”,次數(shù)為2次。②單擊第120幀,按F6鍵插入關(guān)鍵幀,把第120幀的文字調(diào)到最小。選中“圖層2”(圖片層)的第120幀,按F5鍵建立普通幀。整個(gè)動(dòng)畫的時(shí)間軸如圖1-24所示。圖1-24時(shí)間軸任務(wù)3播放、保存、打開(kāi)、關(guān)閉與輸出Flash文件動(dòng)畫很難一次性就制作得比較完美,需要不斷地進(jìn)行修改,因此動(dòng)畫制作者要掌握文件的播放、文件的打開(kāi)、文件的保存與成品的輸出等方法。任務(wù)3播放、保存、打開(kāi)、關(guān)閉與輸出Flash文件1.播放Flash動(dòng)畫(1)執(zhí)行菜單命令“控制”→“播放”或直接按Enter鍵,即可在舞臺(tái)窗口內(nèi)播放該動(dòng)畫,但對(duì)于有腳本程序的動(dòng)畫,采用這種方式是不能執(zhí)行腳本程序的。(2)執(zhí)行菜單命令“控制”→“測(cè)試影片”或按組合鍵Ctrl+Enter,即可在播放窗口內(nèi)播放該動(dòng)畫。這種方式可以播放有腳本的動(dòng)畫,也可以循環(huán)依次播放各場(chǎng)景的內(nèi)容。任務(wù)3播放、保存、打開(kāi)、關(guān)閉與輸出Flash文件2.保存Flash動(dòng)畫執(zhí)行菜單命令“文件”→“保存”或“文件”→“另存為”。3.打開(kāi)Flash動(dòng)畫文件執(zhí)行菜單命令“文件”→“打開(kāi)”,選擇要打開(kāi)的Flash文件。任務(wù)3播放、保存、打開(kāi)、關(guān)閉與輸出Flash文件4.關(guān)閉Flash動(dòng)畫文件單擊窗口右上角的關(guān)閉按鈕,或執(zhí)行菜單命令“文件”→“關(guān)閉”,此時(shí),系統(tǒng)詢問(wèn)是否保存該文件,單擊“是”或“否”按鈕,確定是否需要保存該文件。任務(wù)3播放、保存、打開(kāi)、關(guān)閉與輸出Flash文件5.輸出作品動(dòng)畫完成后,生成作品的方法有兩種,一是將其導(dǎo)出,二是將其發(fā)布。(1)導(dǎo)出Flash影片。執(zhí)行菜單命令“文件”→“導(dǎo)出”→“導(dǎo)出影片”,在導(dǎo)出文件類型對(duì)話框中選擇要導(dǎo)出的文件類型,可以導(dǎo)出為圖像文件、影片文件和視頻文件。(2)發(fā)布設(shè)置。執(zhí)行菜單命令“文件”→“發(fā)布設(shè)置”,選擇發(fā)布的文件格式,可以發(fā)布為.swf類型文件,也可以是其他文件格式。發(fā)布時(shí),默認(rèn)發(fā)布到Flash的安裝目錄或已保存文件的路徑中,如圖1-25所示。圖1-25“發(fā)布設(shè)置”對(duì)話框案例1-8保存及導(dǎo)出文件案例描述將案例1-7制作的Flash動(dòng)畫源文件保存到桌面,文件名為“AA.fla”;然后導(dǎo)出到桌面,文件名為“AA.swf”。制作步驟(1)執(zhí)行菜單命令“文件”→“另存為”,選擇存放位置為桌面,文件名為“AA.fla”。(2)執(zhí)行菜單命令“文件”→“導(dǎo)出”→“導(dǎo)出影片”,選擇導(dǎo)出存放的位置,文件名為“AA.swf”。任務(wù)4思考與實(shí)踐

(1)Flash中的圖形格式包括(

)。A.矢量圖形

B.JPEG模式

C.位圖模式

D.AIF模式

(2)在Flash中進(jìn)行動(dòng)畫制作和內(nèi)容編排的主要場(chǎng)所是(

)。A.舞臺(tái)

B.場(chǎng)景

C.時(shí)間軸面板

D.工作區(qū)

(3)使用(

)工具可以繪制更加精確、光滑的曲線,并且可以使用(

)工具調(diào)整曲線的彎曲度等。A.鋼筆

B.鉛筆

C.選擇

D.次選1.選擇題（不定項(xiàng)）任務(wù)4思考與實(shí)踐(1)一個(gè)動(dòng)畫可以由多個(gè)場(chǎng)景組成,

面板中顯示了當(dāng)前動(dòng)畫的場(chǎng)景數(shù)量和播放先后順序。

(2)Flash動(dòng)畫源文件的擴(kuò)展名為

,導(dǎo)出后影片文件的擴(kuò)展名為

。

(3)選擇工具箱中的

工具,可以拖動(dòng)標(biāo)尺,繪制出輔助線。

(4)在Flash中幀一般分為

幀和

幀。

(5)編輯電影畫面的矩形區(qū)域稱為

。

(6)

用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。

(7)

就像堆疊在一起的多張幻燈膠片一樣,每個(gè)圖層都包含一組顯示在舞臺(tái)中的不同圖像。2.填空題任務(wù)4思考與實(shí)踐

(1)簡(jiǎn)述Flash中的時(shí)間軸和圖層各有什么作用。

(2)簡(jiǎn)述舞臺(tái)與工作區(qū)的區(qū)別。

(3)簡(jiǎn)述如何設(shè)置舞臺(tái)的大小。

3.簡(jiǎn)答題任務(wù)4思考與實(shí)踐

(1)上機(jī)練習(xí)Flash文檔的新建、保存、打開(kāi)與關(guān)閉操作。

(2)熟悉FlashCC2015的操作界面,熟悉各種浮動(dòng)面板的打開(kāi)與關(guān)閉。

(3)使用工具箱內(nèi)各種工具,嘗試用不同顏色繪制線條、矩形和橢圓形。

(4)輸入不同字體、字號(hào)和顏色的文字。

(5)制作一個(gè)動(dòng)畫,要求實(shí)現(xiàn)兩個(gè)不同顏色的立體彩球同時(shí)上下來(lái)回跳躍的效果。4.實(shí)踐題感謝觀看！單元二圖層的編輯與元件的創(chuàng)建單元2圖層的編輯與元件的創(chuàng)建本單元通過(guò)對(duì)圖層的編輯、幀的編輯、元件的創(chuàng)建以及庫(kù)的應(yīng)用,要求學(xué)生掌握這些最基本的概念與應(yīng)用;熟練應(yīng)用圖層的復(fù)制、重命名、移動(dòng)、刪除、顯示與隱藏、鎖定與解鎖;熟練掌握三類元件的創(chuàng)建方法。學(xué)習(xí)目標(biāo)OPTION01掌握?qǐng)D層的編輯方法OPTION02掌握幀的編輯方法OPTION03掌握三類元件的創(chuàng)建與編輯方法任務(wù)1編輯圖層1.了解圖層通過(guò)單元1我們知道,圖層就相當(dāng)于舞臺(tái)中演員所處的前后位置。圖層靠上,相當(dāng)于該圖層的對(duì)象在舞臺(tái)的前面,在同一縱深處,前面的對(duì)象(上面圖層的對(duì)象)會(huì)擋住后面的對(duì)象(下面圖層的對(duì)象),各個(gè)圖層都是完全獨(dú)立的。制作動(dòng)畫時(shí),可以根據(jù)動(dòng)畫的需要,在影片中建立多個(gè)圖層,圖層的多少不會(huì)影響輸出文件的大小。任務(wù)1編輯圖層2.添加圖層(1)使用工具按鈕:單擊圖層控制區(qū)左下角的“新建圖層”按鈕,在當(dāng)前圖層的上面新建一個(gè)圖層,圖層名稱自動(dòng)命名為“圖層n”(n是自動(dòng)編號(hào)),如圖2-1所示。(2)使用快捷菜單:右擊某圖層,在彈出的快捷菜單中選擇“插入圖層”命令。圖2-1圖層控制區(qū)任務(wù)1編輯圖層3.選擇圖層(1)選擇單個(gè)圖層的方法。①單擊圖層名稱。②單擊時(shí)間軸上對(duì)應(yīng)于這個(gè)圖層的某一幀。③單擊工具箱中的“選擇工具”,選擇舞臺(tái)上該層中的任一對(duì)象。(2)選擇多個(gè)圖層的方法。①選擇多個(gè)相鄰的圖層:先單擊要選擇的起始圖層,按住Shift鍵不放,再單擊要選擇的結(jié)束圖層。②選擇多個(gè)不相鄰的圖層:按住Ctrl鍵不放,再單擊要選擇的各個(gè)圖層。任務(wù)1編輯圖層4.重命名圖層雙擊圖層名稱,然后輸入新的圖層名稱。5.復(fù)制圖層右擊某圖層,在彈出的快捷菜單中選擇“復(fù)制圖層”命令,可復(fù)制出與原圖層內(nèi)容完全相同的圖層,包括圖層中的動(dòng)畫、動(dòng)作語(yǔ)句等。任務(wù)1編輯圖層6.移動(dòng)圖層移動(dòng)圖層可以改變圖層中內(nèi)容上下層的顯示關(guān)系。先選中要移動(dòng)的一個(gè)或多個(gè)圖層,按住鼠標(biāo)左鍵拖動(dòng)它們,此時(shí)會(huì)產(chǎn)生一條虛線,當(dāng)虛線到達(dá)目標(biāo)位置時(shí)釋放鼠標(biāo)左鍵即可。任務(wù)1編輯圖層7.刪除圖層(1)選擇要?jiǎng)h除的圖層,再單擊圖層控制區(qū)右下角的“刪除圖層”按鈕。(2)選擇要?jiǎng)h除的圖層,用鼠標(biāo)拖動(dòng)此圖層到“刪除圖層”按鈕上。(3)在要?jiǎng)h除的圖層上右擊,在彈出的快捷菜單中選擇“刪除圖層”命令。任務(wù)1編輯圖層8.顯示或隱藏圖層單擊圖層上方“眼睛”圖標(biāo)對(duì)應(yīng)的控制按鈕,出現(xiàn)“×”時(shí)表示隱藏,出現(xiàn)“·”時(shí)表示顯示。隱藏圖層后,就不能對(duì)該圖層上的對(duì)象進(jìn)行編輯,但該圖層仍然存在。任務(wù)1編輯圖層9.鎖定或解鎖圖層為了防止對(duì)已完成的圖層進(jìn)行誤操作,可以鎖定該圖層。鎖定該圖層后,不影響該圖層中對(duì)象的顯示,但暫時(shí)不能編輯該對(duì)象。單擊圖層上方“鎖定”列對(duì)應(yīng)的控制按鈕,出現(xiàn)“鎖”圖標(biāo)

時(shí),表示鎖定該圖層。案例2-1插入圖層與移動(dòng)圖層案例描述在“圖層1”之上插入一個(gè)新圖層,命名為“矩形”,選擇“矩形”圖層,在該圖層上使用矩形工具繪制一個(gè)矩形;在“矩形”圖層之上再添加一個(gè)圖層“圖層3”,把“圖層3”移動(dòng)到“圖層1”之下,效果如圖2-2所示。圖2-2插入圖層與移動(dòng)圖層后的效果案例2-1插入圖層與移動(dòng)圖層(1)啟動(dòng)Flash軟件,可以看到時(shí)間軸上默認(rèn)有一個(gè)圖層,名稱為“圖層1”。(2)單擊時(shí)間軸左下角的“新建圖層”按鈕,就添加了一個(gè)“圖層2”圖層。(3)雙擊“圖層2”的名稱,輸入名稱為“矩形”。(4)單擊“矩形”圖層,就選定該圖層為當(dāng)前圖層。單擊“矩形”工具,在舞臺(tái)中拖出一個(gè)矩形。(5)選定“矩形”圖層,單擊時(shí)間軸左下角的“新建圖層”按鈕,就添加了一個(gè)“圖層3”圖層。(6)選中“圖層3”,將其向下拖動(dòng)到“圖層1”之下,釋放鼠標(biāo)左鍵,則完成了將“圖層3”移動(dòng)到“圖層1”之下的操作。制作步驟案例2-2鎖定圖層與隱藏圖層案例描述啟動(dòng)Flash軟件,選定“圖層1”,在舞臺(tái)中繪制一個(gè)橢圓;對(duì)“圖層1”進(jìn)行鎖定操作;插入一個(gè)新圖層“圖層2”,在該圖層中導(dǎo)入一張圖片“蝴蝶”;在“圖層2”之上插入一個(gè)“圖層3”,在“圖層3”中任意繪制一條直線;再對(duì)“圖層2”進(jìn)行隱藏。觀察每次操作后的變化,效果如圖2-3所示。圖2-3操作變化的效果圖案例2-2鎖定圖層與隱藏圖層制作步驟(1)啟動(dòng)Flash軟件,啟動(dòng)后可以看到時(shí)間軸上默認(rèn)有一個(gè)圖層,名稱為“圖層1”。(2)單擊工具箱中的“橢圓”工具,在舞臺(tái)中繪制一個(gè)橢圓。此時(shí),使用選擇工具移動(dòng)橢圓,觀察橢圓的位置否移動(dòng)。(3)單擊時(shí)間軸上的“鎖”圖標(biāo),對(duì)“圖層1”進(jìn)行鎖定。此時(shí),再使用選擇工具移動(dòng)橢圓,觀察橢圓的位置是否移動(dòng)。(4)單擊“新建圖層”按鈕,插入一個(gè)新圖層“圖層2”。(5)執(zhí)行菜單命令“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”,導(dǎo)入圖片“蝴蝶”。(6)單擊工具箱中的“任意變形工具”

,調(diào)整舞臺(tái)中的圖片大小。(7)單擊“新建圖層”按鈕,插入一個(gè)新圖層“圖層3”。(8)單擊工具箱中的“線條”工具,在舞臺(tái)中繪制一條直線。(9)單擊“圖層2”的名稱,選定當(dāng)前圖層。(10)單擊該圖層“眼睛”圖標(biāo)下面對(duì)應(yīng)的控制按鈕,出現(xiàn)“×”時(shí),表示對(duì)“圖層2”中的對(duì)象進(jìn)行隱藏;出現(xiàn)“·”時(shí),表示顯示對(duì)象。此時(shí)觀察一下,圖片還能否顯示。任務(wù)2編輯幀F(xiàn)lash動(dòng)畫有兩種,一種是逐幀動(dòng)畫,另一種是補(bǔ)間動(dòng)畫,不管哪一種動(dòng)畫,都要用到幀。幀代表時(shí)刻,不同的幀代表不同的時(shí)刻。幀的運(yùn)用是制作動(dòng)畫的前提,當(dāng)播放指針隨時(shí)間的變化移動(dòng)到不同的幀時(shí),就會(huì)顯示出各幀中不同的內(nèi)容。因此,掌握幀的編輯十分重要。任務(wù)2編輯幀1.了解幀認(rèn)識(shí)幀和關(guān)鍵幀,首先要了解Flash中的動(dòng)畫。在逐幀動(dòng)畫中,每一幀都是關(guān)鍵幀,而補(bǔ)間動(dòng)畫只需確定起始關(guān)鍵幀和結(jié)束關(guān)鍵幀,中間部分的幀由Flash自動(dòng)生成,屬于一般的幀,也稱為普通幀。在時(shí)間軸上每一小格都是一幀,用小圓表示的幀是關(guān)鍵幀,其他不用小圓表示的幀是普通幀。(1)關(guān)鍵幀。關(guān)鍵幀用于定義動(dòng)畫變化的幀,在時(shí)間軸上用一個(gè)小圓表示,有空心和實(shí)心兩種。實(shí)心小圓是有內(nèi)容的關(guān)鍵幀,即實(shí)關(guān)鍵幀;而空心小圓是無(wú)內(nèi)容的關(guān)鍵幀,即空白關(guān)鍵幀。任務(wù)2編輯幀關(guān)鍵幀顯示狀態(tài)如下:①創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

:起始關(guān)鍵幀與結(jié)束關(guān)鍵幀之間顯示一個(gè)淺藍(lán)色背景的箭頭。②空白關(guān)鍵幀

:顯示一個(gè)空心圓,表示該幀無(wú)內(nèi)容。③創(chuàng)建形狀補(bǔ)間動(dòng)畫

:起始關(guān)鍵幀與結(jié)束關(guān)鍵幀之間顯示一個(gè)淺綠色背景的箭頭。④關(guān)鍵幀上有一個(gè)小紅旗

:表示該幀中包含標(biāo)簽。⑤關(guān)鍵幀上有一個(gè)字母“α”

:表示該幀設(shè)置了動(dòng)作語(yǔ)句。(2)普通幀。在時(shí)間軸上不用小圓表示的幀是普通幀。無(wú)內(nèi)容的幀是白色的幀格,有內(nèi)容的幀具有一定的顏色,如淺藍(lán)色的幀格表示是傳統(tǒng)補(bǔ)間動(dòng)畫,淺綠色的幀格表示是形狀補(bǔ)間動(dòng)畫,淺灰色的幀格表示與前面關(guān)鍵幀的內(nèi)容相同。任務(wù)2編輯幀2.插入幀要插入一個(gè)新幀,可在要插入的幀格上右擊,在彈出的快捷菜單中與選擇“插入幀”命令(或按F5鍵)、“插入關(guān)鍵幀”命令(或按F6鍵)、“插入空白關(guān)鍵幀”命令(或按F7鍵)。3.復(fù)制幀在幀上拖動(dòng)鼠標(biāo)選取要復(fù)制的幀,右擊,在彈出的快捷菜單中選擇“復(fù)制幀”命令,再在目標(biāo)位置上選取一幀或多幀,右擊,在彈出的快捷菜單中選擇“粘貼幀”命令。任務(wù)2編輯幀4.移動(dòng)幀選取要移動(dòng)的幀,按住鼠標(biāo)左鍵拖動(dòng)到目標(biāo)位置,釋放鼠標(biāo)左鍵即可。5.刪除幀選取要?jiǎng)h除的幀,右擊,在彈出的快捷菜單中選擇“刪除幀”命令,或按組合鍵Shift+F5。6.延伸幀延伸幀是在關(guān)鍵幀的后面插入一般的幀,插入幀的內(nèi)容與關(guān)鍵幀的內(nèi)容相同,實(shí)現(xiàn)關(guān)鍵幀內(nèi)容的延伸,也可以按F5鍵。任務(wù)2編輯幀7.清除幀和清除關(guān)鍵幀清除幀是將幀中的內(nèi)容刪除,使它成為空白關(guān)鍵幀,而清除關(guān)鍵幀是將關(guān)鍵幀變成一般的幀。在要清除的幀上右擊,在彈出的快捷菜單中選擇“清除幀”或“清除關(guān)鍵幀”命令即可。8.轉(zhuǎn)換關(guān)鍵幀和空白關(guān)鍵幀可以將普通幀轉(zhuǎn)換為關(guān)鍵幀或空白關(guān)鍵幀。在選中的幀上右擊,在彈出的快捷菜單中選擇“轉(zhuǎn)換為關(guān)鍵幀”或“轉(zhuǎn)換為空白關(guān)鍵幀”命令即可。案例2-3插入幀與延伸幀案例描述在“圖層1”中導(dǎo)入一張圖片,將“圖層1”重命名為“背景”,使“背景”圖層從第1幀到第30幀一直顯示該背景圖片,案例的效果如圖2-4所示。圖2-4案例的效果圖案例2-3插入幀與延伸幀制作步驟(1)啟動(dòng)Flash軟件,時(shí)間軸中默認(rèn)出現(xiàn)圖層“圖層1”。(2)執(zhí)行菜單命令“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”,選中一張圖片,并調(diào)整圖片的大小。(3)雙擊“圖層1”的名稱,輸入文字“背景”,“圖層1”重命名為“背景”。(4)在“背景”圖層的第30幀(需要顯示的最后一幀)上右擊,在彈出的快捷菜單中選擇“插入幀”命令,“背景”圖層的幀延伸到第30幀,使“背景”圖層從第1幀到第30幀保持相同的內(nèi)容,即在整個(gè)動(dòng)畫過(guò)程中,背景圖案保持不變。(5)按組合鍵Ctrl+Enter測(cè)試效果。案例2-4選定幀與翻轉(zhuǎn)幀案例描述一個(gè)矩形從左向右運(yùn)動(dòng)3秒,運(yùn)動(dòng)1秒后,一個(gè)橢圓從上到下運(yùn)動(dòng),最后兩個(gè)對(duì)象同時(shí)停止運(yùn)動(dòng),效果如圖2-5所示。圖2-5時(shí)間軸及效果圖案例2-4選定幀與翻轉(zhuǎn)幀制作步驟(1)啟動(dòng)FlashCC2015軟件,時(shí)間軸中默認(rèn)出現(xiàn)圖層“圖層1”。(2)單擊工具箱中的“矩形工具”,在舞臺(tái)的左邊繪制一個(gè)矩形。(3)右擊“圖層1”的第72幀(因?yàn)閹俾适?4幀/秒,3秒即為72幀),在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令,然后單擊“選擇工具”(箭頭工具)把矩形拖動(dòng)到舞臺(tái)右邊。(4)右擊第1幀,在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令,就實(shí)現(xiàn)了矩形從左到右的運(yùn)動(dòng)。(5)單擊“圖層1”,就選定了“圖層1”的所有幀,右擊第1幀到第72幀中的任意一幀,在彈出的快捷菜單中選擇“翻轉(zhuǎn)幀”命令,就實(shí)現(xiàn)了矩形從右向左的運(yùn)動(dòng)。為了防止誤操作“圖層1”上的對(duì)象,不妨鎖定“圖層1”。案例2-4選定幀與翻轉(zhuǎn)幀制作步驟(6)單擊“新建圖層”按鈕,添加一個(gè)“圖層2”。因?yàn)檫\(yùn)動(dòng)1秒后就是第25幀,所以右擊“圖層2”的第25幀,在彈出的快捷菜單中選擇“插入空白關(guān)鍵幀”命令,此時(shí),第25幀處就插入了一個(gè)空白關(guān)鍵幀。(7)單擊該空白關(guān)鍵幀,選定其作為當(dāng)前幀,單擊“橢圓工具”,在舞臺(tái)上繪制一個(gè)橢圓。(8)右擊“圖層2”的第72幀,在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令,此時(shí),拖動(dòng)舞臺(tái)上的橢圓到舞臺(tái)下方。(9)右擊“圖層2”的第25幀至第72幀之間的任意一幀,在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令。(10)按組合鍵Ctrl+Enter測(cè)試效果。任務(wù)3創(chuàng)建元件

本任務(wù)將通過(guò)幾個(gè)案例介紹三類元件的區(qū)別、創(chuàng)建元件的方法以及編輯修改元件的方法,并簡(jiǎn)要介紹管理元件的庫(kù)。任務(wù)3創(chuàng)建元件1.元件的分類元件有三種類型,即圖形元件、按鈕元件和影片剪輯元件。根據(jù)元件的用途來(lái)選定相應(yīng)的元件類型。(1)圖形元件:可反復(fù)取出使用的圖片,用于構(gòu)建主動(dòng)畫時(shí)間軸上的內(nèi)容。圖形元件一般是只含一幀的靜止圖片,有時(shí)也可以制作成由多個(gè)幀組成的動(dòng)畫。但不能對(duì)它添加交互行為和聲音控制。任務(wù)3創(chuàng)建元件(2)按鈕元件:用于創(chuàng)建動(dòng)畫的交互控制按鈕,以響應(yīng)當(dāng)前鼠標(biāo)事件。按鈕有四種不同的狀態(tài),可以在不同的狀態(tài)上創(chuàng)建內(nèi)容,既可以是靜止圖片,也可以是動(dòng)畫,還可以在狀態(tài)上添加聲音。①?gòu)椘?up)狀態(tài):鼠標(biāo)指針沒(méi)有接觸按鈕時(shí),按鈕處于彈起狀態(tài)。②經(jīng)過(guò)(over)狀態(tài):鼠標(biāo)指針移到按鈕上面,但沒(méi)有單擊鼠標(biāo)時(shí)的狀態(tài)(在此關(guān)鍵幀上輸入文本,可實(shí)現(xiàn)即指即顯文本的特殊效果)。③按下(down)狀態(tài):鼠標(biāo)指針移到按鈕上面,并單擊按鈕時(shí),按鈕處于按下?tīng)顟B(tài)(在此關(guān)鍵幀上可導(dǎo)入聲音,并在“屬性”面板的“聲音”組中選擇導(dǎo)入的聲音文件名,“同步”組中選擇“事件”或“開(kāi)始”;如果要停止聲音,則在“同步”組中選擇“結(jié)束”)。④點(diǎn)擊(hit)狀態(tài):此狀態(tài)下可定義鼠標(biāo)事件的響應(yīng)范圍,使用工具箱中的工具(如矩形工具)繪制一個(gè)矩形。如果沒(méi)有設(shè)置點(diǎn)擊狀態(tài)的區(qū)域,則鼠標(biāo)事件的響應(yīng)范圍由彈起狀態(tài)的按鈕外觀區(qū)域決定。點(diǎn)擊幀的圖形在影片中是不顯示的,但它定義了按鈕響應(yīng)鼠標(biāo)事件的區(qū)域。任務(wù)3創(chuàng)建元件(3)影片剪輯元件:可反復(fù)取出使用的一段小動(dòng)畫,可獨(dú)立于主動(dòng)畫進(jìn)行播放。例如,要制作一只蝴蝶扇動(dòng)翅膀從東飛到西的一段動(dòng)畫,則扇動(dòng)翅膀可做成一個(gè)影片剪輯元件,而從東到西則是動(dòng)畫的主旋律,將扇動(dòng)翅膀電影剪輯元件加上蝴蝶的身體做成一個(gè)新的影片剪輯元件,再置入主場(chǎng)景中,從東移到西,即可完成該效果。在播放動(dòng)畫主旋律時(shí),影片剪輯元件的內(nèi)容也在循環(huán)播放。一個(gè)影片剪輯元件中還可以嵌套影片剪輯元件,但影片剪輯元件不能添加交互控制。任務(wù)3創(chuàng)建元件2.創(chuàng)建元件的方法(1)新建元件:執(zhí)行菜單命令“插入”→“新建元件”,彈出“創(chuàng)建新元件”對(duì)話框,如圖2-6所示。選擇一種要?jiǎng)?chuàng)建的元件類型,并輸入元件名稱,單擊“確定”按鈕。在新建元件編輯窗口內(nèi)繪制或?qū)雸D形(圖形中心要與十字線標(biāo)記對(duì)齊),如圖2-7所示。元件創(chuàng)作完成后,單擊元件編輯窗口左上角的場(chǎng)景名稱,回到舞臺(tái)中,此時(shí),庫(kù)中多了一個(gè)元件。圖2-6“創(chuàng)建新元件”對(duì)話框圖2-7元件編輯窗口任務(wù)3創(chuàng)建元件(2)將舞臺(tái)中的對(duì)象轉(zhuǎn)換為元件:選中舞臺(tái)中的某個(gè)對(duì)象,執(zhí)行菜單命令“修改”(或右擊該對(duì)象)→“轉(zhuǎn)換為元件”,然后選擇元件類型,單擊“確定”按鈕。(3)將動(dòng)畫轉(zhuǎn)換為影片剪輯元件:如果已經(jīng)創(chuàng)建了動(dòng)畫,并且以后還要用到它,可以選定這個(gè)動(dòng)畫,將它轉(zhuǎn)換成影片剪輯元件。按住鍵盤上的Shift鍵,單擊動(dòng)畫的所有圖層(此時(shí)圖層上的所有幀也被選中),右擊,在彈出的快捷菜單中選擇“復(fù)制幀”命令。執(zhí)行菜單命令“插入”→“新建元件”,彈出“創(chuàng)建新元件”對(duì)話框,選擇類型為“影片剪輯”,在時(shí)間軸的第1幀上右擊,在彈出的快捷菜單中選擇“粘貼幀”命令。單擊場(chǎng)景名稱,回到主場(chǎng)景中。(4)復(fù)制元件:要?jiǎng)?chuàng)建一個(gè)新的包含已知元件的部分或全部?jī)?nèi)容的元件,就需要復(fù)制已知的元件,然后對(duì)復(fù)制的元件進(jìn)行編輯。打開(kāi)庫(kù)(“窗口”→“庫(kù)”),在庫(kù)中選擇要復(fù)制的元件,右擊,在彈出的快捷菜單中選擇“復(fù)制”命令,執(zhí)行菜單命令“插入”→“新建元件”,彈出“創(chuàng)建新元件”對(duì)話框,在新建元件編輯窗口中右擊,在彈出的快捷菜單中選擇“粘貼到當(dāng)前位置”命令,然后對(duì)元件進(jìn)行編輯,刪除不需要的部分。任務(wù)3創(chuàng)建元件3.創(chuàng)建按鈕元件(1)按鈕元件的概念:按鈕也是對(duì)象,當(dāng)鼠標(biāo)指針移到按鈕上(鼠標(biāo)經(jīng)過(guò))或單擊按鈕(鼠標(biāo)按下),即產(chǎn)生交互時(shí),按鈕改變形狀或顏色,或者執(zhí)行某個(gè)效果(如播放聲音、轉(zhuǎn)到某個(gè)幀或轉(zhuǎn)到某個(gè)場(chǎng)景等)。任務(wù)3創(chuàng)建元件(2)創(chuàng)建按鈕元件的步驟。①執(zhí)行菜單命令“插入”→“新建元件”,彈出“創(chuàng)建新元件”對(duì)話框。②在對(duì)話框中輸入按鈕元件的名稱(如“按鈕1”),選擇“按鈕”類型。③單擊第1幀,繪制或?qū)雸D形、圖像,在第2幀、第3幀、第4幀分別按F6鍵插入關(guān)鍵幀。第2幀、第3幀可分別改變按鈕的顏色或加入聲音。制作完成后,單擊場(chǎng)景名稱,回到場(chǎng)景舞臺(tái)中,把按鈕元件從庫(kù)中拖到舞臺(tái)中,右擊按鈕,設(shè)定按鈕的動(dòng)作交互語(yǔ)句。按鈕元件制作如圖2-8所示。圖2-8按鈕元件制作任務(wù)3創(chuàng)建元件4.將舞臺(tái)中的圖形轉(zhuǎn)換為按鈕元件右擊舞臺(tái)中的圖形,在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令,選擇元件類型為“按鈕”。轉(zhuǎn)換的按鈕不會(huì)出現(xiàn)4個(gè)狀態(tài),但可以給它設(shè)置動(dòng)作交互語(yǔ)句。任務(wù)3創(chuàng)建元件5.編輯元件在創(chuàng)建了若干實(shí)例后,可能需要編輯和修改元件,元件經(jīng)過(guò)編輯后,所有的對(duì)應(yīng)實(shí)例都會(huì)被更新。編輯元件的方法如下:(1)右擊舞臺(tái)中的某實(shí)例,在彈出的快捷菜單中選擇“編輯元件”命令。(2)雙擊“庫(kù)”面板中的一個(gè)元件,即可打開(kāi)元件編輯窗口。(3)雙擊舞臺(tái)中的某實(shí)例,即可進(jìn)入編輯狀態(tài)。(4)右擊舞臺(tái)中的某實(shí)例,在彈出的快捷菜單中選擇“在新窗口中編輯”或“在當(dāng)前位置編輯”命令。任務(wù)3創(chuàng)建元件6.編輯實(shí)例將元件從庫(kù)中拖到舞臺(tái)中,就創(chuàng)建了實(shí)例。每個(gè)實(shí)例都可以獨(dú)立編輯,互不影響。編輯實(shí)例不會(huì)改變庫(kù)中的元件。每個(gè)實(shí)例都有自己的屬性,利用屬性面板可以改變實(shí)例的位置、大小、顏色、亮度、透明度等屬性,如圖2-9所示。如果實(shí)例的類型是“按鈕”或“影片剪輯”,那么還可以設(shè)置該實(shí)例的名稱,便于在制作過(guò)程中對(duì)它進(jìn)行引用。選中實(shí)例,在“屬性”面板上的“實(shí)例名稱”欄中輸入名稱即可。將元件從庫(kù)中拖到舞臺(tái)中,所創(chuàng)建的實(shí)例與該元件的類型相同,有時(shí)根據(jù)需要來(lái)改變實(shí)例的類型,如原來(lái)為“圖形”,可以將其設(shè)置為“按鈕”或“影片剪輯”類型。操作方法是選中實(shí)例,在“屬性”面板的“元件類型”下拉列表中選擇所需的類型即可。圖2-9實(shí)例的屬性面板任務(wù)3創(chuàng)建元件7.庫(kù)“庫(kù)”面板主要用于組織和管理元件,利用它可以對(duì)其中的元件重復(fù)使用,大大降低了文件的大小;另外,還可以與他人共享存于庫(kù)中的元件,提高制作效率,豐富素材資源。庫(kù)中除圖形元件、按鈕元件、影片剪輯元件外,導(dǎo)入的視頻、聲音、位圖等雖然不是元件,但Flash也把它們作為元件處理。庫(kù)是組織和管理元件的場(chǎng)所,在“庫(kù)”面板中可創(chuàng)建新元件、刪除元件、重命名元件和復(fù)制元件。案例2-5創(chuàng)建影片剪輯元件案例描述創(chuàng)建一個(gè)影片剪輯元件,通過(guò)導(dǎo)入一個(gè)GIF文件來(lái)完成制作,影片剪輯元件的效果如圖2-10所示。圖2-10影片剪輯元件效果案例2-5創(chuàng)建影片剪輯元件制作步驟(1)執(zhí)行菜單命令“插入”→“新建元件”,彈出“創(chuàng)建新元件”對(duì)話框。(2)在對(duì)話框中輸入元件的名稱“影片1”,設(shè)置“類型”為“影片剪輯”,單擊“確定”按鈕,如圖2-11所示。圖2-11新建“影片1”元件案例2-5創(chuàng)建影片剪輯元件制作步驟(3)執(zhí)行菜單命令“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”,導(dǎo)入一個(gè)GIF文件,如圖2-12所示。單擊舞臺(tái)左上角的“場(chǎng)景1”按鈕,回到場(chǎng)景1中。(4)執(zhí)行菜單命令“窗口”→“庫(kù)”,打開(kāi)“庫(kù)”面板,把“影片1”元件拖到舞臺(tái)中。(5)按組合鍵Ctrl+Enter測(cè)試動(dòng)畫效果。圖2-12“影片剪輯元件”舞臺(tái)及時(shí)間軸案例2-6制作按鈕的不同效果案例描述制作一個(gè)紅色按鈕,當(dāng)鼠標(biāo)指針移動(dòng)按鈕上時(shí),按鈕由紅色變?yōu)橐环鶊D像,并且顯示一首詩(shī)(即指即顯效果);當(dāng)單擊該按鈕時(shí),播放一首音樂(lè)。效果如圖2-13所示。圖2-13按鈕的“彈起”與“鼠標(biāo)經(jīng)過(guò)”效果案例2-6制作按鈕的不同效果制作步驟(1)制作按鈕。①執(zhí)行菜單命令“插入”→“新建元件”,彈出“創(chuàng)建新元件”對(duì)話框。在對(duì)話框中輸入按鈕元件的名稱“很酷的按鈕”,設(shè)置“類型”為“按鈕”,如圖2-14所示。②選定“彈起”幀,單擊工具箱中的“橢圓工具”,選擇填充色為紅色,按Shift鍵繪制一個(gè)正圓,注意要讓繪制的正圓圖形的中心與十字線標(biāo)記對(duì)齊。③右擊“鼠標(biāo)經(jīng)過(guò)”幀,在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令,再分別右擊“按下”幀、“點(diǎn)擊”幀,選擇“插入關(guān)鍵幀”命令。圖2-14創(chuàng)建按鈕元件案例2-6制作按鈕的不同效果制作步驟單擊“鼠標(biāo)經(jīng)過(guò)”幀,執(zhí)行菜單命令“窗口”→“顏色”→“位圖填充”,在彈出的對(duì)話框中選擇一個(gè)圖片文件,導(dǎo)入一幅花朵圖像,單擊工具箱中的“顏料桶工具”,再單擊圓的填充內(nèi)部,此時(shí),圖像已被填充,但需要調(diào)整填充的圖像,單擊任意變形工具組中的“漸變變形工具”,拖動(dòng)這些控制柄,即可調(diào)整位圖填充物為一幅圖像,如圖2-15所示。圖2-15圖像的變形調(diào)整案例2-6制作按鈕的不同效果制作步驟選擇工具箱中的“文本工具”,單擊正圓的上方,在“屬性”面板中設(shè)置為“靜態(tài)文本”,系列為“華文行楷”,大小為21磅,如圖2-16所示。輸入文字“床前明月光,疑是地上霜。舉頭望明月,低頭思故鄉(xiāng)。”,如圖2-17所示。圖2-16設(shè)置文本的屬性圖2-17鼠標(biāo)經(jīng)過(guò)的設(shè)置案例2-6制作按鈕的不同效果制作步驟④單擊“按下”幀,執(zhí)行菜單命令“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺(tái)”,導(dǎo)入一首樂(lè)曲,在“屬性”面板的“聲音”選項(xiàng)區(qū)中選擇導(dǎo)入的樂(lè)曲,“同步”選擇“事件”,如圖2-18所示。至此,該按鈕已制作完成,單擊舞臺(tái)左上角的“場(chǎng)景1”按鈕,回到場(chǎng)景1中。圖2-18設(shè)置音樂(lè)的屬性案例2-6制作按鈕的不同效果制作步驟

(2)將按鈕拖到舞臺(tái)中。執(zhí)行菜單命令“窗口”→“庫(kù)”,打開(kāi)“庫(kù)”面板,將“很酷的按鈕”元件拖到舞臺(tái)中。(3)測(cè)試動(dòng)畫效果。按組合鍵Ctrl+Enter測(cè)試動(dòng)畫效果。任務(wù)4思考與實(shí)踐

(1)插入普通幀的快捷鍵是()。A.F5

B.F6

C.F7D.F8

(2)插入幀的作用是()。A.完整復(fù)制前一個(gè)關(guān)鍵幀所有類別

B.延時(shí)作用

C.插入一張白紙

D.以上都不是

(3)Flash中可以創(chuàng)建()種類型元件。A.2

B.3C.4

D.5(4)幀速率是指動(dòng)畫播放的速度,Flash的默認(rèn)播放幀速率是()幀/秒。A.12B.24C.25D.30(5)將庫(kù)中的素材拖放到舞臺(tái)后,該素材就會(huì)變成一個(gè)(),也就是素材的復(fù)制品。A.實(shí)例B.元件C.圖形D.按鈕1.選擇題任務(wù)4思考與實(shí)踐

(6)庫(kù)中的元件可以重復(fù)使用()次。A.1

B.2

C.無(wú)數(shù)次

D.10

(7)在Flash時(shí)間軸上,“圖層”是()。A.列

B.行

C.行和列

D.都不是

(8)時(shí)間軸上用實(shí)心小圓表示的幀是()。A.空白幀

B.關(guān)鍵幀C.空白關(guān)鍵幀

D.普通幀(9)關(guān)于時(shí)間軸上的圖層,以下描述不正確的是()A.圖層可以上下移動(dòng)B.圖層可以重命名C.圖層能鎖定D.圖層不能隱藏(5)在按鈕編輯模式中,其時(shí)間軸上有()個(gè)幀。A.2B.3C.4D.51.選擇題任務(wù)4思考與實(shí)踐（1）練習(xí)制作圖形元件、按鈕元件和影片剪輯元件。2.實(shí)踐題感謝觀看！單元三矢量圖形的繪制單元3矢量圖形的繪制Flash動(dòng)畫使用矢量圖形和流式播放技術(shù),因此畫面無(wú)論放大多少倍都不會(huì)失真,它具有體積小、傳輸和下載速度快的特點(diǎn),并且可以邊下載邊播放。本單元通過(guò)使用繪圖工具繪制矢量圖形,設(shè)置線屬性、繪制線條與輪廓線、設(shè)置填充物,掌握矢量圖形的繪制方法。學(xué)習(xí)目標(biāo)掌握線屬性的設(shè)置方法010203掌握繪制線條與輪廓線的方法掌握將線轉(zhuǎn)換成填充物及邊緣柔化的方法任務(wù)1繪制各種圖形

在FlashCC中,造型獨(dú)特的設(shè)計(jì)作品都是由基本圖形組成的。FlashCC2015提供了多種工具來(lái)繪制線條和圖形,應(yīng)用多種多樣的繪圖工具可以制作不同的圖形和路徑。任務(wù)1繪制各種圖形1.矢量圖形的概念制作動(dòng)畫之前,一定要準(zhǔn)備好對(duì)象。對(duì)象的來(lái)源有三種,一是用繪圖工具繪制的矢量圖形,二是“庫(kù)”面板中的元件在舞臺(tái)中生成的實(shí)例:三是導(dǎo)入外部的圖形、圖像、聲音和視頻等。矢量圖形可以看成是由線條和填充物(主要是填充色)組成的,填充一般是對(duì)封閉圖形進(jìn)行,也可以對(duì)填充物進(jìn)行。封閉圖形通常由兩部分組成,一是它的輪廓線,二是其內(nèi)的填充物。矢量圖形的著色有兩種,一是對(duì)線條著色,二是對(duì)填充物著色。著色除了可以著單色外,還可以著漸變色和位圖。任務(wù)1繪制各種圖形2.線屬性的設(shè)置(1)線顏色的設(shè)置。①使用“屬性”面板設(shè)置線的顏色:執(zhí)行菜單命令“窗口”→“屬性”,在“屬性”面板中,利用“筆觸顏色”列表框來(lái)選擇顏色,如圖3-1所示。②利用“顏色”面板設(shè)置線的顏色:先雙擊圖形的邊框,選中邊框線,再執(zhí)行菜單命令“窗口”→“顏色”,打開(kāi)“顏色”面板,在“類型”中選擇“純色”,然后在“筆觸顏色”列表框中選擇一種顏色,如圖3-2所示?？梢栽凇邦伾泵姘宓腁lpha文本框中輸入百分?jǐn)?shù),以調(diào)整顏色的深淺度。當(dāng)Alpha值設(shè)為100%時(shí),表示完全不透明;當(dāng)Alpha值設(shè)為0%時(shí),表示完全透明。對(duì)于矢量圖形,可以用“顏色”面板來(lái)設(shè)置顏色的深淺度;而對(duì)于舞臺(tái)的實(shí)例對(duì)象,要改變其顏色的透明度,只能利用“屬性”面板的“筆觸顏色”列表框中的“透明度”調(diào)整;對(duì)于導(dǎo)入的外部圖像(圖片),要設(shè)置其透明度,必須先把圖片轉(zhuǎn)換為元件,然后才能設(shè)置。圖3-1形狀圖形的屬性面板圖3-2“顏色”面板任務(wù)1繪制各種圖形(2)線型的設(shè)置。線型包括線的形狀、粗細(xì)和顏色等。線型的設(shè)定是利用線的屬性面板來(lái)完成的。使用工具箱中的鋼筆工具、橢圓工具、矩形工具和鉛筆工具,即可打開(kāi)相應(yīng)的屬性面板。其屬性面板中的“位置和大小”用來(lái)精確調(diào)整對(duì)象的大小位置。利用線的屬性面板可以設(shè)置線和矩形、橢圓形輪廓線的線型。任務(wù)1繪制各種圖形3.繪制線條與輪廓線(1)使用線條工具繪制直線。單擊工具箱中的“線條工具”(也可以利用其屬性面板,設(shè)置線的線型和顏色),在舞臺(tái)內(nèi)繪制一條直線。按住Shift鍵,在舞臺(tái)內(nèi)繪制出一條水平線,也可繪制垂直線或45°角的直線(這也適用于鉛筆工具)。任務(wù)1繪制各種圖形(2)使用鉛筆工具繪制線條圖形。使用鉛筆工具可以繪制任意形狀的曲線矢量圖形(也可以利用其屬性面板,設(shè)置線的線型和線的顏色)。此時(shí),工具箱下邊的“選項(xiàng)”欄內(nèi)會(huì)顯示一個(gè)

按鈕,單擊該按鈕,可彈出3個(gè)設(shè)置鉛筆模式的按鈕,如圖3-3所示。①伸直:是規(guī)則模式,適用于繪制規(guī)則線條,并且繪制的線條會(huì)分段轉(zhuǎn)換成與直線、圓、橢圓、矩形等規(guī)則線條中最接近的線條。②平滑:是平滑模式,適用于繪制平滑曲線(一般情況下使用平滑模式)。③墨水:是徒手模式,適用于繪制接近徒手畫出的線條。圖3-3設(shè)置鉛筆模式任務(wù)1繪制各種圖形(3)使用鋼筆工具繪制直線、折線與多邊形。一般應(yīng)先設(shè)置好線條的顏色,再單擊鋼筆工具。①繪制直線:單擊直線的起點(diǎn),移動(dòng)鼠標(biāo)指針到直線的終點(diǎn),雙擊直線的終點(diǎn)處即可。②繪制折線:單擊折線的起點(diǎn),再單擊折線的下一個(gè)轉(zhuǎn)折點(diǎn),不斷地依次單擊折點(diǎn)處,最后雙擊折線的終點(diǎn)處。③繪制多邊形:單擊多邊形的一個(gè)端點(diǎn)(起點(diǎn)),再依次單擊其余端點(diǎn),最后雙擊多邊形的起點(diǎn)。任務(wù)1繪制各種圖形(4)使用橢圓或矩形工具繪制橢圓或矩形輪廓線。①繪制橢圓輪廓線:單擊“橢圓工具”,在舞臺(tái)內(nèi)繪制一個(gè)橢圓輪廓線矢量圖形。如果在拖動(dòng)鼠標(biāo)的同時(shí)按住Shift鍵,則可繪制一個(gè)正圓。②繪制矩形輪廓線:單擊“矩形工具”,在舞臺(tái)內(nèi)繪制一個(gè)矩形輪廓線矢量圖形。如果在拖動(dòng)鼠標(biāo)的同時(shí)按Shift鍵,則可繪制一個(gè)正方形。在單擊“矩形工具”時(shí),工具箱下邊的“選項(xiàng)”欄內(nèi)增加了一個(gè)圖標(biāo)按鈕,單擊該按鈕,調(diào)出“邊角半徑”文本框,在其中輸入圓角半徑值,可繪制一個(gè)圓角矩形。案例3-1繪制花朵案例描述本案例是利用工具箱中的橢圓工具以及重置選區(qū)和變形按鈕來(lái)繪制花朵,案例的效果如圖3-4所示。圖3-4花朵效果圖案例3-1繪制花朵制作步驟(1)啟動(dòng)FlashCC2015軟件,選擇“ActionScript3.0”選項(xiàng),將“寬”選項(xiàng)設(shè)定為400像素,“高”選項(xiàng)設(shè)定為400像素,單擊“確定”按鈕,完成新建文檔操作。(2)單擊“橢圓工具”,在舞臺(tái)中繪制一個(gè)橢圓,如圖3-5所示。(3)單擊“顏料桶工具”,打開(kāi)“顏色”面板,在“顏色類型”下拉列表中選擇“徑向漸變”選項(xiàng),將色帶左邊調(diào)整成紅色,右邊調(diào)整成白色,生成漸變色,如圖3-6所示,在橢圓上填充漸變色。(4)單擊“任意變形工具”,將圖形的中心點(diǎn)調(diào)整到合適位置。圖3-5繪制橢圓花瓣圖3-6設(shè)定徑向漸變填充案例3-1繪制花朵制作步驟(5)打開(kāi)“變形”面板,選擇“旋轉(zhuǎn)”選項(xiàng),設(shè)置角度為60度,如圖3-7所示,單擊“重置選區(qū)和變形”按鈕。(6)繼續(xù)單擊“重置選區(qū)和變形”按鈕,執(zhí)行變形,如圖3-8所示。(7)花朵繪制完成,按組合鍵Ctrl+Enter測(cè)試效果。圖3-7“變形”面板圖3-8執(zhí)行變形案例3-2繪制卡通小鳥案例描述本案例是利用工具箱中的鋼筆工具、矩形工具等,設(shè)置有關(guān)線條和輪廓線的顏色與線型來(lái)完成卡通小鳥的繪制,效果如圖3-9所示。圖3-9卡通小鳥效果圖案例3-2繪制卡通小鳥制作步驟(1)繪制小鳥主體。①啟動(dòng)FlashCC2015,選擇“ActionScript3.0”選項(xiàng),將“寬”選項(xiàng)設(shè)定為450像素,“高”選項(xiàng)設(shè)定為450像素,將“舞臺(tái)顏色”設(shè)定為黃色(#FFCC00),單擊“確定”按鈕,完成新建文檔操作。②雙擊“圖層1”的圖層名稱,將“圖層1”命名為“頭部”。單擊“鋼筆工具”,在“屬性”面板中將“筆觸顏色”設(shè)定為黑色,“筆觸大小”設(shè)定為1像素,在舞臺(tái)區(qū)域繪制一個(gè)閉合的邊線,如圖3-10所示。圖3-10鋼筆工具的筆觸案例3-2繪制卡通小鳥制作步驟③單擊“顏料桶工具”,在“屬性”面板中將顏料桶的“填充顏色”設(shè)定為綠色(#66FF00),在閉合的邊線內(nèi)部單擊進(jìn)行顏色填充,效果如圖3-11所示。單擊“選擇工具”,在邊框線上雙擊,將其選中,按組合鍵Ctrl+X進(jìn)行剪切,效果如圖3-12所示。④單擊“時(shí)間軸”面板下方的“新建圖層”按鈕,創(chuàng)建新的圖層在“頭部”圖層上,并將其命名為“裝飾線1”。圖3-11填充頭部圖3-12剪切邊框線效果案例3-2繪制卡通小鳥制作步驟⑤按組合鍵Ctrl+Shift+V,將剪切的邊線在“裝飾線1”圖層的第1幀上進(jìn)行原位粘貼。單擊“任意變形工具”,在閉合邊線周圍出現(xiàn)控制點(diǎn),如圖3-13所示。按住Shift鍵的同時(shí),將右上角控制點(diǎn)向左下方拖動(dòng)到適當(dāng)?shù)奈恢?進(jìn)行等比例縮小,如圖3-14所示。圖3-13邊線周圍出現(xiàn)控制點(diǎn)圖3-14進(jìn)行等比例縮小案例3-2繪制卡通小鳥制作步驟⑥在形狀的“屬性”面板中將“筆觸顏色”設(shè)定為白色,“筆觸”設(shè)定為5像素,在“填充和筆觸”選項(xiàng)區(qū)的“樣式”下拉列表中選擇“虛線”,其他設(shè)置如圖3-15所示,效果如圖3-16所示。圖3-15形狀屬性面板圖3-16繪制虛線案例3-2繪制卡通小鳥制作步驟⑦在“時(shí)間軸”面板下方單擊“新建圖層”按鈕,將新建圖層命名為“尾巴”。單擊“鋼筆工具”,在“屬性”面板中將“筆觸顏色”設(shè)定為黑色,“筆觸”設(shè)定為1像素,在舞臺(tái)中繪制一個(gè)閉合的邊線,如圖3-17所示。⑧單擊“顏料桶工具”,在工具箱中將“填充顏色”設(shè)定為綠色(#66FF00),在閉合的邊線內(nèi)部單擊進(jìn)行顏色填充,效果如圖3-18所示。單擊“選擇工具”,在邊線上雙擊,選中的邊線變?yōu)槲浵伨€,如圖3-19所示。圖3-17繪制“尾巴”圖3-18填充尾巴圖3-19選中邊線案例3-2繪制卡通小鳥制作步驟⑨按組合鍵Ctrl+X將其剪切,如圖3-20所示,在“時(shí)間軸”面板中新建圖層,并將其命名為“裝飾線2”,如圖3-21所示。圖3-20刪除邊線圖3-21新建“裝飾線2”圖層案例3-2繪制卡通小鳥制作步驟⑩按組合鍵Ctrl+Shift+V,將剪切下來(lái)的邊線在原位粘貼到“裝飾線2”圖層中,單擊“任意變形工具”,在閉合邊線周圍出現(xiàn)控制點(diǎn),如圖3-22所示。按住Shift鍵的同時(shí),將右上角的控制點(diǎn)向左下方拖動(dòng)到適當(dāng)?shù)奈恢?等比例縮小,如圖3-23所示。圖3-22選中尾巴圖3-23等比例縮小案例3-2繪制卡通小鳥制作步驟?打開(kāi)形狀的“屬性”面板,將“筆觸顏色”設(shè)定為白色,“筆觸”設(shè)定為5像素，在“樣式”下拉列表中選擇“虛線”,其他設(shè)置如圖3-24所示。效果如圖3-25所示。圖3-24打開(kāi)形狀屬性面板圖3-25“尾巴”效果圖案例3-2繪制卡通小鳥制作步驟?在“時(shí)間軸”面板中選中“尾巴”和“裝飾線2”圖層,如圖3-26所示,將其拖動(dòng)到“頭部”圖層的下方,如圖3-27所示,效果如圖3-28所示。圖3-26選中“尾巴”和“裝飾線2”圖層圖3-27改變圖層順序圖3-28更改順序后的效果圖案例3-2繪制卡通小鳥制作步驟?在時(shí)間軸面板中新建圖層,并命名為“鳳冠”。單擊“橢圓工具”,在工具箱中將“筆觸顏色”設(shè)定為無(wú),“填充顏色”設(shè)定為綠色(#66FF00),在舞臺(tái)中繪制一個(gè)橢圓,如圖3-29所示。?單擊“任意變形工具”,選擇橢圓圖形,周圍出現(xiàn)控制框,將鼠標(biāo)指針?lè)胖迷诳刂瓶虻挠疑辖?當(dāng)其變成旋轉(zhuǎn)狀態(tài)時(shí),按住鼠標(biāo)左鍵將其向左上方拖動(dòng),旋轉(zhuǎn)適當(dāng)?shù)慕嵌?效果如圖3-30所示,用相同的方法做出圖3-31所示的效果。?單擊“選擇工具”,按住Shift鍵的同時(shí)選擇兩個(gè)橢圓,并將其拖動(dòng)到合適的位置,如圖3-32所示。圖3-29繪制橢圓圖3-30旋轉(zhuǎn)橢圓圖3-31添加橢圓圖3-32調(diào)整位置案例3-2繪制卡通小鳥制作步驟(2)繪制五官。①在“時(shí)間軸”面板中選擇“裝飾線1”圖層,單擊“時(shí)間軸”面板下方的“新建圖層”按鈕,創(chuàng)建新的圖層,并命名為“眼睛”。單擊“橢圓工具”,在工具箱中將“筆觸顏色”設(shè)定為無(wú),“填充顏色”設(shè)定為白色,在舞臺(tái)中繪制一個(gè)橢圓,如圖3-33所示。②在工具箱中將“填充顏色”設(shè)定為褐色(#996600),在圖中的橢圓中再繪制一個(gè)橢圓,如圖3-34所示。然后在工具箱中將“填充顏色”設(shè)定為白色,在圖中再繪制一個(gè)小橢圓,如圖3-35所示。圖3-33繪制白色橢圓圖3-34繪制褐色橢圓圖3-35繪制白色小橢圓案例3-2繪制卡通小鳥制作步驟③單擊“鋼筆工具”,在屬性面板中將“筆觸顏色”設(shè)定為黑色,“筆觸”選項(xiàng)設(shè)定為1像素,在舞臺(tái)中繪制一個(gè)閉合邊線,如圖3-36所示。④單擊“顏料桶工具”,在工具箱中將“填充顏色”設(shè)定為綠色(#00300),在閉合線內(nèi)部單擊進(jìn)行顏色填充,效果如圖3-37所示。單擊“選擇工具”,在邊線上雙擊選中邊線,按Delete鍵將其刪除,如圖3-38所示。圖3-36繪制