Flash二維動(dòng)畫制作.ppt

《Flash二維動(dòng)畫制作.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《Flash二維動(dòng)畫制作.ppt（49頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

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