Flash動畫制作教程(20210323004350)

1、Flash動畫制作教程一、 Flash 介紹Flash是Macromedia公司的一個的網(wǎng)頁交互動畫制作工具。在Flash里我們把做成的動畫文件稱為電影， 實際上Flash中 的許多名詞都與電影有關(guān)，包括幀、舞臺和場景等。電影（包括 動畫電影）放映時都是一幀一幀連續(xù)播放的，通常每秒 24幀。由 于視覺暫留的原因，我們看到的電影就是連續(xù)有動作的。Flash與 電影一樣，也是要制成連續(xù)動作的圖像，再輸出播放就形成了電 影。輸出的電影可以使用 Flash專有的電影格式，也可以輸出成 其它圖片格式，比如Gif動畫。舞臺Stage舞臺是編輯電影的窗口，也就是文件窗口，你可以在里面作 圖或編輯圖像，也可以

2、測試播放電影。力 ktli ICT 匚tfXJi.MiL鋤*»5和%皿皿出口 Fbah MKJ Htdi iEgLIbi.固 m。0 守葡31fc日述克津 Mfci=s，迪件削司-閆*1ee；F j*« G岳11 二±JAlpt*：f3DD> -二 Tuha'.hwScrlU u-時間軸Timeline每一塊表示一幀。時間Flash將時間分割成許多同樣的小塊，軸上的每一小格就表示一幀，幀由左向右按順序播放就形成了動 畫電影。時間軸是安排并控制幀的排列及將復(fù)雜動作組合起來的 窗口。時間軸上最主要的部分是幀、層和播放指針。 ,_, T 1 一 - J .

3、u- "- 二1, I- J -二M-b , .- .幀 Frame關(guān)鍵幀Key Frame在電影制作中，通常是要制作許多不同的片斷，然后將片斷 連接到一起才能制成電影。對于攝影或制作的人來說，每一個片 斷的開頭和結(jié)尾都要做上一個標記，這樣在看到標記時就知道這 一段內(nèi)容是什么。在Flash里，把有標記的幀稱為關(guān)鍵幀，它的作用與上面是一樣 的。除此之外，關(guān)鍵幀還可以讓 Flash識別動作開始和結(jié)尾的狀 態(tài)。比如在制作一個動作時，我們將一個開始動作狀態(tài)和一個結(jié) 束動作狀態(tài)分別用關(guān)鍵幀表示，再告訴 Flash動作的方式，F(xiàn)lash 就可以做成一個連續(xù)動作的動畫。對每一個關(guān)鍵幀可以設(shè)定特殊的

4、動作，包括物體移動、變形或做透明變化。如果接下來播放新 的動作，我們就再使用新的關(guān)鍵幀做標記，就象做動作的切換一 樣。當(dāng)然新的動作也可以用場景的方式做切換。場景Scene電影需要很多場景，并且每個場景的人物、時間和布景可能 都是不同的。與拍電影一樣，F(xiàn)lash可以將多個場景中的動作組合 成一個連貫的電影。當(dāng)我們開始要編輯電影時，都是在第一個場 景"Scene 1"中開始，場景的數(shù)量是沒有限制的。對于簡單的電影 是沒有必要使用場景的。使用場景必須要學(xué)會使用Flash中的一 些命令場景1力場景1Al層 Layer層可以理解為一張張透明的膠片。我們可以在不同的層上做圖，再疊放到一

5、起組成一個復(fù)雜的圖片。 每個層本身都是透明的， 所以圖像疊到一起時仍感覺象在同一個層上。當(dāng)圖像要重疊時， 排在時間軸的窗口中上面的層中的圖像要覆蓋排在下面層中的圖 像。例如，鳥在云朵中飛翔，bird層中的圖像要覆蓋cloud層中的 圖像，看起來就是鳥飛在云彩的前面，而不會隱藏到云彩的后面。使用過Photoshop的朋友會對層很熟悉。與 Photoshop一樣，F(xiàn)lash中的層每個層中的圖像與其它層中的圖像都是不相關(guān)的；不同的地方是Flash中的層可以使用各自的時間軸，設(shè)定各自的動 作而互不干擾。朝 間 BT,65555053035打開Flash,舞臺窗口將出現(xiàn)一個空白的電影。建立新的電影文件，

6、使用命令文件 > 新建。如果要對電影的尺寸進行修改，使用命令 修改 > 影片。你可以修改電影的尺寸、背景顏色。llv.Er vbc.1 a Fl 二h 工。關(guān)晶名一 1I ,一交件宴隔帽中 葺看9 拉入© 修改也 文本a嬸0瞅麥看咀播A.R隹設(shè)電）lid）可副© bq（Ji蒂勤爾U二旦T1指強mqj坳散球融ifl+f2f* */ P。A SS 3/rrl|空嗎拶ICIjH+J1干清西仲百的GJfflEs,工l匚0 / W E費 竹點 /少口Stt ft 口 mU klHSis *十二正狀心*嗣1交友制定三工玉叵囹萼黑危困作氣母觀但一朝的煙那FW,解萼BE幀哂坦含

7、 ®Ctirl-KfE,訃至當(dāng)皿Ctrl 4511 fc+5*E嘀分需墀1Ctrl+F分言望1 圖 EClrl+ftufCtDc ilk?在電影中制作圖形可以使用 Flash中提供的制圖工 具，這些工具與其它做圖軟件提供的工具基本是一樣的。 如果要在Flash中制作出好的電影，必須先花時間熟悉這 些工具的用法及特點，獲得感性認識后就可以任意發(fā)揮你 的想象了。Flash也可以對其它格式的圖片進行編輯。它可以打 開多種格式的圖片文件，也可以導(dǎo)入動畫文件，比如 Gif 動畫及其它的動畫圖片的序列。動畫制作1、 變形動畫制作相關(guān)知識：幀、關(guān)鍵幀、空白關(guān)鍵幀1) 繪圖工具的認識(畫筆、橢圓、矩

8、形)2) 旋轉(zhuǎn)工具的使用(面板 轉(zhuǎn)換)位3) 一般變形動畫制作步驟步驟1:新建一個文件;步驟 2:在屏幕上繪制一個任意圖形；步驟3:在時間軸30幀處單擊鼠標右鍵，插入“空白關(guān)鍵*EK事 交詳切 室指用 Wii)立力切 后劃1 口 BDil：i WiJ生pAdKco * / * Qznlg/幀”； 步驟4:在該空白關(guān)鍵幀中，繪制另一個任意圖形;-耒命名T J步驟5:在時間軸1幀處單擊鼠標左鍵，找到“屬性”面板;*尸<</我感 k / A* O / ® /步驟6:在下方的“屬性”窗口中的“補間”中選擇“形狀”；步驟7:按鍵盤Ctrl + Enter ,運行動畫練習(xí):4) 制作

9、簡單變形動畫5) 制作多關(guān)鍵幀動畫6) 制作形狀提示點動畫(長方形平行四邊形)注意：在使用提示點的時候，先要制作成變形動畫，然后 再去設(shè)定提示點，最后調(diào)整第一幀和最后一幀中的提示點位置。（修改 轉(zhuǎn)換 添加形狀提示點）2、 移動動畫制作相關(guān)知識：移動動畫與變形動畫有所不同，不能直接在舞臺上繪制圖形。要移動的物品，必須是一個組件（有時翻譯成“元件”，本講義后續(xù)章節(jié)都用“組件”）。新建 插入©修改通）文本©組建的方法為：菜單“插入新建元件”。 " 轉(zhuǎn)換為元件也）.一 78新建元件皿）.一Ctrl+F組件（元件）：相當(dāng)于一個零件。在制 i圖層（U 作動畫過程中，可以把整個

10、畫面上的物品分別做成一個個小的 組件。往往動畫的畫面是通過調(diào)用不同的組件，拼裝而成的。 其優(yōu)點是，當(dāng)動畫制作完成后，可以對這些零件進行加工（如 顏色、線條等），而不需要作其他修改。同時，利用組件可以 使一張圖形重復(fù)被使用。組件有三種類型：圖形、影片剪輯、按鈕1） 單層動畫制作步驟步驟1:新建一個文件；步驟2 ：插入一個組件，命名為“ yuan ” ；名稱如：打為Q）；片鈕準高皴 | 幫助篡步驟3:在該組件中，繪制一個圖形（圖形盡量靠近中心點I irr sa«di « Fl axh. IX 1位置）；步驟4:單擊“場景1”，回到場景；步驟5:單擊菜單“窗口圖庫”；步驟6:選擇

11、圖庫中的“ yuan”，將其拖曳到舞臺左邊;步驟7:在時間軸30幀處單擊鼠標右鍵，選擇“插入關(guān)鍵幀”；步驟8:把屏幕上的圖形移動位置，至舞臺的右邊；步驟9:在時間軸1幀處單擊鼠標右鍵;步驟10:在下拉的窗口中選擇“創(chuàng)建補間動畫”；Vheeqm di < n.nxhi 工f 茶 1As Z：J* / 二0>,分心/步驟11:按鍵盤Ctrl + Enter ,運行動畫2） 多層動畫制作制作多層動畫，只是在原有的基礎(chǔ)上，添加一個圖層， 各層之間在動畫的順序上沒有關(guān)聯(lián)，各層動畫獨占一層， 只是在疊放層次上有所區(qū)別。層與層之間的疊放層次可以 調(diào)整。練習(xí)：1） 制作簡單的移動動畫1 （球上下彈

12、動）2） 制作簡單的移動動畫2 （天空中云朵在飄，小鳥在飛）3） 制作物體移動動畫3 （移動幾個方塊到屏幕上，先移入一個方塊，在屏幕上停留一會兒，再移出）4） 制作物體移入、停止、移出3、放大、縮小、扭曲、旋轉(zhuǎn)動畫制作相關(guān)知識：圖片的導(dǎo)入與編輯。在 flash中，除了使用工具， 自己繪制相關(guān)圖形外，還可以從外部把圖片文件導(dǎo)入進去。對 于導(dǎo)入的圖形，可以把它轉(zhuǎn)換成圖形組件，此后，就和其他的 組件一樣使用。導(dǎo)入方法：文件 導(dǎo)入，選擇相關(guān)的圖形文件, 即可導(dǎo)入到flash中。導(dǎo)入后，根據(jù)需要可以把圖片轉(zhuǎn)換成組 件（如：制作移動動畫，必須要使用組件）。1）放大、縮小動畫制作步驟:步驟1 ：新建一個文件

13、；步驟2：插入一個組件，命名為“ fangkuai”;步驟3:在該組件中，繪制一個圖形（圖形盡量靠近中心點位置）；1*45 JI * T*電:刊刊 （0 /上Q! W：，拄BRHIH的即步驟4:單擊“場景1”，回到場景;步驟6:選擇圖庫中的“ fangkuai”，將步驟5:單擊菜單“窗口 圖庫”；Z尹 。A O O其拖曳到舞臺左邊;步驟7:在時間軸30幀處單擊鼠標右鍵，選擇“插入關(guān)鍵幀”（注：此時，時間軸中，正好選中第30幀）；步驟8:使用箭頭工具，選中30幀中的圖形。'步驟9:選擇工具中“任意變形工具”步驟10:用鼠標拖曳圖形四周的小方塊，調(diào)整其大小;工且，時同陰*文件如1鄲

14、3;咽 宜春切 播人6 倬改叨 文本工）粒同口 由口切 幫助吸步驟11:在時間軸1幀處單擊鼠標右鍵;步驟12:在彈出的窗口中“創(chuàng)建補間動畫”；步驟13:按鍵盤Ctrl + Enter ,運行動畫2) 扭曲動畫的制作在選擇箭頭工具后(上面步驟 小方塊上拖曳調(diào)整圖形大小時,9) ' ,在圖形四周出現(xiàn)的 可以使圖形進行翻轉(zhuǎn)(即調(diào)整過頭)。其他步驟同上，即可產(chǎn)生物體翻轉(zhuǎn)動畫。3) 旋轉(zhuǎn)動畫的制作在flash中，可以控制物體根據(jù)某個軸心進行旋轉(zhuǎn),如旋轉(zhuǎn)的風(fēng)車。旋轉(zhuǎn)動畫制作步驟:步驟1:新建一個文件；步驟2：插入一個圖形組件，命名為“l(fā)eaf”; 步驟3:在該組件中，繪制一個圓形，并利用箭頭工具調(diào)

15、整圓的邊框，使其成為葉子狀；步驟4:調(diào)整葉子位置，使其葉柄位置對準中心點位置；Fl<xbi H - L未命名-<步驟5:插入另一個圖形組件，命名為“ windmill”; 步驟6:單擊菜單“窗口 圖庫”； 步驟7：選擇圖庫列表中的“ leaf”組件，將其拖曳至當(dāng)前組件（即windmill ）中。共拖曳4次，拖曳出4片葉子。步驟8:使用任意變形工具進行旋轉(zhuǎn)調(diào)整至風(fēng)車樣；步驟9:插入另一個影片剪輯 組件，命名為“rotate windmill”; 步驟10:從圖庫中，將windmill組件拖曳至舞臺上，將其 中心點位置與當(dāng)前組件的中心點位置對齊；步驟11:在時間軸30幀處單擊鼠標右鍵，

16、選擇“插入關(guān)鍵幀”（注：此時，時間軸中，正好選中第30幀）； DBedi*. Fl a 5 Ji. KX - 未命名 T文件的銀珀岐 2S® 獨入幻隹改® 文本9拄制口 里口/幫肋如步驟12:使用箭頭工具，選中30幀中的圖形。步驟13:選擇工具欄中“任意變形工具”按鈕選項。步驟14:用鼠標拖曳圖形四周的小圓點，調(diào)整其旋轉(zhuǎn)度數(shù)I »文件史）aeflg迓看年近AHJ修涉師文聿"控制冷時口如朝助比）上二步驟15:在時間軸1幀處單擊鼠標右鍵;步驟16:在下拉窗口中選擇“創(chuàng)建補間動畫”；E*命名a 文件 safiui看看。蛇1 酶加文本g 超金© 苗口如

17、幫的如步驟17:按鍵盤Ctrl + Enter ,運行動畫練習(xí)：1） 影子動畫的制作1 （彈動的小球，加上影子）2） 影子動畫的制作2 （青蛀走路，其地上的影子）3） 轉(zhuǎn)動的風(fēng)車動畫制作，并為風(fēng)車加上一個風(fēng)車架遮罩動畫制作 相關(guān)知識：自定義填充色、字體設(shè)置。除了系統(tǒng)默認提供的幾種填充色外，用戶可以自定義填充色（如定義一個彩色的圓環(huán)）CF .酒1法迎DH：,州3也叫edl（EI.向-此劇 百a：口二：;一"| 觸 Hfi'Bi aq =5T應(yīng)的填充方式，編輯對應(yīng)的顏色使用文本工具 A ,輸入字符后，在文字被選中的情況下，可以進行字體設(shè)置?？梢詮拇翱谙路拧皩傩浴敝校O(shè)置字 體的顏

18、色、字體和大小 遮罩動畫制作步驟：步驟1:新建一個文件；步驟2：插入一個圖形組件，命名為“ yuan”; 步驟3:在該組件中，繪制一個圓形，使其填充色為漸變色;OId 15 2U ZS 30文件印曲強®叁看(D ®A1)能改也文本g控制口出咕助AcroiBcdi h Fl- l無機速一？步驟4：插入另一個圖形 組件，命名為“ wenzi”; 步驟5:在該組件中使用文字輸入工具，輸入“ Flash動畫 制作”(注意，選擇文字輸入工具后，在屏幕上用鼠標點擊 后輸入文字，不要使用鼠標拖曳一個矩形框后再輸入，否則文字會自動換行)；文西E 金的（E） M '711：'

19、 HJ文本T g配口 畝口!1肥QDFlash動畫制作步驟6:使用箭頭工具，選中所輸入的文字，選擇菜單“窗 口面板字符”，調(diào)整文字的字體和大?。籛: >198. & X: -131.1H. BD.O Y： =30.3A呆體T京叩 R 1之手姜善三外0 晨標準 W回自動箝進叁格式.工心小旦使用設(shè)計字體盤II 目標：步驟7:新建影片剪輯組件，命名為“ zhezhaS;步驟8:單擊菜單“窗口 圖庫”； 步驟9:（此時，時間軸中只有一個圖層）先將圖庫中的“yuan”組件拖曳出來（即拖曳到圖層 1所在的舞臺上）；-* x 衛(wèi)倬切 值中 整鼻43 件節(jié)拿 了本g 在刷口 由口3 *器取工日

20、Fluh D步驟10:將該組件制作成一個左右移動的移動動畫。（先調(diào)整組件的起始位置插入關(guān)鍵幀 調(diào)整該幀中的組件位置，即終點位置創(chuàng)建動畫。K3bCBDBI：d.lM Fibril KI - L無標星-2J).回分. 如埠田1修仙0 5 義工I 通：|文木（D 拄電IQ luilj喀南卿步驟11:鎖定第一個圖層；步驟12:插入新的圖層（圖層2）;步驟13:從圖庫中，將“wenzi”組件拖曳至圖層2所在的 舞臺（注意，視覺上當(dāng)前的兩個圖層在同一個平面上，事 實上，他們在不同的圖層中。在動畫的運行過程中，每個 圖層各自逐幀運行本圖層中的動畫， 與其他層無關(guān)）,調(diào)整 其位置至“ yuan”組件的移動路徑

21、上；K»ee Dai:ila m F n_rh KI |.而乩朗一打IS- pX.宜杵0 看招5 事*g *入.中直:聿爐iSMtJ詢口司料卿步驟14:鼠標右鍵單擊時間軸左邊的圖層的命名處，選擇“遮罩”。步驟15：回到“場景1”，從圖庫中拖曳“ zhezhaS組件至舞臺上，并運行動畫遮罩動畫說明：遮罩動畫有兩個圖層組成，總是在上面一 層上作遮罩。上面一個圖層是遮罩的輪廓，下面一層是實際顯 示的物品，動畫運行過程中，只顯示輪廓所在位置后面的物品。練習(xí):1） 先去除原先的遮罩（鼠標右鍵單擊時間軸左邊的圖層的命名處，再次選擇“遮罩”），調(diào)換兩個圖層的位置，再做 遮罩，觀察動畫運行結(jié)果。2）

22、 導(dǎo)入一張外部的圖片，將其轉(zhuǎn)換成組件。然后，按照上面的制作步驟，制作一個欣賞圖片的遮罩動畫。（提示：遮 罩的方式可以是移動動畫、變形動畫、放大縮小動畫、旋 轉(zhuǎn)動畫）3） 制作一個類似開幕和閉幕的動畫。（提示，要制作一個放大、縮小的動畫）5、路徑動畫制作相關(guān)知識：在動畫的制作工程，經(jīng)常會有一些誤操作，可以使用編輯菜單中的“撤銷”、“重復(fù)”命令來恢復(fù)前面的操作結(jié)果在修改動畫的過程中，可以靈活操作時間軸中的幀。用 戶在選擇相應(yīng)的一個或多個幀后，在選中的幀上單擊鼠標右 鍵，便可以對其進行操作。下面介紹幾個操作：插入幀：就是在該層中，從前一個關(guān)鍵幀中，連續(xù)填充 中間的空白幀，起到延長該圖層中物品在動畫運行過程中的顯 示時間的作用；移除幀：把選中的一個幀或多個幀中的物品全部清除， 如果被選中的幀不是該圖層中的結(jié)尾的幀，則后面的幀自動向 前移動。清除關(guān)鍵幀：該命令只能清除關(guān)鍵幀。路徑動畫制作步驟：（樹葉下落）步驟1:新建一個文件；步驟2：插入一個圖形組件，命名為“ yuan”; 步驟3:在該組件中，繪制一個圓