flash-cs5-動畫設(shè)計實例教程-第一章

第一章構(gòu)建您的第一個Flash

目標技能掌握Flash安裝方法。掌握Flash動畫制作的根本概念。了解Flash工作環(huán)境。掌握Flash簡單動畫的制作流程與方法。本章目錄1.1進行Flash得安裝1.2flashcs5根本概念介紹1.3設(shè)置flashcs5的工作環(huán)境1.4flashcs5的簡單動畫制作本章重點：Flash的安裝、動畫的根本概念以及

Flash的工作環(huán)境。本章難點：簡單動畫的制作流程和方法。1.1進行Flash的安裝1.1.1Flash的安裝執(zhí)行以下操作之一開始安裝過程：

(Windows)如果有CD，請將其插入CD驅(qū)動器。一段影片剪輯將指導(dǎo)您完成整個安裝選擇。從Internet下載的AdobeFlashProCS5，雙擊AdobeFlashProfessionalCS5_Setup.exe進行安裝。1.1.2Flash的啟動與注冊系統(tǒng)安裝完成后在開始菜單中可以找到Flash的啟動項，點擊藍色光條覆蓋下的Micromediaflashcs5即可啟動Flash了。第一次啟動AdobeFlashProfessionalCS5時會出現(xiàn)提示窗口，在窗口中可以選擇試用30天或者輸入序列號激活A(yù)dobeFlashProfessionalCS5，激活后AdobeFlashProfessionalCS5將可以永久使用。如果擁有一個序列號，可以選擇提供序列號選項，并在窗口中輸入你獲得的AdobeFlashProfessionalCS5的產(chǎn)品序列號點擊【繼續(xù)】按鈕即可進入AdobeFlash，此時不再有30天的使用限制。的退出退出Flash程序的方法有以下幾種：左鍵單擊菜單欄中的【文件】→【退出】命令或按【Ctrl】＋【Q】鍵。單擊標題欄右端的【關(guān)閉】按鈕。單擊標題欄左端的控制選單按鈕，從彈出選單中選擇“關(guān)閉”命令。雙擊標題欄左端的控制選單按鈕。按下快捷鍵【Alt】＋【F4】。無論使用哪種方法退出flashcs5.0，如果所編輯的動畫文件還沒有保存的話，都將出現(xiàn)一個提示對話框，詢問是否保存當(dāng)前要關(guān)閉的文件，用戶可以根據(jù)需要進行必要的選擇。

1.2flashcs5根本概念介紹1.2.1Flash動畫類別按照計算機制作動畫的方式，可以將動畫分為逐幀動畫、補間動畫、遮罩動畫、交互動畫等。逐幀動畫：逐幀動畫采用的原理實際上就是傳統(tǒng)的動畫片制作原理，先把動畫分解成很多個動作，然后將一個一個的動作制作出來，再將它們連續(xù)播放就形成了動畫。由于這種方式要繪制許多內(nèi)容不同的幀，不僅制作起來比較復(fù)雜，而且最終的文件將十分龐大，不利于在網(wǎng)頁上使用。補間動畫：補間(tween)是補足區(qū)間(inbetween)的簡稱。使用這種方法，只需設(shè)置起始幀和結(jié)束幀的內(nèi)容，就可以創(chuàng)立平滑的動畫，中間的幀由系統(tǒng)根據(jù)關(guān)鍵幀自動進行計算而成。由于只需定義兩端的關(guān)鍵幀，所以補間動畫存儲容量小，執(zhí)行速度快。補間動畫分為動作補間動畫和形狀補間動畫。遮罩動畫：遮罩動畫是通過一種遮罩層技術(shù)實現(xiàn)畫面變化的動畫。交互動畫：交互動畫是由用戶操作鍵盤或鼠標參與動畫的執(zhí)行，用戶不再是被動的欣賞，而是參與其中并融入動畫角色里。交互動畫一般通過動作腳本語言〔ActionScript〕實現(xiàn)。1.2.2Flash動畫優(yōu)點使用矢量技術(shù)制作動畫，只用少量向量數(shù)據(jù)就可以描述一個復(fù)雜的對象，占用的存儲空間只是位圖的幾千分之一，非常適合在網(wǎng)絡(luò)上使用。同時，矢量圖像可以做到真正的無級放大不會降低畫面質(zhì)量。采用流式播放技術(shù)，可以邊下載邊播放，降低了對帶寬的要求，縮短了下載等待時間。為用戶提供了一個靈活易用的操作界面，所見即所得，無論對于Web設(shè)計師、動畫設(shè)計師，還是程序開發(fā)人員都一樣順手易用。兼容性好，可以與Macromedia公司的Dreamweaver、Fireworks集成使用。交互性強。ActionScript是Flash的腳本語言，隨著其版本的不斷更新，日趨完美。使用ActionScript可以控制Flash電影中的對象、創(chuàng)立導(dǎo)航和交互元素，制作非常具有魅力的作品。為程序開發(fā)人員提供了大量的對象、事件模式和組件庫。1.2.3場景介紹一場舞臺劇，分為好幾幕，按照次序一幕幕的進行演出。在Flash動畫制作中也采用此種方式，不過“幕”換成了“場景”〔Scenes〕。一個簡單的動畫只需一個場景即可，而在創(chuàng)立復(fù)雜動畫時，就需要使用多個場景來完成1.3設(shè)置flashcs5的工作環(huán)境中文flashcs5.0的工作界面如下圖。它包括標題欄、菜單欄、主要工具欄、工具箱、時間軸、舞臺工作區(qū)、“屬性”面板、“動作”面板、“庫”面板、“顏色”面板和其他各種面板等。1.3.1舞臺的使用1．標題欄和菜單欄位于屏幕最上方的橫條就是標題欄，標題欄的左端依次是控制選單按鈕、軟件名稱和當(dāng)前編輯的文件名。單擊最左邊的控制選單按鈕可彈出控制選單，可對窗口進行操作，如移動、改變大小等。右端的三個按鈕用于調(diào)節(jié)窗口的狀態(tài)。標題欄下方是菜單欄，各菜單的命令及功能如表所示。

2．主工具欄在菜單欄下方是主工具欄。主工具欄列出了大局部最常用的工具，從左到右依次為：新建文件、翻開文件、保存文件、打印文件、剪切、復(fù)制、粘貼、撤銷、重做、磁鐵、平滑、伸直、旋轉(zhuǎn)與傾斜、縮放、對齊。這些工具集中了菜單中常用命令的快捷按鈕，以方便操作。3．舞臺舞臺是一塊白色的區(qū)域，它是創(chuàng)作和動畫的主要場所，同時也是動畫影片發(fā)布后的顯示區(qū)域。舞臺區(qū)域左右兩側(cè)的灰色區(qū)域是工作區(qū)。〔1〕改變舞臺〔影片〕尺寸舞臺的大小就是影片播放窗口的大小，可以通過菜單【修改】→【文檔】命令翻開“文檔屬性”窗口，然后在尺寸欄中輸入舞臺的寬度值和高度值〔2〕改變舞臺顯示比例用戶可以根據(jù)需要，調(diào)節(jié)舞臺的顯示比例。當(dāng)需要精確繪圖時，可以放大顯示比例，使之稱為一個特定的區(qū)域；當(dāng)需要看整個舞臺效果時，可以縮小顯示比例，在屏幕上顯示出整個舞臺。放大或縮小舞臺顯示比例的方法有以下幾種：選擇菜單【視圖】→【放大】命令，成倍放大舞臺；【視圖】→【縮小】命令，成倍縮小舞臺；【視圖】→【縮放比率】命令，可以按特定百分比縮放舞臺。應(yīng)用編輯欄右側(cè)的顯示比例下拉列表框，從列表框中選擇或輸入適宜的百分比。應(yīng)用繪圖工具箱中的放大鏡工具。要放大或縮小某個對象，可以選擇放大鏡工具，單擊該對象。1.3.2時間軸的使用時間軸用于組織和控制文檔內(nèi)容在一定時間內(nèi)播放的圖層數(shù)和幀數(shù)。與膠片一樣，F(xiàn)lash文檔也將時長分為幀。圖層就像堆疊在一起的多張透明幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像。時間軸的主要組件是圖層、幀和播放頭。1．移動播放頭文檔播放時，播放頭在時間軸上移動，指示當(dāng)前顯示在舞臺中的幀。時間軸標題顯示動畫的幀編號。要在舞臺上顯示幀，可以將播放頭移動到時間軸中該幀的位置。2．更改時間軸中幀的顯示可以通過“幀視圖”菜單，更改時間軸中幀的大小，以及向幀序列添加顏色以加亮顯示它們。還可以在時間軸中包括幀內(nèi)容的縮略圖預(yù)覽。這些縮略圖是動畫的概況，因此非常有用，但是它們需要額外的屏幕空間。3．使用幀實際上Flash動畫是通過連續(xù)顯示一系列靜止圖像形成的。這一幅幅靜止圖像以時間上的出現(xiàn)次序從左到右依次水平排列，每一幅圖像就叫一幀。在Flash中，幀可以分為未用幀、空幀、關(guān)鍵幀、空白關(guān)鍵幀、延續(xù)幀和過渡幀。幀在時間軸中出現(xiàn)的順序決定它們在Flash應(yīng)用程序中顯示的順序。4．繪圖紙外觀在時間軸下面的5個按鈕是繪圖紙工具按鈕，它們可以使動畫編輯者在編輯區(qū)內(nèi)看到多個幀的畫面幀居中按鈕：用來定位當(dāng)前幀的位置，單擊此按鈕后，當(dāng)前幀就會被定位于時間軸的正中間。繪圖紙外觀按鈕：在時間軸上設(shè)置一個連續(xù)的顯示幀區(qū)域，區(qū)域內(nèi)的幀所包含的內(nèi)容同時顯示在編輯區(qū)中。繪圖紙外觀輪廓按鈕：該按鈕作用與繪圖紙外觀按鈕一樣，只是它只顯示各幀圖形的輪廓線。編輯多個幀按鈕：當(dāng)需要同時編輯多個幀時，按下此按鈕就可以了。但要注意，它只對逐幀動畫起作用，對補間動畫無效。修改繪圖紙標記按鈕：用于改變繪圖紙顯示的狀態(tài)和設(shè)置。單擊它會彈出一個與時間軸多幀顯示相關(guān)的菜單。1.3.3圖層的使用圖層就像透明的膠片一樣，在舞臺上一層層地向上疊加。圖層可以組織文檔中的圖形圖象?？梢栽趫D層上繪制和編輯對象，而不會影響其它圖層上的對象。如果一個圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。層與層之間是獨立的，每個圖層上都有假設(shè)干幀，每個Flash動畫又有多個圖層組成。1．創(chuàng)立圖層和圖層文件夾〔1〕創(chuàng)立新圖層時間軸底部的“插入圖層”按鈕。選擇菜單命令【插入】→【時間軸】→【圖層】。右鍵單擊時間軸中的一個圖層名稱，然后從彈出的菜單中選擇【插入圖層】，就會在當(dāng)前圖層上方添建一個新圖層。〔2〕創(chuàng)立圖層文件夾

創(chuàng)立圖層文件夾的方法有以下幾種：在時間軸中選擇一個圖層或文件夾，然后選擇菜單命令【插入】→【時間軸】→【圖層文件夾】。

右鍵單擊時間軸中的一個圖層名稱，然后從彈出的菜單中選擇【插入文件夾】。2．查看圖層和圖層文件夾1〕顯示/隱藏圖層顯示和隱藏圖層的幾種方法：單擊時間軸中圖層或文件夾名稱右側(cè)的“眼睛”列，可以隱藏該圖層或文件夾。再次單擊它可以顯示該圖層或文件夾。單擊眼睛圖標可以隱藏時間軸中的所有圖層和文件夾。再次單擊它可以顯示所有的層和文件夾。在“眼睛”列中拖動可以顯示或隱藏多個圖層或文件夾。按住【Alt】鍵單擊圖層或文件夾名稱右側(cè)的“眼睛”列可以隱藏所有其它圖層和文件夾。再次按住【Alt】鍵單擊可以顯示所有的圖層和文件夾。2〕以輪廓顏色顯示圖層

為了幫助用戶區(qū)分對象所屬的圖層，可以用彩色輪廓顯示圖層上的所有對象?？梢愿拿總€圖層使用的輪廓顏色。單擊圖層名稱右側(cè)的“輪廓”列可以顯示該層上所有對象的輪廓。再次單擊它可以關(guān)閉輪廓顯示。單擊輪廓圖標可以顯示所有圖層上的對象的輪廓。再次單擊它可以關(guān)閉所有圖層上的輪廓顯示。按住【Alt】鍵單擊圖層名稱右側(cè)的“輪廓”列可以將所有其它圖層上的對象顯示為輪廓。再次按住【Alt】鍵單擊它可以關(guān)閉所有圖層的輪廓顯示。3〕鎖定/解鎖圖層

鎖定和解鎖圖層的方法有以下幾種：單擊圖層或文件夾名稱右側(cè)的“鎖定”列可以鎖定它。再次單擊“鎖定”列可以解鎖該圖層或文件夾。

單擊掛鎖圖標可以鎖定所有的圖層和文件夾，再次單擊它可以解鎖所有的圖層和文件夾。在“鎖定”列中拖動可以鎖定或解鎖多個圖層或文件夾。

按住【Alt】鍵單擊圖層或文件夾名稱右側(cè)的“鎖定”列，可以鎖定所有其它圖層或文件夾。再次按住【Alt】鍵單擊“鎖定”列可以解鎖所有的圖層或文件夾。3.編輯圖層和文件夾1〕選擇圖層選擇單個圖層或文件夾有以下幾種方法：在時間軸中單擊圖層名稱。在時間軸中單擊對應(yīng)于這一圖層中的任意一幀。在舞臺上選中一個對象，這個對象所在的圖層將變?yōu)楫?dāng)前圖層。選擇兩個或多個圖層或文件夾，有以下兩種方法：先選中當(dāng)前層，再按住【Shift】鍵單擊當(dāng)前層外的另外一層，那么當(dāng)前層和另一層之間的所有層被選中。按住【Control】鍵單擊時間軸中多個層，那么這些層同時被選中。2〕重命名圖層重命名圖層或文件夾的方法有以下幾種：雙擊時間軸中圖層或文件夾的名稱，然后輸入新名稱。右鍵單擊圖層或文件夾的名稱，然后從彈出菜單中選擇【屬性】。在“圖層屬性”對話框中，在“名稱”文本框中輸入新名稱，然后單擊“確定”。在時間軸中選擇該圖層或文件夾，然后選擇【修改】→【時間軸】→【圖層屬性】。在“圖層屬性”對話框中，在“名稱”文本框中輸入新名稱，然后單擊“確定”。3〕復(fù)制和粘貼圖層復(fù)制和粘貼圖層的步驟如下：〔1〕單擊時間軸中的圖層名稱選擇整個圖層。〔2〕選擇【編輯】→【時間軸】→【復(fù)制幀】。〔3〕單擊"添加圖層"按鈕創(chuàng)立新層?！?〕單擊該新圖層，然后選擇【編輯】→【時間軸】→【粘貼幀】。4〕刪除圖層或文件夾選中將刪除的圖層，然后執(zhí)行下面的操作之一：單擊時間軸中的“刪除圖層”按鈕。將圖層或文件夾拖到“刪除圖層”按鈕。右鍵單擊該圖層或文件夾的名稱，然后從彈出的菜單中選擇“刪除圖層”。注意：如果刪除圖層文件夾，那么文件夾下包含的圖層及其內(nèi)容都會被刪除。5〕改變圖層順序時間軸中圖層的順序決定了編輯區(qū)中各圖層對象的重疊關(guān)系，根據(jù)需要可調(diào)整圖層間的排列順序。操作方法為：選中要移動的圖層，然后用鼠標拖動圖層到所需要的位置即可。6〕改變圖層高度可以更改時間軸中圖層的高度，從而在時間軸中顯示更多的信息〔例如聲音波形〕。操作方法為：在選定圖層上單擊右鍵，從彈出的菜單中選擇【屬性】命令，在翻開圖層屬性窗口中設(shè)置圖層在時間軸中的顯示高度。4．使用引導(dǎo)層為了在繪畫時幫助對齊對象或者控制運動補間動畫中對象的移動情況，可以創(chuàng)立引導(dǎo)層。創(chuàng)立引導(dǎo)層的方法有以下幾種：右鍵單擊選定圖層，然后從彈出菜單中選擇【引導(dǎo)層】。再次選擇【引導(dǎo)層】，可以將該層改回常規(guī)層。單擊時間軸中的某一圖層，然后單擊時間軸下方的“添加運動引導(dǎo)層按鈕”，就在選中的圖層上新建一個運動引導(dǎo)層，而原來選中的圖層成為被引導(dǎo)圖層。5．多個對象分散到圖層

可以將一個圖層中某一幀內(nèi)的多個對象分散到不同圖層的第1幀中。步驟如下：〔1〕選中要編輯的所有對象?！?〕選擇菜單【修改】→【時間軸】→【分散到圖層】命令，那么選中的對象被分配到各自獨立的圖層里。新的圖層由系統(tǒng)自動增加。1.3.4工具面板的使用使用“工具”面板中的工具可以繪圖、上色、選擇和修改插圖，并可以更改舞臺的視圖?！肮ぞ摺泵姘宸譃樗膫€局部：“工具”區(qū)域包含繪圖、上色和選擇工具。“查看”區(qū)域包含在應(yīng)用程序窗口內(nèi)進行縮放和移動的工具。

“顏色”區(qū)域包含用于筆觸顏色和填充顏色的功能鍵?！斑x項”區(qū)域顯示用于當(dāng)前所選工具的功能鍵。功能鍵影響工具的上色或編輯操作。1．選擇工具可以通過在“工具”面板中直接單擊要使用的工具或使用該工具的快捷鍵來選擇工具。各個工具的快捷鍵可以通過菜單命令【編輯】→【快捷鍵】查看。2．自定義工具面板可以自定義“工具”面板，以便指定在創(chuàng)作環(huán)境中顯示哪些工具。使用“自定義工具面板”對話框在工具欄中添加或刪除工具。方法如下：

〔1〕選擇【編輯】→【自定義工具面板】顯示“自定義工具面板”對話框。對話框左側(cè)的“可用工具”菜單指示Flash中當(dāng)前可用的工具。右側(cè)“當(dāng)前選擇”菜單指示當(dāng)前為“工具”面板中的選定位置分配的工具?！?〕單擊“工具”面板圖像中的某個工具，以指定要分配其它工具的位置?！?〕要將某個工具添加到所選位置，在“可用工具”列表中選擇該工具，然后單擊“添加”按鈕?？梢詫⒁粋€工具分配給多個位置。〔4〕要從所選位置中刪除某個工具，在“當(dāng)前選擇”滾動列表中選擇該工具，然后單擊“刪除”按鈕?！?〕單擊“確定”應(yīng)用所做的更改并關(guān)閉“自定義工具面板”對話框。1.3.5網(wǎng)格、輔助線和標尺1．使用標尺當(dāng)顯示標尺時，它們將顯示在文檔的左沿和上沿?？梢愿臉顺叩亩攘繂挝唬瑢⑵淠J單位〔像素〕更改為其它單位。在顯示標尺的情況下移動舞臺上元素時，將在標尺上顯示幾條線，指出該元素的尺寸?！?〕顯示或隱藏標尺。選擇菜單【視圖】→【標尺】命令，可以顯示或隱藏標尺。〔2〕設(shè)置標尺單位。選擇菜單【修改】→【文檔】命令，翻開“文檔屬性”對話框，在左下角的“標尺單位”欄中選擇一個單位。2．使用輔助線如果顯示了標尺，可以將水平和垂直輔助線從標尺拖動到舞臺上?？梢砸苿?、鎖定、隱藏和刪除輔助線，也可以使對象貼緊至輔助線，更改輔助線顏色和貼緊容差〔對象與輔助線必須有多近才能貼緊至輔助線〕?！?〕顯示或隱藏輔助線。選擇菜單命令【視圖】→【輔助線】→【顯示輔助線】?！?〕鎖定輔助線。選擇菜單命令【視圖】→【輔助線】→【鎖定輔助線】，即可將輔助線鎖定，此時無法用鼠標拖曳改變輔助線的位置?！?〕編輯輔助線。選擇菜單命令【視圖】→【輔助線】→【編輯輔助線…】，翻開“輔助線”窗口。在此窗口〔4〕去除輔助線。選擇菜單命令【視圖】→【輔助線】→【去除輔助線】。3．使用網(wǎng)格當(dāng)在文檔中顯示網(wǎng)格時，將在所有場景中的對象之后顯示一系列的直線。可以將對象與網(wǎng)格對齊，也可以修改網(wǎng)格大小和網(wǎng)格線顏色?！?〕顯示或隱藏網(wǎng)格。選擇菜單命令【視圖】→【網(wǎng)格】→【顯示網(wǎng)格】?！?〕編輯網(wǎng)格。選擇菜單命令【視圖】→【網(wǎng)格】→【編輯網(wǎng)格…】，翻開“網(wǎng)格”窗口。在此窗口中，可以編輯網(wǎng)格的顏色、確定是否顯示網(wǎng)格、是否對齊網(wǎng)格、調(diào)整網(wǎng)格的間距以及對象和網(wǎng)格對齊的精確度等。參加網(wǎng)格的舞臺。使用面板和“屬性”檢查器1．使用“屬性”檢查器使用“屬性”檢查器可以很容易地訪問舞臺或時間軸上當(dāng)前選定項的最常用屬性，從而簡化了文檔的創(chuàng)立過程。編輯者可以在“屬性”檢查器中直接更改對象或文檔的屬性，而不用訪問也用于控制這些屬性的菜單或面板。2．使用面板使用面板可以處理對象、顏色、文本、實例、幀、場景和整個文檔。例如，可以使用“混色器”面板創(chuàng)立顏色，并使用“對齊”面板將對象彼此對齊或與舞臺對齊。面板可以根據(jù)需要進行個性定制，使操作更加便捷。Flash中絕大局部的操作都能通過這些面板來輕松實現(xiàn)，對于這些面板的作用和具體操作方法，將在后面的章節(jié)中結(jié)合范例進行講解。這里主要介紹它們的一般操作。〔1〕翻開面板。從【窗口】菜單項選擇擇所需的面板。〔2〕關(guān)閉面板。從【窗口】菜單項選擇擇所需的面板或者右擊要關(guān)閉的面板標題欄，在彈出的菜單中選擇【關(guān)閉面板組】命令?！?〕拆分和組合面板。組合的方法是將鼠標放在要組合的面板標簽上，出現(xiàn)一個抓手圖標，然后拖動抓手將面板放到另一個面板上。目標面板旁邊顯示一條黑線，以顯示面板將放置到的位置。釋放鼠標，這樣就可以組合在一起。拆分的方法是拖動面板的抓手，將它與其它面板分開?！?〕展開和折疊面板。如果面板是展開的，單擊標題欄上的折疊箭頭即可折疊面板。再次單擊折疊箭頭會將面板展開到它以前的大小。〔5〕保存自定義面板設(shè)置。用戶可以根據(jù)自己的喜好，重新調(diào)整翻開哪些面板，調(diào)整各面板的位置。然后，選擇【窗口】→【工作區(qū)布局】→【保存當(dāng)前】。在翻開的“保存面板布局”窗口中輸入布局名稱。使用自定義面板布局時，選擇菜單命令【窗口】→【工作區(qū)布局】→【我的布局】，即可將工作環(huán)境改變?yōu)楫?dāng)時保存的狀態(tài)。選擇菜單命令【窗口】→【工作區(qū)布局】→【默認】，可以將工作環(huán)境恢復(fù)到Flash默認的工作區(qū)布局狀態(tài)。1.4flashcs5的簡單動畫制作1.4.1任務(wù)概述制作一個彩球從