FLASH動畫制作入門基礎

第一部分Flash動畫入門第一章了解Flash軟件及動畫的創(chuàng)作流程學習目標了解Flash動畫的原理及其特點;

掌握AdodeFlashCS3Pro的安裝方法;

熟悉AdodeFlashCS3Pro的工作界面;了解Flash動畫的一般創(chuàng)建流程;制作一個簡單Flash動畫第一章了解Flash軟件及動畫的創(chuàng)作流程1.1Flash動畫基礎1.2Flash動畫入門1.3Flash動畫的創(chuàng)建流程1.4使用幫助面板第一章了解Flash軟件及動畫的創(chuàng)作流程1.Flash動畫基礎1.1Flash原理認知概念認知在《英漢大辭典》中，動畫（animation）被譯為“賦予……以生命”，指賦予本無生命的靜態(tài)圖像以動態(tài)的生命活力。動畫一詞，可以簡單地分解為“動”和“畫”兩部分。即讓一幅幅靜止的“畫”，運動起來?！爱嫛笔莿赢嫷幕A，而如何“動”，則是動畫的技術(shù)手段。優(yōu)美的“畫”如果不能通過良好的手段“動”起來，動畫即失去了最核心的部分，沒有了靈魂。第一章了解Flash軟件及動畫的創(chuàng)作流程動畫原理認知動畫運動的原理和影視的運動原理一樣，都是利用了人類固有的生理特點和心理反應，如人眼的“視覺暫留”特性。電影以每秒24格的畫面播放，形成流暢的運動效果；電視以每秒鐘25格或30格畫面的速度播放（PAL制幀速率為1/25，NTSC制幀速率為1/30）。影院動畫每秒播放24幅畫面，電視動畫每秒播放25幅畫面。因此，每秒播放的圖像越多，運動看起來越流暢自然。第一章了解Flash軟件及動畫的創(chuàng)作流程1.2Falsh動畫的主要特點向量技術(shù)采用向量技術(shù)，以顏色和線條形式表現(xiàn)圖形，任意縮放尺寸不影響圖形質(zhì)量，文件體積小，利于網(wǎng)絡傳輸。通用性好在各種瀏覽器中都可以有統(tǒng)一的播放樣式和效果。流式播放技術(shù)流式播放技術(shù)使得動畫可以邊播放邊下載。與互聯(lián)網(wǎng)緊密結(jié)合生成的動畫(.swf)文件非常小，可以在打開網(wǎng)頁很短的時間內(nèi)得以播放。多媒體與互動性強把圖形、音樂、動畫、聲效、交互方式融合在一起，并且可以實現(xiàn)用戶與動畫的交互。Flash播放插件很小，容易安裝和下載。第一章了解Flash軟件及動畫的創(chuàng)作流程1.2Flash動畫入門1.2.1安裝中文版AdobeFlashCS3Pro中文版AdobeFlashCS3Pro的系統(tǒng)要求第一章了解Flash軟件及動畫的創(chuàng)作流程計算機基本要求CPUIntelPentium3,IntelPentium4,IntelCore內(nèi)存256MB（建議使用1GB）硬盤空間3GB的本用硬盤空間顯示器1024*768分辨率的顯示器（帶有16位視頻卡）操作系統(tǒng)WindowsXP(帶有ServicePack2)或WindowsVista多媒體功能多媒體功能需要QuickTime7.1.2DirectX9.0c軟件安裝過程（略）第一章了解Flash軟件及動畫的創(chuàng)作流程工作界面1.2.2AdobeFlashCS3Pro工作界面“屬性”面板設置舞臺或時間軸上當前選定對象的最常用屬性，可以加快Flash文檔的創(chuàng)建過程。屬性”面板自動嵌入舞臺的下方。第一章了解Flash軟件及動畫的創(chuàng)作流程文檔屬性面板1.2.3AdobeFlashCS3Pro的功能面板“顏色”面板以滑桿方式調(diào)整并設置圖形的筆觸、填充色及透明度等，并提供直線型、放射型漸變填充及位圖填充等模式。“庫”面板“庫”面板是存放著所在影片創(chuàng)建的各種元件，還包括導入的位圖、聲音和視頻剪輯文件。

第一章了解Flash軟件及動畫的創(chuàng)作流程顏色面板庫面板“對齊”面板對齊對象和排列在同一個場景中多個選定對象的位置，提供了上對齊、下對齊，水平對齊等多種對齊方式，對所選的多個對象進行大小對稱、大小相等、間隔相同等設置。第一章了解Flash軟件及動畫的創(chuàng)作流程對齊面板“樣本”面板是一個大色盤，可以拾取色彩、設置色彩，尤其在色彩的替換方面功能強大。第一章了解Flash軟件及動畫的創(chuàng)作流程樣本面板“變形”面板實現(xiàn)對文字、圖形、對象及元件等進行各種變形控制?！靶畔ⅰ泵姘屣@示操作對象的名稱、寬度和高度值、色彩值，在舞臺中的X、Y坐標值，以及坐標對齊方式等各種信息，還可以顯示鼠標所在當前位置的坐標信息。第一章了解Flash軟件及動畫的創(chuàng)作流程信息面板變形面板“影片瀏覽”面板是一個瀏覽工具，用來顯示構(gòu)成Flash影片的完整樹型目錄結(jié)構(gòu)，對動畫的細致劃分到了幀和文字，還提供查找功能。Web服務面板用來查看Web服務列表、刷新Web服務，還可以添加或刪除Web服務。第一章了解Flash軟件及動畫的創(chuàng)作流程影片瀏覽面板操作面板/組合面板收縮/展開面板（組）移動/合并/分離面板（組）關(guān)閉面板（組）第一章了解Flash軟件及動畫的創(chuàng)作流程2023/2/5芝麻開門——創(chuàng)建一個簡單Flash動畫創(chuàng)建文檔設置文檔屬性保存文檔導出影片使用輔助工具第一章了解Flash軟件及動畫的創(chuàng)作流程1.3Flash動畫的創(chuàng)建流程2023/2/5【效果描述】

本例為模擬打字機效果輸出一行文字”歡迎進入Flash閃客世界，實例位置：教學資源/CH01/效果/第一個簡單動畫.fla。【技術(shù)要點】

按照Flash動畫的一般創(chuàng)作流程完成簡單逐幀動畫。創(chuàng)建Flash文檔，設置文檔屬性，創(chuàng)建兩個圖層“背景層”和“文字層”，添加關(guān)快捷鍵幀，在各關(guān)快捷鍵幀中輸入文字，保存文檔，導出影片。第一章了解Flash軟件及動畫的創(chuàng)作流程2023/2/5動畫播放效果第一章了解Flash軟件及動畫的創(chuàng)作流程2023/2/5【小結(jié)一下】

從該實例看出，一個簡單的動畫制作流程，大體可分為創(chuàng)建文檔、設置文檔屬性、制作影片、測試影片、保存文檔、導出影片等幾個步驟。除非使用默認值，否則每個步驟都需要用戶重新進行相關(guān)設置。對于導出的影片，文件擴展名為.swf，只需雙擊文件名即可播放。第一章了解Flash軟件及動畫的創(chuàng)作流程Flash動畫的一般創(chuàng)建流程新建文檔:新建一個**.fla文檔；設置影片屬性:通過“屬性”或“文檔屬性”面板，設置背景顏色、舞臺大小、播放頻率等值；制作動畫效果:測試影片:在工作區(qū)中預覽影片的播放效果；或在播放器中預覽影片;導出影片:將已經(jīng)制作完成或修改完成的動畫，導出為直接播放的影片文件，該類文件不能再進行編輯或修改。FlashCS3提供的導出影片的格式非常多，最常用的是**.swf;保存文檔:保存一份Flash的源文件，即可以再編輯修改的中間文檔，格式**.fla。第一章了解Flash動畫的創(chuàng)作流程2023/2/5要制作Flash動畫，首先要創(chuàng)建Flash文檔。新建一個默認名為“未命名-？”的Flash空白文檔，有以下幾種方法：在開始頁中創(chuàng)建使用工具按鈕創(chuàng)建執(zhí)行菜單命令創(chuàng)建從模板創(chuàng)建“從模板新建”對話框創(chuàng)建文檔第一章了解Flash軟件及動畫的創(chuàng)作流程2023/2/5創(chuàng)建一個Flash文檔后，需要對文檔屬性進行設置，以保證完成的影片的播放效果。通過“屬性”面板和“文檔屬性”對話框兩種方式，都可以設置文檔的屬性值?！皹祟}”選項“描述”選項：“尺寸”選項“背景顏色”選項：“幀頻”選項：“標尺單位”選項文檔屬性面板設置文檔屬性設置文檔屬性第一章了解Flash軟件及動畫的創(chuàng)作流程2023/2/5Flash的源文件是可以再編輯修改的中間文檔，格式是*.fla。動畫制作過程中要及時進行保存，以避免因各種原因引起數(shù)據(jù)丟失。動畫完成后應立即保存，以便日后再編輯修改。為以防萬一，最好將當前文檔另存為一個不同的文件，以作備份。保存Flash文檔的操作非常簡單，隨時都可進行。單擊工具欄中的保存按鈕，或執(zhí)行“文件→保存”菜單命令，打開“另存為”對話框，設置保存路徑、輸入文件名，將文檔保存為.fla文件。對已經(jīng)保存過的文檔若需要備份，執(zhí)行“文件→另存為”菜單命令，打開“另存為”對話框，設置不同的保存路徑或不同的文件名，即可備份當前文檔。保存文檔第一章了解Flash軟件及動畫的創(chuàng)作流程2023/2/5已經(jīng)制作完成或修改完成的動畫，要導出為直接播放的影片文件，該類文件不能再進行編輯或修改。FlashCS3提供的導出影片的格式非常多。

導出影片類型列表導出影片第一章了解Flash軟件及動畫的創(chuàng)作流程2023/2/5

使用標尺標尺可以幫助用戶精確地繪制和安排對象。執(zhí)行“視圖→標尺”命令，在該文檔舞臺的左沿和上沿顯示標尺或隱藏標尺，默認刻度單位為像素，舞臺的左上角為標尺的（0，0）值。當用戶移動或繪制舞臺上的元素時，在兩側(cè)標尺上會各顯示兩條線，而且隨著鼠標的移動在標尺上移動，以精確標出該元素的寬度和高度尺寸。

標尺在繪制和移動圖形對象中的作用使用輔助工具第一章了解Flash軟件及動畫的創(chuàng)作流程2023/2/5編

輯

網(wǎng)

格

效

果

使用網(wǎng)格網(wǎng)格可以幫助用戶更精確地繪制和安排對象。執(zhí)行“視圖→網(wǎng)格→顯示網(wǎng)格”命令，將在當前文檔所有場景的舞臺上顯示網(wǎng)格。執(zhí)行“視圖→網(wǎng)格→編輯網(wǎng)格”命令，打開“網(wǎng)格”對話框，可以設置網(wǎng)格的顯示風格。單擊“保存默