flash動畫設(shè)計與制作工程教程工程一工程一、生疏設(shè)計環(huán)境教學(xué)目標(biāo)了解Flah了解FlahCS3了解FlahCS3把握FlahCS31、繪制水果訓(xùn)練目標(biāo)了解Flah了解Flah繪制水果效果如以以下圖所示學(xué)問鏈接FlahFlah是美國Adobe交互式動畫設(shè)計工具，可以把音樂、音效、動畫以及多種元素融合到一起，制作出高品質(zhì)的動態(tài)效果。FlahGIF,Flah多媒體標(biāo)準(zhǔn)。FLASH使用矢量圖形和流式播放技術(shù)。與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不(.wf)文件格外小，幾K把音樂，動畫，聲效，交互方式融合在一起，越來越多的人已經(jīng)把Flah設(shè)計的首選工具，并且創(chuàng)作出了很多令人嘆為觀止的動畫(電影)效果。而且在Flah4.0的版本中已經(jīng)可以支持MP3動畫文件也能保持小巧的“身材”。多樣的文件導(dǎo)入導(dǎo)出格式：Flah可以輸出.fla式，還可以.avi、.gif、.html、.mov、.mil、和可執(zhí)行文件的.ee以用FlahFlah中導(dǎo)入，F(xiàn)lah俱佳的多媒體動畫。優(yōu)秀的交互功能：通過ACTIONFSCOMMAND功能，真正的實(shí)現(xiàn)了人機(jī)對話。另外，它與當(dāng)今最流行的網(wǎng)頁設(shè)計工具DreamWeaver默契，可以直接嵌入到網(wǎng)頁的任意位置，格外便利。FLASH在現(xiàn)階段，F(xiàn)LASH消遣短片F(xiàn)LASH就是利用FLASH制作動畫短片，以供大家消遣。是一個進(jìn)展?jié)摿艽蟮念I(lǐng)域。其中最典型的代表如“小破孩”、“大話三國”和“小小作品”等，如以下圖。網(wǎng)站片頭使用FlahGIF視覺沖擊力更強(qiáng)的表現(xiàn)效果。網(wǎng)站以片頭作為過渡頁面，在片頭中播放一段簡短精巧的動畫，就如同電視的欄目片頭一樣，可以在很短的時間內(nèi)把自己的整體信息傳播給訪問者，增加訪問者的印象。如以下圖。網(wǎng)站廣告4)MTV這也是一種應(yīng)用比較廣泛的形式。在一些FLASH客帝國”等，幾乎每周都有的MTVFLASHMTV了商業(yè)應(yīng)用，如以下圖。FlahFlahFLASH按鈕功能格外強(qiáng)大，是制作菜單的首選。通過鼠標(biāo)的各種動作，可以實(shí)現(xiàn)動畫、聲音等多媒體效果。有很多網(wǎng)站都承受Flah給用戶以全的體驗(yàn)，如以下圖。小玩耍利用FLASH讓受眾參與其中，大大增加廣告效果，如以下圖。產(chǎn)品呈現(xiàn)由于FLASH有強(qiáng)大的交互功能，所以一些大公司，如Dell、三星等，都寵愛利用它來呈現(xiàn)產(chǎn)品。可以通過方向鍵選擇產(chǎn)品，再把握觀看產(chǎn)品的功能、外觀等，互動的呈現(xiàn)比傳統(tǒng)的呈現(xiàn)方式更勝一籌，如以下圖。應(yīng)用程序開發(fā)的界面?zhèn)鹘y(tǒng)的應(yīng)用程序的界面都是靜止的圖片，由于任何支持Active程序設(shè)計系統(tǒng)都可以使用FLASH了FLASH開發(fā)網(wǎng)絡(luò)應(yīng)用程序FLASHML又加強(qiáng)與ColdFuion、ASP、JSP和Generator的整合，所以用FLASH網(wǎng)絡(luò)應(yīng)用程序確定會越來越廣泛的被應(yīng)用，如以下圖。建文件制作FlahFlah步，通常建Flah3啟動FlahCS3“Flah〔ActionScript3.0〕”選項即可建一個Flah單擊“主工具欄”中的“建”按鈕，也即可創(chuàng)立一個Flah件。保存文件對于制作過程中的Falh計算機(jī)消滅特別時FlahFlah保存起來，便于以后使用。保存Flah選擇“文件”→“保存”命令或按【Ctrl+S】鍵即可。假設(shè)用戶之前并未保存過此文檔，那么將翻開“另存為”對話框，選擇保存的位置，為文檔命名并選擇保存類型后，單擊“保存”按鈕即可。單擊“主工具欄”中的“保存”按鈕即可。具體保存方法與“保存”命令一樣。在FlahCS3出的是“另存為”對話框？由于這是軟件自身的設(shè)置，在Flah次保存文檔都顯示“另存為”對話框，不是用戶的失誤操作。關(guān)閉文件當(dāng)不需要使用當(dāng)前的動畫文件時，需要將其關(guān)閉，關(guān)閉Flah閉當(dāng)前文檔”和“關(guān)閉軟件”兩方面。具體操作說明如下：關(guān)閉當(dāng)前文檔選擇“文件”→“關(guān)閉”命令或按【Ctrl+W】鍵或單擊文檔窗口右上角的按鈕將其關(guān)閉。假設(shè)此文檔沒有保存，將翻開“AdobeFlahCS3”對話框讓用戶確認(rèn)是否需要保存當(dāng)前文檔，用戶可以依據(jù)狀況單擊相應(yīng)的按鈕。關(guān)閉軟件選擇“文件”→“退出”命令或按【Ctrl+Q】鍵或單擊軟件窗口右上角的按鈕將退出軟件程序。假設(shè)此文檔沒有保存，將翻開“AdobeFlahCS3”對話框讓用戶確認(rèn)是否需要保存當(dāng)前文檔，用戶可以依據(jù)狀況單擊相應(yīng)的按鈕。翻開文件假設(shè)要編輯或查看一個已有的FlahFlah可。翻開FlahCtrl+O】鍵，翻開“翻開”對話框，然后在“查找范圍”下拉列表框中選擇要翻開的文檔所在的位置，再在“文件名”下拉列表框中輸入要翻開文檔的文件名，或直接在列表中選中要翻開的文件圖標(biāo)，最終單擊“翻開”按鈕即可。單擊“主工具欄”中的“翻開”按鈕，具體操作方法與“翻開”命令一樣。測試影片在Flah這就是通常所說的公布動畫。對于動畫文件的測試，最簡潔的方法就是按【Ctrl+Enter】鍵或選擇“把握”→“測試影片”命令，即可測試并掃瞄動畫效果。按【Ctrl+Enter】鍵或選擇“把握”→“測試影片”命令后，除了測試動畫文件的效果外，還將在保存源文件的目的文件夾下生成一個擴(kuò)展名為.SWF操作步驟及要求1．繪制大鴨梨建一個FlahCtrl+S】組合鍵另存為“繪制水果”。選擇“橢圓工具”在舞臺上繪制一個橢圓，然后再用“選擇工具”調(diào)整橢圓外形，再用“鉛筆工具”繪制一條曲線，如以以下圖所示。選擇“顏料桶工具”為鴨梨填充顏色為：#FFCC00，然后用“鉛筆工具”繪制一些小點(diǎn)，如以以下圖所示。2．繪制櫻桃2，選擇“橢圓工具”在舞臺上繪制兩個正圓，再用“鉛筆工具”繪制兩條曲線，如以以下圖所示。選擇“顏料桶工具”為櫻桃填充顏色為：#FF3300。效果如以以下圖所示。繪制西瓜3，選擇“橢圓工具”，將筆觸顏色設(shè)置為：黑色，高度設(shè)置為：2，填充設(shè)置為：無，在舞臺上繪制一個正圓；再選擇“鉛筆工具”，將筆觸顏色設(shè)置為：#666600，高度設(shè)置為：5，繪制一條曲線，如以以下圖所示。選擇“顏料桶工具”為西瓜填充顏色：#669900。然后選擇“刷子工具”，設(shè)置刷子大小，再設(shè)置填充顏色為：#99CC00,在填充區(qū)域內(nèi)繪制西瓜紋，效果如以以下圖所示。繪制西瓜瓤4，選擇“直線工具”，將筆觸顏色設(shè)置為：黑色，高度設(shè)置為：2，在舞臺上繪制以以下圖所示外形。#FF3265，然后設(shè)置顏色：#99CC00，為瓜皮填充顏色。然后選擇“刷子工具”，設(shè)置刷子大小和外形，再設(shè)置填充顏色為黑色,在填充區(qū)域內(nèi)繪制西瓜仔，效果如以以下圖所示。評價標(biāo)準(zhǔn)作業(yè)布置上機(jī)練習(xí)Flah繪制以以下圖所示圖像效果。2、奔馳的豹子訓(xùn)練目標(biāo)了解FlahCS3生疏各局部面板的功能作用把握各種flah把握在Flah創(chuàng)立如以下圖豹子奔馳的動畫學(xué)問鏈接Flah運(yùn)行AdobeFlahCS3AdobeFlahCS3AdobeFlahCS3〔第一次運(yùn)行時需要手動設(shè)置顯示出來，單擊菜單欄中【窗口】│【工具欄】│【主工具欄】〕、時間軸、舞臺工作區(qū)、工具箱、狀態(tài)欄和其他各種對話框等，如以下圖。接下來對界面上的不同組件做進(jìn)一步的介紹。標(biāo)題欄用過windowwindow口或文檔窗口的最上方都有標(biāo)題欄，標(biāo)題欄的主要作用就是顯示當(dāng)前運(yùn)行的主要應(yīng)用程序和文檔名，flah也是一樣。在標(biāo)題欄的最左側(cè)有一個flah應(yīng)用程序窗口把握菜單，可以對應(yīng)用程序窗口的尺寸、位置及翻開關(guān)閉操作進(jìn)展把握。菜單欄菜單欄位于標(biāo)題欄的下方。每個菜單下面都有子菜單，有的菜單下還包括三級、四級子菜單。用鼠標(biāo)單擊菜單名，就可以翻開下拉式菜單，從中選擇相應(yīng)的選項來完成各種操作。主工具欄FlahCS3形示意的按鈕組成，形象直觀地表現(xiàn)出各個圖標(biāo)的功能，如以下圖。工具箱FlahCS3側(cè)單列豎排放置。用戶可通過鼠標(biāo)拖動，將它放在桌面任何位置。通過工具箱上一系列按鈕，用戶可完成對象選擇、圖形繪制，文本錄入與編輯、對象把握與操作等工作。單擊顏色填充區(qū)域出一個顏色選取框。時間軸時間軸用來顯示編輯圖層和幀。用于組織和把握影片內(nèi)容在確定時間內(nèi)播放的層數(shù)和幀數(shù)。與膠片一樣，F(xiàn)lah層就像層疊在一起的幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像。，會彈舞臺工作區(qū)舞臺工作區(qū)就是FlahCS3flahflah內(nèi)容，在影片公布以后是不行見的。面板和屬性檢查器默認(rèn)工作界面的右側(cè)和下側(cè)是浮動面板區(qū)域和屬性檢查器，它們功能強(qiáng)大并且在工作中最為常用。Flah們翻開或關(guān)閉，F(xiàn)lah使用面板和屬性檢查器，可以查看、組合和更改資源及其屬性?？梢燥@示、隱蔽面板和調(diào)整面板的大小，也可以組合面板并保存自定義的面板設(shè)置，從而能更簡潔地治理工作區(qū)。屬性檢查器在操作時實(shí)時顯示結(jié)果，以反映正在使用的工具和資源，從而能夠快速訪問常用功能，使操作更具有交互性。對Flah了解一下FlahFlah1.對象在Flah2.幀(Frame)我們知道一段動畫〔電影〕是由一幅幅的靜態(tài)的連續(xù)的圖片所組成的，在這里稱每一幅的靜態(tài)圖片為“幀”。一個個連續(xù)的“幀”快速切換就形成了一段動畫，幀是Flah將幀分為一般幀〔包括一般幀和空幀〕、關(guān)鍵幀〔包括關(guān)鍵幀和空白關(guān)鍵幀〕、過渡幀〔包括外形過渡幀和運(yùn)動過渡幀〕三類，如圖所示。圖層〔Layer〕圖層可以看成是疊放在一起的透亮的膠片，假設(shè)層上沒有任何東西的話，就可以透過它直接看到下一層，所以可以依據(jù)需要，在不同層上編輯不同的動畫而互不影響，并在放映時得到合成的效果。在Flah遮罩/被遮罩、引導(dǎo)/被引導(dǎo)層這五類。場景(Scene)電影需要很多場景，并且每個場景的對象可能都是不同的。與拍電影一樣，F(xiàn)lah量是沒有限制的，可以通過場景(Scene)面板來完成對場景的添加/刪除操作，并可以拖拽其中各場景的排列挨次來轉(zhuǎn)變播放的先后次序，如以下圖。5.元件〔ymbol〕元件又稱作符號，是指電影里的每一個獨(dú)立的元素，可以是文字、圖形、按鈕、電影片段等，就象電影里的演員、道具一樣。一般來說，建立一個flah作過程中隨時可以使用，如以下圖。實(shí)例〔Intance〕當(dāng)把一個元件放到舞臺或另一個元件中時，就創(chuàng)立了一個該圖符的實(shí)例，也就是說實(shí)例是元件的實(shí)際應(yīng)用。元件的運(yùn)用可以縮小文檔的尺寸，F(xiàn)lah在文檔中只保存一份副本。同樣，運(yùn)用元件可以加快動畫播放的速度。動作腳本〔ActionScript〕ActionScriptFlahJavaScriptActionScriptFlahActionScript添加交互性。在簡潔電影中，F(xiàn)lah交互電影中，用戶可以使用鍵盤或鼠標(biāo)與電影交互。操作步驟及要求FlahCtrl+S】組合鍵另存為“奔馳的豹子”。導(dǎo)入動畫所需要的草原背景，執(zhí)行菜單“文件→導(dǎo)入→導(dǎo)入到舞臺”命令，將素材文件“草原.jpg”導(dǎo)入到場景中。用選擇工具調(diào)整圖片50F5】鍵，添加一般幀。創(chuàng)立豹子的影片剪輯元件。執(zhí)行菜單“插入→建元件”命令，在翻開的“創(chuàng)立元件”對話框中輸入名稱“豹子”，在選擇類型“影片剪輯”，如以以下圖所示：在影片剪輯“豹子”的編輯狀態(tài)下，執(zhí)行菜單“文件→導(dǎo)入→導(dǎo)入到舞臺”命令，從相應(yīng)的路徑下找到圖片“豹子.fif”執(zhí)行導(dǎo)入操作，這樣在庫中就建立了一個豹子原地跑動的影片剪輯元件，如以以下圖所示：單擊插入圖層按鈕，建一個圖層，從庫面板中將名稱為“豹子”的元件拖放到舞臺上，并放置在舞臺的左側(cè)。50F6】鍵插入一個關(guān)鍵幀，并把該幀的“豹子”實(shí)例移動到舞臺的右側(cè)，并將尺寸適當(dāng)縮小一點(diǎn)。21補(bǔ)間動畫”命令，如以以下圖所示，這樣豹子奔馳的動畫就創(chuàng)立好了。評價標(biāo)準(zhǔn)制作如以下圖“森林中的小兔”動畫效果。學(xué)問拓展使用標(biāo)尺在Flah時可以將標(biāo)尺顯示出來，如左以以下圖所示。默認(rèn)狀況下，標(biāo)尺的度量單位為像素，用戶可以對其進(jìn)展更改。執(zhí)行菜單“修改→文檔”命令，翻開“文檔屬性”對話框，在標(biāo)尺單位下拉列表中選擇一種適宜單位即可，如右以