(完整版)flash教學(xué)示例0001

1、目的：1畫圖工具的使用；2動畫制作的基本過程；3引導(dǎo)層的使用；4遮罩層的使用；5幀幀動畫的使用；6變形動畫的實現(xiàn)。例1運動的光碟一.建立新動畫：1 .運行Flash MX。這時系統(tǒng)啟動并自動建立了一個新文件。執(zhí)行：“文件/新建”菜單命令或按可以新建一個的影片文件。2 .設(shè)置舞臺屬性：執(zhí)行“修改/文檔”菜單命令（或按 Ctrl+J ）。其實Flash M觀供了 “屬性提示器”見下圖1。圖1影片屬性設(shè)置再點開“大小”可以設(shè)置文檔屬性見圖 2： （1）播放速度（幀頻）（2）舞臺尺寸（尺 寸）（3）背景顏色（4）選用何種標(biāo)尺單位等。一般每秒12幀的播放速度比較合適。這里我們設(shè)定一個尺寸為300*100

2、的藍色背景舞臺。圖2文檔屬性2 .建立組件：1 .新建光碟元件（創(chuàng)建一個圖符）。執(zhí)行“插入/新建元件”菜單命令（或按 Ctrl-F8鍵）進入建立元件的對話框窗口，給 元件起名（最好是取拼音名或數(shù)字名，比如guang）,選擇類型是圖形。然后按確定按鈕。馬上就進入到創(chuàng)建新元件的編輯狀態(tài)。2 .在繪圖工具欄中選橢圓工具。并將其下的屬性提示器參數(shù)設(shè)置為下圖3所示。圖3 橢圓工具的屬性提示器（邊框色和填充色）shift 鍵不松手，畫出3 .在工作區(qū)里拖動鼠標(biāo)繪制一個圓（在拖動鼠標(biāo)的同時按下 來的是正圓）。注意：圓的中心一定要和舞臺中心的“+”對準(zhǔn)。最好從查看中調(diào)出標(biāo)尺和網(wǎng)格。4 .利用直線工具畫一園的直

3、徑，選中此直徑，調(diào)出窗口下邊的“變形面板”（見圖4）旋轉(zhuǎn)設(shè)45度，在右下邊的旋轉(zhuǎn)復(fù)制按鈕（向右小箭頭），連按三次，就會出現(xiàn)四條直徑，把圓分為8葉。圖4 變形面板5 .再在一邊利用橢園工具回一小的正園，選中拖入大圓的正中心， 記住一定要中心對齊。6 .利用漆桶工具，分別在 8葉中充入不同的好看的顏色，這樣元件就做好了。3 .建立運動動畫：1 .設(shè)置起始位置：（1）元件做好后，點擊時間軸右上角的“場景 1”回到主場景。（2）按Ctrl-L 打開圖庫，發(fā)現(xiàn)里面已經(jīng)有一個做好了的名為guang的 的元件。在預(yù)覽窗口中把該元件拖動到工作區(qū)中的中央， 此時時間軸的第1幀上的小圓圈已經(jīng)由空心 變成了實心，表

4、明該幀不再為空，變?yōu)?關(guān)鍵幀。2 .設(shè)置目白位置：（1）在時間軸第10幀單擊鼠標(biāo)左鍵，該幀變藍表示被選，在此處按F6鍵插入一個關(guān)鍵幀，第10幀也變?yōu)閷嵭男『邳c。（2）單擊選中時間軸上的第1幀，下邊出現(xiàn)幀的屬性面板，點開“ 補間”和“旋轉(zhuǎn)”的向下箭頭選擇如圖 5。5在幀面板中設(shè)置運動動畫6: 小球運動建好后的時間軸狀態(tài)如圖加載順序:澧現(xiàn)自下面上卡生成大小報告防止導(dǎo)入©省略跟蹤劫作心允許調(diào)試口確定. 1取消版本:Flh 5 v密碼:JTEG品質(zhì)音頻流宓: 音頻事件版）：3sA F1F1F1F1蹩地 Kejianxiu.這時時間軸窗口的狀態(tài)如圖 6所示，第1幀和第10幀之間出現(xiàn)了一個實線箭

5、頭， 且 背景變成淡紫色，表示這兩幀之間有一段運動漸變動畫。 如果兩幀之間出現(xiàn)了虛線，表示過 渡不成功，需要重新查看每一個關(guān)鍵幀及其屬性。3 .測試效果：執(zhí)行“窗口 /工具欄/控制欄” 菜單命令，打開控制面板，按播放鈕播放動畫，或 者按下Ctrl + Enter預(yù)覽窗口，以全屏預(yù)覽動畫，可以看到本頁上面的左邊的動畫效果。4 .如果想讓光蝶向前滾動，可以點一下時間軸的第一幀，光蝶放到舞臺左邊，再在第10幀把光蝶放到舞臺右邊，就會出現(xiàn)滾動效果。5 .如果想讓光蝶向前動，可以點一下時間軸的第一幀，去掉旋轉(zhuǎn)，再把光蝶放到舞臺左邊，再在第10幀把光蝶放到舞臺右邊，就會出現(xiàn)滾動效果。（移動對象可以用 sh

6、ift+T J 一 一）4 .存盤：用Flash做動畫不難吧。做好了動畫不要忘記存盤，執(zhí)行“文件/保存”菜單命令（或按Ctrl +S鍵），在彈出的對話框中輸入存檔文件名，確定。這時系統(tǒng)會把源文件用.fla的電影格式存檔。如果這時在Flash中再次按下 Ctrl + Enter鍵，則系統(tǒng)會自動生成.swf文件，可以用Flash 5電影播放器直接觀看。導(dǎo)出 FlssTi Player例 2 相片的運動1 . 新建動畫文件1 新建 / 文件。2 設(shè)置影片屬性: 或按 ctrl+F3 550*400 ，幀頻 12 ，背景顏色自定。2 . 導(dǎo)入你的相片1 點 文件 / 導(dǎo)入 ，找到相片的位置，點打開，這

7、時在舞臺和圖庫中都有了你的相片了2 相片轉(zhuǎn)化為元件。點一下舞臺上的相片， 點插入菜單下“ 轉(zhuǎn)化為元件” ， 組件起名“pic ” ，類型或行為“圖形”此時相片上出現(xiàn)一個“+”表示已為元件，你可以刪掉他，此時組件庫中已保存此元件。3 . 制作動畫A. 運動效果1 ）制作第一個關(guān)鍵幀: 回到場景 1，選擇箭頭工具，將pic 從圖庫中拖放到舞臺的左上角的外側(cè)。2 ） 制作第二個關(guān)鍵幀: 用鼠標(biāo)單擊第15 幀。 此時幀變成藍色。 按 f6 鍵添加關(guān)鍵幀。將相片拖動到舞臺右下角。3 ）創(chuàng)建動畫 : 單擊第一幀。在下邊的幀面板上找到“補間”點開下拉條，找到“運動漸變” ，設(shè)置為運動，如是想讓相片旋轉(zhuǎn)，再點

8、下邊的“旋轉(zhuǎn)”下拉條，設(shè)為順時針，次 數(shù)為“1”按回車鍵看一下播放效果。B. 放大效果1 ）在 30 帖處按 F6 插入關(guān)鍵幀，此時把相片拖入舞臺中央。2 ） 點工具欄中的任意變形工具， 此時在相片周圍出現(xiàn)八個方塊，拖運，可使相片變 大，變形，變成你想要的樣子。你可以讓相片放大的和舞臺一樣的大。3 ）再在回到 15 幀，在幀面板上設(shè)置運動動畫。點回車看一下播放效果。C.淡出且變小效果1 ） 在 45 帖處按 F6 插入關(guān)鍵幀， 點工具欄中的任意變形工具， 此時在相片周圍出現(xiàn) 八個方塊，拖運，可使相片變小。2 ） 再點一下此時舞臺上的相片組件， 下邊的屬性提示器會出現(xiàn)相應(yīng)的提示， 找到 “顏 色

9、”點開下拉條，找到“透明度或” “ Alpha ”再在其后的方框中設(shè)為20%，此時相片變的透明且淡 .3 ）再在回到 30 幀，在幀面板上設(shè)置運動動畫。點回車看一下播放效果。D.推進效果同理，在 60 幀插入關(guān)鍵幀，使相片再放大，調(diào)透明度100%，回到45 幀建立運動動畫，回車會看到相片向前變清晰且向前推進的效果。E. 由正面到反面的漸變效果1 ）在 75 幀按 f6 插入關(guān)鍵幀，找到窗口下邊的“變形” ，點一下“傾斜”再在后邊 的 “垂直斜度” 框中輸入 “ 180” 則相片為反面顯示。 （或直接利用變形工具拖動， 效果更好）2）回到60 幀， 在幀面板上設(shè)置運動動畫。點回車看一下播放效果。

10、要想讓反面效果保存時間長一些，可在第 90 幀處按 F5四 . 存盤1 存成 flash 文件 : 格式為 *.fla 。選擇路徑，輸入文件名，確定。2 輸出可播放文件: 格式為 *.swf 。文件 / 導(dǎo)出影片。設(shè)置參數(shù)導(dǎo)出。3 輸出動畫文件: 格式為 *.gif 。文件 / 導(dǎo)出影片。例 3：雨滴的制作1 .建水滴圖形元件:1 按 Ctrl+8 新建圖形元件1（shuidi） ，利用橢園工具畫一無邊框橢園，再利用黑箭頭工具調(diào)整此圖形為水滴狀。2 點選中圖形， 在混色器中選取放射狀 （徑向） 顏色調(diào)整為從白色到淡藍色的漸變。 （大 小約 2*4 ）2 . 建水波圖形元件:按 Ctrl+8 新

11、建圖形元件2（ shuibo ） ，利用橢園工具畫一無填充橢園。 白色。3 . 建水滴運動動畫1 導(dǎo)入一張有水面的圖片，調(diào)整與場景大小相同，再在場景中增加兩個層三層分別為 : 由下到上分別為圖片層、水滴層、水波層。2 在水滴層第一幀拖入 shuidi ， 放在場景上邊一些， 在第 15 幀按F6。 將水滴調(diào)到場景中下邊，同時調(diào)整水滴大小較第一幀的大一些。建立運動動畫3 在 水波層 15 幀拖入shuibo ，放在水滴正下方，使水滴在水波的正中央，在第30 幀按F6,單擊修改-變形-縮放與旋轉(zhuǎn)，調(diào)整其實大小為第一幀的2倍，透明度設(shè)為0,建立運動動畫。4 .測試保存。例 4：小飛機沿軌跡運動（引導(dǎo)

12、層）1 .新建影片新建一個電影文件，在屬性對話框中，設(shè)定動畫尺寸，背景顏色為蘭色。2 .制作小飛機元件:1 . 利用矩形工具在舞臺上拖一矩形，用箭頭工具向外拖一角， 再將另一對角向內(nèi)拖動， 用直線工具連接剛拖過的兩個角，利用漆桶工具改變兩三角的顏色。2 .利用箭頭工具選中整個飛機，執(zhí)行“插入/轉(zhuǎn)換為元件” ，則飛機上出現(xiàn)一小 “ +字?！? .制作動畫 :1. 創(chuàng)建飛機運動圖層:（ 1）單擊第一層的第1 幀，將飛機拖放在場景中的左上角。（ 2）選擇第20 楨，按 F6 鍵插入關(guān)鍵楨。（ 3）找到屬性面板，建立1-20 楨之間的小飛機運動動畫。在 “使路徑適應(yīng)”上打勾。2. 單擊時間軸窗口上的“

13、添加引導(dǎo)圖層”按鈕， 或執(zhí)行“插入 / 運動引導(dǎo)層”為第一圖層增加一個引導(dǎo)圖層。在繪圖工具箱中選擇鉛筆工具，并選擇鉛筆工具的附屬選項“平滑”。然后用鉛筆工具在場景中畫一個平滑曲線。3. 選擇第一層的第1 幀。 拖動第 1 幀上的飛機到曲線左端點上， 注意一定要“+”與線一端對準(zhǔn)。4. 選擇第一層的第20 幀。用同樣的方法將小球拖動到曲線的右端點上。5. 按 Enter 測試。4 . 測試和保存影片 :分別執(zhí)行“文件/ 保存”和“文件/ 導(dǎo)出影片”命令保存和導(dǎo)出影片，文件名分別是 :fly.fla 和 fly.swf 。例 5: 遮罩的運動一 . 新建影片:新建一個電影文件，導(dǎo)入一張你喜歡的圖片

14、，利用任意變形工具使其放大到和舞臺一樣的大。二 . 創(chuàng)建遮罩層1. 點插入菜單下的新建元件， 性質(zhì)為圖形， 利用矩形工具在舞臺中央拖一矩形， 顏色任意。2. 回到場景，新建圖層2 ，打開窗口菜單下的庫，將正方形拖出到舞臺中央，利用任意變形工具使其縮小，這時此正方形默認(rèn)在第一幀。3. 在第 20 幀按 f6 插入關(guān)健幀，調(diào)整此正方形到整個舞臺。4. 回到圖層 2 的第一幀，在屬性面板建立運動動畫，并把旋轉(zhuǎn)調(diào)為順時針，次數(shù)為 15. 點（選）中圖層2，點鼠標(biāo)右鍵，選擇遮罩層，此時第一層自動顯示為被遮罩圖標(biāo)內(nèi)縮。三 . 測試和保存影片 :1. 按 Ctrl+Enter 測試影片2. 分別執(zhí)行“文件/

15、 保存”和“文件/ 導(dǎo)出影片”命令保存和導(dǎo)出影片，文件名分別是:fm.fla 和 fm.swf 。例 6：被遮罩的運動一 . 新建影片 :新建一個電影文件，全用默認(rèn)。2 . 創(chuàng)建被遮罩層1. 導(dǎo)入“清明上河圖”圖片，調(diào)整高度。上河圖的開始端在舞臺的最右邊，在第1000 幀處按 F6 插入關(guān)健幀，然后按住Shift ，同時利用鍵盤上的方向鍵向左移動上河圖，直到圖的左邊與舞臺的右邊對齊。2. 回到第一幀，在幀屬性面板建立運動動畫。3 . 創(chuàng)建遮罩層1. 新增加圖層 2，在舞臺正中畫一橢圓，高度比上河圖的上下邊各高出一些。2. 點（選）中圖層2，點鼠標(biāo)右鍵，選擇遮罩層，此時第一層自動顯示為被遮罩圖標(biāo)

16、內(nèi)縮。 按 Ctrl+Enter 測試影片 （因圖片較大可能有的效果不好， 如果不出效果， 執(zhí)行 “修 改/ 幀/ 翻轉(zhuǎn)幀”）4 . 創(chuàng)建背景層1. 選中圖層2，新建圖層3，（在圖層2 的上邊）導(dǎo)入一與上河圖相宜的圖片，轉(zhuǎn)化為元件，在屬性面板中將背景圖的 Alpha （透明度）設(shè)為 20%2. 現(xiàn)在為了保證圖層 1 和 2 不被改動，點擊圖層上的“鎖定”標(biāo)志。3. 在圖層 3 的適當(dāng)位置， （你所畫的做為遮罩園以外的地方） 利用文字工具輸入 “清 明上河園”，字體字色自定，再輸入“張擇端”5 . 測試和保存影片。例 7：幀幀動畫一 . 創(chuàng)建影片 :新建一個Flash文件。設(shè)置電影屬性。尺寸大約

17、400X400,幀頻1px背景棗紅。調(diào)出查看 / 網(wǎng)格。二 . 創(chuàng)建動畫:1. 在繪圖工具箱中選擇文字工具，設(shè)置文字屬性面板，字體為華文行楷，字色為黑色，大小為49.2. 在舞臺中左邊輸入 “閃客沙龍” 四字， 在第2 、 3、 4 、 5、 6 幀均按 F6 插入關(guān)鍵幀。3. 第一幀選中“客沙龍”刪掉，第2 幀選中“沙龍”刪掉，第3 幀選中“龍”刪掉，第 4 幀為全，第5 幀改字色為黃色，第6 幀為黑色。4. 在第 6 幀點一下， 在舞臺右邊合適位置輸入 “和睦家庭” ， 第 6 幀選中 “睦家庭” 刪掉，第 7 幀選中“家庭”刪掉，第 8 幀選中“庭”刪掉，第9 幀為全，第 10 幀改字色

18、為黃色，第 11 幀為黑色。三 . 測試和保存文件: 導(dǎo)出影片，格式zzdh.swf ，或 gif 動畫格式 zzdh.gif 。變形動畫是FLASH 動畫中比較特殊一種過程動畫， 和運動動畫不同的是， 其動畫對象只能是矢量圖形對象。群組對象、圖符引例對象、符號和位圖圖像均不能夠作為變形動畫的對象 （除非把它們打散成矢量圖形） 。 變形動畫可以在兩個關(guān)鍵幀之間制作出變形的效果，讓一種形狀隨時間變化成另外一種形狀；還可以對形狀的位置.大小和顏色進行漸變。變形動畫有兩種形式，一種是不可控的（也叫簡單變形） ，而另外一種則是可控的（通過添加控制點來實現(xiàn)，也叫控制變形） 。下面先介紹一個簡單變形動畫的制作過程。例 8：歡渡國慶一.創(chuàng)建影片：新建一個Flash文件。設(shè)置電影屬性。尺寸大約400X300,背景淺桔色。二 . 創(chuàng)建動畫 :1. 在繪圖工具箱中選擇矩形工具，用矩形工具在場景中畫出一個沒有邊框的紅色矩形。這是變形動畫的第 1 幀。2. 單擊第 10 幀并按 F7 鍵，插入一個空白關(guān)鍵幀，點橢圓工具場景中畫出一個沒有邊框的藍色小球。