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

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

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

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

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

Flash簡介

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

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

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

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

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

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

（2）影片剪輯

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

筆

工

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

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

層

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

層

文本工具文本工具

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

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