中職教材二維動(dòng)畫

Flashcc二維動(dòng)畫基礎(chǔ)第1章Flashcc基礎(chǔ)入門

學(xué)習(xí)目標(biāo)本章主要介紹Flash軟件特點(diǎn)、功能和入門最基本的操作。了解什么是Flash動(dòng)畫了解Flash動(dòng)畫的制作流程熟悉并掌握Flashcc軟件的界面基本操作制作簡(jiǎn)單的Flash動(dòng)畫重點(diǎn)難點(diǎn)在Flash中導(dǎo)入圖片使用編輯多個(gè)幀對(duì)多個(gè)關(guān)鍵幀進(jìn)行操作發(fā)布影片庫(kù)面板的簡(jiǎn)單操作第1章Flashcc基礎(chǔ)入門

學(xué)習(xí)內(nèi)容：1.1Flash動(dòng)畫基礎(chǔ)概念1.2第一個(gè)Flash動(dòng)畫—奔跑的馬1.3FlashCC的操作界面1.4FlashCC的基本操作1.1Flash動(dòng)畫基礎(chǔ)概念

1.1.1Flash動(dòng)畫特點(diǎn)（1）文件數(shù)據(jù)量小，圖像質(zhì)量高（2）便于網(wǎng)絡(luò)傳播（3）簡(jiǎn)單易學(xué)（4）制作成本低（5）交互性強(qiáng)（6）較好的傳播性1.1Flash動(dòng)畫基礎(chǔ)概念

1.1Flash動(dòng)畫基礎(chǔ)概念

1.1.2Flash動(dòng)畫應(yīng)用領(lǐng)域3、教學(xué)課件Flash課件具有形象性、趣味性、直觀性、交互性等特點(diǎn)，能有效激發(fā)學(xué)生的學(xué)習(xí)興趣。4、交互游戲Flash使用ActionScript腳本語(yǔ)言，具有很好的交互更能，可以制作出畫面精美，趣味性強(qiáng)的交互性游戲。例如《黃金礦工》、《悟空識(shí)字》等游戲。

1.1Flash動(dòng)畫基礎(chǔ)概念

1.1.2Flash動(dòng)畫應(yīng)用領(lǐng)域

5．片頭動(dòng)畫網(wǎng)站片頭一般只是起一個(gè)引導(dǎo)和展示的作用，要短小精悍，其時(shí)間大約只有幾十秒，使瀏覽者對(duì)網(wǎng)站有一個(gè)大體的印象和認(rèn)識(shí)即可。使用FLASH制作網(wǎng)站片頭，動(dòng)畫、聲音的結(jié)合可以制作出很絢麗得效果，給瀏覽者很強(qiáng)的視覺(jué)沖擊力。如圖1茶具公司網(wǎng)站的片頭動(dòng)畫。

1.1Flash動(dòng)畫基礎(chǔ)概念

1.1.2Flash動(dòng)畫應(yīng)用領(lǐng)域6、賀卡Flash電子賀卡具有生動(dòng)的動(dòng)畫效果，表現(xiàn)形式多樣，制作簡(jiǎn)單等特點(diǎn)，能制作出絢麗的效果，將祝福傳遞出去。圖為生日賀卡截圖。7、網(wǎng)頁(yè)廣告Flash網(wǎng)頁(yè)廣告，具有短小、精悍、表現(xiàn)力強(qiáng)等特點(diǎn)，適合網(wǎng)絡(luò)傳播，在網(wǎng)絡(luò)上得到廣泛的應(yīng)用。如圖化妝品廣告截圖。

1.1Flash動(dòng)畫基礎(chǔ)概念

1.1.3Flash動(dòng)畫基本概念

1、幀與幀頻

根據(jù)人的視覺(jué)暫留原理，人眼所看到的視覺(jué)影像，會(huì)在視網(wǎng)膜上停留0.1秒之久，電影動(dòng)畫都是通過(guò)連續(xù)播放一系列靜止畫畫，形成視覺(jué)上連續(xù)變化的動(dòng)態(tài)畫面。通常將這一個(gè)靜態(tài)畫面稱為一幀。

幀頻是指動(dòng)畫播放的速度，也就是每秒鐘播放的幀數(shù)。幀頻的單位為fps（幀/秒）。幀頻的快慢決定動(dòng)畫的播放質(zhì)量，幀頻慢則動(dòng)畫有停頓感覺(jué)，幀頻過(guò)快，則增加動(dòng)畫成本和容易忽視動(dòng)畫細(xì)節(jié)。通常電影每秒鐘是24幀畫面，電視每秒鐘25幀，給人的感覺(jué)是一個(gè)非常流暢自然的運(yùn)動(dòng)過(guò)程。Flash動(dòng)畫在制作時(shí)，可根據(jù)播放載體設(shè)置相應(yīng)的幀頻，F(xiàn)lashcc的默認(rèn)幀頻為24fps。2、關(guān)鍵幀與普通幀

在FLASH動(dòng)畫編輯中，最小的時(shí)間單位是幀。根據(jù)幀的作用，可以普通幀和關(guān)鍵幀。

關(guān)鍵幀指在動(dòng)畫制作過(guò)程中，呈現(xiàn)關(guān)鍵性動(dòng)作的幀。而普通幀則是將關(guān)鍵幀的狀態(tài)進(jìn)行延續(xù)，一般是用來(lái)將動(dòng)畫內(nèi)容保持在動(dòng)畫場(chǎng)景中。1.1Flash動(dòng)畫基礎(chǔ)概念

1.1.3Flash動(dòng)畫基本概念3、圖層

圖層是將動(dòng)畫進(jìn)行分層制作，不同的對(duì)象放置在不同的圖層上，方便操作，最后疊加在一起成為最終的動(dòng)畫效果。4、元件

制作動(dòng)畫過(guò)程中，可以將動(dòng)畫所用的素材放置在庫(kù)中，反復(fù)使用，減少Flash文件的大小。包括圖形、按鈕、影片剪輯、聲音、視頻等元素。5、時(shí)間軸

幀和圖層是時(shí)間軸的主要組成部分，是Flash進(jìn)行動(dòng)畫制作的主要場(chǎng)所。一幀一幀的動(dòng)畫內(nèi)容按照設(shè)置幀頻速度進(jìn)行播放，就形成了Flash動(dòng)畫。6、舞臺(tái)

舞臺(tái)(Stage)

用來(lái)放置元件、聲音、圖片、動(dòng)畫等元素的地方。放置在舞臺(tái)上的內(nèi)容，F(xiàn)lash影片發(fā)布之后可以呈現(xiàn)，放置在舞臺(tái)以為的區(qū)域的動(dòng)畫內(nèi)容不能呈現(xiàn)。

1.1Flash動(dòng)畫基礎(chǔ)概念

1.1.4Flash動(dòng)畫制作流程1．前期策劃

明確制作動(dòng)畫的目的以及要達(dá)到的效果，確定劇本，確定影片風(fēng)格，進(jìn)行場(chǎng)景和角色設(shè)計(jì)。完成動(dòng)畫的分鏡頭臺(tái)本繪制。2．準(zhǔn)備素材

素材包括場(chǎng)景素材、角色素材、道具素材等，結(jié)合Flash軟件的功能特點(diǎn)，在準(zhǔn)備素材時(shí)，有條理的對(duì)素材進(jìn)行分類管理，轉(zhuǎn)換為庫(kù)中元件，方便后面動(dòng)畫的制作。3．制作動(dòng)畫

素材準(zhǔn)備就緒后就可以開(kāi)始制作動(dòng)畫了。這主要包括為角色造型添加動(dòng)作、角色與背景的合成、聲音與動(dòng)畫的同步等。4．后期調(diào)試

包括調(diào)試動(dòng)畫和測(cè)試動(dòng)畫。調(diào)試動(dòng)畫主要是對(duì)動(dòng)畫細(xì)節(jié)進(jìn)行調(diào)整，使動(dòng)畫顯得流暢、和諧。測(cè)試動(dòng)畫是對(duì)動(dòng)畫的播放效果進(jìn)行檢測(cè)，以保證動(dòng)畫能完美地展現(xiàn)在欣賞者面前。5．發(fā)布作品

動(dòng)畫制作好并調(diào)試無(wú)誤后，便可以將其導(dǎo)出或發(fā)布為.swf格式的影片，并傳到網(wǎng)絡(luò)上供人們欣賞及下載。

1.2第一個(gè)Flash動(dòng)畫

案例綜述

下面通過(guò)一個(gè)簡(jiǎn)單的實(shí)例，熟悉FlashCC軟件的界面、布局和基本操作。實(shí)例效果如下圖所示。

1.2第一個(gè)Flash動(dòng)畫

案例分析新建Flash文檔首選參數(shù)設(shè)置設(shè)置舞臺(tái)屬性保存文檔導(dǎo)入素材圖層設(shè)置新建元件改變?cè)傩蕴砑訋完P(guān)鍵幀創(chuàng)建簡(jiǎn)單的傳統(tǒng)補(bǔ)間動(dòng)畫發(fā)布設(shè)置

1.2第一個(gè)Flash動(dòng)畫

舉一反三

根據(jù)上面實(shí)例的操作過(guò)程，可以制作相似的動(dòng)畫效果。下面制作魚(yú)游的動(dòng)畫實(shí)例，效果下圖所示。

1.3FlashCC的操作界面

FlashCC的操作界面由菜單欄、工具箱、時(shí)間軸、舞臺(tái)和浮動(dòng)面板組成，如下圖所示。

1.3FlashCC的操作界面

文件菜單主要包括對(duì)新建、保存、另存、導(dǎo)入、導(dǎo)出、發(fā)布、發(fā)布設(shè)置等命令，其中新建、保存、導(dǎo)入、導(dǎo)出使用頻率比較高。編輯菜單主要包括對(duì)文檔操作的復(fù)制、粘貼、撤銷、重做等命令。視圖菜單主要提供對(duì)舞臺(tái)的放大、縮小、顯示比例等設(shè)置，同時(shí)提供輔助線、標(biāo)尺等輔助功能。插入菜單主要執(zhí)行插入元件、場(chǎng)景、圖層、幀等命令，其中“新建元件”命令最為常用。修改菜單主要提供對(duì)動(dòng)畫形狀、位圖、元件等進(jìn)行修改屬性。文本菜單主要對(duì)文本的樣式、字體進(jìn)行設(shè)置。命令菜單主要提供管理保存的命令及xml的導(dǎo)入導(dǎo)出命令?？刂撇藛沃饕獙?duì)影片的進(jìn)行測(cè)試、播放。調(diào)試菜單主要是對(duì)ActionScript腳本語(yǔ)言進(jìn)行調(diào)試。窗口菜單主要實(shí)現(xiàn)工作界面的布局、選擇控制窗口幫助菜單提供幫助文檔及在線幫助等。

1.3FlashCC的操作界面

工具箱工具箱是FIash中重要的面板，它包含選項(xiàng)工具、繪制工具、色彩填充工具、視圖工具和選項(xiàng)工具區(qū)。

1.3FlashCC的操作界面

舞臺(tái)

Flash界面中白色區(qū)域，為舞臺(tái)。舞臺(tái)上面的按鈕提供了舞臺(tái)內(nèi)容的切換，如圖包括場(chǎng)景切換、元件編輯切換，也包括了設(shè)置舞臺(tái)視圖比例，舞臺(tái)居中等選項(xiàng)。

1.3FlashCC的操作界面

時(shí)間軸幀和圖層是時(shí)間軸的主要組成部分，是Flash進(jìn)行動(dòng)畫制作的主要場(chǎng)所。

圖層就像堆疊在一起的多張幻燈膠片一樣，每個(gè)圖層都包含一個(gè)顯示在舞臺(tái)中的不同圖像。面板中主要提供了圖層的添加、刪除的操作。其中圖層右上角的三個(gè)按鈕，分別表示對(duì)圖層的隱藏、鎖定和顯示輪廓。右側(cè)的每一個(gè)小格子表示一幀。而紅色的小方塊表示播放頭。播放頭指示當(dāng)前在舞臺(tái)中顯示的幀，播放頭到哪一幀，舞臺(tái)上就顯示哪一幀的圖像。1.3FlashCC的操作界面

屬性面板Flash軟件的屬性面板是動(dòng)態(tài)變換的，會(huì)根據(jù)所選擇的對(duì)象的不同，顯示不同的屬性設(shè)置，并對(duì)所選擇對(duì)象的屬性進(jìn)行修改編輯。如下圖顯示的為矩形工具的屬性面板。

1.3FlashCC的操作界面

浮動(dòng)面板

浮動(dòng)面板是由各種不同功能的面板組成的，包括顏色面板、樣本面板、對(duì)齊面板、信息面板、變形面板、庫(kù)面板、動(dòng)畫預(yù)設(shè)面板等，需要顯示哪個(gè)面板，可通過(guò)點(diǎn)擊【窗口】菜單，對(duì)浮動(dòng)面板的顯示隱藏進(jìn)行設(shè)置。

1.4FlashCC的基本操作

1.4.1新建文檔1.4.2打開(kāi)文檔1.4.3保存文檔1.4.4關(guān)閉文檔1.4.5設(shè)置文檔屬性1.4.6輔助功能1.4.7舞臺(tái)視圖縮放比例1.4.8導(dǎo)入圖片1.4.9元件與庫(kù)

1.4FlashCC的基本操作

1.4.1新建文檔新建文檔的三種方法1、在起始頁(yè)面中，在新建一欄中選擇【新建ActionScript3.0】，也可以根據(jù)需要?jiǎng)?chuàng)建其他文檔格式。前面實(shí)例中采用這種方法進(jìn)行新建文檔的。2、選擇【文件】一【新建】命令，快捷鍵Ctrl+N。在彈出的“新建文檔”對(duì)話中，選擇所需要?jiǎng)?chuàng)建的文檔類型，點(diǎn)擊【確定】即可。3、選擇“文件一新建”命令，在彈出的【新建文檔】對(duì)話中，選擇【模板】標(biāo)簽，提供一些范例文件，簡(jiǎn)單方便的創(chuàng)建一些動(dòng)畫效果。

1.4FlashCC的基本操作

1.4.2打開(kāi)文檔首選需要打開(kāi)文檔，對(duì)已有的Flash文檔進(jìn)行編輯和修改，打開(kāi)文檔的操作步驟如下：

（1）選擇【文件】—【打開(kāi)】命令(或者快捷鍵Ctrl+O組合鍵)，彈出“打開(kāi)”對(duì)話框。選擇需要打開(kāi)的文檔，點(diǎn)擊【打開(kāi)】按鈕即可。（2）【文件】—【打開(kāi)最近的文檔】，在下一級(jí)菜單中，選擇最近操作的Flash文檔打開(kāi)即可。（3）雙擊選中的文件，即可啟動(dòng)Flash軟件，打開(kāi)文檔。

1.4FlashCC的基本操作

1.4.3保存文檔在編輯Flash文檔的過(guò)程中，為了防止文件丟失，最好養(yǎng)成一個(gè)及時(shí)保存文檔的習(xí)慣。最好在新建文檔后，將Flash文檔保存。（1）選擇【文件】—【保存】命令，快捷鍵Ctrl+S。（2）要將文檔保存到不同的位置或用不同的名稱保存文檔，選擇【文件】—【另存為】命令。（3）需要還原到上次保存的文檔版本，選擇【文件】—【還原】命令即可。

1.4FlashCC的基本操作

1.4.4關(guān)閉文檔FlashCC軟件通常會(huì)打開(kāi)多個(gè)文檔，而需要關(guān)閉某個(gè)Flash文檔時(shí)，可以通過(guò)下面的方法：?jiǎn)螕粑臋n標(biāo)題欄右側(cè)的×按鈕。執(zhí)行【文件】—【關(guān)閉】命令，快捷鍵Ctrl+W對(duì)于多個(gè)文檔，可以選擇【文件】—【全部關(guān)閉】命令。

1.4FlashCC的基本操作

1.4.5設(shè)置文檔屬性Flash軟件的屬性面板是動(dòng)態(tài)變換的，會(huì)根據(jù)所選擇的對(duì)象的不同，顯示不同的屬性設(shè)置。在Flash中沒(méi)有選中對(duì)象時(shí)，或者點(diǎn)擊舞臺(tái)空白處，屬性面板呈現(xiàn)的為文檔的屬性，可以設(shè)置幀頻、舞臺(tái)大小、背景顏色等。

1.4FlashCC的基本操作

1.4.6輔助功能Flash軟件提供了標(biāo)尺、輔助線、網(wǎng)格等輔助功能，以便于準(zhǔn)確地定位對(duì)象，下面分別進(jìn)行介紹。1、標(biāo)尺和輔助線（1）顯示標(biāo)尺。（2）拖拽輔助線。（3）顯示隱藏輔助線。（4）刪除輔助線（5）編輯輔助線

1.4FlashCC的基本操作

1.4.6輔助功能2．網(wǎng)格

網(wǎng)格是由一組水平線和垂直線組成的，主要用于精確地對(duì)齊和放置對(duì)象，只是在編輯區(qū)域內(nèi)容顯示表格，最后影片不會(huì)顯示網(wǎng)格。（1）顯示網(wǎng)格：執(zhí)行【視圖】—【網(wǎng)格】—【顯示網(wǎng)格】命令，舞臺(tái)即顯示網(wǎng)格。舞臺(tái)上的對(duì)象在編輯時(shí)，會(huì)吸附到網(wǎng)格所交叉的點(diǎn)上。（2）編輯網(wǎng)格

1.4FlashCC的基本操作

1.4.7舞臺(tái)視圖縮放比例在舞臺(tái)上編輯對(duì)象時(shí)，為了方便操作，需要對(duì)舞臺(tái)視圖進(jìn)行放大縮小，可以使用以下幾種方法。（1）在【視圖】菜單下，執(zhí)行放大、縮小、縮放比例命令可以對(duì)舞臺(tái)大小進(jìn)行縮放。（2）在舞臺(tái)右上角的下拉列表中可以選擇舞臺(tái)的顯示比例。（3）在工具箱的視圖工具里包括【手形工具】和【縮放工具】可以對(duì)舞臺(tái)視圖內(nèi)容及顯示比例進(jìn)行改變。提示：對(duì)舞臺(tái)進(jìn)行縮放后，按Ctrl+1快捷鍵，舞臺(tái)視圖比例回到100%，方便動(dòng)畫操作。

1.4FlashCC的基本操作

1.4FlashCC的基本操作

1.4.8導(dǎo)入圖片制作Flash中，需要從文件中導(dǎo)入所需要的素材文件，執(zhí)行【文件】—【導(dǎo)入】命令。導(dǎo)入菜單下包括：導(dǎo)入到舞臺(tái)、導(dǎo)入到庫(kù)、導(dǎo)入視頻、打開(kāi)外部庫(kù)四個(gè)選項(xiàng)。

1.4FlashCC的基本操作

1.4.9元件與庫(kù)

制作動(dòng)畫過(guò)程中，可以將動(dòng)畫所用的素材放置在庫(kù)中，反復(fù)使用，減少Flash文件的大小。包括圖形、按鈕、影片剪輯、聲音、視頻等元素。

執(zhí)行【插入】—【新建元件】命令，可以新建影片剪輯、按鈕、圖形3中元件。

1.5知識(shí)拓展

計(jì)算機(jī)中顯示的圖形一般可以分為兩大類——矢量圖和位圖。Flash軟件是一款矢量圖制作軟件，由于使用矢量圖形，使得Flash動(dòng)畫的文件數(shù)據(jù)小，圖像質(zhì)量高，那么矢量圖與位圖圖像有何區(qū)別，下面來(lái)詳細(xì)說(shuō)明一下。1、矢量圖矢量圖是以數(shù)學(xué)描述的方式來(lái)記錄圖像內(nèi)容，它的內(nèi)容以線條和色塊為主，其文件所占的容量較小，也可以很容易地進(jìn)行放大、縮小和旋轉(zhuǎn)等操作，并且不會(huì)失真，可以制作三維圖像。優(yōu)點(diǎn)：失量圖像與分辨率無(wú)關(guān)，將它縮放到任意大小和以任意分辨率在輸出設(shè)備上打印出來(lái)，都不會(huì)遺漏細(xì)節(jié)和影響清晰度。缺點(diǎn)：不易制作色調(diào)豐富或色彩變化太多的圖像應(yīng)用：它是文字和粗放圖形的