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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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