Flash CC動(dòng)畫(huà)設(shè)計(jì)與制作全書(shū)教案

第一章FlashCC基礎(chǔ)知識(shí)

1.1認(rèn)識(shí)Flash動(dòng)畫(huà)

課題1.2FlashCC的安裝與卸載課時(shí)

1.3FlashCC新增功能介紹

1、認(rèn)識(shí)Flash動(dòng)畫(huà)

教學(xué)內(nèi)容2、熟悉FlashCC操作界面

3、FlashCC新增功能介紹

教學(xué)目標(biāo)認(rèn)識(shí)Flash動(dòng)畫(huà)

教學(xué)重點(diǎn)掌握FlashCC基本操作界面

通過(guò)學(xué)習(xí)掌握FlashCC基本操作界面，在今后的實(shí)際案例中

教學(xué)難點(diǎn)

能夠應(yīng)用

教學(xué)活動(dòng)及主要語(yǔ)言學(xué)生活動(dòng)

一、創(chuàng)設(shè)意境，導(dǎo)入新課（設(shè)疑法、提問(wèn)法）

學(xué)生

導(dǎo)入：同學(xué)們，今天我們一起來(lái)學(xué)習(xí)flash軟件回顧自己

在日常生

二、新課教學(xué)（講解法、提問(wèn)法、示范法）活中看到

1.Flash歷史回顧的flash

動(dòng)畫(huà)，并

Flash的前身是一家名為FutureWave的小公司于1996年發(fā)布的隨著教師

FutureSplashAnimator,它是世界上第一個(gè)商用二維矢量動(dòng)畫(huà)軟件。的講解，

引導(dǎo)出本

1997年，一直致力于在網(wǎng)頁(yè)多媒體市場(chǎng)上發(fā)展的Macromedia節(jié)課要學(xué)

公司收購(gòu)了該公司，先后發(fā)布了Flash3、Flash4、和Flash5,得到習(xí)的內(nèi)

容。

了用戶的認(rèn)可。2003年12月，在眾多用戶的期待和關(guān)心中，增強(qiáng)了

多媒體功能的FlashMX2004發(fā)布了。到了2005年，F(xiàn)lash發(fā)展到了

最新的Flash8版本，各方面的性能進(jìn)一步提高。

2005年底，Macromedia公司被Adobe公司收購(gòu)，同年發(fā)布了

FlashCS3.0o如果說(shuō)FlashCS3.0的發(fā)布是Flash新世紀(jì)的開(kāi)端，那

么2008年9月FlashCS4.0的發(fā)布就是Flash發(fā)展史上的“工業(yè)革命”。

從FlashCS4以全新的Flash動(dòng)畫(huà)制作開(kāi)創(chuàng)一個(gè)新時(shí)代。到2013年9

月,AdobeFlashProfessionalCC誕生了，這是Flash目前最新的版本,

它是一個(gè)新的軟件設(shè)計(jì)理念溶入，仿佛是回歸，又仿佛是飛躍，它

精簡(jiǎn)并提升和完善了CS系列的很多元素，開(kāi)始界面也較之前的版本

更具有視覺(jué)沖擊力，功能也變得更加強(qiáng)大了，如圖1一1所示。

圖1—1此時(shí)學(xué)生

應(yīng)該注意

2Flash應(yīng)用領(lǐng)域與市場(chǎng)聽(tīng)和觀看

Flash技術(shù)不斷推陳出新，繼席卷網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)廣告之后，電教師的講

解與操

影、電視、教育、卡通、聲樂(lè)也成為展示風(fēng)采的舞臺(tái)。Flash從網(wǎng)絡(luò)作，因?yàn)?/p>

走向電影、電視、教育、卡通、聲樂(lè)，推動(dòng)了傳統(tǒng)媒體和互聯(lián)網(wǎng)媒此處是新

知識(shí)，同

體的融合。時(shí)也應(yīng)積

在影視電影領(lǐng)域，如寶馬汽車(chē)推出的網(wǎng)絡(luò)電影《Thehire》，也極回答相

應(yīng)的問(wèn)

是靠運(yùn)用了大量的Flash技術(shù)。題，進(jìn)行

在廣告動(dòng)畫(huà)領(lǐng)域，以動(dòng)畫(huà)為主的廣告形式也隨之出現(xiàn)，它不但認(rèn)真的思

考

可以給創(chuàng)意策劃帶來(lái)更大的空間，而且也節(jié)省了財(cái)力物力，可避免

實(shí)物拍攝所產(chǎn)生的弊端。最重要的能給觀眾帶來(lái)一個(gè)全新的視覺(jué)感

受，讓人們?cè)趭蕵?lè)的同時(shí)對(duì)廣告宣傳的產(chǎn)品有了一個(gè)深刻的記憶。

目前，新浪、搜狐、亞馬遜、京東、淘寶等大型門(mén)戶商業(yè)網(wǎng)站都很

大程度地使用了Flash動(dòng)畫(huà)。

在教育教學(xué)領(lǐng)域，相對(duì)于以往的PPT制作課件，用Flash制作

更為靈活、互動(dòng)性強(qiáng)，特別是網(wǎng)絡(luò)教學(xué)的方式更能突出其優(yōu)勢(shì)，更

能激發(fā)學(xué)習(xí)興趣。

在二維動(dòng)畫(huà)片領(lǐng)域，如《喜羊羊和灰太狼》、《奇趣俱樂(lè)部》等,

都受到了業(yè)內(nèi)人士及大眾的一致好評(píng)?？梢?jiàn)，中國(guó)電視觀眾已經(jīng)完

全接受了Flash動(dòng)畫(huà)這種新的藝術(shù)表現(xiàn)形式。短短幾年時(shí)間，F(xiàn)lash學(xué)生聽(tīng)

動(dòng)畫(huà)就從網(wǎng)絡(luò)迅速推廣到影視媒介，其發(fā)展速度之快，出乎很多人講，筆記

的意料。

在音樂(lè)領(lǐng)域，網(wǎng)絡(luò)視頻音頻播放器能迅速打開(kāi)，一邊加載一邊

播放，減少了緩存時(shí)間。網(wǎng)絡(luò)MTV、FlashMV更好的提供了在唱片

宣傳上既保證質(zhì)量又降低成本的有效途徑。國(guó)外許多流行歌手，以

Flash制作的MTV可以同時(shí)在網(wǎng)絡(luò)與電視臺(tái)播出。國(guó)內(nèi)眾多歌手也

紛紛嘗試效仿FlashMV。動(dòng)態(tài)賀卡、請(qǐng)柬，加入了聲音、動(dòng)畫(huà)等元

素，更具互動(dòng)性。

在游戲領(lǐng)域，鑒于體積小、互動(dòng)性強(qiáng)、便于網(wǎng)絡(luò)傳播的特點(diǎn)，

如今很多網(wǎng)頁(yè)游戲都是用Flash開(kāi)發(fā)制作的，索尼公司也宣布它將把

這項(xiàng)技術(shù)用于制作PLAYSTATION2的片頭，為DVD游戲軟件節(jié)省

更多的空間。游戲互動(dòng)程序開(kāi)發(fā)，如：制作投影游戲互動(dòng)，人在投

學(xué)生聽(tīng)

射區(qū)域里行走，水會(huì)出現(xiàn)波紋，同時(shí)會(huì)驚動(dòng)到水中的魚(yú)；手劃過(guò)投講，筆記

射區(qū)，該區(qū)域出現(xiàn)的水果就會(huì)被切成兩半，同事果汁會(huì)濺到墻面等

效果。

3Flash動(dòng)畫(huà)特點(diǎn)

Flash是一種交互的矢量動(dòng)畫(huà)，能夠在低文件數(shù)據(jù)傳輸率下實(shí)現(xiàn)

高質(zhì)量的動(dòng)畫(huà)效果。除此之外，相對(duì)于其他動(dòng)畫(huà)而言，F(xiàn)lash動(dòng)畫(huà)還

具有以下顯著特點(diǎn)。

1.矢量圖形系統(tǒng)

使用Flash創(chuàng)建的元素是用矢量來(lái)描述的。通過(guò)繪圖工具箱，可

以方便地繪制任意形狀的線條、色塊和文字，可以方便地實(shí)現(xiàn)矢量

線條向矢量色塊的轉(zhuǎn)換，對(duì)矢量色塊的加粗、柔化等，同時(shí)還可以

任意調(diào)整圖形或色塊的顏色。可以真正無(wú)限放大，能夠始終顯示全

部圖像，并且不會(huì)因?yàn)榉糯蠖档蛨D像的顯示質(zhì)量。

2.支持流式下載

Flash動(dòng)畫(huà)采用流式播放形式，用戶在觀看動(dòng)畫(huà)時(shí)，可以不用等

到動(dòng)畫(huà)文件全部下載完成即開(kāi)始觀看，這樣就實(shí)現(xiàn)了動(dòng)畫(huà)的快速顯

示，減少了用戶的等待時(shí)間。

3.支持平臺(tái)廣泛

目前有97%以上的瀏覽器，都安裝了FlashPlayer觀看Flash制

作的動(dòng)畫(huà)影片,Flash動(dòng)畫(huà)已經(jīng)逐漸成為應(yīng)用最為廣泛的多媒體形式。

4.Flash動(dòng)畫(huà)文件容量小

通過(guò)關(guān)鍵幀和組件技術(shù)的使用使得flash所生成的動(dòng)畫(huà)(.swf)文

件非常小，幾千字節(jié)的動(dòng)畫(huà)文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫(huà)

效果，動(dòng)畫(huà)可以在打開(kāi)網(wǎng)頁(yè)很短的時(shí)間里就得以播放。

5.多種多樣的文件格式

在Flash中可以導(dǎo)入多種類(lèi)型的文件格式，如圖形、圖像、聲學(xué)生思

音和視頻文件等，這樣使動(dòng)畫(huà)能夠靈活適應(yīng)各個(gè)領(lǐng)域的需要。例如,考、討論

支持MP3數(shù)據(jù)流式音頻，可以將MP3音頻壓縮格式的文件直接導(dǎo)

入Flash中，將音樂(lè)、動(dòng)畫(huà)、聲效等融為一體。

6.交互式動(dòng)畫(huà)

一般的動(dòng)畫(huà)制作軟件只能制作標(biāo)準(zhǔn)的順序動(dòng)畫(huà)，如3DSMax等,

此類(lèi)動(dòng)畫(huà)只能連續(xù)播放。而Flash,不僅可以制作出各種精彩奪目的

順序動(dòng)畫(huà)，還可以制作出復(fù)雜的交互式動(dòng)畫(huà)，以便用戶對(duì)動(dòng)畫(huà)進(jìn)行

控制。交互式動(dòng)畫(huà)是Flash的一個(gè)重要特點(diǎn)，它有效地?cái)U(kuò)展了動(dòng)畫(huà)

的應(yīng)用領(lǐng)域。

4FlashCC軟件的安裝

FlashCC軟件的安裝操作步驟如下：

第1步：在相應(yīng)的文件夾下雙擊Set-up.exe軟件安裝程序，如圖

1—2所不。

名稱(chēng)耀大小

deploy文件夾

packages文件夾

學(xué)生聽(tīng)

payloads文件夾

resources文件夾講，筆記

EiSet-up|K旗加2,293KB

圖1—2

第2步：雙擊Set-up.exe軟件安裝程序”，就會(huì)彈出“Adobe安

裝程序”對(duì)話框，如圖1—3所示。

圖1—3

第3步：初始化程序完成后，會(huì)彈出AdobeFlashProfessionalCC

的歡迎對(duì)話框，在該界面單擊鼠標(biāo)左鍵選擇“安裝”選項(xiàng)，如圖1—4

所小。學(xué)生聽(tīng)

講，筆記

第4步：畫(huà)面會(huì)彈出“Adobe軟件許可協(xié)議”界面，單擊“接

受"按鈕，如圖1—5所示。

歡迎Adobe軟件許可協(xié)議

aj

試用??***

齡內(nèi)nothcc

圖1—4圖1—5

第5步：畫(huà)面彈出“序列號(hào)”界面，在對(duì)應(yīng)的文本框內(nèi)輸入序

列號(hào)，然后單擊“下一步”按鈕，如圖1—6所示。

第6步：畫(huà)面彈出“選項(xiàng)”界面，為其更改一個(gè)正確的安裝路

第7步：此時(shí)顯示“安裝”界面，安裝過(guò)程以進(jìn)度條的形式顯

示，如圖1—8所示。

第8步：進(jìn)入“安裝完成”界面，單擊“關(guān)閉”按鈕，完成安

裝。如圖1—9所示。

學(xué)生思

考、討論

■M

圖1一8圖1一9

5FlashCC軟件的卸載

卸載FlashCC的常見(jiàn)操作步驟如下：

第1步：?jiǎn)螕綦娔X桌面的“開(kāi)始”按鈕或“Windows”圖標(biāo)，選

擇“所有程序”菜單欄下的“控制面板”命令，如圖1一10所示。

第2步：彈出“控制面板”窗口，鼠標(biāo)左鍵單擊“程序一卸載

程序”選項(xiàng)，如圖1—11所不。

學(xué)生聽(tīng)

..a.KW.KBKKM

講，筆記

—11

第3步:彈出“卸載或更改程序”界面，在界面中選擇AdobeFlash

ProfessionalCC選項(xiàng)，鼠標(biāo)左鍵單擊“卸載”命令，如圖1-12所示。

第4步：彈出“卸載選項(xiàng)”界面，根據(jù)自己的需求勾選卸載內(nèi)

容，然后鼠標(biāo)左鍵單擊“卸載”按鈕，如圖1-13所示。

學(xué)生聽(tīng)

講，筆記

圖1—12

第5步：進(jìn)入“卸載”界面，進(jìn)度條顯示卸載過(guò)程，如圖1—14

所示。

第6步：卸載完成后，彈出“卸載完成”界面，鼠標(biāo)左鍵單擊

“關(guān)閉”按鈕，完成FlashCC卸載，如圖1—15所示。

■Mob*RMhCC-'■Mob*RM?CC-X

卸載卸載完成

■WHaiMAdoboCSXS?*xkucluro4

圖1—14圖1—15

6啟動(dòng)與退出

1.啟動(dòng)FlashCC,常見(jiàn)的啟動(dòng)方式有3種。

第1種：執(zhí)行單擊“開(kāi)始”按鈕，選擇“程序”菜單中的Flash

CC命令啟動(dòng)程序，如圖1-16所示。(首次啟動(dòng)將彈出登錄歡迎界面。)

第2種：在電腦桌面上單擊■(AdobeFlashprofessionalCC)

的快捷方式。

第3種：雙擊Flash相關(guān)聯(lián)的文檔，即雙擊一個(gè)Flash文檔。

09

C30Builder

A

[2Acrobat0C

■iAdob.一

FlnhCC

一

■二

■X

■二

■文件(F)零輯(E)視圖(V)

h■三

B移或(M)

三

:

三大小⑸

-最“救N)

■學(xué)生思

□最大化(X)考、討論

P"關(guān)閉(Q-kAlt+F4

Web?Windom

圖1一16圖1一17

2.退出FlashCC,常見(jiàn)的退出方式有4種。

第1種：在菜單欄中選擇【文件】〉【退出】命令，即可退出Flasho

第2種：在程序窗口左上角的■圖標(biāo)上右擊，在彈出的快捷菜

單中選擇【關(guān)閉】命令，如圖1—17所示。

第3種：?jiǎn)螕舫绦虼翱谟疑辖堑腲■按鈕，關(guān)閉FlashCC。

第4種：按Alt+F4組合鍵關(guān)閉FlashCC。

7FlashCC新增功能介紹

1.云同步

FlashCC內(nèi)置了訪問(wèn)每個(gè)未來(lái)版本的權(quán)利，所以在使用中總會(huì)

顯示最新的版本。它支持云同步設(shè)置，可以將用戶的設(shè)置和快捷方

式運(yùn)用到多臺(tái)計(jì)算機(jī)上使用，實(shí)現(xiàn)實(shí)時(shí)靈感和以無(wú)縫方式來(lái)分享用

戶的工作。

登錄Adobe賬戶，在使用的計(jì)算機(jī)上安裝完成FlashCC后，執(zhí)學(xué)生聽(tīng)

講，筆記

行【編輯】一【首選參數(shù)】一【同步設(shè)置】命令，在“同步設(shè)置”

選項(xiàng)卡中可按自身情況設(shè)置，如圖1-18所示。

X

飄1

目ME-TAdobe?

代岳si￡~上次阿f襯目無(wú)

"加份：玨錄

金

臉取消

圖1—18

2.64位的系統(tǒng)和高清導(dǎo)出學(xué)生聽(tīng)

講，筆記

新開(kāi)發(fā)的64位系統(tǒng)，徹底放棄了原有的結(jié)構(gòu)和代碼，提高了穩(wěn)

定性和發(fā)布的速度，據(jù)有反應(yīng)靈敏的時(shí)間軸。可導(dǎo)出全高清（HD）

視頻和音頻，即使是有較復(fù)雜的時(shí)間軸和腳本驅(qū)動(dòng)的動(dòng)畫(huà)都能做到

不丟幀。

3.用戶界面

簡(jiǎn)化了用戶界面，對(duì)話框和面板更直觀。用戶界面的顏色有根

據(jù)個(gè)人需要在深淺兩色中選擇。更新了CreateJS工具包，爭(zhēng)強(qiáng)了

HTML5的支持，包括按鈕、熱區(qū)和運(yùn)動(dòng)曲線的新功能，加強(qiáng)了使用

的創(chuàng)新性和靈活運(yùn)用，如圖1一19所示。

圖1—19

4.實(shí)時(shí)測(cè)試和代碼

可以通過(guò)USB把多個(gè)ios和Android移動(dòng)設(shè)備直接連接到計(jì)算

機(jī)，有助快速測(cè)試和調(diào)試內(nèi)容，操作簡(jiǎn)潔方便。

使用了新的代碼編輯器，內(nèi)置開(kāi)源的Scintilla酷，并且還可以使

用自己更新的“查找和替換”面板在多個(gè)文件中搜索，更快地更新

代碼。

5.時(shí)間軸和畫(huà)板繪制

時(shí)間軸畫(huà)板可以管理多個(gè)選頂層的屬性，選擇多個(gè)對(duì)象，一次

單擊，就可以把它們分發(fā)到不同關(guān)鍵幀。

學(xué)生思

FlashCC的畫(huà)板工作區(qū)域無(wú)限化，滿足管理大型背景或定位在考、討論

舞臺(tái)外的內(nèi)容。繪制時(shí)能快速地顯示在工作區(qū)域，有效的提高了效

率，如圖1—20所示。

圖1—20

課題1.4FlashCC操作界面介紹課時(shí)

1、掌握Flash啟動(dòng)并新建空白文檔

教學(xué)內(nèi)容2、掌握菜單欄、工具箱的使用

3、掌握基本屬性設(shè)置能力

教學(xué)目標(biāo)掌握Flash菜單欄、工具箱的使用

教學(xué)重點(diǎn)掌握Flash菜單欄、工具箱的使用

通過(guò)學(xué)習(xí)掌握Flash菜單欄、工具箱的使用，在今后的實(shí)際

教學(xué)難點(diǎn)

工作中能夠應(yīng)用

教學(xué)活動(dòng)及主要語(yǔ)言學(xué)生活動(dòng)

一、創(chuàng)設(shè)意境，導(dǎo)入新課（設(shè)疑法、提問(wèn)法）教師展示

導(dǎo)入：展示圖片，導(dǎo)出本節(jié)課要學(xué)習(xí)的內(nèi)容。吸引學(xué)生興趣圖片，導(dǎo)

出本節(jié)課

二、新課教學(xué)（講解法、提問(wèn)法、示范法）要學(xué)習(xí)的

步驟：內(nèi)容。吸

1啟動(dòng)并新建空白文檔引學(xué)生興

趣

1.啟動(dòng)FlashCC后，彈出開(kāi)始頁(yè)面，如圖1—21所示。

FlashProfessionalCC⑨

〉打開(kāi)金遇的哽日o寅介此部分主

MMKX*!ftoAcnon$cr*t30ftSAH?

nMM3641MARforDesKop佰1國(guó)0?要由老師

nu2941mARtorAnoraid開(kāi)XAg?

Run3641nlARtarOSSnAA?

Sl-^?S-1_20l8M7514t.ftiActbnScet二件來(lái)講解，

ZUamScpN.O學(xué)習(xí)

AcMnScrvOOM同時(shí)學(xué)生

Adt>n5crtX309-AOMSOVIti木左G?也配合著

rarw???老師回答

HowtomaktHTMLS3d??

AdooeEXCMOQC>一些常見(jiàn)

IWwutt*CCCOt*MFMCatl

問(wèn)題

圖1—21

“打開(kāi)最近的項(xiàng)目”欄，顯示了最近打開(kāi)的Flash源文件目錄，

單擊該欄中的任意一個(gè)目錄，即可打開(kāi)選中的Flash源文件。

“新建”欄，該欄列出了8種FlashCC可以創(chuàng)建的新項(xiàng)目，鼠

標(biāo)左鍵單擊任意一種新項(xiàng)目名，即可快速進(jìn)入到相應(yīng)的編輯工作。

“簡(jiǎn)介”欄，該欄為FlashCC軟件的簡(jiǎn)介，內(nèi)容包括FlashCC

的入門(mén)知識(shí)、新增功能、開(kāi)發(fā)人員和設(shè)計(jì)人員。

“擴(kuò)展”欄，該欄為擴(kuò)展程序、動(dòng)作文本、腳本、模板以及其

它可擴(kuò)展Adobe應(yīng)用程序功能項(xiàng)目的下載鏈接。

“模板”欄，該欄有多種類(lèi)別的Flash影片模板，讓使用者更便

捷地完成Flash影片制作。

此時(shí)學(xué)生

“學(xué)習(xí)”欄，初學(xué)者可通過(guò)該欄的鏈接跳轉(zhuǎn)到相應(yīng)的網(wǎng)站學(xué)習(xí)應(yīng)該注意

Flash的各項(xiàng)功能。聽(tīng)教師的

講解，因

一般情況下，我們都會(huì)在開(kāi)始頁(yè)面中，選擇新建一個(gè)空白的為此處是

ActionScript3.0空白文檔，如圖1-22所示。新知識(shí)，

同時(shí)也應(yīng)

積極回答

相應(yīng)的問(wèn)

題，進(jìn)行

認(rèn)真的思

考

學(xué)生聽(tīng)

講，筆記

2.新建文檔

新建文檔是開(kāi)始制作Flash動(dòng)畫(huà)的第一步，也是動(dòng)畫(huà)制作完成后

成功發(fā)布的必要條件。

選擇"文件】一【新建】”命令，彈出“新建文檔”對(duì)話框。

如圖1-23所示?？梢愿鶕?jù)不同的需求在對(duì)話框里設(shè)置不同的參數(shù)。

設(shè)置完成單擊“確定”按鈕，新建Flash文檔完成，如圖1-24所示。

圖1—23圖1—24

3.文檔背景顏色設(shè)定

在“屬性”面板中展開(kāi)“屬性”選項(xiàng)組，單擊“舞臺(tái)”的顏色

框，如圖1—25所示。將彈出一個(gè)拾色器界面，將光標(biāo)移到喜歡的

色塊上并單擊即可，如圖1-26所示。

圖1—25

4.文檔大小設(shè)定

在“屬性”面板“大小”后的數(shù)值處單擊，即可激活文本框，

如圖1-27所示；在文本框中輸入新的數(shù)值，按Enter鍵即可確認(rèn)該

操作，改變舞臺(tái)的大小。如圖1—28所示。

5.動(dòng)畫(huà)播放速率設(shè)定

要設(shè)置動(dòng)畫(huà)播放速率，可在“時(shí)間軸”面板中設(shè)置動(dòng)畫(huà)播放速率,

如圖1—29所示。在菜單欄中選擇【修改】＞【文檔】命令，彈出

“文檔設(shè)置”對(duì)話框，設(shè)置動(dòng)畫(huà)播放速率，如圖1-30所示。

利用它可以調(diào)整動(dòng)畫(huà)的播放速度，也就是每秒內(nèi)能播放的幀數(shù)。

幀頻率太小，會(huì)使動(dòng)畫(huà)看起來(lái)不連續(xù)：幀頻率太快，又會(huì)使動(dòng)畫(huà)的學(xué)生聽(tīng)

講，筆記

細(xì)節(jié)變得模糊。一般在網(wǎng)頁(yè)上，12幀/秒(fps)通常都能得到很好的效

果。由于整個(gè)Flash文檔只有一個(gè)幀頻率，因此在創(chuàng)建動(dòng)畫(huà)之前就

應(yīng)當(dāng)設(shè)定好幀頻率。

圖1—30

6.打開(kāi)文檔

啟動(dòng)Flash后，可以打開(kāi)以前保存下來(lái)的文件。選擇菜單【文件】

學(xué)生聽(tīng)

一【打開(kāi)】命令。在彈出的菜單欄中選擇我們需要打開(kāi)的素材文件，講，筆記

單擊“打開(kāi)”按鈕即可。

7.文檔內(nèi)容測(cè)試

打開(kāi)一個(gè)Flash影片文件后，按Enter鍵，或者在菜單欄中選擇

【控制】-【播放】命令，如圖1—31所示?？梢圆シ旁撚捌Ｔ?/p>

播放影片的過(guò)程中，會(huì)發(fā)現(xiàn)在時(shí)間軸窗口上有一個(gè)紅色的播放頭從

左向右移動(dòng)。

若需要測(cè)試整個(gè)影片，則選擇菜單【控制】一【測(cè)試影片】命

令，如圖1—32所示?；蛘甙碈trl+Enter組合鍵進(jìn)行，測(cè)試完成后，

要返回源文件，單擊播放器的“關(guān)閉”按鈕即可。

?9)鶴6日控制9)調(diào)試(D)IB口;W)幫助小)

8SR匕EnterUS?Enter

j￡g(R)SNft+.曲.申▼

轉(zhuǎn)理SJE(G)Shiftt.

言⑤T⑻.I

JSifi-?(B)

卷S(T)Ctrl+Enter|

SJSt(T)CtrlfEnter

片(T)>[3在FlashProfessional中(F)4

利誰(shuí)片(T)

資試場(chǎng)鼻⑸Ctri+Ah+EnterCtH+AK+Enter砌《??(8)

EAIRDebugLauncher(卓面)中(L)

潭啜布,存(O清除發(fā)布爆有9

EAIRDebugLauncher(移動(dòng)役務(wù))中(M)

清熱發(fā)布受存弁測(cè)試影片(T)清除發(fā)布滾存并St沆圖片(T)

由8日USB連接斷2?上(U)

蹲用!放(L)苗網(wǎng)卿I)

Hi放所行場(chǎng)曜(A)播放所有場(chǎng)累(A)

啟用截組?E(B)啟用衢單技位(B)

崢音(N)CtH+Ah+MMKN)Ctri+AH+M

圖1一31圖1—32

8.保存和關(guān)閉文檔

動(dòng)畫(huà)完成后需要將動(dòng)畫(huà)文件保存起來(lái)，其操作步驟如下。

(1)在菜單欄中選擇【文件】一【另存為】命令，如圖1一33所

zj\0

(2)在彈出的對(duì)話框中為其指定一個(gè)正確的存儲(chǔ)路徑，文本框中

輸入文件名。

(3)單擊“保存”按鈕即可。學(xué)生思

考、討論

新建(N).“Ctrl+N

打開(kāi)Ctrl+O

在Bridge中瀏覽CtH+Alt+O

打開(kāi)最近的文件(1)>

關(guān)閉(C)Ctrl+W

全部關(guān)閉Ctrl+Alt+W

同步迨置>

斯(S)QH+S

另存為(A)...QCtd+Shift+S

另存為窩sen...

a?(R)

導(dǎo)入⑴>

骷(E)>

發(fā)而￡置?...Ctrl+Shift+F12

發(fā)布⑻Shift+Ak+F12

AIRIRS—

ActionScript

道出(X)Ctri+Q

圖1一33

2菜單欄

FlashCC的菜單欄有11個(gè)主菜單，如圖1—34所示。每個(gè)主菜

單都有相應(yīng)的下拉菜單，部分下拉菜單還有下一級(jí)的子菜單。

文件(F)播舊視圖(V)插入(I)修改(M)文本⑴命令(C)控制(0)弱試(D)窗口的幫助(H)

學(xué)生聽(tīng)

圖1—34

講，筆記

【文件】菜單：該菜單下的命令主要是用于整個(gè)文件的基本管

理操作，如“新建”、“保存”、“打印”等19個(gè)最常用的基本命令。

【編輯】菜單：該菜單提供了多種作用于工作區(qū)的各種元素的

命令，如“復(fù)制”、“粘貼”、“剪切”等，在動(dòng)畫(huà)編輯中的常用命令。

【視圖】菜單：該菜單下的命令主要是用于在繪制對(duì)象的時(shí)候,

調(diào)整Flash整個(gè)編輯環(huán)境，如“放大”、“縮小”、“標(biāo)尺”、“網(wǎng)格”等,

多是針對(duì)界面的操作。

【插入】菜單：該菜單下的命令都是制作動(dòng)畫(huà)時(shí)常用的命令組,

如插入元件、場(chǎng)景，在時(shí)間軸中插入補(bǔ)間、層或幀等操作。

【修改】菜單：該菜單下的命令主要針對(duì)工作區(qū)中的元素進(jìn)行

編輯，如“轉(zhuǎn)換為元件”、“變形”等，通過(guò)“文檔”命令可以完成對(duì)舞

臺(tái)的“大小”、“顏色”等選項(xiàng)的修改。

學(xué)生聽(tīng)

【文本】菜單：該菜單下的命令用于處理文本對(duì)象，如設(shè)置字講，筆記

體樣式、大小、間距等。

【命令】菜單：該菜單下的命令為Flash默認(rèn)提供的命令，可以

運(yùn)行、管理用戶創(chuàng)建。

【控制】菜單：該菜單下的命令可以根據(jù)自己需要“測(cè)試影片”，

控制播放的進(jìn)程和狀態(tài)。

【調(diào)試】菜單：該菜單下的命令主要針對(duì)影片腳本的調(diào)試，如

跳入、跳出、設(shè)置斷點(diǎn)。

【窗口】菜單：該菜單下的命令主要為當(dāng)前界面的狀態(tài)的控制，

所有工具欄、編輯窗口、和面板的都可以按個(gè)人要求選擇。

【幫助】菜單：該菜單下的命令是Flash官網(wǎng)的幫助資源以及當(dāng)

前Flash的版權(quán)信息。

3時(shí)間軸

時(shí)間軸是Flash動(dòng)畫(huà)制作的基礎(chǔ)操作面板，分別由顯示播放狀況

的“幀”、“幀查看窗口”、和表示階層的“圖層”“圖層查看窗口”

等組成?？梢钥刂朴捌シ藕屯Ｖ沟炔僮鳌r(shí)間軸上的每一個(gè)小格

叫做幀，是Flash動(dòng)畫(huà)最小的時(shí)間單位。連續(xù)的幀保持著相仿的動(dòng)作

軌跡，便形成了動(dòng)畫(huà)，如圖1一35所示。

圖1—35

4工具箱

工具箱是在Flash動(dòng)畫(huà)制作的過(guò)程中不能缺少的。和普通學(xué)生思

Photoshop軟件一樣工具箱里工具的使用方式和功能都極為相似。通考、討論

常人們會(huì)用工具箱中的工具來(lái)繪制和編輯矢量圖形，以達(dá)到不同的

繪制效果。主要由選擇變換工具、繪畫(huà)工具、繪畫(huà)調(diào)整工具、視圖

工具、顏色工具、工具選項(xiàng)區(qū)等6部分組成，如圖1一36所示。

選擇變換工具：包括“選擇工具”、“部分選擇工具”、“變形工

具組”、“3D旋轉(zhuǎn)工具組”和“套索工具組”。該區(qū)域工具可對(duì)工作

區(qū)中的元素進(jìn)行自由編輯。

學(xué)生聽(tīng)

繪畫(huà)工具：包括“鋼筆工具組”、“文本工具”、“線條工具”、“矩

講，筆記

形工具組”、“鉛筆工具”和“刷子工具”。該區(qū)域工具可以按個(gè)人想

法組合或單獨(dú)運(yùn)用，使用方法簡(jiǎn)單易出效果。

繪畫(huà)調(diào)整工具：包括“顏料桶工具”、“滴管工具”和“橡皮擦

工具”。該區(qū)域工具能對(duì)所繪制的圖形、顏色進(jìn)行編輯。

視圖工具：包括“手形工具”和“縮放工具二能調(diào)整視圖窗口

與工作區(qū)的大小。

顏色工具：包括“筆觸顏色”和“填充顏色:能對(duì)所繪制的區(qū)

域進(jìn)行顏色的編輯。

工具選項(xiàng)區(qū)：該區(qū)域是動(dòng)態(tài)區(qū)域，隨著用戶選擇的工具，顯示

不同的選項(xiàng)。

5場(chǎng)景和舞臺(tái)

場(chǎng)景是專(zhuān)門(mén)用來(lái)容納、包含圖層里面的各種對(duì)象的平臺(tái)。學(xué)生聽(tīng)

講，筆記

舞臺(tái)是創(chuàng)作影片中各個(gè)幀的內(nèi)容的區(qū)域，可以在其中進(jìn)行編輯、

修改動(dòng)畫(huà)、繪制圖像或安排導(dǎo)入圖像的場(chǎng)所。生成swf格式的文件

中，只會(huì)播放出舞臺(tái)上出現(xiàn)的對(duì)象。

Flash允許建立一個(gè)或多個(gè)甚至N個(gè)場(chǎng)景，以此來(lái)擴(kuò)充更多的舞

臺(tái)范圍。簡(jiǎn)單的說(shuō)，舞臺(tái)就像是話劇里演員站著的舞臺(tái)一樣，而場(chǎng)

景就是這個(gè)話劇的一幕戲。如圖1-37所示，白色部分為舞臺(tái)。

6操作工作區(qū)

操作工作區(qū)是舞臺(tái)外圍繞舞臺(tái)的灰色區(qū)域，可以放置對(duì)象，通

常用作動(dòng)畫(huà)的開(kāi)始和結(jié)束點(diǎn)的設(shè)置，最終作品中工作區(qū)內(nèi)的對(duì)象是

學(xué)生有不

不會(huì)顯示的。如圖1—37所示，灰色部分為操作工作區(qū)懂的地方

向老師提

出問(wèn)題，

7“屬性”面板尋求解

“屬性”面板的內(nèi)容不是固定的，它會(huì)顯示所選中對(duì)象的屬性答。

信息，并通過(guò)該面板對(duì)對(duì)象進(jìn)行編輯修改，提高了動(dòng)畫(huà)編輯的工作

效率和準(zhǔn)確性。如圖1—38所示。

圖1—37圖1—38

課題1.5綜合案例（一）繪制鉛筆課時(shí)

1、運(yùn)用所學(xué)工具制作案例

教學(xué)內(nèi)容

2、掌握FlashCC基本工具

教學(xué)目標(biāo)使用所需知識(shí)制作繪制鉛筆的案例

教學(xué)重點(diǎn)運(yùn)用所學(xué)工具制作案例

通過(guò)學(xué)習(xí)掌握FlashCC基本工具，在今后的實(shí)際案例中能夠

教學(xué)難點(diǎn)

應(yīng)用

教學(xué)活動(dòng)及主要語(yǔ)言學(xué)生活動(dòng)

二、創(chuàng)設(shè)意境，導(dǎo)入新課（設(shè)疑法、提問(wèn)法）

學(xué)生

導(dǎo)入：同學(xué)們，鉛筆我們經(jīng)常使用，今天我們一起來(lái)學(xué)習(xí)用flash回顧自己

軟件繪制鉛筆在日常生

活中碰到

二、新課教學(xué)（講解法、提問(wèn)法、示范法）的鉛筆形

步驟：態(tài)，并隨

1.選擇【文件】〉【新建】命令，在“創(chuàng)建新文檔”對(duì)話框中著教師的

選擇ActionScript3.0”,新建一個(gè)大小為500像素義450像素,講解，引

“幀頻”為24fps,“背景顏色”為“白色”的空白文檔,如圖1-41導(dǎo)出本節(jié)

所示。再新建一個(gè)名為''鉛筆1”的“圓形”元件，如圖1-42所示。課要學(xué)習(xí)

的內(nèi)容。

圖1-39

圖1—40

2.使用“矩形工具”，在舞臺(tái)中繪制一個(gè)填充顏色為

“#990000”，筆觸顏色為“無(wú)”的矩形，效果如圖1—41所示。

3.使用“多邊星形工具”，在“工具設(shè)置”選項(xiàng)中設(shè)置樣