第一部分Flash5.0的基本概念

Flash5.0是Macromedia公司非常受歡迎的產品。它是一種用于制作和編輯動畫和電影的軟件，用它可以制作出一種擴展名為.swf的動畫文件。這種文件可以插入HTML里，也可以單獨成為網頁。它可以在使用很少字節量的情況下，實現高質量的矢量圖形和交互式動畫的制作。FLASH制作的這種動畫可以在所有安裝了ShockwaveFlash插件的瀏覽器中播放。一、基本功能

1.具有較強的矢量繪圖和動畫制作功能，圖像質量高。制作的動畫和網頁數據量小。

2.導入和發布功能強?？梢詫朦c陣圖、QuickTime格式電影文件和MP3音樂格式文件等，可發布MP3音樂格式文件等；

3.插件的工作方式。只要機器內有安裝了ShockwaveFlash插件的瀏覽器，即可觀看Flash動畫。采用“流技術”播放Flash動畫，文件沒有全部下載完就可觀看已下載的內容。4.新增了許多功能強大的ActionScript函數、屬性和目標對象。5.采用了與Javascript類似的語法結構，以及新的文本編輯區和調試區?？蛇M一步提高程序的開發能力，開發更多的可擴展的工具，用來開發Web應用程序。6.ActionScript編輯器允許有兩種模式：普通模式和專家模式。所有的腳本程序均可從外部腳本文件調入，外部的腳本文件可以使任何ASCII碼編寫的文本文件。二、重要的基本概念

1.舞臺：是繪制和展示圖形和編輯圖形、圖像的矩形區域，也是創建和展示電影動畫的區域。舞臺中有一個白色的矩形區域，是舞臺的工作區。

2.場景：在電影中或話劇中，經常需要更換場景。在Flash電影中，舞臺只有一個，但在演出過程中，也可以更換不同的場景。每個場景都有名稱，在舞臺的左上角給出了當前場景的名稱。

3.符號：在電影中常會遇到一個演員要出場多次，甚至會在一個場景中多次出現，同一個演員做許多不同的事情。我們制作動畫時，也會遇到某個對象在舞臺中多次出現的情況。如果把這種對象的每次出現都分別制作，既費事又增加動畫文件的大小。為此，Flash設置了一個庫，將這樣的對象放置其中，形成符號。在需要符號上場時，只需用鼠標將該符號拖拽到舞臺中即可。4.實例：符號拖拽到舞臺中后形成的對象，是符號的復制品，稱為實例。5.圖層：圖層就相當于舞臺中演員所處的前后位置。在空間上，設定了對象演出的位置。圖層靠上，相當于該圖層的對象在舞臺的前面。在同一個縱深位置處，前面的對象會擋住后面的對象。

7.時間軸：規定動畫演出的時間長度。在時間上，規定演員出的場次序。

8.圖庫：是存放符號的倉庫。

四、認識Flash5的工作環境菜單欄工具欄工具箱舞臺狀態欄控制面板時間線窗口Flash5應用程序窗口繪圖工具欄控制器選取工具直線工具鉛筆工具橢圓工具鉛筆工具墨水瓶工具滴管工具掌形工具次級選取工具套索工具文字工具矩形工具筆刷工具油漆桶工具橡皮擦工具放大工具邊框顏色填充顏色選項區用來播放制作的動畫認識Flash5的工作環境時間線窗口添加層添加導線層顯示/隱藏層鎖定層外框顯示幀的顯示設定刪除層洋蔥皮操作按鈕

在時間線窗口的狀態顯示條上，有三個數據：1、12.0幀、0.0秒，它們分別表示當前動畫所處的場景、幀速率和動畫的長度。洋蔥皮按鈕組的作用是在你想看某一幀時，把左右鄰近的兩幀或多幀內容也以一定的灰度顯示出來，并可以根據自定義的范圍，進行多幀編輯。認識Flash5的工作環境認識Flash5的工作環境Flash的時間窗口：時間軸窗口右上角的可以用來調整時間每個單元格的寬窄大小，各人可根據自己的喜好，動畫的長短等因素進行修改，以便于實際操作。另外，我們還注意到在時間軸窗口中幀的表現形式也很多樣。在Flash中，有兩類動畫，一類是漸變動畫，通過創建關鍵幀到關鍵幀的過渡動畫的方法實現；另一類為幀-幀動畫，是將每一幀都作為關鍵幀的動畫，用來實現無法用漸變動畫實現的效果，但一般不推薦頻繁使用，因為關鍵幀的增加將加大動畫文件的大小。以下列出了區分這兩類動畫的所有可能的方法：空心小圓圈表示空白的關鍵幀，沒有內容，例如在新建一個動畫文件時出現。表示運動漸變動畫，關鍵幀用黑色的圓點標識，內插幀用黑色的實線表示，背景為淡紫色(淺藍色)。表示變形過渡動畫，關鍵幀用黑色的圓點標識，內插幀用黑色的實線表示，背景為淡綠色。虛線說明中間的過渡存在錯誤，無法正確實現內插。

單獨的關鍵幀為一黑色圓點，后面為灰色表明其后各幀的內容與其一致，沒有變化。字母a表示該幀已通過幀屬性對話框指定了動作。小紅旗表明該幀有標簽或注解。Flash的層：關于圖層(Layer)的概念，學過Photoshop的人都不會陌生。形象地說，圖層可以看成是疊放在一起的透明的膠片，如果層上沒有任何東西的話，你就可以透過它直接看到下一層。所以我們可以根據需要，在不同層上編輯不同的動畫而互不影響，并在放映時得到合成的效果。使用圖層并不會增加動畫文件的大小，相反它可以更好幫助我們安排和組織圖形，文字和動畫。圖層是Flash中最基本而且重要的內容，因而需要很好地掌握。

左圖是一個典型的圖層例子，圖中所示共有十一個層。其中用黑色標識帶有一支鉛筆標志的層為當前正在編輯的層。如果該層不能被編輯，則會顯示圖標。在這些層右上方有三個圖標，其中可以控制該層是否被顯示，默認狀態為正常顯示，在對應下方用表示，如果點擊這個黑點，則會出現，同時該層被隱藏，隱藏的層不能被編輯。用來控制是否鎖住該層，被鎖住的層可以正常顯示，但不能被編輯，這樣在你編輯其它層時，可以利用這一層作參考，而不會誤改了這一層的內容?？梢钥刂剖欠駥右暂喞€方式顯示，點擊對應的黑點，會出現，再點一次恢復正常。這幾個功能可以同時起作用。

點擊層下方的可以在當前選中的層上方新建一個層。的作用是新建一個導向層，關于導向層的概念我們以后再說。用來刪除當前選定的層，注意點擊這個圖標就會立即把當前層刪掉，沒有提示。雙擊任何一個層都可以選中該層并進入更換圖層名稱的狀態，把圖層命名為與編輯內容相關的名稱將有利于我們的工作。當我們選中了某一層的同時，也就選中了所有該層上的對象。按住SHIFT鍵，我們可以同時選擇多個圖層。另外要注意的是，層的排列是有順序的，最上面的層是你所能看到的最接近你的層，其上的內容將遮蓋其它層，但你也可以通過用鼠標拖動的方式改變層與層之間的排列關系。

每一層上的圖標和文字都稱作是該層的屬性，我們也可以通過在某一層點鼠標右鍵，在菜單中選屬性來進行修改，在類型一欄中一共有五個選項，普通圖層，也是圖層的默認狀態。導向圖層，其作用是輔助其它圖層對象的運動或定位，例如我們可以為一個球指定其運動軌跡。另外也可以在這個圖層上創建網格或對象，以幫助對齊其他對象。被導向圖層，該選項在上一層為一導向層或被導向層時才有效。當該項被選擇時，所代表的層與導向圖層將產生某種關聯。注意，在沒有被導向層時，導向層用來表示，有被導向層以后，導向層的標識將變為。遮罩層中的對象被看作是透明的，其下被遮罩的對象在遮罩層對象的輪廓范圍內可以正常顯示。遮罩也是Flash中常用的一種技術，用它可以產生一些特殊的效果，例如探照燈效果。遮罩層的標識為，當定義一層為遮罩層時，其下的一層會自動定義為Masked，也就是被遮罩層，當然也可以通過屬性進行修改。在其上一層為遮罩層或被遮罩層時才有效。被遮罩層的標識為并縮進。控制面板組在Flash5中包含了十多個控制面板，主要用于設置繪圖工具的有關參數或對對象進行輔助編輯。可以將這些控制面板組合在一起，也可以將它們分開。Flash5中的面板可以從窗口菜單中調出。認識Flash5的工作環境

三、動畫制作步驟

1.啟動“新影片”，設置合適大小的場景；

2.制作動畫用的所有組件(共有三類：影片剪輯、按鈕、圖形)；

3.在場景中逐一讓組件上場表演；

4.保存影片。第二部分動畫制作基本技術在Flash5.0中，制作動畫的基本技術主要包括：

1.位置移動動畫的制作

2.旋(翻)轉動畫的制作

3.移動、旋(翻)轉動畫的制作

4.大小變化動畫的制作

5.顏色漸變動畫的制作

6.形狀漸變動畫的制作六個部分。Flash5中Motion(運動過渡動畫)與Shape(形變過渡動畫)的區別

動畫實際上是一系列靜態圖片快速連續播放，早期動畫的制作是通過手工一張張繪制，這樣較費時，但效果非常不錯，這種方法通常被稱為逐幀動畫。在Flash5中也可通過一張張繪制圖片來形成動畫，但很多動畫不需一幀幀地制作。利用Flash5提供的內插動畫，只需繪制出兩個關鍵幀中的圖像即可，至于中間的過渡圖像就可通過內插自動產生。Flash5提供了兩種內插方法，即運動過渡動畫和形變過渡動畫。這兩種動畫的共同之處在于。都需要制作兩個關鍵幀，這樣才能在兩個關鍵幀之間添加內插效果。#制作運動過渡動畫：必須保證兩個關鍵幀中的圖像為同一個符號的兩個實體或是圖形組。#制作形變過渡動畫：必須保證兩個關鍵幀中的圖像為矢量圖形。如果不能保證以上兩點，則不能夠產生正確的內插效果。例：“我和你”三個字由大到小旋轉著出現在場景中，并且在由大到小的變化過程中文字的顏色也由淺入深地顯示出來。一、用運動過渡動畫方式制作1、打開Flash5，新建一圖形組件2、回到場景，按Ctrl+L將組件調入場景3、在第25幀插入關鍵幀4、選中第1幀，用工具條中的將組件放大。5、在組件上點右鍵彈出幀面板。如圖設置。并在效果面板中將Alpha值設置為0。6、按Ctrl+Enter測試動畫。二、用形變過渡動畫制作1、新建一Flash文件，在主場景中輸入“我和你”三個字。2、由于是制作形變動畫，因此每個關鍵幀的圖像必須是矢量圖，所以，選中這個文本，按Ctrl+b將文本打散。3、在主場景的時間面板選中25幀，插入關鍵幀。4、選中第1幀，用工具欄上的“比例”工具將圖形放大。5、選中窗口菜單欄中的調色板面板，將Alpha值設為0。6、按Ctrl+F調出幀面板。變化一欄選擇“圖形”，此時，時間線面板如圖所示，兩個關鍵幀之間產生了一個箭頭，并且背景變為淡綠色。7、按Ctrl+Enter測試動畫。

比較兩個動畫的區別之后，會發現運動過渡動畫可實現旋轉效果，而形變過渡動畫不能實現旋轉效果。但這并不是它們之間的本質區別。本質區別還是運動過渡動畫：必須保證兩個關鍵幀中的圖像為同一個符號的兩個實體或是圖形組;形變過渡動畫：必須保證兩個關鍵幀中的圖像為矢量圖形。例：滴水效果

1、用鉛筆工具建立一背景為蘭色，線條為白色的水滴組件如圖：2）點擊工具欄中的油漆桶工具，設置其填充顏色為從淡藍色到白色的漸變。（漸變的設置在填充面板）4）切換到場景1，從圖符資料庫中拉入組件1，適當調整其位置，在第7幀處插入一關鍵幀，適當調整位置，建立運動漸變路徑。

5）新建一圖層Layer2，在第7幀處插入一關鍵幀，從圖符資料庫中拉入圖符：bo，調整其位置為如圖所示：

6）在第二層36幀處插入一關鍵幀，設置該幀中圖符的Alpha值為0，用比例按鈕放大圓形，建立漸變路徑(創建動畫動作)。

Alpha設置在效果面板中設置7）新建圖層Layer3、Layer4、Layer5、Layer6，復制Layer2中的幀到各層中。

8）制作結束，觀看效果六、形狀漸變動畫的制作制作效果

制作步驟：

1.設置“新影片”尺寸大小為700*300象素；

2.利用工具欄在圖層1的第1幀輸入文字“形狀漸變”(文字大小、顏色設置合適即可)，并按快捷命令^B(或選擇菜單中的“修改”→“分解組件”)，使其成為如下形式：例1：3.在第40幀位置插入一個空白關鍵幀，并利用工具欄在第40幀位置畫上一個園，同樣按快捷命令^B分解其圖形成如下形式：4.鼠標右鍵單擊第1幀，選擇該快捷菜單中的“面板”→“幀”，如上圖所示，調出其浮動面板，選擇“變化”中的“圖形”，此時會發現時間軸上已生成了中間動畫，如右圖。園分解后的形式浮動面板形式

到此，動畫制作結束，可用播放鍵播放該動畫。制作實例:制作過程例2：字母的變形1.按Ctrl+M,設定動畫的大小為50pxX100px，背景白色；

3.鼠標點在時間軸的第一影格上，

4.選擇文字輸入工具，TimesnewRoman字體，選擇60大小，選擇藍色；

5.在底板上打上字母“A”；

6.選擇箭頭工具，然后按Ctrl+b，打散字母，可以看到字母變灰色網格

7.鼠標點在時間軸的第10影格處，按F7插入一空白關鍵幀；

8.用文字輸入工具在底板上繼續輸入“B”,覆蓋在字母“A”上，Ctrl+b打散

9.同樣方法，分別在20,30,40影格處打上字母“C”,“D”,“E”，并用Ctrl+b打散；

10.下面是變形的關鍵一步：用鼠標右鍵擊第一影格的黑色圓點，跳出一幀控制面板。如圖設置即可；

11.這時可以看見時間軸的第1影格到第10影格間產生一條綠色箭頭線；

12.用同樣方法處理第10、20、30、40幀處。

制作過程第三部分高級動畫制作技術本部分內容共包括：1.遮色動畫的制作

2.圖形的導入3.軌跡動畫的制作4.多媒體動畫制作四個方面。一、遮色動畫的制作所謂遮色動畫是指透過遮罩圖層內的圖形看到其下面圖層的內容的一種動畫。制作步驟：

1.設置場景大小為780*200像素；

2.制作兩個組件。一個為漢字(綿陽師范學院)組件，一個為圖片組件。要求圖片組件不要太寬，但應盡可能長；第二個組件的顏色一定要有過渡。

3.將場景中的“圖層一”更名為“遮件”；

4.增加“圖層二”并更名為“文字”；

5.從圖庫中拖出組件一至文字圖層的第1幀,并放置在場景的正中央；

6.在文字圖層的第60幀位置插入一個關鍵幀；

7.從圖庫中拖出組件二至遮件圖層第1幀，并使組件二圖片的右端與組件一的左端對齊；

8.在遮件圖層的第60幀位置插入一個關鍵幀，并移動組件二圖片，使其左端與組件一的右端對齊；

9.在遮件圖層的第1幀與第60幀之間的任意位置點擊鼠標右鍵，調出快捷菜單，選擇其中的“創建動畫動作”；

10.在文字圖層的“文字”字后點擊鼠標右鍵，調出快捷菜單，選擇其中的“遮蔽”。至此，整個動畫全部制作完畢，可按播放鍵瀏覽效果。例2：如何制作燈光效果1.按Ctrl+M,設定動畫的大小為400X100，背景黑色；

2.制作組件1：白色的“燈光效果”組件2：黑白漸變的圓；3.將場景中的“圖層一”更名為“背景”；4.增加“圖層二”并更名為“前景”；5.從圖庫中拖出組件一至前景圖層的第1幀,并放置在場景的正中央；6.在前景圖層的第30幀位置插入一個關鍵幀；7.從圖庫中拖出組件二至背景圖層第1幀，并使組件二圖片的右端與組件一的左端對齊；8.在背景圖層的第30幀位置插入一個關鍵幀，并移動組件二圖片，使其左端與組件一的右端對齊；

9.在背景圖層的第1幀與第30幀之間的任意位置點擊鼠標右鍵，調出快捷菜單，選擇其中的“創建動畫動作”；10.在前景圖層的“前景”字后點擊鼠標右鍵，調出快捷菜單，選擇其中的“遮蔽”。至此，整個動畫全部制作完畢，可按播放鍵瀏覽效果。

二、圖形的導入在Flash中導入圖形有兩種場合：其一是在制作組件時，導入的圖形作為組件使用；其二是在場景中導入的圖形可作為場景背景使用。導入的方法：在需要導入圖形的地方，選擇菜單中的“文件”→“導入”(或直接按Ctrl+R命令)，即可調出“導入”對話框。如下：在此對話框中即可選取所需圖形文件Flash5.0支持的圖形格式有：位圖圖形轉化為矢量圖的方法：1.單擊修改→分解組件命令，即可將選中的點陣圖打碎。2.單擊修改→描繪位圖命令，彈出“描繪位圖”對話框，設定參數后，即可將選中的點陣圖打碎。三、制作對象的運動軌跡動畫運動的軌跡，可以是規范的，也可以是任意曲線。下面以一個球體沿一條任意曲線一邊移動一邊旋轉為例來介紹線索動畫的制作方法。制作步驟：

1.設置新影片的大小為500*400像素；

2.制作組件。一個球體,調整位置，對齊中心位置；

3.在場景中，將圖層一更名為：運動對象;4.在運動對象圖層的第1幀位置拖入圖庫中的組件，放置到合適位置，并在其第80幀位置插入一個關鍵幀；

5.選擇菜單中的“插入”→“運動引導線”，此時在圖層位置會插入一個“引導線”圖層；

6.選中“引導線”圖層，選取工具欄中的鉛筆工具，在場景中任意畫一條曲線作為導引線(線索)；

7.選擇“動畫對象”圖層的第1幀，將組件拖至導引線的起始端；8.用鼠標右鍵單擊“動畫對象”圖層的第1幀，調出其快捷菜單，選擇其中的“面板”→“幀數”，設置調出的“幀數”面板中的“變化”為“動作”，并選中“比例”、“使路徑適應”、“同步”、“吸附”四個復選框；

9.選中“動畫對象”圖層的第120幀，將組件二拖至任意曲線的末端。

例2：月亮繞著地球轉，地球繞著太陽轉1.設定動畫的大小為550X400，背景白色；2.

制作圖形組件一，命名為月亮3.制作影片剪輯組件二，在標題圖層的第1幀位置拖入圖庫中的組件一，放置到合適位置，并在其第30幀位置插入一個關鍵幀；4.選擇菜單中的“插入”→“運動引導線”，此時在圖層位置會插入一個“引導線：動畫對象”；5.選取工具欄中的鉛筆工具，在場景中畫一空心橢圓作為引導線(線索)；6.選擇圖層1的第1幀，將組件一拖至引導線的起始端；第30幀將組件一拖至引導線的末端7.在任意幀的位置單擊右鍵，選“創建動畫動作”，至此組件二完成8.返回場景，將將圖層一命名為太陽，并在第一幀畫一紅色圓形，在其第120幀插入幀9.增加圖層二，命名為地球，在第1幀位置拖入組件二，放置到一個任意位置，并在第120幀位置插入一個關鍵幀；10.選擇菜單中的“插入”→“運動引導線”，此時在圖層位置會插入一個“引導線：圖層11.選取工具欄中的橢圓工具，在場景中畫一空心橢賀作為導引線(線索)；12.選擇地球圖層的第1幀，將組件二拖至引導線的起始端；第120幀將組件二拖至引導線的末端13.在任意幀的位置單擊右鍵，選“創建動畫動作”至此，整個線索動畫宣告制作結束。注意：為了方便調整起點和終點，可以用橡皮擦工具將橢圓擦出一小的缺口完成四、多媒體動畫制作在播放動畫的同時可以播放聲音，從而制作出多媒體動畫。制作步驟：

1.在制作完畢動畫的基礎上，選擇菜單“插入”→“圖層”，并命名圖層為“音樂”；

2.用鼠標選中“音樂”圖層的第1幀，選擇菜單“文件”→“導入”，選擇一個聲音文件；

3.用鼠標右鍵單擊“音樂”圖層的第1幀，選擇“動作”，調出“聲音”面板；

4.將其中的“聲音”設置為剛才選中的聲音文件。至此，多媒體動畫及宣告制作結束。制作過程第四部分交互式動畫制作技術交互式動畫主要用著菜單類動畫的制作。例1：按我我會變色1.按Ctrl+M,設定動畫的大小為200X160，背景黑色；

2.建立一個按鈕組件,這時會看見原來時間軸的地方變為。3.點擊“向上”下面的小圓點，畫一個蘭色圓形漸影圓.4.鼠標點擊”經過”下面的影格，插入一個關鍵幀。選擇油漆桶工具，在調色板下拉色板里選擇紅色圓形漸影，5.同樣，鼠標點擊”向下”下面的影格，插入一個關鍵幀。選擇油漆桶工具，在調色板下拉色板里選擇黑白色圓形漸影，6.建立一新圖層；在圖層2上點擊“向上”下面的影格。選擇文字工具，白色，黑體，大小為16，在蘭色小球下輸入“按我”。7.在圖層2上點擊“經過”下面的影格。插入一空白關鍵幀，選擇文字工具，白色，黑體，大小為16，在紅色小球下輸入“我會變色”。

8.在圖層2上點擊“向下”下面的影格。插入一空白關鍵幀，選擇文字工具，白色，黑體，大小為16，在黑白小球下輸入“謝謝！”。9.返回場景，Ctrl+L調出組件，將它拖到場景中。10.作品完成，按Ctrl+Enter觀看效果。

接下來我們用按鈕來控制動畫的運動，在這里要加入一些簡單的Action語句例2：讓我來控制你制作步驟：

1.啟動新影片并設置其大小為350*350像素；

2.制作兩個橢圓形按鈕組件，并分別在其上面標上“play”、“stop”字樣。