第1章Flash8入門1.1初識(shí)Flash1.2Flash動(dòng)畫創(chuàng)作流程1.3體驗(yàn)Flash81.4Flash動(dòng)畫入門案例1-1：卷軸賀卡課堂實(shí)踐疑難解析課外拓展 1.1初識(shí)Flash

1.1.1Flash欣賞及其資源網(wǎng)站

1.觀看Flash動(dòng)畫的準(zhǔn)備

如果想欣賞Flash動(dòng)畫，必須使用Flash播放器；如果想欣賞網(wǎng)頁中的Flash動(dòng)畫，則必須在電腦中預(yù)先安裝FlashPlayer插件。

在運(yùn)行Flash安裝程序時(shí)，安裝向?qū)?huì)提示用戶是否要安裝瀏覽器的FlashPlayer插件，如圖1-1所示。沒有這個(gè)插件，將無法在計(jì)算機(jī)上測(cè)試發(fā)布到網(wǎng)頁中的Flash動(dòng)畫，也無法看到網(wǎng)頁中的Flash動(dòng)畫，因此一般都要勾選安裝它。使用Flash播放器可以脫離Web瀏覽器來播放Flash動(dòng)畫。Flash自帶的播放器名稱

是SAFlashPlayer.exe，它在Flash默認(rèn)的安裝路徑C:\ProgramFiles\Macromedia\Flash8\Players下。

提示：在網(wǎng)絡(luò)上有很多操作簡便、功能更強(qiáng)的Flash播放器，可以下載使用。圖1-1安裝FlashPlayer插件

2．Flash欣賞

做好觀看Flash動(dòng)畫的準(zhǔn)備之后，就可以來欣賞Flash迷人的風(fēng)采了。雙擊打開隨書光盤中“第1章/案例1/賀新年.swf”，系統(tǒng)自動(dòng)啟動(dòng)Flash播放器，賀卡的封面盛裝出場，紅紅的背景讓人感覺喜慶與吉祥，白色的雪花伴隨悅耳的鋼琴聲漫天飛舞，一年工作的辛苦與收獲的喜悅涌上心頭，來年的祝福長長久久……動(dòng)畫效果如圖1-2所示。圖1-2“賀新年”動(dòng)畫效果(a)賀卡封面；(b)賀卡內(nèi)頁

3．Flash資源網(wǎng)站

Flash的在線資源可以通過訪問MacromediaFlashSupportCenter(Flash支持中心)來獲取，其網(wǎng)址是/support/flash/，它是發(fā)布關(guān)于Flash及其相關(guān)內(nèi)容更新信息的主要方式，這里提供軟件試用版、補(bǔ)丁和技術(shù)說明的下載，還有教程和范例供用戶學(xué)習(xí)參考。

除了Flash支持中心外，網(wǎng)上還有很多Flash的資源網(wǎng)站。

◆閃客帝國()

閃客帝國是一家專注于動(dòng)畫產(chǎn)業(yè)領(lǐng)域，集動(dòng)畫制作技術(shù)與動(dòng)畫娛樂為一體的增值服務(wù)供應(yīng)商，被網(wǎng)民稱為“中國閃客第一站”，被媒體評(píng)價(jià)為“閃客文化的發(fā)源地”，是一家被閃客、業(yè)界同行、媒體多方同時(shí)認(rèn)可的處于國內(nèi)領(lǐng)先地位的Flash動(dòng)畫網(wǎng)絡(luò)媒體?！糸W吧()

閃吧是一家Flash動(dòng)畫門戶網(wǎng)站，致力于中國動(dòng)漫產(chǎn)業(yè)的發(fā)展。網(wǎng)站主要基于Flash及相關(guān)技術(shù)為核心，提供作品展示、教學(xué)、商務(wù)信息交流、數(shù)字娛樂服務(wù)和素材資源，并開設(shè)Flash博客，學(xué)術(shù)氛圍較好，有友好的交流和討論氛圍。

◆flashkit()

flashkit是國外一個(gè)元老級(jí)的站點(diǎn)，它提供最新的資訊、Flash增強(qiáng)工具的下載、源代碼的交流學(xué)習(xí)，是Flash愛好者的好去處?！魎ltrashock()

ultrashock也是國外較早的Flash資源網(wǎng)站之一，早期國內(nèi)推薦的很多Flash酷站的內(nèi)容都來自于這里，它提供Flash的最新理念和工具的使用技巧。

1.1.2Flash的功能及應(yīng)用

使用Flash可以制作各種動(dòng)畫，開發(fā)各種類型的應(yīng)用程序。Flash產(chǎn)品廣泛運(yùn)用于影視、動(dòng)漫、游戲、廣告、網(wǎng)頁、企業(yè)介紹、產(chǎn)品展示、教育培訓(xùn)等領(lǐng)域。

總的來說，F(xiàn)lash主要有以下幾個(gè)方面的功能。

1．制作流式動(dòng)畫

所謂流式動(dòng)畫，就是指動(dòng)畫按固定的順序進(jìn)行播放，用戶不能對(duì)動(dòng)畫執(zhí)行任何控制操作。流式動(dòng)畫一般用來制作廣告動(dòng)畫、片頭動(dòng)畫、產(chǎn)品展示、FlashMTV、電子賀卡、卡通動(dòng)畫等。盡管流式動(dòng)畫的能力有限，但它的應(yīng)用還是非常廣泛的。

2．制作交互式動(dòng)畫，開發(fā)應(yīng)用程序

Flash強(qiáng)大功能的真正體現(xiàn)，是制作交互式動(dòng)畫。所謂交互式動(dòng)畫，就是用戶可以用外部設(shè)備(例如鼠標(biāo)、鍵盤)來控制動(dòng)畫的執(zhí)行順序，或因某個(gè)事件的發(fā)生而改變動(dòng)畫的播放。交互式動(dòng)畫運(yùn)用Flash內(nèi)建的腳本編程語言ActionScript來開發(fā)，F(xiàn)lash游戲、Flash網(wǎng)站、多媒體教學(xué)課件、Internet應(yīng)用程序等都需要ActionScript來完成交互功能的開發(fā)。

3．集成多種媒體形式和媒體設(shè)備

Flash日益變得強(qiáng)大，與Flash支持越來越多的媒體形式是分不開的。目前，F(xiàn)lash已經(jīng)可以集成所有能想象到的媒體形式和設(shè)備，包括常用的聲音、視頻和各種圖形格式。麥克風(fēng)、攝像頭等多種外部媒體設(shè)備也可以很好地被Flash所用，例如創(chuàng)建視頻會(huì)議等。

此外，圍繞Flash的SWF格式，有許多第三方軟件廠商開發(fā)出了一些插件，這些插件彌補(bǔ)了Flash在三維或二維動(dòng)畫創(chuàng)作方面的某些不足，或者使得某些特效的創(chuàng)建變得更加

容易。

4．連接數(shù)據(jù)庫

通過內(nèi)建的數(shù)據(jù)庫管理組件，F(xiàn)lash可以很方便地與多種數(shù)據(jù)庫連接，這些數(shù)據(jù)庫包括流行的關(guān)系型數(shù)據(jù)庫和XML數(shù)據(jù)庫，并可以通過內(nèi)建的組件操作這些數(shù)據(jù)庫。

Flash能夠連接數(shù)據(jù)庫，極大地?cái)U(kuò)展了Flash在商業(yè)數(shù)據(jù)領(lǐng)域的應(yīng)用。現(xiàn)在，可以用Flash來開發(fā)多種強(qiáng)大的Web數(shù)據(jù)庫應(yīng)用程序和Web通信系統(tǒng)。

1.1.3Flash的特點(diǎn)及角色地位

1．Flash的特點(diǎn)

(1)采用補(bǔ)間動(dòng)畫，制作簡單方便。傳統(tǒng)的卡通動(dòng)畫制作以及GIF動(dòng)畫都必須將播放過程中的每一幀都繪制出來，而Flash動(dòng)畫則采用漸變動(dòng)畫的思想。也就是說，F(xiàn)lash只要繪制動(dòng)畫第1幀和最后一幀的內(nèi)容，中間的幀可以由計(jì)算機(jī)自動(dòng)完成，大大簡化了動(dòng)畫的制作過程。

(2)使用矢量圖形，文件體積小。在創(chuàng)建同等效果的動(dòng)畫時(shí)，F(xiàn)lash動(dòng)畫要比GIF動(dòng)畫小得多。這主要是因?yàn)镕lash是矢量動(dòng)畫，它能利用數(shù)學(xué)函數(shù)及一定的參數(shù)來生成圖形，例如，一條拋物線可以用一個(gè)一元二次方程來表示，這個(gè)方程式就是這條拋物線的矢量表示，繪制這條拋物線只需記錄這個(gè)方程即可；而GIF動(dòng)畫要生成一條拋物線，則需要記錄這條拋物線上每一個(gè)點(diǎn)的位置。因此，矢量動(dòng)畫的體積要比GIF動(dòng)畫的體積小很多。而且，由于矢量記錄的是事物的抽象特征，與事物的大小無關(guān)，因此矢量動(dòng)畫被放大或縮小時(shí)，圖像不會(huì)產(chǎn)生任何失真或馬賽克現(xiàn)象。由于矢量動(dòng)畫的這些特征，使得矢量動(dòng)畫成為了Web世界中最流行的動(dòng)畫格式。

(3)使用流式播放技術(shù)，受下載速度的影響小。Flash動(dòng)畫本身文件比較小，所以瀏覽者不用花費(fèi)太多的時(shí)間等待下載，更為關(guān)鍵的是，SWF動(dòng)畫文件采用流式播放技術(shù)，可以邊下載邊播放，不用等整個(gè)動(dòng)畫全部下載完才能觀看，從而減少了用戶的等待時(shí)間。

(4)強(qiáng)大的腳本交互功能，可以隨心所欲制作高品質(zhì)交互式動(dòng)畫。結(jié)合ActionScript的強(qiáng)大編程能力和Flash無以倫比的動(dòng)畫制作能力，F(xiàn)lash可以完全成為一個(gè)以動(dòng)畫創(chuàng)作為特長的面向?qū)ο蟮目焖賾?yīng)用程序集成開發(fā)環(huán)境，為用戶制作交互式動(dòng)畫和Web應(yīng)用程序開發(fā)提供了平臺(tái)。

2．Flash的角色地位

通過Flash軟件，Macromedia公司確立了一個(gè)新的網(wǎng)頁動(dòng)畫標(biāo)準(zhǔn)?，F(xiàn)在，網(wǎng)上隨處可見Flash動(dòng)畫的身影，例如網(wǎng)站廣告、導(dǎo)航條、MTV、游戲等。一些追求效果的網(wǎng)站，甚至整個(gè)網(wǎng)站都是使用Flash技術(shù)來實(shí)現(xiàn)的。Flash已經(jīng)成為互聯(lián)網(wǎng)多媒體技術(shù)的重要分支，引領(lǐng)著矢量動(dòng)畫制作的潮流，成為全球超過600萬人為之努力的偉大事業(yè)。1.1.4Flash8的新增功能及其發(fā)展前景

自Flash5開始，Macromedia公司就已經(jīng)將Flash的發(fā)展方向更多更好地移向了多媒體和Web應(yīng)用開發(fā)領(lǐng)域，而不再僅僅局限于交互式動(dòng)畫制作的疆界。Flash8提供了更強(qiáng)大的表現(xiàn)手法、文本支持、腳本增強(qiáng)和視頻支持，主要表現(xiàn)在以下幾個(gè)方面。

1．漸變?cè)鰪?qiáng)

新的控件能夠?qū)ξ枧_(tái)上的對(duì)象應(yīng)用復(fù)雜的漸變，可添加的顏色多達(dá)15種，精確控制漸變焦點(diǎn)的位置，并對(duì)漸變應(yīng)用其它參數(shù)，簡化了應(yīng)用漸變的工作流程。

2．對(duì)象繪制模型

在Flash以前的版本中，位于舞臺(tái)上同一圖層中的形狀圖形如果重疊就會(huì)相互影響。使用新增的“對(duì)象繪制”模型創(chuàng)建圖形對(duì)象時(shí)，同一圖層上重疊的形狀相互獨(dú)立，再不會(huì)發(fā)生形狀的更改。

3．FlashType字體呈現(xiàn)方法

舞臺(tái)上的文本對(duì)象在Flash創(chuàng)作工具和FlashPlayer中具有更為一致的外觀。在Flash8中新增了字體的渲染引擎功能，可以對(duì)動(dòng)畫文本進(jìn)行高質(zhì)量的優(yōu)化，解決了小字體顯示不清楚的問題，有效改善文字的顯示狀態(tài)。

4．對(duì)補(bǔ)間動(dòng)畫應(yīng)用緩動(dòng)控制

補(bǔ)間緩動(dòng)控制可以更好地控制對(duì)象的運(yùn)動(dòng)速率。使用Flash中新增的緩動(dòng)控制，可以精確控制在時(shí)間軸中應(yīng)用的補(bǔ)間如何影響被補(bǔ)間的對(duì)象在舞臺(tái)上的運(yùn)動(dòng)，可以讓對(duì)象在一個(gè)補(bǔ)間內(nèi)在舞臺(tái)上前后移動(dòng)，或者創(chuàng)建其它復(fù)雜的補(bǔ)間效果。

5．圖形效果濾鏡及混合模式

新增的“濾鏡”面板可以為文本、影片剪輯和按鈕這三種對(duì)象應(yīng)用圖形濾鏡效果，例如使對(duì)象發(fā)光、添加投影以及多種效果組合等，為用戶創(chuàng)作特效提供了極大的便利。

在“屬性”面板中可以對(duì)影片剪輯應(yīng)用混合模式，創(chuàng)建復(fù)合圖像，改變兩個(gè)或兩個(gè)以上重疊對(duì)象的透明度或者顏色相互關(guān)系，從而創(chuàng)造獨(dú)特的效果。

6．視頻增強(qiáng)功能

在Flash8中附帶了一個(gè)新的視頻編碼器應(yīng)用程序，可以方便地將視頻文件轉(zhuǎn)換為Flash視頻(FLV)格式；視頻Alpha通道可以為視頻對(duì)象使用Alpha通道，從而創(chuàng)建透明效果。 1.2Flash動(dòng)畫創(chuàng)作流程

1．動(dòng)畫前期創(chuàng)意與策劃

動(dòng)畫前期創(chuàng)意與策劃對(duì)動(dòng)畫作品的整體效果、藝術(shù)水準(zhǔn)起著決定性的作用，它包括以下幾個(gè)方面。

(1)明確制作動(dòng)畫的目的與動(dòng)畫主題：明確制作動(dòng)畫的目的、要表達(dá)的主題以及要達(dá)到的效果。

(2)動(dòng)畫整體風(fēng)格設(shè)計(jì)：動(dòng)畫整體風(fēng)格設(shè)計(jì)要圍繞主題展開，運(yùn)用美學(xué)知識(shí)，體現(xiàn)創(chuàng)作者的創(chuàng)作特色。

(3)確定動(dòng)畫劇情：規(guī)劃動(dòng)畫場景、動(dòng)畫角色分配、角色的形象設(shè)計(jì)及表現(xiàn)形式、劇本創(chuàng)作等。

(4)確定動(dòng)畫背景、道具、聲音。

(5)分鏡頭設(shè)計(jì)：構(gòu)思動(dòng)畫片段的銜接、特效鏡頭處理等。

2．素材收集與處理

做好前期策劃以后，用戶要有目的地搜集動(dòng)畫中可能用到的素材，例如圖片、聲音、視頻等。用戶要有效地使用各種多媒體資源，節(jié)省創(chuàng)作時(shí)間，豐富動(dòng)畫效果。

3．制作動(dòng)畫

有了前期的準(zhǔn)備工作后，便可以開始在Flash中制作動(dòng)畫了。掌握動(dòng)畫制作方法和技巧，是Flash動(dòng)畫制作中最為關(guān)鍵的一步。創(chuàng)作者的動(dòng)畫制作水平?jīng)Q定作品最終的品質(zhì)。

4．調(diào)試動(dòng)畫

為了保證作品的質(zhì)量，需要對(duì)動(dòng)畫進(jìn)行調(diào)試處理。調(diào)試動(dòng)畫主要是對(duì)動(dòng)畫的各個(gè)細(xì)節(jié)、動(dòng)畫片斷的銜接、聲音與動(dòng)畫的協(xié)調(diào)等進(jìn)行調(diào)整，使整個(gè)動(dòng)畫效果更加細(xì)膩流暢。

5．測(cè)試動(dòng)畫

測(cè)試動(dòng)畫是對(duì)動(dòng)畫的最終播放效果、網(wǎng)上播放效果進(jìn)行檢測(cè)，以保證動(dòng)畫能完美地展現(xiàn)在瀏覽者面前。

6．發(fā)布動(dòng)畫

動(dòng)畫制作并調(diào)試好后，還需要將其導(dǎo)出或發(fā)布成SWF格式的影片才能播放。也可以根據(jù)動(dòng)畫應(yīng)用場合需要，將動(dòng)畫發(fā)布成GIF、HTML等格式。

1.3體驗(yàn)Flash8

1.3.1啟動(dòng)Flash8

在Windows操作系統(tǒng)窗口下，單擊【開始】→【程序】→【Macromedia】→【MacromediaFlash8】即可啟動(dòng)Flash8，其啟動(dòng)界面的“開始頁”如圖1-3所示。界面中占據(jù)中央位置的對(duì)話框稱為Flash“開始頁”，它用起來很方便，利用這個(gè)對(duì)話框，可以完成以下5種功能操作：

(1)打開已有的文檔。

(2)創(chuàng)建各種類型的新文檔。

(3)利用系統(tǒng)預(yù)置的模板創(chuàng)建新文檔。

(4)從Macromedia網(wǎng)站下載各種Flash擴(kuò)展功能及相關(guān)信息。

(5)快速訪問“幫助”資源。

圖1-3Flash8的“開始頁”

1.3.2Flash8的工作環(huán)境

在Flash“開始頁”對(duì)話框的“創(chuàng)建新項(xiàng)目”一欄中單擊“Flash文檔”，即可創(chuàng)建一個(gè)新文檔并進(jìn)入Flash的工作環(huán)境，如圖1-4所示。舞臺(tái)

浮動(dòng)面板組

屬性面板

時(shí)間軸

工具箱

標(biāo)題欄

菜單欄

圖1-4Flash8的工作環(huán)境

1．舞臺(tái)

舞臺(tái)的作用與話劇中的舞臺(tái)很相似，是一個(gè)供表演用的場所，也是制作動(dòng)畫的工作場所，所有的Flash動(dòng)畫都是通過舞臺(tái)展示出來的，只有位于舞臺(tái)中的元素在播放時(shí)才可以被看到。

默認(rèn)方式下，舞臺(tái)按100%的比例顯示，用戶可以通過時(shí)間軸右上方的舞臺(tái)視圖下拉菜單來選擇一個(gè)合適的比例觀看動(dòng)畫，如圖1-5所示。圖1-5舞臺(tái)視圖菜單

2．時(shí)間軸

時(shí)間軸是Flash動(dòng)畫制作的靈魂，通過組織和控制動(dòng)畫在一定時(shí)間段播放的圖層數(shù)和幀數(shù)，達(dá)到控制動(dòng)畫的最終表現(xiàn)效果。時(shí)間軸是一條代表時(shí)間延伸和流逝的時(shí)間線。與電影膠片一樣，F(xiàn)lash動(dòng)畫由無數(shù)的幀構(gòu)成，每一幀在時(shí)間軸上表示為一個(gè)小方格，且每一幀對(duì)應(yīng)著舞臺(tái)上的一個(gè)畫面。當(dāng)這些幀快速地連續(xù)播放時(shí)，就看到了動(dòng)畫。

圖1-6時(shí)間軸

1)圖層

圖層在Flash創(chuàng)作中起著重要的作用，它沿用傳統(tǒng)的動(dòng)畫制作思想，將動(dòng)畫元素分布在不同的層上，然后將層疊加起來顯示最終的效果。圖層的作用具體表現(xiàn)在兩個(gè)方面。

(1)舞臺(tái)中不同的元素需要分布在不同的圖層上，不同圖層上的元素互不影響，方便動(dòng)畫創(chuàng)作期間元素的編輯與管理。一般來說，把背景元素放在最底層，其他前景元素或動(dòng)畫元素分布在不同的圖層。編輯某個(gè)元素時(shí)，只需單擊它所在的圖層，使之成為當(dāng)前層。當(dāng)前層用圖標(biāo)標(biāo)識(shí)，例如圖1-6中的“圖層2”即是當(dāng)前圖層。

(2)舞臺(tái)中不同的運(yùn)動(dòng)補(bǔ)間動(dòng)畫需要分布在不同的圖層上，因?yàn)樵谝粋€(gè)圖層上只能有一個(gè)動(dòng)畫實(shí)例。

2)幀

Flash動(dòng)畫中的幀分為四種類型：關(guān)鍵幀、空白關(guān)鍵幀、過渡幀和普通幀。

①關(guān)鍵幀：所謂關(guān)鍵幀，就是內(nèi)容非常關(guān)鍵重要的幀，表示動(dòng)畫劇情在此時(shí)將發(fā)生重大變化。例如眨眼睛動(dòng)畫，睜開眼睛和閉上眼睛這兩個(gè)狀態(tài)非常重要，睜開眼睛到閉上眼睛的動(dòng)畫劇情有本質(zhì)的改變，所以這兩個(gè)狀態(tài)就必須制作為關(guān)鍵幀。關(guān)鍵幀在時(shí)間軸上以黑色的實(shí)心圓顯示。

②空白關(guān)鍵幀：沒有添加任何內(nèi)容的關(guān)鍵幀稱為空白關(guān)鍵幀。空白關(guān)鍵幀在時(shí)間軸上以空心圓顯示。③過渡幀：在創(chuàng)建補(bǔ)間動(dòng)畫時(shí)，起始和結(jié)束兩個(gè)幀必須是關(guān)鍵幀，而中間的幀由計(jì)算機(jī)自動(dòng)完成。中間的這些幀就稱為過渡幀。

④普通幀：普通幀也稱為靜態(tài)幀，它的作用是延伸其左邊最后一個(gè)關(guān)鍵幀的內(nèi)容。在時(shí)間軸上，關(guān)鍵幀必須在普通幀的前面。前置關(guān)鍵幀的內(nèi)容顯示在隨后的每個(gè)普通幀中，直至到達(dá)右邊的后繼關(guān)鍵幀為止。例如背景元素在動(dòng)畫中始終保持不變，放置背景元素的關(guān)鍵幀，其右邊的后續(xù)幀就可以設(shè)置為普通幀。

3．工具箱

工具箱提供了繪制、編輯圖形的所有工具。利用這些工具，可以在舞臺(tái)上輕松地繪制直線、橢圓、矩形、多邊形等各種圖形，還可以對(duì)它們進(jìn)行編輯和修改。(第2章將詳細(xì)介紹工具箱的使用。)

6．“庫”面板

“庫”面板可以說是用來保管Flash動(dòng)畫素材的一個(gè)大倉庫。在Flash文件中，把需要重復(fù)使用的素材制作為元件，可以為動(dòng)畫的制作帶來很大的方便。Flash文件中創(chuàng)建的每一個(gè)元件都被保存在“庫”中，從外部導(dǎo)入的圖片、聲音等素材也被保存在“庫”中?！皫臁泵姘迦鐖D1-7所示。(第4章將詳細(xì)介紹庫和元件的使用。)圖1-7“庫”面板

7．菜單欄

Flash8的菜單欄簡潔明了，共有10個(gè)菜單項(xiàng)，它們是文件、編輯、視圖、插入、修改、文本、命令、控制、窗口和幫助。很多菜單命令同時(shí)提供多種快捷操作方式，使用起來非常方便。 1.4Flash動(dòng)畫入門

1.4.1Flash動(dòng)畫制作原理

Flash動(dòng)畫與影視、傳統(tǒng)動(dòng)畫一樣，都是通過連續(xù)播放一組靜態(tài)畫面實(shí)現(xiàn)動(dòng)畫效果，每一幅靜態(tài)畫面就是一個(gè)幀。播放速度越快，動(dòng)畫越流暢。電影膠片的播放速度是24幀/秒。

Flash動(dòng)畫制作方式總的來說分為兩種，一種是逐幀動(dòng)畫，還有一種就是補(bǔ)間動(dòng)畫。逐幀動(dòng)畫每一幀都是關(guān)鍵幀，每一幀都需要親手制作。使用逐幀動(dòng)畫可以制作一些真實(shí)細(xì)膩的專業(yè)動(dòng)畫效果。而Flash擅長的補(bǔ)間動(dòng)畫只需要繪制開始和結(jié)束兩個(gè)關(guān)鍵幀的狀態(tài)(就是繪制幀的內(nèi)容，包括形狀、大小及位置等)，中間的過渡幀由計(jì)算機(jī)自動(dòng)生成，而不用人為地刻意制作。使用補(bǔ)間動(dòng)畫可以輕松創(chuàng)建平滑過渡的動(dòng)畫效果。

Flash動(dòng)畫通常由幾個(gè)場景組成，而一個(gè)場景則由幾個(gè)圖層組成，每個(gè)圖層又由許多幀組成，因此，產(chǎn)生動(dòng)畫最基本的元素就是幀，幀是制作動(dòng)畫的核心。如果一個(gè)動(dòng)畫元素需要重復(fù)使用，可以使用Flash提供的元件功能。元件是Flash中一個(gè)非常重要的應(yīng)用，無論是編輯圖形，制作按鈕，還是創(chuàng)建動(dòng)畫，都可以使用元件。使用元件不但可以使動(dòng)畫的編輯修改更加方便，使動(dòng)畫的創(chuàng)作更加豐富，還可以使文件的體積大大減小。1.4.2Flash動(dòng)畫操作基礎(chǔ)

下面通過學(xué)習(xí)一個(gè)完整案例的制作，幫助用戶理解Flash動(dòng)畫制作原理，初步體驗(yàn)動(dòng)畫創(chuàng)作的基本流程和動(dòng)畫的基本操作。課堂實(shí)踐課堂實(shí)踐課堂實(shí)踐

案例1-1：卷軸賀卡

案例展示與任務(wù)

創(chuàng)建Flash文檔，設(shè)置文檔屬性，使用隨書光盤中“第1章/案例2”文件夾下的“邊飾.jpg”素材，參考該文件夾下的“卷軸賀卡.swf”效果文件，制作從上向下逐漸展開的卷軸賀卡，效果如圖1-8所示，實(shí)例最終效果參見隨書光盤中“第1章/案例2/卷軸賀卡.fla”。圖1-8卷軸賀卡制作分析

在制作動(dòng)畫時(shí)要注意圖層的正確應(yīng)用，盡量把不同的動(dòng)畫元素放在不同的圖層中。動(dòng)畫中使用的動(dòng)畫元素一般要做成元件。本例中卷軸賀卡的卷軸邊飾元件通過引用素材加工處理得到，文字、賀卡背景使用工具箱中的工具直接繪制；展開動(dòng)畫效果運(yùn)用遮罩技術(shù)實(shí)現(xiàn)。(元件、遮罩技術(shù)將在第4章和第6章分別介紹。)操作步驟

1．創(chuàng)建新文檔

在Flash中創(chuàng)建新文檔有兩種方法，一是在“開始頁”的“創(chuàng)建新項(xiàng)目”一欄中單擊“Flash文檔”；二是選擇【文件】→【新建】命令，在彈出的“新建文檔”窗口中單擊“常規(guī)”選項(xiàng)卡，選擇“Flash文檔”。

2．設(shè)置文檔屬性

展開“屬性”面板，單擊文檔“大小”按鈕 ，彈出“文檔屬性”對(duì)話框，如圖1-9所示。設(shè)置文檔尺寸為180×400像素，單擊“確定”按鈕。

在“文檔屬性”對(duì)話框中還可以設(shè)置文檔背景顏色、幀頻等屬性。Flash默認(rèn)的背景顏色是白色，幀頻是12fps，也就是每秒播放12幀。圖1-9“文檔屬性”對(duì)話框

3．導(dǎo)入素材

選擇【文件】→【導(dǎo)入】→【導(dǎo)入到庫】命令，彈出“導(dǎo)入到庫”對(duì)話框，如圖1-10所示。選擇素材文件“邊飾.jpg”，單擊“打開”按鈕導(dǎo)入卷軸邊飾素材。圖1-10“導(dǎo)入到庫”對(duì)話框

4．制作素材和元件

1)制作卷軸元件

把導(dǎo)入的邊飾素材制作為“卷軸”元件。選擇【窗口】→【庫】命令，打開“庫”面板，如圖1-11所示。雙擊“庫”面板底部的“新建元件”按鈕，彈出“創(chuàng)建新元件”對(duì)話框，如圖1-12所示。命名新元件為“卷軸”，選擇元件類型為“圖形”，單擊“確定”按鈕。圖1-11“庫”面板圖1-12“創(chuàng)建新元件”對(duì)話框圖1-13“卷軸”元件的圖案效果在“圖案”層的“鎖定”欄上單擊，鎖定“圖案”層，防止誤操作破壞“圖案”層。單擊“底色”層上的第1幀，使之成為當(dāng)前幀。在工具箱中單擊矩形工具按鈕，在“屬性”面板中設(shè)置筆觸顏色為“桔紅”色，筆觸高度為“4”，筆觸樣式為“實(shí)線”，填充顏色為“紅色”，“屬性”面板參數(shù)設(shè)置如圖1-14所示。圖1-14“屬性”面板參數(shù)設(shè)置在元件編輯窗口沿“邊飾”圖案左上角向右下角拖動(dòng)鼠標(biāo)，繪制“卷軸”元件的底色，“卷軸”元件最終效果如圖1-15所示。圖1-15“卷軸”元件效果

5．制作動(dòng)畫

1)創(chuàng)建下卷軸的運(yùn)動(dòng)補(bǔ)間動(dòng)畫效果

(1)制作上卷軸。新建“上軸”圖層，從“庫”面板中把“卷軸”元件拖到場景編輯窗口，放在賀卡背景的頂端，按效果圖所示適當(dāng)調(diào)整其大小。

(2)制作下卷軸。通過復(fù)制上卷軸得到下卷軸。選擇選擇工具，在上卷軸圖形上單擊，選中上卷軸實(shí)例，單擊【編輯】→【復(fù)制】命令；新建“下軸”圖層，單擊【編輯】→【粘貼到當(dāng)前位置】命令，完成下卷軸的復(fù)制。

(3)創(chuàng)建下卷軸從上往下運(yùn)動(dòng)的動(dòng)畫效果。運(yùn)用補(bǔ)間動(dòng)畫制作下卷軸的動(dòng)畫效果，注意補(bǔ)間動(dòng)畫只需要繪制開始和結(jié)束兩個(gè)關(guān)鍵幀的狀態(tài)，中間的過渡幀由計(jì)算機(jī)自動(dòng)生成。在“下軸”圖層的第30幀上單擊鼠標(biāo)右鍵，從下拉菜單中選擇“插入關(guān)鍵幀”命令，使用選擇工具把第30幀上的下卷軸移到賀卡背景的底部。在“下軸”圖層的第1幀上單擊鼠標(biāo)右鍵，從下拉菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令，此時(shí)第