FLASH動(dòng)畫(huà)制作入門基礎(chǔ)

第一部分Flash動(dòng)畫(huà)入門第一章了解Flash軟件及動(dòng)畫(huà)的創(chuàng)作流程學(xué)習(xí)目標(biāo)了解Flash動(dòng)畫(huà)的原理及其特點(diǎn);

掌握AdodeFlashCS3Pro的安裝方法;

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

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

本例為模擬打字機(jī)效果輸出一行文字”歡迎進(jìn)入Flash閃客世界，實(shí)例位置：教學(xué)資源/CH01/效果/第一個(gè)簡(jiǎn)單動(dòng)畫(huà).fla?！炯夹g(shù)要點(diǎn)】

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

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

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

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

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

輯

網(wǎng)

格

效

果

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