Flash簡易教程

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

2、測試播放電影。時間軸 TimelineFlash將時間分割成許多同樣的小塊，每一塊表示一幀。時間軸上的每一小格就表示一幀，幀由左向右按順序播放就形成了動畫電影。時間軸是安排并控制幀的排列及將復(fù)雜動作組合起來的窗口。時間軸上最主要的部分是幀、層和播放指針。幀 Frame幀是時間軸上的一個小格，是舞臺內(nèi)容的中的一個片斷。 關(guān)鍵幀 Key Frame在電影制作中，通常是要制作許多不同的片斷，然后將片斷連接到一起才能制成電影。對于攝影或制作的人來說，每一個片斷的開頭和結(jié)尾都要做上一個標(biāo)記，這樣在看到標(biāo)記時就知道這一段內(nèi)容是什么。在Flash里，把有標(biāo)記的幀稱為關(guān)鍵幀，它的作用與上面是一樣的。除此之外，

3、關(guān)鍵幀還可以讓Flash識別動作開始和結(jié)尾的狀態(tài)。比如在制作一個動作時，我們將一個開始動作狀態(tài)和一個結(jié)束動作狀態(tài)分別用關(guān)鍵幀表示，再告訴Flash動作的方式，F(xiàn)lash就可以做成一個連續(xù)動作的動畫。對每一個關(guān)鍵幀可以設(shè)定特殊的動作，包括物體移動、變形或做透明變化。如果接下來播放新的動作，我們就再使用新的關(guān)鍵幀做標(biāo)記，就象做動作的切換一樣。當(dāng)然新的動作也可以用場景的方式做切換。場景 Scene電影需要很多場景，并且每個場景的人物、時間和布景可能都是不同的。與拍電影一樣，F(xiàn)lash可以將多個場景中的動作組合成一個連貫的電影。當(dāng)我們開始要編輯電影時，都是在第一個場景"Scene 1&quo

4、t;中開始，場景的數(shù)量是沒有限制的。對于簡單的電影是沒有必要使用場景的。使用場景必須要學(xué)會使用Flash中的一些命令。層 Layer層可以理解為一張張透明的膠片。我們可以在不同的層上做圖，再疊放到一起組成一個復(fù)雜的圖片。每個層本身都是透明的，所以圖像疊到一起時仍感覺象在同一個層上。當(dāng)圖像要重疊時，排在時間軸的窗口中上面的層中的圖像要覆蓋排在下面層中的圖像。例如，鳥在云朵中飛翔，bird層中的圖像要覆蓋cloud層中的圖像，看起來就是鳥飛在云彩的前面，而不會隱藏到云彩的后面。使用過Photoshop的朋友會對層很熟悉。與Photoshop一樣，F(xiàn)lash中的層每個層中的圖像與其它層中的圖像都是不

5、相關(guān)的；不同的地方是Flash中的層可以使用各自的時間軸，設(shè)定各自的動作而互不干擾。使用的作圖工具打開Flash，舞臺窗口將出現(xiàn)一個空白的電影。建立新的電影文件，使用命令文件 > 新建。如果要對電影的尺寸進行修改，使用命令 修改 > 影片。你可以修改電影的尺寸、背景顏色。在電影中制作圖形可以使用Flash中提供的制圖工具，這些工具與其它做圖軟件提供的工具基本是一樣的。如果要在Flash中制作出好的電影，必須先花時間熟悉這些工具的用法及特點，獲得感性認(rèn)識后就可以任意發(fā)揮你的想象了。Flash也可以對其它格式的圖片進行編輯。它可以打開多種格式的圖片文件，也可以導(dǎo)入動畫文件，比如Gif動

6、畫及其它的動畫圖片的序列。19第 頁二、 動畫制作1、 變形動畫制作相關(guān)知識：幀、關(guān)鍵幀、空白關(guān)鍵幀1） 繪圖工具的認(rèn)識（畫筆、橢圓、矩形）2） 旋轉(zhuǎn)工具的使用（面板à轉(zhuǎn)換）3） 一般變形動畫制作步驟步驟1：新建一個文件；步驟2：在屏幕上繪制一個任意圖形；步驟3：在時間軸30幀處單擊鼠標(biāo)右鍵，插入“空白關(guān)鍵幀”；步驟4：在該空白關(guān)鍵幀中，繪制另一個任意圖形；步驟5：在時間軸1幀處單擊鼠標(biāo)左鍵，找到“屬性”面板；步驟6：在下方的“屬性”窗口中的“補間”中選擇“形狀”；步驟7：按鍵盤Ctrl + Enter ，運行動畫。練習(xí)：1） 制作簡單變形動畫2） 制作多關(guān)鍵幀動畫3） 制作形狀提示

7、點動畫（長方形à平行四邊形）注意：在使用提示點的時候，先要制作成變形動畫，然后再去設(shè)定提示點，最后調(diào)整第一幀和最后一幀中的提示點位置。（修改à轉(zhuǎn)換à添加形狀提示點）2、 移動動畫制作相關(guān)知識：移動動畫與變形動畫有所不同，不能直接在舞臺上繪制圖形。要移動的物品，必須是一個組件（有時翻譯成“元件”，本講義后續(xù)章節(jié)都用“組件”）。新建組建的方法為：菜單“插入à新建元件”。組件（元件）：相當(dāng)于一個零件。在制作動畫過程中，可以把整個畫面上的物品分別做成一個個小的組件。往往動畫的畫面是通過調(diào)用不同的組件，拼裝而成的。其優(yōu)點是，當(dāng)動畫制作完成后，可以對這些零件進行加工

8、（如顏色、線條等），而不需要作其他修改。同時，利用組件可以使一張圖形重復(fù)被使用。組件有三種類型：圖形、影片剪輯、按鈕。1） 單層動畫制作步驟步驟1：新建一個文件；步驟2：插入一個組件，命名為“yuan”；步驟3：在該組件中，繪制一個圖形（圖形盡量靠近中心點位置）；步驟4：單擊“場景1”，回到場景；步驟5：單擊菜單“窗口à圖庫”；步驟6：選擇圖庫中的“yuan”，將其拖曳到舞臺左邊；步驟7：在時間軸30幀處單擊鼠標(biāo)右鍵，選擇“插入關(guān)鍵幀”；步驟8：把屏幕上的圖形移動位置，至舞臺的右邊；步驟9：在時間軸1幀處單擊鼠標(biāo)右鍵；步驟10：在下拉的窗口中選擇“創(chuàng)建補間動畫”；步驟11：按鍵盤Ct

9、rl + Enter ，運行動畫。2） 多層動畫制作制作多層動畫，只是在原有的基礎(chǔ)上，添加一個圖層，各層之間在動畫的順序上沒有關(guān)聯(lián)，各層動畫獨占一層，只是在疊放層次上有所區(qū)別。層與層之間的疊放層次可以調(diào)整。練習(xí)：1） 制作簡單的移動動畫1（球上下彈動）2） 制作簡單的移動動畫2（天空中云朵在飄，小鳥在飛）3） 制作物體移動動畫3（移動幾個方塊到屏幕上，先移入一個方塊，在屏幕上停留一會兒，再移出）4） 制作物體移入、停止、移出3、 放大、縮小、扭曲、旋轉(zhuǎn)動畫制作相關(guān)知識：圖片的導(dǎo)入與編輯。在flash中，除了使用工具，自己繪制相關(guān)圖形外，還可以從外部把圖片文件導(dǎo)入進去。對于導(dǎo)入的圖形，可以把它轉(zhuǎn)

10、換成圖形組件，此后，就和其他的組件一樣使用。導(dǎo)入方法：文件à導(dǎo)入，選擇相關(guān)的圖形文件，即可導(dǎo)入到flash中。導(dǎo)入后，根據(jù)需要可以把圖片轉(zhuǎn)換成組件（如：制作移動動畫，必須要使用組件）。1） 放大、縮小動畫制作步驟：步驟1：新建一個文件；步驟2：插入一個組件，命名為“fangkuai”；步驟3：在該組件中，繪制一個圖形（圖形盡量靠近中心點位置）；步驟4：單擊“場景1”，回到場景；步驟5：單擊菜單“窗口à圖庫”；步驟6：選擇圖庫中的“fangkuai”，將其拖曳到舞臺左邊；步驟7：在時間軸30幀處單擊鼠標(biāo)右鍵，選擇“插入關(guān)鍵幀”（注：此時，時間軸中，正好選中第30幀）；步驟8：

11、使用箭頭工具，選中30幀中的圖形。步驟9：選擇工具中“任意變形工具”。 步驟10：用鼠標(biāo)拖曳圖形四周的小方塊，調(diào)整其大??；步驟11：在時間軸1幀處單擊鼠標(biāo)右鍵；步驟12：在彈出的窗口中“創(chuàng)建補間動畫”；步驟13：按鍵盤Ctrl + Enter ，運行動畫。2） 扭曲動畫的制作在選擇箭頭工具后（上面步驟9），在圖形四周出現(xiàn)的小方塊上拖曳調(diào)整圖形大小時，可以使圖形進行翻轉(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：

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

13、關(guān)鍵幀”（注：此時，時間軸中，正好選中第30幀）；步驟12：使用箭頭工具，選中30幀中的圖形。步驟13：選擇工具欄中“任意變形工具”按鈕選項。步驟14：用鼠標(biāo)拖曳圖形四周的小圓點，調(diào)整其旋轉(zhuǎn)度數(shù)和方向；步驟15：在時間軸1幀處單擊鼠標(biāo)右鍵；步驟16：在下拉窗口中選擇“創(chuàng)建補間動畫”；步驟17：按鍵盤Ctrl + Enter ，運行動畫。練習(xí)：1） 影子動畫的制作1（彈動的小球，加上影子）2） 影子動畫的制作2（青蛙走路，其地上的影子）3） 轉(zhuǎn)動的風(fēng)車動畫制作，并為風(fēng)車加上一個風(fēng)車架4、 遮罩動畫制作相關(guān)知識：自定義填充色、字體設(shè)置。除了系統(tǒng)默認(rèn)提供的幾種填充色外，用戶可以自定義填充色（如定義一

14、個彩色的圓環(huán)）。àà，選擇對應(yīng)的填充方式，編輯對應(yīng)的顏色。使用文本工具，輸入字符后，在文字被選中的情況下，可以進行字體設(shè)置?？梢詮拇翱谙路拧皩傩浴敝校O(shè)置字體的顏色、字體和大小。遮罩動畫制作步驟：步驟1：新建一個文件；步驟2：插入一個圖形組件，命名為“yuan”；步驟3：在該組件中，繪制一個圓形，使其填充色為漸變色；步驟4：插入另一個圖形組件，命名為“wenzi”；步驟5：在該組件中使用文字輸入工具，輸入“Flash動畫制作”（注意，選擇文字輸入工具后，在屏幕上用鼠標(biāo)點擊后輸入文字，不要使用鼠標(biāo)拖曳一個矩形框后再輸入，否則文字會自動換行）；步驟6：使用箭頭工具，選中所輸入的

15、文字，選擇菜單“窗口à面板à字符”，調(diào)整文字的字體和大小；步驟7：新建影片剪輯組件，命名為“zhezhao”；步驟8：單擊菜單“窗口à圖庫”；步驟9：（此時，時間軸中只有一個圖層）先將圖庫中的“yuan”組件拖曳出來（即拖曳到圖層1所在的舞臺上）；步驟10：將該組件制作成一個左右移動的移動動畫。（先調(diào)整組件的起始位置à插入關(guān)鍵幀à調(diào)整該幀中的組件位置，即終點位置à創(chuàng)建動畫。步驟11：鎖定第一個圖層；步驟12：插入新的圖層（圖層2）；步驟13：從圖庫中，將“wenzi”組件拖曳至圖層2所在的舞臺（注意，視覺上當(dāng)前的兩個圖層在同一個平面上

16、，事實上，他們在不同的圖層中。在動畫的運行過程中，每個圖層各自逐幀運行本圖層中的動畫，與其他層無關(guān)），調(diào)整其位置至“yuan”組件的移動路徑上；步驟14：鼠標(biāo)右鍵單擊時間軸左邊的圖層的命名處，選擇“遮罩”。步驟15：回到“場景1”，從圖庫中拖曳“zhezhao”組件至舞臺上，并運行動畫。遮罩動畫說明：遮罩動畫有兩個圖層組成，總是在上面一層上作遮罩。上面一個圖層是遮罩的輪廓，下面一層是實際顯示的物品，動畫運行過程中，只顯示輪廓所在位置后面的物品。練習(xí)：1） 先去除原先的遮罩（鼠標(biāo)右鍵單擊時間軸左邊的圖層的命名處，再次選擇“遮罩”），調(diào)換兩個圖層的位置，再做遮罩，觀察動畫運行結(jié)果。2） 導(dǎo)入一張外

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