flash經典案例

1、flash經典案例案例1 用時間軸特效制作旋轉的樹葉?！静襟E1】在菜單欄中選擇【文件】|【新建】命令，此時會打開【新建文檔】對話框，選擇一種要創(chuàng)建的文檔類型，即可新建一個Flash文檔。圖13-2-1 【新建文檔】對話框【步驟2】如圖13-2-2所示的為文檔的【屬性】面板，可以在該面板中設定文檔的大小、背景色和播放的速度等。此時，采取默認的設置。圖13-2-2 文檔的【屬性】面板【步驟3】在菜單欄中選擇【文件】|【導入】|【導入到舞臺】，選擇要導入的圖像文件，點擊【確定】后，圖像顯示在工作界面中，如圖13-2-3所示。圖13-2-3 文檔的【屬性】面板【步驟4】在菜單欄中選擇【插入】|【時間軸

2、特效】|【變形/轉換】|【變形】，打開如圖13-2-4所示的變形對話框，輸入旋轉“360”度，點擊【更新預覽】預覽動畫效果。點擊【確定】按鈕。圖13-2-4 【變形】對話框【步驟5】返回工作界面，選擇【控制】|【測試影片】命令，或者按Ctrl+Enter鍵，測試動畫效果。如圖13-2-5所示，導入的圖片會旋轉360度。案例2 用時間軸特效制作鮮花的旋暈效果?！静襟E1】在菜單欄中選擇【文件】|【導入】|【導入到舞臺】，選擇要導入的圖像文件【案例2.png】，點擊【確定】后，圖像顯示在工作界面中?！静襟E2】在菜單欄中選擇【插入】|【時間軸特效】|【效果】|【模糊】，打開對話框，保持默認設置，點擊【

3、更新預覽】預覽動畫效果。點擊【確定】按鈕。案例3 用時間軸特效制作爆炸的球?！静襟E1】在菜單欄中選擇【文件】|【導入】|【導入到舞臺】，選擇要導入的圖像文件【案例3.png】，點擊【確定】后，圖像顯示在工作界面中。【步驟2】在菜單欄中選擇【插入】|【時間軸特效】|【效果】|【分離】，打開對話框，保持默認設置，點擊【更新預覽】預覽動畫效果。點擊【確定】按鈕。案例4 創(chuàng)建跑步動畫?！静襟E1】新建一個FLASH文檔，選擇“文件-導入-導入到舞臺”命令，從外部文件夾導入跑步文件夾。【步驟2】因為圖片名稱結尾以相鄰數(shù)字命名的，所以系統(tǒng)會自動彈出對話框，提示是否導入所有序列文件。【步驟3】關鍵幀被自動生成

4、，按Ctrl+Enter鍵，測試動畫效果。案例6 創(chuàng)建賀卡?！静襟E1】新建一個FLASH文檔，從外部文件夾導入案例5.jpg，選擇“文件-導入-導入到舞臺”命令?！静襟E2】選中第1到第12幀，按F6鍵在第1到第12幀都插入關鍵幀?！静襟E3】在第一幀中使用文本工具輸入文字“祝你永遠開心舒心一切順心”?！静襟E4】在第一幀中保留一個字，第二幀中保留兩個字，順序執(zhí)行?！静襟E5】按Ctrl+Enter鍵，測試動畫效果。案例7 把gif動畫文件轉變?yōu)閒lash逐幀動畫。【步驟1】新建一個FLASH文檔，在場景中右鍵單擊，在彈出菜單中選擇“文檔屬性”，設置幀速為25，文檔大小設置為200X300背景顏色白色

5、?！静襟E2】從外部文件夾導入dy.gif，選擇“文件-導入-導入到舞臺”命令。【步驟3】GIF文件作為連續(xù)幀被導入到舞臺。案例8 創(chuàng)建小車行駛的動畫。【步驟1】新建一個FLASH文檔，選擇“文件-導入-導入到舞臺”命令，從外部文件夾導入案例7.gif?！静襟E2】在第30幀插入關鍵幀，將小車移到舞臺的另外一邊?！静襟E3】將第一幀的小車縮小一些?！静襟E4】選擇第1到第30幀之間的任意一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間動畫】?！静襟E5】中間幀被自動生成，按Ctrl+Enter鍵，測試動畫效果。案例9 實現(xiàn)圖片由濃到淡變化的效果?！静襟E1】按照子任務1的方法新建一個大小為550像素4

6、00像素的Flash文檔，并導入需要圖像案例9.gif到舞臺?！静襟E2】選中圖像，選擇菜單中的【修改】|【轉換為元件】命令，彈出如圖13-2-13所示的【轉換為元件】對話框，在【類型】中選擇“圖形”，點擊確定，回到工作區(qū)。選中第50幀，按【F6】鍵插入關鍵幀。圖13-2-13 【轉換為元件】對話框【步驟3】選中圖形元件，在如圖13-2-14所示的【屬性】面板中選擇顏色為“Alpha”，參數(shù)設置為15%。圖13-2-14 圖形元件的【屬性】面板【步驟4】選擇第1到第50幀之間的任意一幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間動畫】，如圖13-2-15所示，創(chuàng)建運動補間動畫。圖13-2-1

7、5 選擇【創(chuàng)建補間動畫】命令【步驟6】選擇【控制】|【測試影片】命令，或者按Ctrl+Enter鍵，測試動畫效果。如圖13-2-16所示，導入的圖像顏色會由淡到濃顯示。案例10 創(chuàng)建旋轉文字。Part 1排列文字（1）啟動Flash CS4，新建一個文檔，然后將文檔屬性做如圖2-1所示的設置。圖2-1（2）單擊“工具箱”中的“文本工具”按鈕 ，然后在其屬性面板中做如圖2-2所示的設置，并在舞臺中輸入如圖2-3所示的文字。圖2-2 設置字體屬性圖2-3 輸入文字（3）新建一個“圖層2”，然后按住Shift鍵的同時使用“橢圓工具”繪制一個如圖2-4所示的圓形。圖2-4繪制圓形（4）選中文字，然后按

8、Ctrl+B組合鍵打散文字，如圖2-5所示。圖2-5打散文字（5）使用“選擇工具”將文字拖曳到線條上使文字圍繞圓圈進行排放，如圖2-6所示。圖2-6排放文字技巧提示：在排放文字的時候可激活“工具箱”中的“貼緊至對象”按鈕 （激活狀態(tài)為 ），這樣在排放文字的時候就會自動貼緊圓線了。（6）依次選中單個文字，然后按F8鍵將每個文字都轉為影片剪輯，然后使用“任意變形工具”調整文字方向，如圖2-7所示，刪除圓形線，再選中所有文字，最終將其轉換為影片剪輯，效果如圖2-8所示。圖2-7調整文字方向Part 2旋轉動畫制作（1）進入影片剪輯編輯區(qū)，然后選中第100幀，再按F6鍵插入關鍵幀，如圖2-9所示。圖2

9、-9創(chuàng)建關鍵幀（2）選擇第1幀，然后在該幀上單擊右鍵，并在彈出的菜單中選擇“創(chuàng)建補間動畫”命令，最后在屬性面板中選擇“順時針”“1次”。案例11 圓形轉變?yōu)槲褰切堑男螤钛a間動畫?！静襟E1】按照子任務1的方法新建一個大小為550像素400像素的Flash文檔，在工具欄上選擇如圖13-2-17所示的【橢圓工具】，在第1幀繪制一個實心圓，如圖13-2-18所示。圖13-2-17 選擇【橢圓工具】圖13-2-18 繪制實心圓【步驟2】使用選【橢圓工具】類似的方法選擇【多角星形工具】，點擊如圖13-2-19所示的【多角星形工具】的【屬性】面板上的【選項】按鈕，在如圖13-2-20所示的【工具設置】對話框

10、里面進行設置，樣式為“星形”，變數(shù)為“5”。圖13-2-19 【多角星形工具】的【屬性】面板圖13-2-20 設置【多角星形工具】【步驟3】選擇第20幀，按【F6】鍵插入一個關鍵幀，并在此幀中，使用【多角星形工具】繪制一個實心的五角星，如圖13-2-21所示。圖13-2-21 繪制五角星【步驟4】選擇第1幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間形狀】，如圖13-2-22所示，創(chuàng)建形狀補間動畫。圖13-2-22創(chuàng)建形狀補間動畫【步驟5】選擇【控制】|【測試影片】命令，或者按Ctrl+Enter鍵，測試動畫效果。如圖13-2-23所示，圓形會逐漸變成五角星的形狀。案例12 蟲變蛹化蝶的過

11、程?！静襟E1】打開案例11文件夾中的初始文件.fla文件。【步驟2】將元件2拖動到舞臺，點擊修改、分離將元件2分離?！静襟E3】選中第10幀，按F6鍵，插入關鍵幀?！静襟E4】選中第30幀，按F6鍵，插入關鍵幀，刪除元件2，拖入元件3，點擊修改、分離將元件3分離?！静襟E4】選中第10幀，右鍵選擇“創(chuàng)建形狀補間”，完成從蟲到蛹的變化?！静襟E5】選中第40幀，按F6鍵，插入關鍵幀。【步驟6】選中第70幀，按F6鍵，插入關鍵幀，刪除元件3，拖入元件4，點擊修改、分離將元件4分離?！静襟E7】選中第40幀，右鍵選擇“創(chuàng)建形狀補間”，完成從蛹到蝶的變化?！静襟E8】選中第80幀，按F6鍵，插入關鍵幀。案例14

12、全球移動通信的路徑動畫。【步驟1】按照子任務1的方法新建一個大小為400像素400像素的Flash文檔，在圖層1中導入一張比較大的圖像做為背景，然后點擊按鈕插入一個新的圖層2。在圖層2中插入一張比較小的圖像做為移動的物體，如圖13-2-24所示。圖13-2-24 導入圖像到工作區(qū)【步驟2】選中圖層2，點擊按鈕插入一個新的引導層：圖層2。在引導層：圖層2中使用【鉛筆工具】，并在如圖13-2-25所示的菜單中選擇“平滑”，此時使用【鉛筆工具】繪制出來的是平滑的曲線。使用【鉛筆工具】在引導層的第1幀中繪制出一條曲線，做為圖像移動的引導路徑，如圖13-2-26所示。圖13-2-25 選擇【鉛筆工具】的

13、屬性為“平滑”圖13-2-26 繪制引導路徑【步驟3】在引導層和圖層1的第100幀插入普通幀。【步驟4】在圖層2的第1幀，選擇要移動的圖像，與引導線開始端點完全吻合，如圖13-2-27所示。在圖層2的第100幀按【F6】鍵插入關鍵幀，將要移動的圖像與引導線的結束端點完全吻合，如圖13-2-28所示。圖13-2-28 物體與引導線結束端點吻合圖13-2-27 物體與引導線開始端點吻合 【步驟5】在圖層2的第1幀上右鍵單擊，在彈出的菜單中選擇【創(chuàng)建補間動畫】，完成補間動畫的創(chuàng)建?！静襟E6】選擇【控制】|【測試影片】命令，或者按Ctrl+Enter鍵，測試動畫效果。如圖13-2-29所示，圖層2中的

14、物體會沿著引導層中引導線的曲線軌跡進行移動。案例15 豹子沿路徑動態(tài)奔跑的路徑動畫?！静襟E1】使用導入到庫的命令，將素材導入到庫中?！静襟E2】將樹林-1.jpg放到圖層1中，在第30幀插入關鍵幀，背景就做好了。【步驟3】單擊時間軸上按鈕插入一個引導層，使用鉛筆工具繪制從左往右的路徑，路徑繪制之后，在第30幀插入關鍵幀，路徑就做好了?！静襟E4】插入新圖層，注意新圖層要在引導層之下，表明新的圖層中的對象會根據(jù)引導層中的路徑進行運動?！静襟E5】在新圖層的第一幀中插入元件1，注意不要插入gif動畫，不然效果是錯的，將元件與引導線的開始位置大致吻合。注意大致吻合即可，不能完全吻合?！静襟E6】在新圖層的第

15、30幀插入關鍵幀，將元件1的位置挪動到引導線的結束位置，大致吻合。【步驟7】選擇新圖層的第一幀，右鍵單擊“創(chuàng)建補間動畫”?！静襟E8】關鍵幀被自動生成，按Ctrl+Enter鍵，測試動畫效果。案例17 行星沿路徑動態(tài)運動的路徑動畫?！静襟E1】將星空.jpg放到圖層1中，在第30幀插入關鍵幀，背景就做好了。【步驟2】新建圖層2以及其對應的引導層。【步驟3】在引導層中繪制一個橢圓，并用橡皮擦出一個小缺口，在第30幀插入關鍵幀，路徑就做好了?！静襟E4】在圖層2的第一幀中插入地球1.png，背景是透明的。在第1幀中將地球1和路徑的開始吻合?！静襟E5】在圖層2的第30幀插入關鍵幀，將地球1的位置挪動到引導

16、線的結束位置，吻合?！静襟E6】選擇圖層2的第一幀，右鍵單擊“創(chuàng)建補間動畫”?！静襟E7】關鍵幀被自動生成，按Ctrl+Enter鍵，測試動畫效果。案例18 利用遮幕動畫實現(xiàn)探照燈效果。【步驟1】將世博夜景3.jpg放到圖層1中，文檔大小匹配選“內容”，調整動畫大小，在第60幀插入關鍵幀，背景就做好了?！静襟E2】新建圖層2以及其對應的引導層?！静襟E3】在引導層中繪制一條沿著大橋的曲線，在第60幀插入關鍵幀，路徑就做好了?！静襟E4】在圖層2的第一幀中繪制一個無邊的實心圓，顏色不限。在第1幀中將實心圓和路徑的開始吻合。【步驟5】在圖層2的第60幀插入關鍵幀，將實心圓的位置挪動到引導線的結束位置，吻合。

17、【步驟6】選擇圖層2的第一幀，右鍵單擊“創(chuàng)建補間動畫”?！静襟E7】選擇圖層2的所有幀，右鍵選擇“轉換為關鍵幀”，補間動畫生成的幀都被保留下來?！静襟E8】刪除引導層?！静襟E9】右鍵單擊圖層2，選擇“遮幕層”。【步驟10】新建圖層3，將世博夜景3.jpg放到圖層3中，轉換為圖形元件，將其alpha值改為30%。【步驟11】按Ctrl+Enter鍵，測試動畫效果。案例19 利用遮幕動畫實現(xiàn)電影鏡頭效果?！静襟E1】將世博夜景.jpg放到圖層1中，文檔大小為800*1000像素?！静襟E2】在第一幀中將圖片左端對齊舞臺左端?！静襟E3】在第80幀插入關鍵幀，將第80幀的圖片右端對齊舞臺右端。【步驟4】選擇圖

18、層1的第一幀，定義動作補間動畫。【步驟5】新建圖層2，在這個圖層上繪制一個矩形，無邊框，任意色，矩形的寬和舞臺一樣寬，高和夜景圖片的高一樣。【步驟6】右擊圖層2，選擇“遮幕層”，這時可以看到一個從左到右拍攝夜景的電影鏡頭效果，可以給學生先看一下?！静襟E7】在圖層1第55幀插入關鍵幀，刪除圖層1第55幀之后的所有幀?！静襟E8】將圖層1解鎖，圖層2隱藏?！静襟E9】選擇圖層1的第80幀，插入關鍵幀，將第80幀的圖片放大到300%，并移動運動館至舞臺中心。【步驟10】選擇圖層1的第55幀，選擇“動作補間動畫”?！静襟E11】按Ctrl+Enter鍵，測試動畫效果。案例20 制作圖形元件?！静襟E1】按照子

19、任務1的方法新建一個大小為400像素200像素的Flash文檔，背景色為黑色。使用【文本工具】在工作區(qū)中寫出“清倉特價”四個字，字體為“華文彩云”，大小為“80像素”，加粗，字體顏色為白色，如圖13-2-30所示。圖13-2-30 輸入文本【步驟2】選中文本，執(zhí)行【修改】|【分離】命令二次，或者按【Ctrl+B】兩次，把字體打散，再選擇【顏料桶工具】，把字體中心填充成紅色。填充之后的效果如圖13-2-31所示。在圖層1的第30幀插入普通幀，圖層1的作用是顯示文字。圖13-2-31 為文本填充顏色【步驟3】選擇菜單【插入】|【新建元件】，彈出如圖13-2-32所示的【創(chuàng)建新元件】對話框，選擇類型

20、為“圖形”，點擊確定后進入新元件的編輯。繪制一個如圖13-3-33所示的無邊長條矩形，在如圖13-3-34所示的顏色面板中選擇類型為“線性”，將三個色標全部設置為白色，第一和第三個的【Alpha】值為零，中間的為75%?？梢栽谌鐖D13-3-35所示的【庫】面板中找到新建的元件。圖13-2-33 繪制新元件圖13-2-32 【創(chuàng)建新元件】對話框 圖13-2-34 新元件的【顏色】面板圖13-2-35 【庫】面板 【步驟4】點擊場景和元件按鈕可以在場景和元件的編輯工作區(qū)之間切換。切換到場景工作區(qū)，新建一個遮罩層：圖層2。在圖層2的第1幀中添加剛才做好的元件，并將元件放在文本的最左端，如圖13-2-

21、36所示。在圖層2的第30幀按【F6】鍵插入關鍵幀，同樣插入元件，放在文本的最右邊，如圖13-2-37所示。圖13-2-36 遮罩層最后一幀圖13-2-36 遮罩層第1幀 【步驟5】在圖層2的第1幀上右鍵單擊，在彈出的菜單中選擇【創(chuàng)建補間動畫】，完成補間動畫的創(chuàng)建?！静襟E6】選擇【控制】|【測試影片】命令，或者按Ctrl+Enter鍵，測試動畫效果。如圖13-2-37所示，圖層2中的閃光棒會沿著文本劃過。案例21 制作影片剪輯元件。【步驟1】新建文檔，選擇“插入”“新建元件”，選擇類型為“影片剪輯”，單擊確定后進入元件的編輯場景?！静襟E2】選擇導入到舞臺，將駿馬圖像序列全部導入到舞臺。按下Enter鍵，可以看到駿馬在原地奔跑?！静襟E3】返回到“場景1”，可以看到庫中增添了剛才創(chuàng)建的元件。在第一幀將駿馬放在舞臺的右邊，第20幀將駿馬放在舞臺的左邊，創(chuàng)建補間動畫，實現(xiàn)駿馬飛奔的動畫。案例22 制作按鈕元件?！静襟E1】新建文檔，選擇“插入”“新建元件”，選擇類型為“按鈕”，單擊確定后進入元件的編輯場景。【步驟2】選擇導入到庫，將按鈕圖像序列全部導入到庫。將1.jpg文件拖入到彈起的幀中?！静襟E3】然后選擇指針經過的幀，按F6插入關鍵