《flash8動畫設計實例教程》第一章.

1、第一章 構建您的第一個 Flash 目標技能掌握Flash安裝方法。掌握Flash動畫制作的基本概念。了解Flash工作環(huán)境。掌握Flash簡單動畫的制作流程與方法。 本章目錄1.1 進行Flash得安裝1.2 Flash 8基本概念介紹1.3 設置Flash 8的工作環(huán)境1.4 Flash 8的簡單動畫制作本章重點：Flash的安裝、動畫的基本概念以及 Flash的工作環(huán)境。本章難點：簡單動畫的制作流程和方法。1.1 進行Flash的安裝1.1.1 Flash的安裝執(zhí)行下列操作之一開始安裝過程： (Windows) 如果有 CD，請將其插入 CD 驅動器。一段影片剪輯將指導您完成整個安裝選擇

2、。 從 Internet 下載的 Flash，雙擊 FlashBasic8Installer.exe 或FlashProfessional8Installer (Flash8-chs.exe) 圖標，出現(xiàn)安裝向導，如圖所示 當圖中的進度條消失后，顯示如圖所示，此處介紹了此版本Flash8安裝的幾個組件。 在此必須接受協(xié)議才能繼續(xù)安裝，點擊下一步 此處可以使用默認安裝路徑C:Program FilesMacromedia,或自己選擇新的安裝文件路徑，另外還可以選擇是否在桌面和快速啟動欄建立快捷按鈕，如果需要的話直接在二個選擇項前打上對勾即可。然后點擊下一步 此處可以選擇是否安裝Flash自帶的播

3、放器（默認情況下選中），點擊下一步進入另一界面直接點擊安裝，F(xiàn)lash安裝會自動進行，完成后會出現(xiàn)如下圖所示窗口 點擊完成即可完成Flash的安裝。 1.1.2 Flash的啟動與注冊系統(tǒng)安裝完成后在開始菜單中如圖所示，可以找到Flash的啟動項，點擊藍色光條覆蓋下的Micromedia Flash 8 即可啟動Flash了。1.1.1 Flash的退出 退出Flash程序的方法有以下幾種：左鍵單擊菜單欄中的【文件】【退出】命令或按【Ctrl】【Q】鍵。單擊標題欄右端的【關閉】按鈕 。單擊標題欄左端的控制選單按鈕 ，從彈出選單中選擇“關閉”命令。雙擊標題欄左端的控制選單按鈕 。按下快捷鍵【Al

4、t】【F4】。無論使用哪種方法退出Flash 8.0，如果所編輯的動畫文件還沒有保存的話，都將出現(xiàn)一個提示對話框，詢問是否保存當前要關閉的文件，用戶可以根據(jù)需要進行必要的選擇。 1.2 Flash 8基本概念介紹1.2.1 Flash動畫類別按照計算機制作動畫的方式，可以將動畫分為逐幀動畫、補間動畫、遮罩動畫、交互動畫等。逐幀動畫：逐幀動畫采用的原理實際上就是傳統(tǒng)的動畫片制作原理，先把動畫分解成很多個動作，然后將一個一個的動作制作出來，再將它們連續(xù)播放就形成了動畫。由于這種方式要繪制許多內容不同的幀，不僅制作起來比較復雜，而且最終的文件將十分龐大，不利于在網(wǎng)頁上使用。補間動畫：補間 (twee

5、n) 是補足區(qū)間 (in between) 的簡稱。使用這種方法，只需設置起始幀和結束幀的內容，就可以創(chuàng)建平滑的動畫，中間的幀由系統(tǒng)根據(jù)關鍵幀自動進行計算而成。由于只需定義兩端的關鍵幀，所以補間動畫存儲容量小，執(zhí)行速度快。補間動畫分為動作補間動畫和形狀補間動畫。遮罩動畫：遮罩動畫是通過一種遮罩層技術實現(xiàn)畫面變化的動畫。交互動畫：交互動畫是由用戶操作鍵盤或鼠標參與動畫的執(zhí)行，用戶不再是被動的欣賞，而是參與其中并融入動畫角色里。交互動畫一般通過動作腳本語言（ActionScript）實現(xiàn)。1.2.2 Flash動畫優(yōu)點使用矢量技術制作動畫，只用少量向量數(shù)據(jù)就可以描述一個復雜的對象，占用的存儲空間只

6、是位圖的幾千分之一，非常適合在網(wǎng)絡上使用。同時，矢量圖像可以做到真正的無級放大不會降低畫面質量。采用流式播放技術，可以邊下載邊播放，降低了對帶寬的要求，縮短了下載等待時間。為用戶提供了一個靈活易用的操作界面，所見即所得，無論對于Web設計師、動畫設計師，還是程序開發(fā)人員都一樣順手易用。 兼容性好，可以與Macromedia公司的Dreamweaver、Fireworks集成使用。交互性強。Action Script是Flash的腳本語言，隨著其版本的不斷更新，日趨完美。使用Action Script可以控制Flash電影中的對象、創(chuàng)建導航和交互元素，制作非常具有魅力的作品。為程序開發(fā)人員提供了

7、大量的對象、事件模式和組件庫。1.2.3 場景介紹一場舞臺劇，分為好幾幕，按照次序一幕幕的進行演出。在Flash動畫制作中也采用此種方式，不過“幕”換成了“場景”（Scenes）。一個簡單的動畫只需一個場景即可，而在創(chuàng)建復雜動畫時，就需要使用多個場景來完成1.3 設置Flash 8的工作環(huán)境中文Flash 8.0的工作界面如圖所示。它包括標題欄、菜單欄、主要工具欄、工具箱、時間軸、舞臺工作區(qū)、“屬性”面板、“動作”面板、“庫”面板、“顏色”面板和其他各種面板等。1.3.1 舞臺的使用1標題欄和菜單欄 位于屏幕最上方的橫條就是標題欄，標題欄的左端依次是控制選單按鈕、軟件名稱和當前編輯的文件名。單

8、擊最左邊的控制選單按鈕可彈出控制選單，可對窗口進行操作，如移動、改變大小等。右端的三個按鈕用于調節(jié)窗口的狀態(tài) 標題欄下方是菜單欄，各菜單的命令及功能如表所示。 2主工具欄在菜單欄下方是主工具欄。主工具欄列出了大部分最常用的工具，從左到右依次為：新建文件、打開文件、保存文件、打印文件、剪切、復制、粘貼、撤銷、重做、磁鐵、平滑、伸直、旋轉與傾斜、縮放、對齊。這些工具集中了菜單中常用命令的快捷按鈕，以方便操作。 3舞臺舞臺是一塊白色的區(qū)域，它是創(chuàng)作和動畫的主要場所，同時也是動畫影片發(fā)布后的顯示區(qū)域。舞臺區(qū)域左右兩側的灰色區(qū)域是工作區(qū)。（1）改變舞臺（影片）尺寸舞臺的大小就是影片播放窗口的大小，可以通

9、過菜單【修改】【文檔】命令打開“文檔屬性”窗口，然后在尺寸欄中輸入舞臺的寬度值和高度值 （2）改變舞臺顯示比例 用戶可以根據(jù)需要，調節(jié)舞臺的顯示比例。當需要精確繪圖時，可以放大顯示比例，使之稱為一個特定的區(qū)域；當需要看整個舞臺效果時，可以縮小顯示比例，在屏幕上顯示出整個舞臺。 放大或縮小舞臺顯示比例的方法有以下幾種：選擇菜單【視圖】【放大】命令，成倍放大舞臺；【視圖】【縮小】命令，成倍縮小舞臺；【視圖】【縮放比率】命令，可以按特定百分比縮放舞臺。應用編輯欄右側的顯示比例下拉列表框，從列表框中選擇或輸入合適的百分比。應用繪圖工具箱中的放大鏡工具。要放大或縮小某個對象，可以選擇放大鏡工具，單擊該對

10、象。1.3.2 時間軸的使用時間軸用于組織和控制文檔內容在一定時間內播放的圖層數(shù)和幀數(shù)。與膠片一樣，F(xiàn)lash 文檔也將時長分為幀。圖層就像堆疊在一起的多張透明幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像。時間軸的主要組件是圖層、幀和播放頭 。1移動播放頭文檔播放時，播放頭在時間軸上移動，指示當前顯示在舞臺中的幀。時間軸標題顯示動畫的幀編號。要在舞臺上顯示幀，可以將播放頭移動到時間軸中該幀的位置。 2更改時間軸中幀的顯示可以通過“幀視圖”菜單，更改時間軸中幀的大小，以及向幀序列添加顏色以加亮顯示它們。還可以在時間軸中包括幀內容的縮略圖預覽。這些縮略圖是動畫的概況，因此非常有用，但是它

11、們需要額外的屏幕空間。 3使用幀實際上Flash動畫是通過連續(xù)顯示一系列靜止圖像形成的。這一幅幅靜止圖像以時間上的出現(xiàn)次序從左到右依次水平排列，每一幅圖像就叫一幀。在Flash中，幀可以分為未用幀、空幀、關鍵幀、空白關鍵幀、延續(xù)幀和過渡幀。幀在時間軸中出現(xiàn)的順序決定它們在 Flash 應用程序中顯示的順序。 4繪圖紙外觀在時間軸下面的5個按鈕是繪圖紙工具按鈕，它們可以使動畫編輯者在編輯區(qū)內看到多個幀的畫面 幀居中按鈕：用來定位當前幀的位置，單擊此按鈕后，當前幀就會被定位于時間軸的正中間。繪圖紙外觀按鈕：在時間軸上設置一個連續(xù)的顯示幀區(qū)域，區(qū)域內的幀所包含的內容同時顯示在編輯區(qū)中。繪圖紙外觀輪廓

12、按鈕：該按鈕作用與繪圖紙外觀按鈕一樣，只是它只顯示各幀圖形的輪廓線。編輯多個幀按鈕：當需要同時編輯多個幀時，按下此按鈕就可以了。但要注意，它只對逐幀動畫起作用，對補間動畫無效。修改繪圖紙標記按鈕：用于改變繪圖紙顯示的狀態(tài)和設置。單擊它會彈出一個與時間軸多幀顯示相關的菜單。1.3.3 圖層的使用圖層就像透明的膠片一樣，在舞臺上一層層地向上疊加。圖層可以組織文檔中的圖形圖象?？梢栽趫D層上繪制和編輯對象，而不會影響其它圖層上的對象。如果一個圖層上沒有內容，那么就可以透過它看到下面的圖層。層與層之間是獨立的，每個圖層上都有若干幀，每個Flash動畫又有多個圖層組成。1創(chuàng)建圖層和圖層文件夾（1）創(chuàng)建新圖

13、層 時間軸底部的“插入圖層”按鈕。 選擇菜單命令【插入】【時間軸】【圖層】。 右鍵單擊時間軸中的一個圖層名稱，然后從彈出的菜單中選擇【插入圖層】，就會在當前圖層上方添建一個新圖層。 （2）創(chuàng)建圖層文件夾 創(chuàng)建圖層文件夾的方法有以下幾種：在時間軸中選擇一個圖層或文件夾，然后選擇菜單命令【插入】【時間軸】【圖層文件夾】。 右鍵單擊時間軸中的一個圖層名稱，然后從彈出的菜單中選擇【插入文件夾】。 2查看圖層和圖層文件夾1）顯示/隱藏圖層 顯示和隱藏圖層的幾種方法：單擊時間軸中圖層或文件夾名稱右側的“眼睛”列，可以隱藏該圖層或文件夾。再次單擊它可以顯示該圖層或文件夾。 單擊眼睛圖標可以隱藏時間軸中的所有

14、圖層和文件夾。再次單擊它可以顯示所有的層和文件夾。 在“眼睛”列中拖動可以顯示或隱藏多個圖層或文件夾。 按住【Alt】鍵單擊圖層或文件夾名稱右側的“眼睛”列可以隱藏所有其它圖層和文件夾。再次按住【Alt】鍵單擊可以顯示所有的圖層和文件夾。 2）以輪廓顏色顯示圖層 為了幫助用戶區(qū)分對象所屬的圖層，可以用彩色輪廓顯示圖層上的所有對象?？梢愿拿總€圖層使用的輪廓顏色。單擊圖層名稱右側的“輪廓”列可以顯示該層上所有對象的輪廓。再次單擊它可以關閉輪廓顯示。 單擊輪廓圖標可以顯示所有圖層上的對象的輪廓。再次單擊它可以關閉所有圖層上的輪廓顯示。 按住【Alt】鍵單擊圖層名稱右側的“輪廓”列可以將所有其它圖層

15、上的對象顯示為輪廓。再次按住【Alt】鍵單擊它可以關閉所有圖層的輪廓顯示。 3）鎖定/解鎖圖層 鎖定和解鎖圖層的方法有以下幾種：單擊圖層或文件夾名稱右側的“鎖定”列可以鎖定它。再次單擊“鎖定”列可以解鎖該圖層或文件夾。 單擊掛鎖圖標可以鎖定所有的圖層和文件夾，再次單擊它可以解鎖所有的圖層和文件夾。 在“鎖定”列中拖動可以鎖定或解鎖多個圖層或文件夾。 按住【Alt】鍵單擊圖層或文件夾名稱右側的“鎖定”列，可以鎖定所有其它圖層或文件夾。再次按住【Alt】鍵單擊“鎖定”列可以解鎖所有的圖層或文件夾。3.編輯圖層和文件夾 1）選擇圖層 選擇單個圖層或文件夾有以下幾種方法：在時間軸中單擊圖層名稱。在時間

16、軸中單擊對應于這一圖層中的任意一幀。在舞臺上選中一個對象，這個對象所在的圖層將變?yōu)楫斍皥D層。選擇兩個或多個圖層或文件夾，有以下兩種方法： 先選中當前層，再按住【Shift】鍵單擊當前層外的另外一層，則當前層和另一層之間的所有層被選中。按住【Control】鍵單擊時間軸中多個層，則這些層同時被選中。 2）重命名圖層 重命名圖層或文件夾的方法有以下幾種：雙擊時間軸中圖層或文件夾的名稱，然后輸入新名稱。右鍵單擊圖層或文件夾的名稱，然后從彈出菜單中選擇【屬性】。在“圖層屬性”對話框中，在“名稱”文本框中輸入新名稱，然后單擊“確定”。在時間軸中選擇該圖層或文件夾，然后選擇【修改】【時間軸】【圖層屬性】。

17、在“圖層屬性”對話框中，在“名稱”文本框中輸入新名稱，然后單擊“確定”。 3）復制和粘貼圖層 復制和粘貼圖層的步驟如下： （1）單擊時間軸中的圖層名稱選擇整個圖層。 （2）選擇【編輯】 【時間軸】【復制幀】。 （3）單擊添加圖層按鈕創(chuàng)建新層。 （4）單擊該新圖層，然后選擇【編輯】【時間軸】【粘貼幀】。 4）刪除圖層或文件夾 選中將刪除的圖層，然后執(zhí)行下面的操作之一：單擊時間軸中的“刪除圖層”按鈕。 將圖層或文件夾拖到“刪除圖層”按鈕。 右鍵單擊該圖層或文件夾的名稱，然后從彈出的菜單中選擇“刪除圖層”。注意：如果刪除圖層文件夾，則文件夾下包含的圖層及其內容都會被刪除。 5）改變圖層順序時間軸中圖

18、層的順序決定了編輯區(qū)中各圖層對象的重疊關系，根據(jù)需要可調整圖層間的排列順序。操作方法為：選中要移動的圖層，然后用鼠標拖動圖層到所需要的位置即可。6）改變圖層高度可以更改時間軸中圖層的高度，從而在時間軸中顯示更多的信息（例如聲音波形）。操作方法為：在選定圖層上單擊右鍵，從彈出的菜單中選擇【屬性】命令，在打開圖層屬性窗口中設置圖層在時間軸中的顯示高度。4使用引導層為了在繪畫時幫助對齊對象或者控制運動補間動畫中對象的移動情況，可以創(chuàng)建引導層。創(chuàng)建引導層的方法有以下幾種：右鍵單擊選定圖層，然后從彈出菜單中選擇【引導層】。再次選擇【引導層】，可以將該層改回常規(guī)層。單擊時間軸中的某一圖層，然后單擊時間軸下

19、方的“添加運動引導層按鈕” ，就在選中的圖層上新建一個運動引導層，而原來選中的圖層成為被引導圖層。 5多個對象分散到圖層 可以將一個圖層中某一幀內的多個對象分散到不同圖層的第1幀中。步驟如下： （1）選中要編輯的所有對象。 （2）選擇菜單【修改】【時間軸】【分散到圖層】命令，則選中的對象被分配到各自獨立的圖層里。新的圖層由系統(tǒng)自動增加。1.3.4 工具面板的使用 使用“工具”面板中的工具可以繪圖、上色、選擇和修改插圖，并可以更改舞臺的視圖?！肮ぞ摺泵姘宸譃樗膫€部分：“工具”區(qū)域包含繪圖、上色和選擇工具。 “查看”區(qū)域包含在應用程序窗口內進行縮放和移動的工具。 “顏色”區(qū)域包含用于筆觸顏色和填充

20、顏色的功能鍵。 “選項”區(qū)域顯示用于當前所選工具的功能鍵。功能鍵影響工具的上色或編輯操作。 1選擇工具 可以通過在“工具”面板中直接單擊要使用的工具或使用該工具的快捷鍵來選擇工具。各個工具的快捷鍵可以通過菜單命令【編輯】【快捷鍵】查看。2自定義工具面板 可以自定義“工具”面板，以便指定在創(chuàng)作環(huán)境中顯示哪些工具。使用“自定義工具面板”對話框在工具欄中添加或刪除工具。方法如下： （1）選擇【編輯】【自定義工具面板】顯示“自定義工具面板”對話框，如圖。對話框左側的“可用工具”菜單指示 Flash 中當前可用的工具。右側“當前選擇”菜單指示當前為“工具”面板中的選定位置分配的工具。（2）單擊“工具”面

21、板圖像中的某個工具，以指定要分配其它工具的位置。 （3）要將某個工具添加到所選位置，在“可用工具”列表中選擇該工具，然后單擊“添加”按鈕?？梢詫⒁粋€工具分配給多個位置。 （4）要從所選位置中刪除某個工具，在“當前選擇”滾動列表中選擇該工具，然后單擊“刪除”按鈕。 （5）單擊“確定”應用所做的更改并關閉“自定義工具面板”對話框。1.3.5 網(wǎng)格、輔助線和標尺 1使用標尺 當顯示標尺時，它們將顯示在文檔的左沿和上沿?？梢愿臉顺叩亩攘繂挝唬瑢⑵淠J單位（像素）更改為其它單位。在顯示標尺的情況下移動舞臺上元素時，將在標尺上顯示幾條線，指出該元素的尺寸。 （1）顯示或隱藏標尺。選擇菜單【視圖】【標尺】

22、命令，可以顯示或隱藏標尺。 （2）設置標尺單位。選擇菜單【修改】【文檔】命令，打開“文檔屬性”對話框，在左下角的“標尺單位”欄中選擇一個單位。2使用輔助線 如果顯示了標尺，可以將水平和垂直輔助線從標尺拖動到舞臺上?？梢砸苿?、鎖定、隱藏和刪除輔助線，也可以使對象貼緊至輔助線，更改輔助線顏色和貼緊容差（對象與輔助線必須有多近才能貼緊至輔助線）。（1）顯示或隱藏輔助線。選擇菜單命令【視圖】【輔助線】【顯示輔助線】。（2）鎖定輔助線。選擇菜單命令【視圖】【輔助線】【鎖定輔助線】，即可將輔助線鎖定，此時無法用鼠標拖曳改變輔助線的位置。（3）編輯輔助線。選擇菜單命令【視圖】【輔助線】【編輯輔助線】，打開“

23、輔助線”窗口。在此窗口中，可以編輯輔助線的顏色、確定是否顯示輔助線、是否對齊輔助線、是否鎖定輔助線和輔助線的對齊精確度。 （4）清除輔助線。選擇菜單命令【視圖】【輔助線】【清除輔助線】。3使用網(wǎng)格當在文檔中顯示網(wǎng)格時，將在所有場景中的對象之后顯示一系列的直線?？梢詫ο笈c網(wǎng)格對齊，也可以修改網(wǎng)格大小和網(wǎng)格線顏色。（1）顯示或隱藏網(wǎng)格。選擇菜單命令【視圖】【網(wǎng)格】【顯示網(wǎng)格】。（2）編輯網(wǎng)格。選擇菜單命令【視圖】【網(wǎng)格】【編輯網(wǎng)格】，打開“網(wǎng)格”窗口，如圖所示。在此窗口中，可以編輯網(wǎng)格的顏色、確定是否顯示網(wǎng)格、是否對齊網(wǎng)格、調整網(wǎng)格的間距以及對象和網(wǎng)格對齊的精確度等。加入網(wǎng)格的舞臺如圖。1.3.

24、6使用面板和“屬性”檢查器1使用“屬性”檢查器使用“屬性”檢查器可以很容易地訪問舞臺或時間軸上當前選定項的最常用屬性，從而簡化了文檔的創(chuàng)建過程。編輯者可以在“屬性”檢查器中直接更改對象或文檔的屬性，而不用訪問也用于控制這些屬性的菜單或面板。2使用面板使用面板可以處理對象、顏色、文本、實例、幀、場景和整個文檔。例如，可以使用“混色器”面板創(chuàng)建顏色，并使用“對齊”面板將對象彼此對齊或與舞臺對齊。面板可以根據(jù)需要進行個性定制，使操作更加便捷。Flash中絕大部分的操作都能通過這些面板來輕松實現(xiàn)，對于這些面板的作用和具體操作方法，將在后面的章節(jié)中結合范例進行講解。這里主要介紹它們的一般操作。 （1）打

25、開面板。從【窗口】菜單選擇所需的面板。（2）關閉面板。從【窗口】菜單選擇所需的面板或者右擊要關閉的面板標題欄，在彈出的菜單中選擇【關閉面板組】命令。 （3）拆分和組合面板。 組合的方法是將鼠標放在要組合的面板標簽上，出現(xiàn)一個抓手圖標，然后拖動抓手將面板放到另一個面板上。目標面板旁邊顯示一條黑線，以顯示面板將放置到的位置。釋放鼠標，這樣就可以組合在一起。 拆分的方法是拖動面板的抓手，將它與其它面板分開。（4）展開和折疊面板。如果面板是展開的，單擊標題欄上的折疊箭頭即可折疊面板。再次單擊折疊箭頭會將面板展開到它以前的大小。（5）保存自定義面板設置。用戶可以根據(jù)自己的喜好，重新調整打開哪些面板，調整各面板的位置。然后，選擇【窗口】【工作區(qū)布局】【保存當前】。在打開的“保存面板布局”窗口中輸入布局名稱（如：我的布局），然后單擊“確定”，即可在【窗口】【工作區(qū)布局】菜單中添加一個【我的布局】子菜單命令。使用自定義面板布局時，選擇菜單命令【窗口】【工作區(qū)布局】【我的布局】，即可將工作環(huán)境改變?yōu)楫敃r保存的狀態(tài)。選擇菜單命令【窗口】【工作區(qū)布局】【默認】，可以將工作環(huán)境恢復到Flash默認的工作區(qū)布局狀態(tài)。 1.4 Flash 8的簡單動畫制作 1.4.1 任務概述制作一個彩球從左向右水平移動的簡單動畫。1.4.2 新建文件選擇菜單【