Flash動畫設(shè)計與制作教學

Flash動畫設(shè)計與制作任課教師：王亞469134792Flash學習交流群探究動畫動畫原理

光的影像一旦在視網(wǎng)膜上形成,視覺將會對該光像的感覺維持0.05至2.0秒的短暫時間,這種現(xiàn)象被稱為"視覺暫留"現(xiàn)象.動畫原理便以人眼的"視覺暫留"特征為基礎(chǔ),通過快速更換靜態(tài)圖像,利用"視覺暫留"特性而在大腦中形成圖像內(nèi)容連續(xù)運動的感覺.

視覺暫留：人眼在觀察事物時，光信號傳入大腦神經(jīng)，需經(jīng)過一段短暫的時間，光的作用結(jié)束后，視覺現(xiàn)象并不立即消失，視覺的這一現(xiàn)象被稱為視覺暫留。動畫原理（1）19世紀20年代，英國科學家發(fā)現(xiàn)了人眼的“視覺暫留”現(xiàn)象（物體被移動后其形象在人眼視網(wǎng)膜上還可有約1秒的停留），揭示了連續(xù)分解的動作在快速閃現(xiàn)時產(chǎn)生活動影像的原理。動畫原理（2）根據(jù)視覺暫留原理，當連續(xù)相互關(guān)聯(lián)的圖像（一般把靜止的畫面稱為圖像）快速變化時（每秒10幀以上，通常取每秒24幀），人眼看到的這個圖像變化的過程就是視頻。電影、電視、動畫和計算機視頻都是根據(jù)這個原理來實現(xiàn)的。傳統(tǒng)動畫的制作

傳統(tǒng)動畫使用畫筆繪制一張張不動的、但又逐漸變化著的連續(xù)畫面，經(jīng)過攝像機或攝像機的逐格拍攝，然后以每秒鐘２４格或２５格的速度連續(xù)播放，這時，所畫的靜止畫面就在銀幕上“活動起來”，這就是傳統(tǒng)動畫?！逗谪埦L》動畫片及制作花絮《黑貓警長》制作過程文字描述第一步：使用畫筆繪制一張張不動的、但又逐漸變化著的邊續(xù)畫面。（在這過程中可能需要手繪上萬幅圖片）第二步：然后對這些圖片使用攝像機或攝影機逐格拍攝。第三步：然后以每秒鐘25幀的速度連續(xù)播放，這樣就形成了動畫。《大灌籃》片段觀看視頻并思考：女孩在翻書的時候"周杰倫"是會動的,他是怎么動起來的呢?提個醒：１、如果我們把“相冊”換成“flash軟件”；２、把相冊中的每一頁換成flash中的每一個關(guān)鍵幀；３、把每一頁中的照片換成不同的豹子圖片；４、把快速翻頁換成按時間軸播放；逐幀動畫你會了嗎？補序++

在網(wǎng)絡(luò)世界的今天，與Fireworks、Dreamweaver并稱為“網(wǎng)絡(luò)三劍客”，組成Macromedia公司“網(wǎng)絡(luò)夢之隊”的Flash，必將越來越流行?！伴W客”的出現(xiàn)，更是豐富了我們的生活。Flash現(xiàn)在早已超出制作簡單動畫的范圍，它更可以：◆◆制作聲光效果絕佳的開場畫面◆◆制作網(wǎng)頁上的廣告◆◆制作交互式網(wǎng)頁的接口◆◆制作各種小游戲◆◆作為電子禮物（舉例）

Flash簡介

因特網(wǎng)上現(xiàn)在已有成千上萬個Flash個站點，著名的微軟MSN新聞站以及Intel、奧迪等世界著名企業(yè)主頁都大量采用了大量的Flash動畫。

到現(xiàn)在，F(xiàn)lash已經(jīng)發(fā)展到了FlashCS4，隨著其功能的不斷加強，它已從以前的小插件一躍成為互聯(lián)網(wǎng)動畫制作新生力量的代言人。推薦使用flash8中文版，實用而又穩(wěn)定。Flash以*.fla為其源文件，以*.swf為生成的效果文件（就是平時網(wǎng)上下載的動畫格式）。隨著應用的不斷推廣，F(xiàn)lash也可以生成*.exe文件，可以在沒有安裝Flash的機器上很好的直接運行。通過格式的轉(zhuǎn)化，還可以將動畫變?yōu)?.html、*.mov等等！一、Flash簡介Flash是當前最流行的動畫制作軟件，用它制作的Flash電影已經(jīng)在無數(shù)網(wǎng)站和很多相關(guān)領(lǐng)域廣泛應用。很多游戲軟件也是采用Flash制作的。Flash以幀來組織動畫,幀與幀之間采用漸變過渡動畫.因此,制作動畫時,只要將某段動畫的第一幀和最后一幀制作出來,中間的移動、旋轉(zhuǎn)、變形、顏色改變等過程都可以由Flash自動完成，因此，動畫制作的過程被大大簡化了。Flash圖形系統(tǒng)是基于矢量的，只需存儲少量的向量數(shù)據(jù)就可以描述一個看起來相當復雜的對象，這樣，其占用的空間很小，與位圖相比具有明顯的優(yōu)勢，非常適合在低帶寬的互聯(lián)網(wǎng)中使用。使用矢量圖形的另一個好處還在于，無論將它放大多少倍，圖像都不會失真。1制作簡單方便2矢量動畫，文件占用空間?。ㄒ唬〧lash的主要特點SWF文件（Flash標準的發(fā)布文件）采用信息流傳送方式，可以邊下載邊播放，不用等待整個文件全部下載完才能觀看動畫。3流式下載方式4強大的交互功能

在Flash中，高級交互事件的行動控制使Flash動畫的播放更加精確并容量控制。設(shè)計者可以動畫中加入滾動條、復選按鈕、下拉菜單和拖動物體等各種交互組件等等。（二）Flash動畫的分類在Flash中可以創(chuàng)建三類動畫：1逐幀動畫它由若干個關(guān)鍵幀組成，而每個關(guān)鍵幀的內(nèi)容都需要制作。逐幀動畫適合在每一幀中都要改變不同圖像的動畫。2補間動畫（補間形狀和補間動作）補間動畫是指用戶創(chuàng)建了兩個關(guān)鍵幀后，中間的幀由Flash根據(jù)其屬性的不同自動創(chuàng)建出具有過渡效果的動畫。二、Flash啟動及界面介紹

啟動后，系統(tǒng)會顯示出完整的Flash界面，界面的中間是舞臺，舞臺類似于其它軟件中的畫布，我們可定義動畫的尺寸和舞臺的顏色。舞臺是顯示影片中各個幀內(nèi)容的區(qū)域，可以在其中直接繪制圖像，也可以在舞臺中安排導入的圖像。舞臺的上方是時間軸，它控制著整個動畫的時間維度。

時間軸最重要的組成部分就是幀和圖層。時間軸的每一個小方格表示動畫中的一幀，一個動畫中可以有幾條并發(fā)的時間軸，每一條時間軸對應于一個運動實例。運動實例分布在圖層上，不同圖層上的實例是相互獨立的，它們的動互不影響。3交互式動畫

交互式動畫也稱為行為動畫，它是指在上述兩類動畫的基礎(chǔ)上添加ActionScript動作腳本，根據(jù)用戶響應（例如鍵盤或鼠標移動到影片中的某一區(qū)域、移動對象、輸入信息）在影片中執(zhí)行交互式動作。常用快捷鍵的使用1、Shift：繪制正圓2、Alt：由中心向四周繪制橢圓3、Alt+shift：由中心向四周繪制正圓橢圓工具的使用1、顏料桶工具：用來更改填充色2、墨水瓶工具：用來更改邊框色注：用選擇工具在圖形內(nèi)部雙擊可以將填充和邊框全部選中。更改橢圓的顏色1、散件（圖形）：選中對象時出現(xiàn)網(wǎng)紋形狀稱為散件。散件的特點是可以整體選擇移動，也可以部分選擇移動。2、散件轉(zhuǎn)變成元件快捷鍵：F83、元件的分類：（1）圖形

（2）影片剪輯

（3）按鈕散件如何轉(zhuǎn)變成元件幀的概念1、幀：指的就是圖片或畫面，一幀指的是一張圖片一個畫面。2、關(guān)鍵幀：指關(guān)鍵的圖片或畫面，也是我們做動畫時主要制作的畫面。3、關(guān)鍵幀的分類（1）有圖像的關(guān)鍵幀（簡稱關(guān)鍵幀），用●表示。（2）無圖像的關(guān)鍵幀（簡稱空白關(guān)鍵幀）用○表示。1、幀速率（幀頻率）：所謂幀頻率指的是單位時間內(nèi)播放多少張畫面或圖片。2、幀速率的大小關(guān)系：幀速率越大，表示單位時間內(nèi)播放的畫面多，也就意味播放的速度快，如果幀速率越小，表示單位時間內(nèi)播放的畫面少，也就意味播放的速度慢。幀速率1、動畫的分類：（1）位移動畫（2）形變動畫（3）逐幀動畫（4）路徑動畫（5）蒙版動畫（6）腳本動畫2、常用快捷鍵Ctrl+2：滿畫布顯示F6：插入關(guān)鍵幀，并且復制上一關(guān)鍵幀的畫面。Shift：水平或垂直移動對象Enter:用flash軟件播放動畫Ctrl+Enter:用flash播放器播放動畫。動畫實例—球體移動1、常用快捷鍵的使用（1）Shift：繪制正方形（2）Alt：由中心向四周繪制矩形（3）Alt+shift：由中心向四周繪制正方形2、矩形屬性面板（1）矩形屬性面板可以設(shè)置矩形的各種屬性：如：圓角大小等。當將圓角值設(shè)為正數(shù)，表示是外圓角，如果數(shù)設(shè)為負數(shù)，表示是內(nèi)圓角。同時可以設(shè)置四個角的圓角度是否同時設(shè)置。（2）單擊矩形邊框可以選擇一條邊，雙擊可以選擇所有邊。3、多邊形屬性面板（1）利用多邊形工具可以繪制多邊形和星形兩種圖形。（2）可以設(shè)置多邊形的邊數(shù)和星形的角數(shù)。矩形和多邊形工具的使用（1）文檔屬性：可以設(shè)置文檔（舞臺）的顏色，舞臺的大小，幀頻率等。（2）散件屬性：可以設(shè)置散件大小、邊框色、填充色、邊框粗細、邊框的線型等。（3）元件屬性；可以設(shè)置元件的亮度、色調(diào)、Alpha不透明度等。設(shè)置文檔、散件和元件的屬性（1）顏料桶工具可以改變填充色也可以設(shè)置徑向漸變的高光點。（2）在設(shè)置元件屬性時一定要選中元件對象。（3）任意變形工具：可以設(shè)置對象的大小、角度和傾斜角度等。在設(shè)置對象大小時按住shift鍵可以等比例調(diào)整對象大小。（4）放大鏡工具：可以放大視圖，按住alt鍵也可以縮小視圖。動畫實例—球體漸隱漸顯在幀屬性中可以設(shè)置以下參數(shù)（1）緩動：改變對象運動時速度的變化。是越來越快還是越來越慢。還是一直保持勻速運動。（2）旋轉(zhuǎn)：設(shè)置對象移動時旋轉(zhuǎn)的方向，可以按順時針旋轉(zhuǎn)也可以按逆時針旋轉(zhuǎn)。以及旋轉(zhuǎn)圈數(shù)的設(shè)置。幀屬性Ctrl+2：滿畫布顯示動畫實例—球體旋轉(zhuǎn)常用快捷鍵Ctrl+z:撤消F7：插入空白關(guān)鍵幀Ctrl+c：復制Ctrl+v：粘貼（默認是粘貼畫布的中心）Ctrl+shift+v：原位置粘貼動畫實例—球體彈跳鋼

筆

工

具（1）鋼筆工具可以繪制直線也可以繪制曲線（2）為了避免曲線的控制手柄影響后面所繪制的圖形，可以用鋼筆工具在曲線點上單擊減掉一邊控制手柄。（3）構(gòu)成直線的點叫直線點，構(gòu)成曲線的點叫曲線點。直線點無控制手柄，曲線點有控制手柄。（4）鋼筆工具所繪制的圖形如果需要修改可以用部分選取工具。改變圖形的形狀其實就是修改節(jié)點的位置。鋼筆工具的使用（1）添加錨點工具可以用來在所繪制的圖形（直線和曲線）上加點。（2）刪除錨點工具可以用來在刪除圖形（直線和曲線）上的節(jié)點。（3）轉(zhuǎn)換錨點工具可以實現(xiàn)直線點和曲線點的相互轉(zhuǎn)換。用轉(zhuǎn)換錨點工具在曲線點上單擊可以將曲線點轉(zhuǎn)換成直線點，在直線點上單擊并拖動可以將直線點轉(zhuǎn)換成曲線點。添加、刪除節(jié)點以及直線和曲線的相互轉(zhuǎn)換閉合和不閉合圖形的相互轉(zhuǎn)換（1）閉合圖形變成不閉合圖形：可以選中一條邊或邊中某個部分直接刪除。（2）不閉合圖形就成閉合圖形：可以使用鋼筆工具畫閉合是用選擇工具。（3）磁鐵工具的使用動畫實例--心動1（1）顯示標尺：視圖—標尺（快捷鍵：ctrl+shift+R）（2）輔助線：可以直接拖動標尺，不要輔助線可以再拖回去。（3）按住alt鍵用鼠標拖動圖形可以復制對象（4）要想對物體鏡相可以使用：修改—變形—水平翻轉(zhuǎn)（5）“窗口—顏色”中漸變類形：線型、放射狀（6）漸變編輯：改變顏色、加色、減色。（7）幀屬性中的旋轉(zhuǎn)圈數(shù)只能設(shè)置為整數(shù)，不可以設(shè)置為小數(shù)。（1）F5：加幀（延長幀）（2）shift+F5：刪除幀動畫實例--心動2圖層、庫與元件（1）圖層：像透明玻璃（2）圖層的作用：方便對圖形和動畫的管理。對圖形的管理：可以避免散件間重疊時發(fā)生鏤空影響。對動畫的管理：可以在某一時刻同時出現(xiàn)多個動畫。圖

層（1）新建圖層（2）刪除圖層（3）圖層改名：直接放在圖層名稱上雙擊。（4）按住alt鍵單擊表示隱藏或顯示其它所有的圖層。圖

層

（1）鎖定圖層（2）圖層中對象的顯示方式，是以實體顯示還是用輪廓顯示（3）按住alt鍵單擊表示設(shè)置其它所有圖層的顯示方式。圖

層

文本工具文本工具

（1）文本的分類：A、靜態(tài)文本B、動態(tài)文本C、輸入文本（2）文本的屬性設(shè)置包括：字體、大小、字母間距、對齊方式、方向、鏈接等。（1）文本的顏色設(shè)置：文本默認只能設(shè)置單色，如果想填充漸變，必須將文本轉(zhuǎn)變成散件。（2）對于一個文字只需要分離一次就能變成散件，而對于多于一個文字以上的需要分離兩次才能變成散件。（3）對于多個文字在填充漸變時默認是一個文字中填充一個漸變，可以利用顏料桶工具拖動將這些文字整體應用一個漸變。注意在拖動時一定要將落點落在文字內(nèi)部，否則將無效。（4）填充變形工具：可以設(shè)置漸變的方向、角度、過渡區(qū)域的大小。文本編輯

（1）文本轉(zhuǎn)換成散件后，文本的屬性將丟失。（2）要想將邊框變成填充可以用：修改—形狀—將線條轉(zhuǎn)換成填充。文本編輯（1）隱藏或顯示輔助線：視圖—輔助線—顯示輔助線。（2）fla：flash的原文件。這種格式的特點是：只能用fllash軟件才能打開，并且會保留動畫的制作方法。（3）swf：swf格式的文件是依賴于flash的播放器打開的。這種格式的文件比較小，適合在互聯(lián)網(wǎng)上傳播。（4）exe：是在swf格式