動畫設(shè)計方案與制作.ppt

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