Flash二維動畫制作.ppt

Flash二維動畫制作,學(xué)期任務(wù),學(xué)習(xí)目的：以Flash軟件為創(chuàng)作工具，熟練掌握一種二維動畫設(shè)計軟件工具的使用方法。了解二維動畫的前期策劃、中期制作到后期合成、輸出的整個過程。能夠利用所學(xué)，進(jìn)行簡單的二維動畫的創(chuàng)作。（課程設(shè)計）課程安排理論（1）+實(shí)踐（3）,課程介紹,參考教材FlashCS4中文版標(biāo)準(zhǔn)教程賀小霞張仕禹主編精品教程Flash動畫制作孫志義主編中文版Flash繪畫寶典智豐電腦工作室編FlashActionScript3.0編程技術(shù)教程朱治國繆亮陳艷麗編課時：64課時講課部分：16課時，課堂教學(xué)實(shí)踐部分：54課時，課程實(shí)驗(yàn),優(yōu)秀Flash網(wǎng)站推薦,課程介紹,考試：專業(yè)課：平時20%+期末80%（閉卷考試+上機(jī)考試）平時：課堂實(shí)驗(yàn)報告+課后作業(yè)+出勤專業(yè)重點(diǎn)：掌握flash的繪畫技巧flash軟件的基本使用基本的flash動畫制作為后續(xù)學(xué)習(xí)打好專業(yè)基礎(chǔ),課程介紹,學(xué)習(xí)方法與要求,認(rèn)真聽講、仔細(xì)觀察教師演示克服浮躁心理、存在問題要及時解決多動手操作練習(xí),獨(dú)立創(chuàng)作作品學(xué)會自學(xué)，培養(yǎng)自主意識電子作業(yè)：學(xué)號后三位+姓名為名,課程介紹,初識flashcs4繪制圖形編輯圖形（文本工具）使用圖層使用元件動畫制作逐幀動畫補(bǔ)間動畫運(yùn)動引導(dǎo)動畫遮罩動畫3D動畫骨骼動畫導(dǎo)入素材（圖片、聲音、視頻）動畫的輸出與發(fā)布,創(chuàng)建動畫做準(zhǔn)備,高級應(yīng)用：基礎(chǔ)的AS腳本語言Flash廣告設(shè)計FlashMV制作Flash網(wǎng)站,普通動畫,高級動畫,重點(diǎn)內(nèi)容：1.1FlashCS4概述1.2FlashCS4的操作界面1.3Flash的基本操作1.4最簡單的Flash動畫制作1.5Flash動畫的創(chuàng)作流程,第1章初識FlashCS4,（一）Flash是什么Flash，英文原意為閃動、閃爍，有時稱玩Flash的人為“閃客”。Flash的前身是FutureSplash，是早期網(wǎng)絡(luò)上流行的矢量動畫軟件。在被Macromedia收購后，它改名為Flash。Flash是目前影響最廣泛的動畫設(shè)計與制作軟件，其具備了從繪制圖形、制作動畫、控制編程以及最后輸出動畫的整套功能，完全可以滿足用戶對動畫的繪制、設(shè)計、制作以及發(fā)布等要求。,1.1FlashCS4概述,（二）Flash軟件的發(fā)展1、Flash的前身是FutureSplash，1996年1月，Macromedia公司對其麾下的矢量動畫軟件futuresplash進(jìn)行修改開發(fā)flash，flash1.0和2.0均未得到重視2、1998年推出flash3.0，與Dreamweaver2.0與firework2.0網(wǎng)頁制作三劍客3、1999年推出版本為flash4.0，擁有自己的播放器。4、2000年，flash5.0的版本，flash得到廣泛應(yīng)用，矢量圖、位圖、聲音動畫和交互性都得到提高，功能顯著提高。支持xml、影片剪輯、as腳本語言（ActionScript2.0）。5、2002年flashMX、2003年flashmx2004支持流媒體技術(shù)（.flv)6、2005年flash8.0，功能強(qiáng)大，不僅局限于矢量圖，也可以編輯聲音、視頻、位圖等文件，增強(qiáng)為移動設(shè)備開發(fā)的功能。7、2006年，Macromedia公司被Adobe公司收購，2007發(fā)布了cs3、2008年發(fā)布cs4版本。與（Illustrator、photoshop軟件可以實(shí)現(xiàn)文件相互轉(zhuǎn)化。腳本語言升級為ActionScript3.0，被認(rèn)為是一個完整、規(guī)范、清晰的面向?qū)ο蟮恼Z言。8、2010年，flashcs5可用于提供跨個人計算機(jī)、移動設(shè)備以及幾乎任何尺寸和分辨率的屏幕一致呈現(xiàn)的令人癡迷的體驗(yàn)。,1.1FlashCS4概述,（三）FlashCS4的基本功能1繪制矢量圖形在Flash中創(chuàng)建的圖形都是矢量圖形，基于矢量的繪圖與分辨率無關(guān)。（1）位圖：位圖圖像是由像素組成的，圖像放大后會失真。優(yōu)點(diǎn)：位圖圖像能夠制作出顏色和色調(diào)變化豐富的圖像，可以逼真地表現(xiàn)出自然界的景觀。同時也很容易在不同軟件之間交換文件。缺點(diǎn)：是它無法制作真正的三維圖像，并且圖像在縮放和旋轉(zhuǎn)時會產(chǎn)生失真現(xiàn)象，同時文件較大，對內(nèi)存和硬盤空間容量的需求也較高。應(yīng)用：位圖圖像廣泛應(yīng)用在照片和繪圖圖像中。（2）矢量圖：是以數(shù)學(xué)描述的方式來記錄圖像內(nèi)容，它的內(nèi)容以線條和色塊為主，其文件所占的容量較小，也可以很容易地進(jìn)行放大、縮小和旋轉(zhuǎn)等操作，并且不會失真，可以制作三維圖像。缺點(diǎn)：不易制作色調(diào)豐富或色彩變化太多的圖像優(yōu)點(diǎn)：失量圖像與分辨率無關(guān)，將它縮放到任意大小和以任意分辨率在輸出設(shè)備上打印出來，都不會遺漏細(xì)節(jié)和影響清晰度。應(yīng)用：它是文字和粗放圖形的最佳選擇。如徽標(biāo)、美工插圖、工程繪圖。,1.1FlashCS4概述,（三）FlashCS4的基本功能2制作元件元件：元件是指可以在動畫制作中反復(fù)使用的一種動畫元素.它可以是一個圖形,也可以是一小段動畫。可以重復(fù)使用元件，而不會增加Flash文件大小。因而使復(fù)雜的動畫制作變得簡單，輕松制作合成動畫。,3濾鏡功能濾鏡具有發(fā)光、投影、模糊、斜角等效果，有助于對象產(chǎn)生意想不到的效果。濾鏡只能應(yīng)用于文本、影片剪輯、按鈕。4動畫功能動畫是Flash最基本、也是最主要的功能，有逐幀動畫、形狀動畫、補(bǔ)間動畫。此外還有按鈕動畫。,1.1FlashCS4概述,（四）FlashCS4的新增功能13D轉(zhuǎn)換：新增的【3D平移工具】和【3D旋轉(zhuǎn)工具】，操作Flash元件在三維空間中的運(yùn)動、旋轉(zhuǎn)并制作相關(guān)的補(bǔ)間動畫。2Deco與噴涂刷的貼圖方式：允許用戶使用各種元件以即時的方式隨機(jī)填充，創(chuàng)建類似于萬花筒的效果。使用新增的【Deco工具】和【噴涂刷工具】的貼圖方式，簡化了用戶制作各種花紋背景所需要的步驟。3反向運(yùn)動與骨骼：新增【骨骼工具】和【綁定工具】，允許用戶為多個元件對象綁定骨骼，然后再控制骨骼，以扭曲單個元件對象，實(shí)現(xiàn)復(fù)雜的反向運(yùn)動。4基于對象的動畫5動畫編輯器6補(bǔ)間動畫預(yù)設(shè)7垂直顯示的屬性檢查器8KULER面板：通向由設(shè)計人員在線社區(qū)創(chuàng)建的顏色和主題組的門戶。9聲音庫10項目面板,1.1FlashCS4概述,（五）應(yīng)用領(lǐng)域1產(chǎn)品介紹與廣告2教學(xué)課件3卡通動畫4多媒體光盤5片頭動畫6交互式游戲7專業(yè)賀卡8幽默小品9.MV制作10FLASH網(wǎng)站,產(chǎn)品介紹,教學(xué)課件,多媒體光盤,卡通動畫,片頭動畫,交互游戲,專業(yè)賀卡,1.1FlashCS4概述,1.2FlashCS4的操作界面,1、初始頁面2、工作界面3、菜單欄4、時間軸與圖層5、工具箱6、浮動面板7、編輯區(qū),1.2FlashCS4的操作界面,1、熟悉FlashCS4初始頁面,1.2FlashCS4的操作界面,2、FlashCS4工作界面,菜單欄,工具欄,舞臺,時間軸,浮動面板,3、菜單欄,（1）文件菜單：,（2）編輯菜單：,3、菜單欄,（3）視圖菜單：,注意經(jīng)常使用：顯示標(biāo)尺和網(wǎng)格作為輔助工具,3、菜單欄,（4）插入菜單：,注意：新建元件命令是經(jīng)常使用的，快捷鍵Ctrl+F8,3、菜單欄,（5）修改菜單：修改一些對象的屬性,注意：使用比較頻繁的一個菜單選項。選擇某個對象后可以按快捷鍵F8來轉(zhuǎn)化元件組合命令：Ctrl+G分散命令：Ctrl+B或者Ctrl+Shift+G,3、菜單欄,（6）文本菜單：設(shè)置文本字體文本大小樣式間距字體屬性菜單中的命令是相對應(yīng),三、菜單欄,（7）命令菜單：加入插件，顯示在該菜單下,3、菜單欄,（8）控制菜單：控制影片播放的快捷鍵Enter在舞臺上播放Ctrl+Enter發(fā)布，在測試窗口播放Ctrl+Alt+Enter測試場景,3、菜單欄,（9）窗口菜單：設(shè)置工作界面的布局選擇控制窗口,3、菜單欄,時間軸:用于組織動畫各幀的內(nèi)容。時間軸面板由幀、圖層和播放頭組成。幀：是進(jìn)行Flash動畫制作的最基本的單位，每一幀都可以包含需要顯示的所有內(nèi)容（包括圖形、聲音等對象）。圖層：圖層就像堆疊在一起的多張幻燈膠片一樣，每個圖層都包含一個顯示在舞臺中的不同圖像?？梢栽诓煌膱D層上設(shè)置不同對象的動畫效果，每一個圖層都具有自己一系列的幀，因此可以對各個獨(dú)立的圖層進(jìn)行編輯。每個圖層中包含的幀顯示在該圖層名右側(cè)的一行中。播放頭：指示當(dāng)前在舞臺中顯示的幀。播放文檔時，播放頭從左向右通過時間軸。,4、時間軸與圖層,播放頭,圖層區(qū),幀視圖按鈕,每個圖層都有獨(dú)立的時間幀,幀編號,幀速率,運(yùn)行時間,5、工具箱,利用工具箱中的工具可以在舞臺上繪制和編輯動畫需要的圖形。分為四個區(qū)單擊某個工具時，該工具就被激活，（可以使用快捷鍵來進(jìn)行操作）右下角帶小三角的為一個工具組，還有下一級工具。選擇某個工具后在選項設(shè)置區(qū)，有相應(yīng)設(shè)置。,“屬性”面板：使用“屬性”面板可以方便地查看和更改當(dāng)前選定項的屬性。“顏色”面板：用來設(shè)置圖形填充色或線條顏色?！皫臁泵姘澹罕９蹻lash動畫素材的倉庫。（F11)對齊面板：設(shè)置多個對象的對齊方式“動作”面板：用來查看、輸入或編輯選定項上的動作腳本。,6浮動面板,7、編輯區(qū),舞臺也被稱為場景，它是用戶創(chuàng)作作品的編輯區(qū)，時間軸上的內(nèi)容大多數(shù)都在舞臺上制作和編輯。位于舞臺外的內(nèi)容在播放動畫時不會被顯示。,1、文檔操作（1）新建文檔（2）保存文檔（3）關(guān)閉文檔（4）打開文檔2、影片操作（1）設(shè)置影片屬性（2）播放、發(fā)布影片3、輔助工具,1.3flash基本操作,（1）新建文檔,方法1：啟動Flash，在開始頁單擊“Flash文件（ActionScript3.0）”或者“Flash文件（ActionScript2.0）”選項。方法2：在Flash工作界面中選擇“文件”>“新建”菜單或按快捷鍵【Ctrl+N】，打開“新建文檔”對話框新建文檔。,（2）保存文檔,選擇“文件”>“保存”菜單，或按快捷鍵【Ctrl+S】，打開“另存為”對話框可保存文檔。,（3）關(guān)閉文檔,單擊文檔選項卡右側(cè)的“關(guān)閉”按鈕。,（4）打開文檔,方法1：選擇“文件”>“打開”菜單，或按快捷鍵【Ctrl+O】。方法2：打開存放文檔的文件夾，然后雙擊文檔圖標(biāo)。方法3：啟動Flash時，在開始頁左側(cè)的“打開最近項目”下單擊最近打開的文檔名稱。,（1）設(shè)置影片屬性,2.影片操作,選擇“修改”“文檔”菜果，在打開的“文檔屬性”對話框中設(shè)置舞臺尺寸、背景顏色，以及動畫幀頻等,打開“屬性”面板，單擊“編輯”按鈕,（2）播放及測試影片（1）測試簡單動畫、基本控件【控制】|【播放】（快捷鍵Enter）（2）測試全部的動畫和交互式控件【控制】|【測試影片】（快捷鍵Ctrl+Enter）,注：測試影片后會生成擴(kuò)展名為SWF的影片文件，該文件只能作為瀏覽動畫使用，不能編輯。,2.影片操作,（1）縮放工具：縮放對象按Alt縮?。?）手形工具：移動舞臺（3）顏色工具：設(shè)置筆觸顏色與填充顏色（4）標(biāo)尺：選擇【視圖】|【標(biāo)尺】命令顯示標(biāo)尺，可從標(biāo)尺上將水平輔助線和垂直輔助線拖動到舞臺上（5）網(wǎng)格：選擇【視圖】|【網(wǎng)格】|【顯示網(wǎng)格】命令，可顯示網(wǎng)格。,3.輔助工具,實(shí)例制作第一flash實(shí)例(奔跑的豹子）,1、設(shè)置文檔屬性新建Flash文檔后，要做的第一件事就是設(shè)置文檔屬性（包括舞臺尺寸、背景顏色等）。在“屬性”面板中單擊“文檔屬性”按鈕，在打開的“文檔屬性”對話框中可設(shè)置文檔屬性。,實(shí)例制作第一flash實(shí)例(奔跑的豹子）,2、導(dǎo)入背景素材文件導(dǎo)入圖片3、排列豹子圖片4、排列位置,實(shí)例制作第一flash實(shí)例(奔跑的豹子）,效果2,實(shí)例制作第一flash實(shí)例(奔跑的豹子）,應(yīng)用操作:1、設(shè)置背景2、導(dǎo)入素材3、新建圖層、鎖定圖層4、改變位置5、編輯多個幀6、添加幀和關(guān)鍵幀7、復(fù)制幀和粘貼幀8、發(fā)布設(shè)置,實(shí)例2移動的小汽車,移動的小汽車,（1）打開素材文件夾中的“小汽車.fla”文件，選擇“修改文檔”命令，將舞臺大小改為550*200像素。（2）在第一幀，使用任意變形工具將汽車縮小，放至舞臺右側(cè)；（3）在第30幀擊鼠標(biāo)右鍵，選擇“插入關(guān)鍵幀”命令，插入一個關(guān)鍵幀，然后將鼠標(biāo)移到舞臺的左側(cè)；（4）在時間軸上先單擊第1幀，然后按住Shift鍵單擊第30幀即可選中1-30幀中間的合部幀，接著再擊鼠標(biāo)右鍵選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，即在1-30幀創(chuàng)建了小汽車從右移動到左的動畫。（5）選擇“文件保存”命令保存文件。,課堂實(shí)例3飛行的直升機(jī),飛行的直升機(jī),首先打開素材文檔，然后在時間軸上插入關(guān)鍵幀，并移動開始幀與結(jié)束幀中直升機(jī)的位置，最后創(chuàng)建動畫補(bǔ)間動畫。,了解Flash軟件及其功能與用途，F(xiàn)lashCS4的新增功能熟悉FlashCS4的基本界面掌握文件的創(chuàng)建、保存、影片的播放等操作理解Flash制作動畫的原理了解簡單的Flash動畫的制作過程,本章小結(jié),上機(jī)練習(xí),FlashCS4的基本操作自定義窗口布局：調(diào)出和隱藏顏色面板、對齊面板、庫面板打開、關(guān)閉、保存和播放影片設(shè)置畫布大小為800*600，設(shè)置畫布顏色為紅色、頻率為24fs設(shè)置網(wǎng)格、標(biāo)尺等輔助工具完成實(shí)驗(yàn)報告1.飛行的直升飛機(jī)提示:打開素材文檔，在時間軸上插入關(guān)鍵幀，并移動開始幀與結(jié)束幀中直升機(jī)的位置，最后創(chuàng)建傳統(tǒng)補(bǔ)間動畫。2.奔跑的豹子,上機(jī)練習(xí),奔跑的豹子制作步驟（1）新建一個Flash文檔，選擇“修改文檔”命令，將舞臺大小改為404*261像素。（2）選擇“文件導(dǎo)入”命令，導(dǎo)入“素材奔跑的豹子”文件夾中的“背景.jpg”圖片，并將其放置在舞臺的中央。（3）右擊“圖層1”，選擇“插入圖層”命令。（4）單擊圖層2的第1幀，選擇“文件導(dǎo)入”命令，導(dǎo)入“素材奔跑的豹子”文件夾中的“奔跑的豹子1.png”圖片，在彈出的“是否導(dǎo)入序列中的所有圖片”對話框中單擊“是”，這樣就將8個圖片全部導(dǎo)入，分別放在了第1至8幀。（5）依次選擇圖層2每一幀的圖片，將其放至舞臺的中央（可以使用“窗口對齊”命令，調(diào)出“對齊”面板，使用其中的“垂直居中”和“水平分布居中”命令將其精確居中對齊）（6）右擊圖層1的第8幀，選擇“插入幀”命令，將背景延續(xù)到第8幀。（7）按Ctrl+Enter鍵測試影片，制作好原地奔跑的豹子后保存為“奔跑的豹子1.fla”。（8）自己參考“奔跑的豹子2.fla”文件中圖片的排列位置制作奔跑的豹子。,49,退出,謝謝大家！,