第1章認(rèn)識(shí)FlashCS4用戶界面1.1FlashCS4的新功能1.2Flash的基本應(yīng)用1.3認(rèn)識(shí)FlashCS4工作界面1.4工作界面的相關(guān)操作1.5FlashCS4基本操作1.6初試身手——FlashCS4體驗(yàn)本章小結(jié)課后練習(xí)

FlashCS4是Adobe公司收購(gòu)Macromedia公司以后對(duì)Flash的一次重大升級(jí)與改進(jìn)，與以前的版本相比其變化非常大，除了在功能上增加了3D功能、角色動(dòng)畫以外，工作界面以及工作模式也有所改變。在FlashCS4中，【時(shí)間軸】面板被調(diào)整到工作界面下方，【屬性】面板調(diào)整到了右側(cè)，并且增加了【動(dòng)畫編輯器】面板。另外，F(xiàn)lashCS4的工作方式吸收了AfterEffects的特點(diǎn)，特別是對(duì)關(guān)鍵幀的編輯，與AfterEffects極其相似。

FlashCS4的改進(jìn)很多，也更加適合于設(shè)計(jì)與開發(fā)人員創(chuàng)作Flash作品。本章主要學(xué)習(xí)FlashCS4的用戶界面與基本操作，為今后的深入學(xué)習(xí)奠定基礎(chǔ)。1.1FlashCS4的新功能

FlashCS4與以前的版本相比，有了一些質(zhì)的飛躍，許多功能都是革命性的，例如，新增了骨骼動(dòng)畫功能、三維動(dòng)畫工具、基于對(duì)象的動(dòng)畫創(chuàng)建方式等。這使得Flash的功能更加強(qiáng)大，特別是ActionScript3.0的引入，讓Flash如虎添翼，成為了大型的、專業(yè)的多媒體開發(fā)工具。1.1.1工作界面的變化

FlashCS4的工作界面有了一定的變化。一是啟動(dòng)后的歡迎畫面多了ActionScript3.0的選項(xiàng)，如圖1-1所示。當(dāng)選擇該項(xiàng)創(chuàng)建文件以后，則腳本編程時(shí)必須使用ActionScript3.0的語(yǔ)法結(jié)構(gòu)，另外會(huì)有一些功能被禁用，如“行為”。圖1-1FlashCS4的歡迎畫面二是工作界面組件做了調(diào)整。默認(rèn)狀態(tài)下，工具箱被調(diào)整到了界面右側(cè)，【時(shí)間軸】面板則調(diào)整到了界面的下方，而【屬性】面板調(diào)整到了右側(cè)。另外，還增加了六種工作界面形式，用戶可以根據(jù)自己的習(xí)慣選擇適合的工作界面布局，如圖1-2所示。圖1-2FlashCS4工作界面1.1.2新增了若干工具

仔細(xì)觀察FlashCS4的工具箱不難發(fā)現(xiàn)，F(xiàn)lashCS4新增了很多工具。

首先，新增了一組3D變形工具(共有2個(gè))，分別是“3D旋轉(zhuǎn)工具”和“3D平移工具”，如圖1-3所示。這組工具可以使動(dòng)畫對(duì)象進(jìn)行3D旋轉(zhuǎn)或平移，使2D對(duì)象產(chǎn)生3D動(dòng)畫，讓對(duì)象沿著x、y和z軸運(yùn)動(dòng)。

其次，在刷子工具組中新增了“噴涂刷工具”，如圖1-4所示。該工具可以像噴槍一樣將元件噴涂到舞臺(tái)中，可以用于制作動(dòng)畫背景。圖1-3新增的3D變形工具圖1-4新增的“噴涂刷工具”再次，新增了“Deco工具”，使用該工具可以快速地創(chuàng)建類似于萬(wàn)花筒的效果(見圖1-5)?！癉eco工具”有三種填充方式，可以創(chuàng)建不同的圖案，使用該工具可以在指定區(qū)域噴涂元件，其功能比“噴涂刷工具”更強(qiáng)，極大地拓展了Flash的表現(xiàn)力。

最后，F(xiàn)lashCS4革命性地引入了“骨骼工具”(見圖1-6)。骨骼動(dòng)畫也稱反向運(yùn)動(dòng)，是一種使用骨骼的“關(guān)節(jié)”結(jié)構(gòu)對(duì)一個(gè)對(duì)象或彼此相關(guān)的一組對(duì)象進(jìn)行動(dòng)畫處理的方法。“骨骼工具”的使用可以大大提高動(dòng)畫制作效率，不但可以控制元件的聯(lián)動(dòng)，還可以控制單個(gè)形狀的扭曲變化，為創(chuàng)作動(dòng)漫作品提供了極大的方便。圖1-5使用“Deco工具”創(chuàng)建圖案圖1-6新增的“骨骼工具”1.1.3基于對(duì)象的動(dòng)畫創(chuàng)建方式

FlashCS4在保留以前版本的動(dòng)畫創(chuàng)建方法的基礎(chǔ)上，大膽引入了一種新的動(dòng)畫創(chuàng)建方式，即基于對(duì)象的動(dòng)畫創(chuàng)建方式，這是一種很大的改進(jìn)，它使動(dòng)畫的編輯更簡(jiǎn)單、更容易理解。如果用戶使用過(guò)Adobe公司的LiveMotion、AfterEffects等軟件，將會(huì)很快掌握這種工作方式，它可以直接在場(chǎng)景中調(diào)整運(yùn)動(dòng)路徑，從而提高工作效率，如圖1-7所示。圖1-7基于對(duì)象的動(dòng)畫1.1.4動(dòng)畫預(yù)設(shè)

FlashCS4新增的【動(dòng)畫預(yù)設(shè)】面板(見圖1-8)提供了若干動(dòng)畫效果，它可以直接應(yīng)用到動(dòng)畫對(duì)象上，用戶也可以將自己制作的動(dòng)畫定義為動(dòng)畫預(yù)設(shè)。圖1-8?【動(dòng)畫預(yù)設(shè)】面板1.1.5動(dòng)畫編輯器

【動(dòng)畫編輯器】面板(見圖1-9)是FlashCS4新增的組件，它主要是為基于對(duì)象的動(dòng)畫而設(shè)置的，其作用在于編輯動(dòng)畫對(duì)象的屬性，從而實(shí)現(xiàn)全局控制?！緞?dòng)畫編輯器】是一個(gè)功能強(qiáng)大的動(dòng)畫設(shè)置工具，使用該工具不但可以控制動(dòng)畫對(duì)象的基本變換，如移動(dòng)、旋轉(zhuǎn)等，還可以控制色彩效果、濾鏡等參數(shù)，其工作模式與AfterEffects基本一致。圖1-9?【動(dòng)畫編輯器】面板1.1.6【文件信息】命令

在FlashCS4的【文件】菜單中新增了【文件信息】命令，執(zhí)行該命令可以打開一個(gè)如圖1-10所示的對(duì)話框。該對(duì)話框允許用戶為制作的動(dòng)畫文件添加各類文檔信息，如文檔標(biāo)題、作者、說(shuō)明、版權(quán)公告等，對(duì)于團(tuán)隊(duì)協(xié)同作業(yè)具有很大幫助。圖1-10文件信息對(duì)話框1.1.7其它方面

除了前面介紹的一些新功能之外，F(xiàn)lashCS4還支持以H.264為基準(zhǔn)的高清編/解碼的F4V格式，但是該格式需要FlashPlayer9才能支持。

另外，F(xiàn)lashCS4安裝程序中加入了AdobeAIR作為可選安裝組件，如果安裝了該組件，則可以通過(guò)它輕松地創(chuàng)建AIR程序。

1.2Flash的基本應(yīng)用

其實(shí)，F(xiàn)lash發(fā)展到今天，其功能與應(yīng)用已經(jīng)發(fā)生了明顯的改變。Flash在推出之初，它只是一個(gè)網(wǎng)頁(yè)動(dòng)畫解決方案，但發(fā)展到今天，該軟件已經(jīng)變得比較龐大，功能也滲透到了更多領(lǐng)域。下面簡(jiǎn)述幾個(gè)實(shí)用領(lǐng)域。1.2.1網(wǎng)絡(luò)方面

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)站的功能與效果也越來(lái)越走向多媒體方向。在網(wǎng)絡(luò)上聽音樂(lè)、看視頻、玩游戲已經(jīng)非常普及，一改早期只能瀏覽靜態(tài)圖像與文字的現(xiàn)狀，其中Flash的貢獻(xiàn)功不可沒(méi)，它由早期的Flash小動(dòng)畫替代了GIF動(dòng)畫。近幾年，由于Flash功能的不斷增強(qiáng)，出現(xiàn)了越來(lái)越多的純Flash技術(shù)網(wǎng)站。所以，F(xiàn)lash的第一個(gè)應(yīng)用領(lǐng)域就是網(wǎng)絡(luò)應(yīng)用，并且可以細(xì)分為很多方面，如網(wǎng)站片頭、網(wǎng)絡(luò)廣告、網(wǎng)站Logo、Flash整站、FLV視頻等。如圖1-11所示為用Flash制作的網(wǎng)站Banner。圖1-11網(wǎng)站Banner1.2.2教學(xué)方面

Flash出現(xiàn)之后不久，就受到了廣大教師與教育工作者的推崇。采用Flash軟件制作的課件生動(dòng)、形象、過(guò)程逼真，極大地增強(qiáng)了學(xué)生的學(xué)習(xí)興趣，有助于理解課堂知識(shí)，特別是物理、化學(xué)的實(shí)驗(yàn)等科目，非常直觀。圖1-12所示分別為用Flash創(chuàng)建的不同的教學(xué)課件。圖1-12教學(xué)課件1.2.3娛樂(lè)方面

由于Flash具有強(qiáng)大的腳本編程能力，其交互性非常好，而且支持聲音、動(dòng)畫、視頻等，所以Flash在娛樂(lè)方面也被應(yīng)用得淋漓盡致。例如電視上經(jīng)常出現(xiàn)的Flash小品、相聲等就是很典型的事例。當(dāng)然，除此之外還有很多，如Flash游戲、FlashMTV、Flash賀卡、Flash動(dòng)漫等都屬于娛樂(lè)方面的應(yīng)用。圖1-13所示為用Flash開發(fā)的游戲與MTV。圖1-13Flash游戲與MTV1.2.4多媒體方面

這里的多媒體主要指光盤的開發(fā)與制作，以前開發(fā)光盤主要使用Director或Authorware完成，而現(xiàn)在越來(lái)越多的開發(fā)人員喜歡使用Flash，主要因?yàn)樗慕换バ?、支持性、擴(kuò)展性比較好，還可以配上一些Flash動(dòng)畫特效，并且生成的文件又比較小。圖1-14所示為使用Flash開發(fā)的光盤。

Flash的應(yīng)用遠(yuǎn)遠(yuǎn)不止于此，它在手機(jī)程序的開發(fā)、電子商務(wù)與其它媒體領(lǐng)域也有廣泛的應(yīng)用。相信隨著Flash技術(shù)的發(fā)展，F(xiàn)lash的應(yīng)用范圍也會(huì)越來(lái)越廣泛。圖1-14使用Flash開發(fā)的光盤1.3認(rèn)識(shí)FlashCS4工作界面

安裝了AdobeFlashCS4以后，單擊任務(wù)欄中的

按鈕，在打開的【開始】菜單中選擇【程序】\【AdobeFlashCS4Professional】命令，即可啟動(dòng)FlashCS4程序，默認(rèn)情況下會(huì)出現(xiàn)一個(gè)歡迎畫面。

文檔標(biāo)簽【時(shí)間軸】面板工作區(qū)【屬性】面板工具箱菜單欄通過(guò)歡迎畫面打開或新建一個(gè)Flash文檔，就進(jìn)入了FlashCS4的工作環(huán)境。默認(rèn)情況下，F(xiàn)lashCS4的工作界面由菜單欄、文檔標(biāo)簽、工具箱、【時(shí)間軸】面板、工作區(qū)、【屬性】面板組成，如圖1-15所示。圖1-15FlashCS4工作界面1.3.1菜單欄

FlashCS4的菜單欄包括兩部分：一是菜單項(xiàng)，二是工作區(qū)切換器。當(dāng)顯示器的分辨率較低時(shí)，菜單欄將以兩行顯示；當(dāng)顯示器的分辨率較高時(shí)，則以一行顯示。

FlashCS4含有11組菜單項(xiàng)，依次是【文件】、【編輯】、【視圖】、【插入】、【修改】、【文本】、【命令】、【控制】、【調(diào)試】、【窗口】和【幫助】菜單。在這些菜單中包括了操作Flash文件的大部分命令，其中有一些操作是必須通過(guò)菜單命令來(lái)完成的。

【文件】：用于操作和管理Flash動(dòng)畫文件，比較常用的命令有新建、打開、保存、導(dǎo)入、導(dǎo)出、發(fā)布等。

【編輯】：用于對(duì)動(dòng)畫對(duì)象進(jìn)行基本的編輯操作，如復(fù)制、粘貼、撤消、重做等。

【視圖】：用于控制工作區(qū)的顯示效果，如放大、縮小、顯示標(biāo)尺、網(wǎng)格等。

【插入】：用于創(chuàng)建新元件或者向時(shí)間軸中插入圖層、關(guān)鍵幀或場(chǎng)景等。

【修改】：用于設(shè)置文檔屬性或動(dòng)畫對(duì)象的高級(jí)編輯操作，如合并、變形、組合、排列等。

【文本】：用于對(duì)文本進(jìn)行編輯，如字體、大小、樣式等。

【命令】：用于管理與運(yùn)行通過(guò)【歷史記錄】面板保存的命令。

【控制】：用于控制影片的播放，包括測(cè)試影片與播放影片等。

【調(diào)試】：用于調(diào)試影片中的ActionScript腳本語(yǔ)言。

【窗口】：用于打開或關(guān)閉各種面板，如【時(shí)間軸】面板、工具箱、【屬性】面板等。

【幫助】：用于提供幫助信息。菜單欄的右側(cè)是工作區(qū)切換器，這是FlashCS4的新增功能，用于選擇工作界面布局。系統(tǒng)為我們提供了六種界面布局，分別是“動(dòng)畫”、“傳統(tǒng)”、“調(diào)試”、“設(shè)計(jì)人員”、“開發(fā)人員”和“基本功能”，如圖1-16所示。用戶可以根據(jù)習(xí)慣選擇不同的界面布局。圖1-16工作區(qū)切換器

當(dāng)工作窗口最大化顯示時(shí)，工作區(qū)切換器出現(xiàn)在菜單欄的右側(cè)；如果將工作窗口縮小，菜單欄的右側(cè)沒(méi)有足夠的空間時(shí)，工作區(qū)切換器自動(dòng)調(diào)整到菜單欄的上方。

1.3.2文檔標(biāo)簽

FlashCS4允許同時(shí)打開多個(gè)文檔，并且以標(biāo)簽的形式顯示。打開多個(gè)文檔以后，當(dāng)前正在編輯的文檔名稱將以高亮顯示，如果想編輯其它的Flash文檔，只需單擊文檔名稱即可，如圖1-17所示。圖1-17當(dāng)前編輯文件1.3.3【時(shí)間軸】面板

【時(shí)間軸】面板由圖層與幀兩部分組成，它是制作Flash動(dòng)畫文件的重要面板之一，起著組織和控制Flash動(dòng)畫對(duì)象的作用。也就是說(shuō)，【時(shí)間軸】面板是用來(lái)設(shè)計(jì)動(dòng)畫、組織管理動(dòng)畫對(duì)象、控制動(dòng)畫播放形式的。用戶通過(guò)添加圖層和幀來(lái)完成Flash電影的制作，使用圖層可以設(shè)定動(dòng)畫對(duì)象在空間排列上的順序，使用幀可以設(shè)定動(dòng)畫對(duì)象在時(shí)間排列上的順序。圖1-18所示為【時(shí)間軸】面板。圖1-18?【時(shí)間軸】面板1.3.4工作區(qū)圖1-19工作區(qū)

Flash中的工作區(qū)由兩部分構(gòu)成：舞臺(tái)和后臺(tái)。如圖1-19所示，舞臺(tái)是指白色區(qū)域，后臺(tái)是指灰色區(qū)域。動(dòng)畫對(duì)象在灰色區(qū)域時(shí)，播放動(dòng)畫時(shí)看不到它。這一點(diǎn)很像傳統(tǒng)的舞臺(tái)：舞臺(tái)是演員表演節(jié)目的場(chǎng)所，后臺(tái)是演員休息與化妝的場(chǎng)所。在FlashCS4中，舞臺(tái)是動(dòng)畫的播放區(qū)，后臺(tái)是動(dòng)畫對(duì)象的等候區(qū)，當(dāng)滿足一定條件時(shí)，動(dòng)畫對(duì)象就會(huì)從后臺(tái)進(jìn)入舞臺(tái)，參與“表演”。圖1-19工作區(qū)1.3.5工具箱

默認(rèn)狀態(tài)下，F(xiàn)lashCS4的工具箱位于工作界面的右側(cè)，并且只有一列，這樣可以節(jié)約工作空間，為設(shè)計(jì)者提供較大方便。在制作動(dòng)畫的過(guò)程中，工具箱的使用最頻繁，主要用來(lái)創(chuàng)建或編輯動(dòng)畫對(duì)象。

使用某種工具時(shí)，可以按照以下方法選擇工具：

方法一：使用鼠標(biāo)單擊要使用的工具按鈕，即可選擇該工具。

方法二：直接按下鍵盤上的工具快捷鍵可以快速選擇該工具，這是實(shí)際工作中最常用的一種方法。例如，按下?P鍵，就可以快速選擇“鋼筆工具”。1.3.6【屬性】面板及其它

以前的Flash版本中，【屬性】面板位于界面的下方，在FlashCS4中，【屬性】面板被調(diào)整到了界面的右側(cè)。這是一個(gè)非常實(shí)用又比較特殊的面板，在【屬性】面板中并沒(méi)有固定的參數(shù)，它隨著選擇對(duì)象的不同而發(fā)生變化，當(dāng)不選擇任何對(duì)象時(shí)，【屬性】面板中顯示舞臺(tái)的屬性，如圖1-20所示。圖1-20?【屬性】面板

FlashCS4提供了很多面板，只是默認(rèn)情況下沒(méi)有打開，在工作過(guò)程中，如果需要使用哪個(gè)面板，可以通過(guò)【窗口】菜單或快捷鍵打開，例如，要打開【對(duì)齊】面板，可以單擊菜單欄中的【窗口】\【對(duì)齊】命令，如圖1-21所示，也可以直接按下Ctrl?+?K鍵。圖1-21打開【對(duì)齊】面板1.4工作界面的相關(guān)操作

這里介紹一下工作界面的相關(guān)操作，以便于對(duì)工作環(huán)境有一個(gè)清晰的認(rèn)識(shí)，為今后的學(xué)習(xí)與操作提供便利。

1.4.1工作區(qū)布局

FlashCS4為用戶提供了六種默認(rèn)的工作區(qū)布局，分別適合于不同的用戶。系統(tǒng)提供的六種布局方式分別為“動(dòng)畫”、“傳統(tǒng)”、“調(diào)試”、“設(shè)計(jì)人員”、“開發(fā)人員”和“基本功能”，如圖1-22所示。FlashCS4推薦的工作區(qū)布局為“基本功能”，用戶可以根據(jù)工作習(xí)慣或任務(wù)選擇適合自己的工作區(qū)布局。圖1-22默認(rèn)的工作區(qū)布局除了可以選擇系統(tǒng)提供的工作區(qū)布局以外，F(xiàn)lash還允許用戶自定義工作區(qū)布局：首先，用戶根據(jù)需要布局好工作區(qū)，然后單擊菜單欄右側(cè)的??按鈕，在彈出的菜單中選擇【新建工作區(qū)】命令，則彈出【新建工作區(qū)】對(duì)話框，在該對(duì)話框中輸入工作區(qū)布局的名稱，然后單擊??按鈕，即可保存自定義的工作區(qū)布局，如圖1-23所示。圖1-23自定義工作區(qū)布局對(duì)于自定義的工作區(qū)布局，用戶也可以對(duì)其進(jìn)行重命名與刪除等管理操作。在菜單欄的右側(cè)單擊??按鈕，在彈出的菜單中選擇【管理工作區(qū)】命令，則彈出【管理工作區(qū)】對(duì)話框，我們定義過(guò)的工作區(qū)布局會(huì)顯示在這里，如圖1-24所示。在該對(duì)話框中選擇需要管理的工作區(qū)布局的名稱，單擊??按鈕，可以將其重新命名；單擊?按鈕，可以將其刪除。圖1-24【管理工作區(qū)】對(duì)話框1.4.2面板的操作

FlashCS4提供了非常多的面板，每個(gè)面板可以完成不同的工作，默認(rèn)情況下，只顯示了【屬性】面板、【庫(kù)】面板、【時(shí)間軸】面板等。實(shí)際上，用戶可以根據(jù)工作需要隨時(shí)打開或關(guān)閉任何一個(gè)面板。

1.打開與關(guān)閉面板

在FlashCS4中，如果需要打開相關(guān)的面板進(jìn)行操作，只需要單擊菜單欄中的【窗口】菜單下相關(guān)的命令即可。例如，需要打開【變形】面板，可以執(zhí)行菜單欄中的【窗口】\【變形】命令，如圖1-25所示。圖1-25打開【變形】面板對(duì)于不需要使用的面板可以將其關(guān)閉，關(guān)閉面板可以通過(guò)單擊【窗口】菜單下相關(guān)的命令完成，也可以單擊面板右上方的關(guān)閉按鈕?！敬翱凇坎藛蜗碌拿疃紝儆凇伴_關(guān)式命令”，即只有“開”與“關(guān)”兩種狀態(tài)，當(dāng)命令前面有“√”時(shí)表示該命令處于打開狀態(tài)，沒(méi)有“√”的表示該命令處于關(guān)閉狀態(tài)，如圖1-26所示。圖1-26命令的開關(guān)狀態(tài)

2.收縮與展開面板

在FlashCS4中，為節(jié)省工作空間，系統(tǒng)還提供了另一種解決方案，即面板可以展開也可以收縮。當(dāng)不需要使用某個(gè)面板時(shí)，單擊面板右上方的雙向箭頭即可將面板收縮成文字圖標(biāo)的形式，如圖1-27所示。

當(dāng)面板為收縮狀態(tài)時(shí)，單擊面板的名稱，則彈出臨時(shí)狀態(tài)的展開面板，以便于用戶設(shè)置參數(shù)，如圖1-28所示。當(dāng)在面板中完成參數(shù)設(shè)置以后，在工作區(qū)的任意位置單擊鼠標(biāo)，則臨時(shí)狀態(tài)的展開面板會(huì)消失。圖1-27收縮面板圖1-28臨時(shí)狀態(tài)的展開面板

3.移動(dòng)、合并與分離面板

Flash工作界面中的面板是按照默認(rèn)方式排列的，當(dāng)然，用戶也可以按照自己的需要安排各個(gè)面板的布局，從而打造自己個(gè)性化的工作空間。

(1)將光標(biāo)指向面板標(biāo)簽，按住鼠標(biāo)左鍵并拖拽鼠標(biāo)，可以移動(dòng)面板的位置。

(2)移動(dòng)面板的過(guò)程中，面板將以半透明形式顯示，如果將其拖拽到其它面板上，當(dāng)面板四周出現(xiàn)藍(lán)色線框時(shí)釋放鼠標(biāo)，則兩個(gè)面板合并到一起，如圖1-29所示。如果要將面板從面板組中分離出來(lái)，操作與上述基本一致：將光標(biāo)指向面板標(biāo)簽，按住鼠標(biāo)左鍵，將其拖拽到其它非面板的位置上即可。圖1-29合并面板的過(guò)程

4.隱藏與顯示所有面板

在FlashCS4中，眾多面板為動(dòng)畫創(chuàng)建帶來(lái)很大方便，但是，任何事物都具有兩面性，帶來(lái)方便的同時(shí)也占據(jù)很大的屏幕空間，這使本來(lái)就不大的工作空間更加擁擠，所以為了工作的需要，有時(shí)會(huì)隱藏所有的面板以便于觀察。隱藏面板的操作非常簡(jiǎn)單，單擊菜單欄中【窗口】\【隱藏面板】命令或者按下F4鍵即可。同樣，如果面板已經(jīng)隱藏，則單擊菜單欄中的【窗口】\【顯示面板】命令或者按下F4鍵，則顯示隱藏的面板。1.4.3舞臺(tái)的移動(dòng)與縮放

Flash的舞臺(tái)是可以移動(dòng)的。在工作過(guò)程中，有時(shí)為了操作后臺(tái)的對(duì)象，可能會(huì)移動(dòng)舞臺(tái)。移動(dòng)舞臺(tái)有兩種方法：第一，拖動(dòng)舞臺(tái)的橫向和豎向滾動(dòng)塊，即可移動(dòng)舞臺(tái)；第二，選擇工具箱中的“手形工具”?，在工作區(qū)中拖拽鼠標(biāo)也可以移動(dòng)舞臺(tái)。

任何情況下按下空格鍵，光標(biāo)都將臨時(shí)切換為“手形工具”，此時(shí)拖拽鼠標(biāo)就可以移動(dòng)舞臺(tái)的位置，釋放空格鍵以后，工具又恢復(fù)為原狀態(tài)。

在制作Flash動(dòng)畫的過(guò)程中，除了移動(dòng)舞臺(tái)外，經(jīng)常需要對(duì)舞臺(tái)放大或縮小。放大的目的是進(jìn)行局部細(xì)節(jié)操作，縮小的目的是察看全局。

選擇工具箱中的“縮放工具”?，在舞臺(tái)上單擊鼠標(biāo)，可以放大顯示舞臺(tái)；按住Alt鍵的同時(shí)單擊鼠標(biāo)，可以縮小顯示舞臺(tái)。另外，在舞臺(tái)的右上角有一個(gè)顯示比例框，如圖1-30所示，在這里可以選擇百分比，還可以直接輸入百分比(如75%)，從而控制舞臺(tái)的縮放。圖1-30顯示比例框

1.5

FlashCS4基本操作

前面介紹了FlashCS4的工作界面，本節(jié)介紹一些它的基本操作，如新建與打開文件、保存與關(guān)閉文件、設(shè)置文件屬性、合理使用輔助工具等。

1.5.1新建與打開文件

默認(rèn)情況下，每次啟動(dòng)FlashCS4時(shí)，系統(tǒng)都將出現(xiàn)歡迎畫面，如圖1-31所示。圖1-31歡迎畫面歡迎畫面分成了三列：【打開最近的項(xiàng)目】、【新建】、【從模板創(chuàng)建】。通過(guò)它們可以新建Flash文件、打開文件或者基于模板新建文件。單擊【新建】列中的相應(yīng)選項(xiàng)，可以建立Flash動(dòng)畫文件。

如果已經(jīng)打開或建立了一個(gè)新文件，這時(shí)還要再創(chuàng)建新文件，可以單擊菜單欄中的【文件】\【新建】命令。

同時(shí)建立了多個(gè)動(dòng)畫文件以后，工作窗口中將出現(xiàn)相應(yīng)的標(biāo)簽，顯示動(dòng)畫文件的名稱。默認(rèn)情況下文件的名稱為“未命名-1”、“未命名-2”、“未命名-3”、……?如圖1-32所示。圖1-32標(biāo)簽形式的文件名稱在歡迎畫面的【打開最近的項(xiàng)目】列中，列出了最近操作過(guò)的Flash文件，如果要打開這些文件，直接單擊文件名稱即可。如果要打開其它的Flash文件，則單擊【打開】選項(xiàng)，這時(shí)將彈出如圖1-33所示的【打開】對(duì)話框，從中選擇要打開的Flash文件，單擊?按鈕即可。圖1-33?【打開】對(duì)話框1.5.2保存與關(guān)閉文件

Flash動(dòng)畫制作完成后需要將文件保存，以便日后進(jìn)行編輯修改。此外，在編輯動(dòng)畫的過(guò)程中，為防止因發(fā)生意外而造成數(shù)據(jù)丟失，也需要隨時(shí)對(duì)制作的文件進(jìn)行保存，同時(shí)也可以將編輯的文件另存為一個(gè)新的文件，也就是對(duì)該文件進(jìn)行備份。

1.保存文件

保存Flash文檔的操作非常簡(jiǎn)單，單擊菜單欄中的【文件】\【保存】命令，如果是第一次保存文件，將彈出如圖1-34所示的【另存為】對(duì)話框，在【保存在】下拉列表中選擇動(dòng)畫文件保存的路徑，在【文件名】中輸入保存文件的名稱，然后單擊??按鈕，即可將制作的動(dòng)畫文件保存。圖1-34?【另存為】對(duì)話框在【保存類型】列表中有兩個(gè)選項(xiàng)，分別是“FlashCS4文檔(*.fla)”和“FlashCS3文檔(*.fla)”。

如果選擇保存類型為“FlashCS3文檔(*.fla)”，則FlashCS4的許多新增功能便不能顯現(xiàn)。

如果文件已經(jīng)保存過(guò)，或者是打開了一個(gè)現(xiàn)有的文件，則編輯文件以后，執(zhí)行【保存】命令時(shí)，將直接覆蓋原文件，不再?gòu)棾觥玖泶鏋椤繉?duì)話框。

2.備份文件

對(duì)于已經(jīng)保存過(guò)的文件如果需要將其備份，可以單擊菜單欄中的【文件】\【另存為】命令，這時(shí)也將彈出【另存為】對(duì)話框，在該對(duì)話框中設(shè)置新文件的名稱和保存路徑，然后單擊??按鈕，即可將該文件另存一份。

當(dāng)然，在資源管理器中直接復(fù)制文件，也是備份文件的好方法。

3.導(dǎo)出為圖像文件

對(duì)于Flash動(dòng)畫中的某一幀，可以導(dǎo)出為靜態(tài)的圖像文件。其方法是單擊菜單欄中的【文件】\【導(dǎo)出】\【導(dǎo)出圖像】命令，打開【導(dǎo)出圖像】對(duì)話框，如圖1-35所示。圖1-35?【導(dǎo)出圖像】對(duì)話框在對(duì)話框的【保存類型】下拉列表中可以選擇多種圖像格式，如GIF、PNG、WMF、AI等，這一功能為創(chuàng)作矢量圖形提供了可能，也為與平面設(shè)計(jì)軟件之間的交流提供了

保障。

4.關(guān)閉文檔

完成Flash動(dòng)畫制作以后，需要將文檔關(guān)閉，其方法非常簡(jiǎn)單，只需單擊文檔標(biāo)簽右側(cè)的??按鈕即可。如果此時(shí)Flash文檔沒(méi)有保存過(guò)，則會(huì)彈出一個(gè)提示框，詢問(wèn)用戶是否保存編輯的文檔。單擊??按鈕，將先執(zhí)行保存文件的命令再關(guān)閉文檔；如果單擊??按鈕，則不保存文件直接關(guān)閉文檔，如圖1-36所示。圖1-36關(guān)閉文檔除此以外，還可以使用下列方法關(guān)閉文檔：

單擊菜單欄右側(cè)的??按鈕，可以關(guān)閉文檔，同時(shí)退出Flash程序。

單擊菜單欄中的【文件】\【關(guān)閉】命令，可以關(guān)閉當(dāng)前文檔。

單擊菜單欄中的【文件】\【全部關(guān)閉】命令，可以關(guān)閉所有打開的文檔。

按下Ctrl+W鍵或Ctrl+Alt+W鍵，可以關(guān)閉當(dāng)前文檔或所有文檔。1.5.3設(shè)置文檔屬性

在制作Flash動(dòng)畫之前，需要先設(shè)置文檔屬性，即舞臺(tái)的大小、背景顏色、動(dòng)畫的播放速度等，只有確定了這些基本屬性后，才可以創(chuàng)作動(dòng)畫。這些屬性的設(shè)置是在【文檔屬性】對(duì)話框中完成的。

打開【文檔屬性】對(duì)話框的方法如下：

方法一：在舞臺(tái)的空白位置處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【文檔屬性】命令，則打開【文檔屬性】對(duì)話框，如圖1-37所示。圖1-37通過(guò)快捷菜單打開【文檔屬性】對(duì)話框

方法二：不選擇舞臺(tái)中的任何對(duì)象，這時(shí)【屬性】面板將顯示舞臺(tái)的相關(guān)參數(shù)，在【屬性】面板中單擊??按鈕，則打開【文檔屬性】對(duì)話框，如圖1-38所示。圖1-38通過(guò)【屬性】面板打開【文檔屬性】對(duì)話框

方法三：?jiǎn)螕舨藛螜谥械摹拘薷摹縗【文檔】命令或者按下Ctrl?+?J鍵，也可以打開【文檔屬性】對(duì)話框。

【文檔屬性】對(duì)話框中的主要參數(shù)作用如下：

【尺寸】：用于設(shè)置舞臺(tái)的寬度與高度。

【背景顏色】：用于設(shè)置舞臺(tái)的背景顏色。

【幀頻】：用于設(shè)置動(dòng)畫的播放速度，其單位為fps，是指每秒鐘動(dòng)畫播放的幀數(shù)，也就是說(shuō)每秒鐘動(dòng)畫可以播放多少個(gè)畫面。值越大，動(dòng)畫的播放速度越快，同時(shí)動(dòng)畫也越流暢。在實(shí)際工作中可以設(shè)置為30幀每秒(fps)。

【標(biāo)尺單位】：用于選擇舞臺(tái)寬度與高度的單位，通常選擇默認(rèn)的“像素”為單位。1.5.4合理使用輔助工具

在FlashCS4中創(chuàng)作動(dòng)畫對(duì)象或者制作復(fù)雜動(dòng)畫時(shí)，往往需要使用輔助工具進(jìn)行定位、對(duì)齊、排列對(duì)象等，因此，必須掌握輔助工具的基本使用方法。

1.標(biāo)尺與輔助線

使用標(biāo)尺與輔助線可以精確地定位對(duì)象的位置。使用標(biāo)尺之前，需要先在工作區(qū)中顯示標(biāo)尺。

打開標(biāo)尺的方法：?jiǎn)螕舨藛螜谥械摹疽晥D】\【標(biāo)尺】命令，或者同時(shí)按下鍵盤上的Ctrl+Alt+Shift+R鍵即可。輔助線的創(chuàng)建離不開標(biāo)尺，只有顯示標(biāo)尺后才能創(chuàng)建輔助線。在顯示標(biāo)尺的狀態(tài)下，將光標(biāo)從水平標(biāo)尺向下拖拽可以創(chuàng)建水平輔助線；從垂直標(biāo)尺向右拖拽可以創(chuàng)建垂直輔助線。如圖1-39所示是打開標(biāo)尺并創(chuàng)建輔助線的效果。

在舞臺(tái)中創(chuàng)建了輔助線以后，通過(guò)單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇合適的命令，可以對(duì)輔助線進(jìn)行各種

操作。圖1-39標(biāo)尺和輔助線選擇【輔助線】\【顯示輔助線】命令，可以顯示或隱藏所有輔助線。

選擇【輔助線】\【鎖定輔助線】命令，可以將所有的輔助線鎖定，這時(shí)的輔助線將不能被移動(dòng)或刪除。

選擇【輔助線】\【編輯輔助線】命令，在彈出的【輔助線】對(duì)話框中可以設(shè)置輔助線的顏色、顯示等，如圖1-40所示。

選擇【輔助線】\【清除輔助線】命令，可以刪除所有的輔助線。圖1-40?【輔助線】對(duì)話框

2.網(wǎng)格的設(shè)置

使用網(wǎng)格可以精確地控制動(dòng)畫對(duì)象在舞臺(tái)上的位置。單擊菜單欄中的【視圖】\【網(wǎng)格】\【顯示網(wǎng)格】命令，可以顯示網(wǎng)格。默認(rèn)情況下，網(wǎng)格線呈灰色，每一個(gè)網(wǎng)格的大小為18×18像素，如圖1-41所示。圖1-41顯示網(wǎng)格如果要編輯網(wǎng)格，可以單擊菜單欄中的【視圖】\【網(wǎng)格】\【編輯網(wǎng)格】命令(或者按下Ctrl+Alt+G鍵)，在彈出的【網(wǎng)格】對(duì)話框中設(shè)置網(wǎng)絡(luò)的參數(shù)，如圖1-42所示。圖1-42?【網(wǎng)格】對(duì)話框

【顏色】：用于調(diào)整網(wǎng)格顯示的顏色。

【顯示網(wǎng)格】：選擇該選項(xiàng)，可以在舞臺(tái)中顯示網(wǎng)格。

【在對(duì)象上方顯示】：選擇該選項(xiàng)，網(wǎng)格將顯示在對(duì)象的上方。

【貼緊至網(wǎng)格】：選擇該選項(xiàng)，通過(guò)配合“橫向”、“縱向”、“貼緊精確度”選項(xiàng)，當(dāng)拖動(dòng)對(duì)象的邊緣靠近網(wǎng)格時(shí)，對(duì)象會(huì)自動(dòng)吸附到網(wǎng)格上。

3.預(yù)覽模式

改變場(chǎng)景的預(yù)覽模式，可以方便用戶觀察動(dòng)畫對(duì)象的

位置、次序、顯示效果等。FlashCS4提供了五種預(yù)覽模式，在【視圖】\【預(yù)覽模式】子菜單中可以找到，如圖

1-43所示。圖1-43五種預(yù)覽模式

【輪廓】：簡(jiǎn)化舞臺(tái)中的元素，只顯示它們的輪廓線。使用該命令可以加速?gòu)?fù)雜場(chǎng)景的顯示速度。

【高速顯示】：關(guān)閉消除鋸齒和抖動(dòng)功能，以此加速場(chǎng)景的顯示速度。

【消除鋸齒】：可以使形狀的邊緣和線條在屏幕上顯示得更平滑。使用該命令會(huì)降低場(chǎng)景的刷新速度。

【消除文字鋸齒】：與【消除鋸齒】命令相同，用于平滑文本的邊緣。只有在文字尺寸較大時(shí)，使用該命令的效果才比較明顯。

【整個(gè)】：選擇該命令時(shí)，場(chǎng)景的顯示效果最精確、最完美，但是刷新速度也最慢。1.6初試身手——FlashCS4體驗(yàn)

通常情況下，我們得到一個(gè)軟件以后，都會(huì)迫不急待地想進(jìn)行實(shí)際操作，以便了解它的功能。通過(guò)前面的介紹，我們了解了FlashCS4的工作界面及基本操作。下面我們制作一個(gè)動(dòng)畫，感性地了解一下FlashCS4，讓讀者親自體驗(yàn)一下FlashCS4的強(qiáng)大功能。如圖1-44所示為動(dòng)畫的幾個(gè)主要

畫面。圖1-44動(dòng)畫的幾個(gè)主要畫面

(1)啟動(dòng)FlashCS4軟件，在歡迎畫面中單擊【Flash文件(ActionScript3.0)】選項(xiàng)，創(chuàng)建一個(gè)新文檔。

(2)在舞臺(tái)中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【文檔屬性】命令，打開【文檔屬性】對(duì)話框，設(shè)置尺寸為425×290像素、背景顏色為藍(lán)色(#4A6CB4)、幀頻為1?fps，如圖1-45所示。圖1-45?【文檔屬性】對(duì)話框

(3)單擊??按鈕，完成文檔屬性的設(shè)置。

(4)在【時(shí)間軸】面板中雙擊“圖層1”名稱，則“圖層1”處于可編輯狀態(tài)，將圖層名稱更改為“圖片1”。

(5)單擊菜單欄中的【文件】\【導(dǎo)入】\【導(dǎo)入到舞臺(tái)】命令(或者按下Ctrl+R鍵)，在彈出的【導(dǎo)入】對(duì)話框中選擇本書光盤“第1章”文件夾中的“1.gif”文件，單擊??按鈕，則彈出一個(gè)提示框，如圖1-46所示。圖1-46提示框單擊??按鈕，F(xiàn)lash將導(dǎo)入這個(gè)圖像序列中的所有圖片，同時(shí)也將圖片導(dǎo)入到【庫(kù)】面板中。

單擊??按鈕，F(xiàn)lash將只導(dǎo)入選定的圖片。

(6)單擊??按鈕，只將“1.gif”文件導(dǎo)入到舞臺(tái)中，將圖片調(diào)整到舞臺(tái)的左側(cè)，如圖1-47所示。圖1-47導(dǎo)入的圖片“1.gif”

(7)選擇導(dǎo)入的圖片，按下F8鍵，在彈出的【轉(zhuǎn)換為元件】對(duì)話框中設(shè)置選項(xiàng)如圖1-48所示。

(8)單擊??按鈕，將圖片轉(zhuǎn)換為圖形元件“元件1”。

(9)分別選擇第10幀和第15幀，按下F6鍵插入關(guān)鍵幀。

(10)在舞臺(tái)中選擇第10幀處的實(shí)例，在【屬性】面板中的【色彩效果】類別下設(shè)置樣式選項(xiàng)為“Alpha”，并設(shè)置Alpha值為70%，如圖1-49所示，這樣就更改了第10幀處實(shí)例的透明度。圖1-48?【轉(zhuǎn)換為元件】對(duì)話框圖1-49設(shè)置“元件1”的透明度

(11)用同樣的方法，選擇第15幀處的實(shí)例，將其Alpha值更改為0%。

(12)在【時(shí)間軸】面板中的第10～15幀之間的任意一幀上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補(bǔ)間】命令，創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。

(13)在【時(shí)間軸】面板中單擊??按鈕，則在“圖片1”層的上方創(chuàng)建了一個(gè)新圖層“圖層2”，參照前面的操作方法，將圖層的名稱更改為“文字”。

(14)選擇工具箱中的“文本工具”?，在【屬性】面板中設(shè)置顏色為白色，并設(shè)置其它參數(shù)如圖1-50所示。圖1-50設(shè)置“圖層2”的參數(shù)

(15)在圖片的右側(cè)拖拽鼠標(biāo)，創(chuàng)建一個(gè)段落文本框，并輸入文字，如圖1-51所示。圖1-51輸入的文字

(16)參照前面的操作方法，在“圖片1”層的上方創(chuàng)建一個(gè)新圖層“圖片2”，并在第15幀處插入關(guān)鍵幀。

(17)按下Ctrl+R鍵，在打開的【導(dǎo)入】對(duì)話框中選擇本書光盤“第1章”文件夾中的“2.gif”文件，將其導(dǎo)入到舞臺(tái)中，調(diào)整其位置如圖1-52所示。圖1-52導(dǎo)入的圖片“2.gif”

(18)選擇剛導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“元件2”。

(19)在【時(shí)間軸】面板中選擇“圖片2”層的第24幀，按下F5鍵插入普通幀。

(20)選擇“文字”層的第15幀，按下F6鍵插入關(guān)鍵幀。然后使用“文本工具”?更改圖片右側(cè)的文字內(nèi)容，結(jié)果如圖1-53所示。圖1-53更改后的文字

(21)在“圖片2”層的上方創(chuàng)建一個(gè)新圖層“黑幕”，并在第25幀處插入關(guān)鍵幀。

(22)選擇工具箱中的“矩形工具”，在【屬性】面板中設(shè)置筆觸顏色為無(wú)色，填充顏色為黑色，然后在舞臺(tái)中拖拽鼠標(biāo)繪制一個(gè)黑色的矩形，其大小與舞臺(tái)大小相同。

(23)選擇“黑幕”層的第39幀，按下F5鍵插入普通幀。

(24)選擇“文字”層的第25幀，按下F7鍵插入空白關(guān)鍵幀，運(yùn)用“文本工具”?輸入文字，結(jié)果如圖1-54所示。圖1-54輸入的文字(第25幀處)

(25)在“黑幕”層的上方創(chuàng)建一個(gè)新圖層“圖片3”，并在第40幀處插入關(guān)鍵幀。

(26)參照前面的操作方法，將本書光盤“第1章”文件夾中的“3.gif”文件導(dǎo)入到舞臺(tái)中，其位置如圖1-55所示。圖1-55導(dǎo)入的圖片“3.gif”

(27)選擇剛導(dǎo)入的圖片，按下F8鍵將其轉(zhuǎn)換為圖形元件“元件3”，分別在第55和60幀處插入關(guān)鍵幀。

(28)在“文字”層的第40幀處按下F7鍵，插入空白關(guān)鍵

幀。運(yùn)用“文本工具”?在圖片的右側(cè)輸入文字，如圖

1-56所示。圖1-56輸入的文字(第40幀處)

(29)選擇“圖片3”層第55幀處的實(shí)例，在【屬性】面板中設(shè)置其Alpha值為70%；選擇第60幀處的實(shí)例，將其Alpha值設(shè)置為0%。

(30)在“圖片3”層的第55～60幀之間任選一幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【創(chuàng)建傳統(tǒng)補(bǔ)間】命令，創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。

(31)在“圖片3”層的上方創(chuàng)建一個(gè)新圖層“圖片4”，并在第60幀處插入關(guān)鍵幀。

(32)按下Ctrl?+?R