動(dòng)畫(huà)設(shè)計(jì)方案與制作.ppt

動(dòng)畫(huà)設(shè)計(jì)與制作,Flash CS3中文版實(shí)例教程,教 師：張紅艷 辦公室：67#D203 電 話(huà)E- mail：,第 一 課,Flash 基礎(chǔ)知識(shí)及軟件界面的認(rèn)識(shí),本 章 學(xué) 習(xí) 目 標(biāo),了解Flash動(dòng)畫(huà)的特點(diǎn)及應(yīng)用領(lǐng)域； 了解Flash CS3 的工作界面、菜單和工具； 熟悉Flash cs3的工作環(huán)境； 掌握Flash cs3的基本操作； 掌握Flash動(dòng)畫(huà)的制作流程。,本 節(jié) 內(nèi) 容,Flash動(dòng)畫(huà)的特點(diǎn) Flash動(dòng)畫(huà)的應(yīng)用領(lǐng)域 Flash CS3的工作界面 Flash CS的系統(tǒng)配置 新建和保存Flash文檔的方法,一、 初識(shí)Flash動(dòng)畫(huà),Flash動(dòng)畫(huà)是一種以Web應(yīng)用為主的二維動(dòng)畫(huà)形式，它不僅可以通過(guò)文字、圖片、視頻、聲音、聲效等綜合手段展現(xiàn)動(dòng)畫(huà)意圖，還可以通過(guò)強(qiáng)大的交互功能實(shí)現(xiàn)與動(dòng)畫(huà)觀看者之間的互動(dòng)。 Flash動(dòng)畫(huà)的特點(diǎn) Flash的歷史 Flash動(dòng)畫(huà)的應(yīng)用領(lǐng)域 Flash動(dòng)畫(huà)的原理,（一） Flash動(dòng)畫(huà)的特點(diǎn),Flash動(dòng)畫(huà)之所以能為大眾喜愛(ài)并在日新月異的網(wǎng)絡(luò)時(shí)代經(jīng)久不衰，蓋源于其擁有許多值得稱(chēng)道的特點(diǎn)，主要包括了以下幾方面：,所受資源制約小,播放采用流媒體技術(shù),制作成本低，節(jié)省人力物力,操作簡(jiǎn)單，文件容量小,交互性比較好,（二） Flash的歷史,Flash的前身是FutureSplash 一個(gè)非常小的Web圖形軟件。 1996.11，Macromedia公司收購(gòu)該軟件，更名為Flash 1.0； 此后，先后推出 Flash 2.0、Flash 3.0、Flash 4.0、Flash 5.0、Flash 6.0、Flash MX 2004、Flash 8； 2005年4月，Adobe公司以34億美元收購(gòu)了Macromedia，此后發(fā)布了Flash CS3、Flash CS4等版本。,（三） Flash的應(yīng)用領(lǐng)域及發(fā)展方向,在當(dāng)今信息化時(shí)代，人們已經(jīng)習(xí)慣于在網(wǎng)絡(luò)上進(jìn)行工作、交流和查找信息。隨著Internet網(wǎng)絡(luò)的不斷推廣，F(xiàn)lash動(dòng)畫(huà)的應(yīng)用被延伸到了多個(gè)領(lǐng)域。,Flash作品欣賞,網(wǎng)絡(luò)廣告、電視廣告、公益廣告,手機(jī)彩信、手機(jī)游戲,多媒體課件、Flash網(wǎng)站，網(wǎng)絡(luò)游戲等,（四） Flash動(dòng)畫(huà)的原理,運(yùn)動(dòng)是動(dòng)畫(huà)的本質(zhì)！ 約翰哈拉斯（英國(guó)）,視覺(jué)暫留（Persistence of Vision）：客觀事物對(duì)眼睛的刺激停止后，它的影像還會(huì)在眼睛的視網(wǎng)膜上存在一剎那，有一定的滯留性。 皮特羅杰特（法國(guó)）,（四） Flash動(dòng)畫(huà)的原理,Flash 動(dòng)畫(huà)基于視覺(jué)暫留原理，特別是Flash中的逐幀動(dòng)畫(huà)，通過(guò)一系列連貫動(dòng)作的圖形快速放映而形成。當(dāng)前一幀播放后，其影像仍然殘留在人的視網(wǎng)膜上，這樣就可以產(chǎn)生了連續(xù)動(dòng)作的視覺(jué)感受。在起始動(dòng)作與結(jié)束動(dòng)作之間的過(guò)渡幀越多，動(dòng)畫(huà)的效果越流暢。,二、 認(rèn)識(shí)Flash CS3的工作界面,在學(xué)習(xí)Flash CS3中的各項(xiàng)操作之前，應(yīng)先對(duì)軟件工作界面的組成有初步的了解，這部分內(nèi)容主要包括了開(kāi)始頁(yè)面、菜單欄、工具箱、時(shí)間軸面板、動(dòng)畫(huà)編輯舞臺(tái)、屬性面板及其他常用面板等界面元素。,基本界面 菜單欄 工具欄 工具箱 文檔選項(xiàng)卡 時(shí)間軸 舞臺(tái) 常用面板,（一）基本界面,啟動(dòng)Flash CS3后，程序?qū)⒋蜷_(kāi)其默認(rèn)的開(kāi)始頁(yè)面。該開(kāi)始頁(yè)面將常用的任務(wù)都集中放在一起，供用戶(hù)隨時(shí)調(diào)用。然后進(jìn)入Flash cs3的工作界面中，包括菜單欄、工具箱、時(shí)間軸面板、舞臺(tái)、屬性面板及其他常用面板等界面元素。,（一）開(kāi)始頁(yè)面,動(dòng)畫(huà)編輯舞臺(tái),工具箱,屬性面板,場(chǎng)景編輯按鈕,元件編輯按鈕,顯示比例,卷簾面板區(qū),時(shí)間軸,隱藏或顯示面板,F4,菜單欄,主工具欄,文檔選項(xiàng)卡,（二）菜單欄,這些菜單項(xiàng)中提供了該軟件的所有常規(guī)操作命令。,（三）常用工具欄,主工具欄由多個(gè)圖標(biāo)按鈕組成，在制作環(huán)境下提供常用命令。,主工具欄可以通過(guò)“窗口/工具欄/主工具欄”命令進(jìn)行顯示或隱藏！,（四）工具箱,工具箱中包括了【繪圖】工具、【視圖調(diào)整】工具、【顏色修改】工具和【選項(xiàng)設(shè)置】工具4大部分，用戶(hù)可以使用這些工具可以進(jìn)行繪圖、選取對(duì)像、噴涂、修改及編排文字等操作。,（六）時(shí)間軸,用于組織和控制動(dòng)畫(huà)的地方，即控制著“演員”按某種時(shí)間安排進(jìn)行演出！,圖層控制區(qū)： 圖層可以看成是疊放在一起的透明的膠片，如果層上沒(méi)有任何東西，就可以透過(guò)它直接看到下一層?？梢愿鶕?jù)需要，在不同層上編輯不同的動(dòng)畫(huà)而互不影響，并在放映時(shí)得到合成的效果。 層的兩大特點(diǎn)： 除了畫(huà)有圖形或文字的地方，其他部分都是透明的； 各圖層相對(duì)獨(dú)立，修改其中一層，不會(huì)影響到其他層,（六）時(shí)間軸,時(shí)間線(xiàn)控制區(qū) 幀 時(shí)間軸上的一個(gè)小格，是舞臺(tái)內(nèi)容中的一個(gè)片段。 在默認(rèn)狀態(tài)下，每隔5幀用數(shù)字標(biāo)識(shí)。,時(shí)間軸的第一幀,（六）時(shí)間軸,關(guān)鍵幀 動(dòng)畫(huà)制作時(shí)的關(guān)鍵畫(huà)面，其作用是用來(lái)定義動(dòng)畫(huà)中關(guān)鍵的變化，F(xiàn)lash可以按照給定的動(dòng)作方式，自動(dòng)創(chuàng)建兩個(gè)關(guān)鍵幀之間的變化過(guò)程，這使得動(dòng)畫(huà)的制作變得十分簡(jiǎn)單。,關(guān)鍵幀,中間幀,（六）時(shí)間軸,（七）場(chǎng)景和舞臺(tái),場(chǎng)景：即舞臺(tái)，是編輯和播放動(dòng)畫(huà)的矩形區(qū)域。在發(fā)布的作品中，只有舞臺(tái)中的角色才被認(rèn)為是可見(jiàn)的！ Flash可以將多個(gè)場(chǎng)景中的動(dòng)作組合成一個(gè)連貫的電影。開(kāi)始編輯電影時(shí)，都是在第一個(gè)場(chǎng)景“Scene1”中開(kāi)始的，場(chǎng)景的數(shù)量沒(méi)有限制。,（七）場(chǎng)景和舞臺(tái),場(chǎng)景添加及刪除：“窗口其他面板場(chǎng)景” 其內(nèi)容：圖形、文本、按鈕、視頻剪輯等。 其大小、色彩等參數(shù)可通過(guò)“屬性”面板進(jìn)行設(shè)置。,（七）場(chǎng)景和舞臺(tái),輔助工具：網(wǎng)格、標(biāo)尺和輔助線(xiàn)，幫助制作者準(zhǔn)確定位。,（七）場(chǎng)景和舞臺(tái),輔助工具：網(wǎng)格、標(biāo)尺和輔助線(xiàn)，幫助制作者準(zhǔn)確定位。,（八）面板的操作及常用面板,基本操作： 面板的顯示/隱藏： 面板的折疊/展開(kāi)： 面板的懸浮/組合： 常用的面板：,（八）面板的操作及常用面板,屬性面板：,方便查看、更改所選對(duì)象的屬性。,（八）面板的操作及常用面板,庫(kù)面板：,用來(lái)存儲(chǔ)和管理導(dǎo)入的文件（如視頻、聲音、位圖、矢量圖）和用戶(hù)創(chuàng)建的元件的地方。,（八）面板的操作及常用面板,元件：是在Flash中創(chuàng)建的圖形、按鈕、影片剪輯。元件只需創(chuàng)建一次，就可在整個(gè)文檔或其他文檔中重復(fù)使用。創(chuàng)建的任何元件都會(huì)自動(dòng)成為當(dāng)前文檔的庫(kù)的一部分。,實(shí)例：當(dāng)把一個(gè)元件放到舞臺(tái)或另一個(gè)元件中時(shí)，就創(chuàng)建了一個(gè)該元件的實(shí)例，即實(shí)例是元件的實(shí)際應(yīng)用。,（九）文檔選項(xiàng)卡,新建或打開(kāi)文檔，會(huì)以“文檔選項(xiàng)卡”的方式嵌合在程序窗口中。如果打開(kāi)或創(chuàng)建多個(gè)文檔，“文檔名稱(chēng)”將按文檔創(chuàng)建的先后順序顯示在“文檔選項(xiàng)卡”中，單擊文檔名稱(chēng)可在多個(gè)文檔之間進(jìn)行切換。,右擊鼠標(biāo),三、 制作Flash動(dòng)畫(huà)的前期準(zhǔn)備,了解了Flash動(dòng)畫(huà)并認(rèn)識(shí)了Flash CS3的工作界面之后，就可以準(zhǔn)備制作Flash動(dòng)畫(huà)了。制作者首先需要了解Flash動(dòng)畫(huà)的制作流程，然后打開(kāi)Flash CS3軟件設(shè)置符合個(gè)人習(xí)慣的工作環(huán)境，最后掌握創(chuàng)建和保存Flash文檔等基本操作。 設(shè)計(jì)Flash動(dòng)畫(huà)的制作流程 設(shè)置Flash CS3的首選參數(shù)和快捷鍵 新建和保存Flash文檔,（一）設(shè)置自己的工作環(huán)境,為了提高工作效率，使軟件最大程度地符合個(gè)人操作習(xí)慣，用戶(hù)可以在動(dòng)畫(huà)制作之前先對(duì)Flash 8的面板布局、首選參數(shù)和快捷鍵等進(jìn)行設(shè)置。,1. 自定義面板的設(shè)置及調(diào)用,1）設(shè)置：在界面中打開(kāi)所有需要使用的面板，點(diǎn)擊“窗口/工作區(qū)布局/保存當(dāng)前（S）”命令，在彈出的對(duì)話(huà)框中輸入名稱(chēng)，如“我的面板布局”，則在“窗口/工作區(qū)布局”中多出一項(xiàng)“我的面板布局”。,（一）設(shè)置自己的工作環(huán)境,1. 自定義面板的設(shè)置及調(diào)用,2）調(diào)用： “窗口/工作區(qū)布局”中的“我的面板布局”。 3）恢復(fù)默認(rèn)：“窗口/工作區(qū)布局”中的“默認(rèn)”。 4）刪除及重命名： “窗口/工作區(qū)布局”中的“管理”。,（二）設(shè)置自己的工作環(huán)境,2. 首選參數(shù),編輯/首選參數(shù)(S),（二） 設(shè)計(jì)Flash動(dòng)畫(huà)的制作流程,制作Flash動(dòng)畫(huà)過(guò)程大致可以分為6個(gè)步驟，即策劃動(dòng)畫(huà)、收集素材、制作動(dòng)畫(huà)、調(diào)試動(dòng)畫(huà)、測(cè)試動(dòng)畫(huà)和發(fā)布動(dòng)畫(huà)。,策劃動(dòng)畫(huà),收集素材,制作動(dòng)畫(huà),發(fā)布動(dòng)畫(huà),調(diào)試動(dòng)畫(huà),測(cè)試動(dòng)畫(huà),（三）新建和保存Flash文檔,Flash CS3對(duì)文檔的基本操作與其他軟件類(lèi)似，主要包括新建和保存文檔等。,1.新建 1)文件/新建(N),2）主工具欄