flash經(jīng)典案例

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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