Flash二維動(dòng)畫(huà)制作.ppt
《Flash二維動(dòng)畫(huà)制作.ppt》由會(huì)員分享,可在線閱讀,更多相關(guān)《Flash二維動(dòng)畫(huà)制作.ppt(49頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
Flash二維動(dòng)畫(huà)制作,學(xué)期任務(wù),學(xué)習(xí)目的:以Flash軟件為創(chuàng)作工具,熟練掌握一種二維動(dòng)畫(huà)設(shè)計(jì)軟件工具的使用方法。了解二維動(dòng)畫(huà)的前期策劃、中期制作到后期合成、輸出的整個(gè)過(guò)程。能夠利用所學(xué),進(jìn)行簡(jiǎn)單的二維動(dòng)畫(huà)的創(chuàng)作。(課程設(shè)計(jì))課程安排理論(1)+實(shí)踐(3),課程介紹,參考教材《FlashCS4中文版標(biāo)準(zhǔn)教程》賀小霞張仕禹主編《精品教程Flash動(dòng)畫(huà)制作》孫志義主編《中文版Flash繪畫(huà)寶典》智豐電腦工作室編《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的繪畫(huà)技巧flash軟件的基本使用基本的flash動(dòng)畫(huà)制作為后續(xù)學(xué)習(xí)打好專業(yè)基礎(chǔ),課程介紹,學(xué)習(xí)方法與要求,認(rèn)真聽(tīng)講、仔細(xì)觀察教師演示克服浮躁心理、存在問(wèn)題要及時(shí)解決多動(dòng)手操作練習(xí),獨(dú)立創(chuàng)作作品學(xué)會(huì)自學(xué),培養(yǎng)自主意識(shí)電子作業(yè):學(xué)號(hào)后三位+姓名為名,課程介紹,初識(shí)flashcs4繪制圖形編輯圖形(文本工具)使用圖層使用元件動(dòng)畫(huà)制作逐幀動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)運(yùn)動(dòng)引導(dǎo)動(dòng)畫(huà)遮罩動(dòng)畫(huà)3D動(dòng)畫(huà)骨骼動(dòng)畫(huà)導(dǎo)入素材(圖片、聲音、視頻)動(dòng)畫(huà)的輸出與發(fā)布,,,創(chuàng)建動(dòng)畫(huà)做準(zhǔn)備,,,高級(jí)應(yīng)用:基礎(chǔ)的AS腳本語(yǔ)言Flash廣告設(shè)計(jì)FlashMV制作Flash網(wǎng)站,普通動(dòng)畫(huà),,高級(jí)動(dòng)畫(huà),重點(diǎn)內(nèi)容:1.1FlashCS4概述1.2FlashCS4的操作界面1.3Flash的基本操作1.4最簡(jiǎn)單的Flash動(dòng)畫(huà)制作1.5Flash動(dòng)畫(huà)的創(chuàng)作流程,第1章初識(shí)FlashCS4,(一)Flash是什么Flash,英文原意為閃動(dòng)、閃爍,有時(shí)稱玩Flash的人為“閃客”。Flash的前身是FutureSplash,是早期網(wǎng)絡(luò)上流行的矢量動(dòng)畫(huà)軟件。在被Macromedia收購(gòu)后,它改名為Flash。Flash是目前影響最廣泛的動(dòng)畫(huà)設(shè)計(jì)與制作軟件,其具備了從繪制圖形、制作動(dòng)畫(huà)、控制編程以及最后輸出動(dòng)畫(huà)的整套功能,完全可以滿足用戶對(duì)動(dòng)畫(huà)的繪制、設(shè)計(jì)、制作以及發(fā)布等要求。,1.1FlashCS4概述,(二)Flash軟件的發(fā)展1、Flash的前身是FutureSplash,1996年1月,Macromedia公司對(duì)其麾下的矢量動(dòng)畫(huà)軟件futuresplash進(jìn)行修改——開(kāi)發(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)畫(huà)和交互性都得到提高,功能顯著提高。支持xml、影片剪輯、as腳本語(yǔ)言(ActionScript2.0)。5、2002年flashMX、2003年flashmx2004——支持流媒體技術(shù)(.flv)6、2005年flash8.0,功能強(qiáng)大,不僅局限于矢量圖,也可以編輯聲音、視頻、位圖等文件,增強(qiáng)為移動(dòng)設(shè)備開(kāi)發(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)存和硬盤(pán)空間容量的需求也較高。應(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)畫(huà)制作中反復(fù)使用的一種動(dòng)畫(huà)元素.它可以是一個(gè)圖形,也可以是一小段動(dòng)畫(huà)。可以重復(fù)使用元件,而不會(huì)增加Flash文件大小。因而使復(fù)雜的動(dòng)畫(huà)制作變得簡(jiǎn)單,輕松制作合成動(dòng)畫(huà)。,,,3.濾鏡功能濾鏡具有發(fā)光、投影、模糊、斜角等效果,有助于對(duì)象產(chǎn)生意想不到的效果。濾鏡只能應(yīng)用于文本、影片剪輯、按鈕。4.動(dòng)畫(huà)功能動(dòng)畫(huà)是Flash最基本、也是最主要的功能,有逐幀動(dòng)畫(huà)、形狀動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)。此外還有按鈕動(dòng)畫(huà)。,1.1FlashCS4概述,(四)FlashCS4的新增功能1.3D轉(zhuǎn)換:新增的【3D平移工具】和【3D旋轉(zhuǎn)工具】,操作Flash元件在三維空間中的運(yùn)動(dòng)、旋轉(zhuǎn)并制作相關(guān)的補(bǔ)間動(dòng)畫(huà)。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)畫(huà)5.動(dòng)畫(huà)編輯器6.補(bǔ)間動(dòng)畫(huà)預(yù)設(shè)7.垂直顯示的屬性檢查器8.KULER面板:通向由設(shè)計(jì)人員在線社區(qū)創(chuàng)建的顏色和主題組的門(mén)戶。9.聲音庫(kù)10.項(xiàng)目面板,,,1.1FlashCS4概述,(五)應(yīng)用領(lǐng)域1.產(chǎn)品介紹與廣告2.教學(xué)課件3.卡通動(dòng)畫(huà)4.多媒體光盤(pán)5.片頭動(dòng)畫(huà)6.交互式游戲7.專業(yè)賀卡8.幽默小品9.MV制作10.FLASH網(wǎng)站,,產(chǎn)品介紹,教學(xué)課件,多媒體光盤(pán),卡通動(dòng)畫(huà),片頭動(dòng)畫(huà),交互游戲,專業(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)畫(huà)各幀的內(nèi)容。時(shí)間軸面板由幀、圖層和播放頭組成。幀:是進(jìn)行Flash動(dòng)畫(huà)制作的最基本的單位,每一幀都可以包含需要顯示的所有內(nèi)容(包括圖形、聲音等對(duì)象)。圖層:圖層就像堆疊在一起的多張幻燈膠片一樣,每個(gè)圖層都包含一個(gè)顯示在舞臺(tái)中的不同圖像??梢栽诓煌膱D層上設(shè)置不同對(duì)象的動(dòng)畫(huà)效果,每一個(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)畫(huà)需要的圖形。分為四個(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)畫(huà)素材的倉(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)畫(huà)時(shí)不會(huì)被顯示。,,,1、文檔操作(1)新建文檔(2)保存文檔(3)關(guān)閉文檔(4)打開(kāi)文檔2、影片操作(1)設(shè)置影片屬性(2)播放、發(fā)布影片3、輔助工具,1.3flash基本操作,(1)新建文檔,,,方法1:?jiǎn)?dòng)Flash,在開(kāi)始頁(yè)單擊“Flash文件(ActionScript3.0)”或者“Flash文件(ActionScript2.0)”選項(xiàng)。方法2:在Flash工作界面中選擇“文件”>“新建”菜單或按快捷鍵【Ctrl+N】,打開(kāi)“新建文檔”對(duì)話框新建文檔。,,,(2)保存文檔,選擇“文件”>“保存”菜單,或按快捷鍵【Ctrl+S】,打開(kāi)“另存為”對(duì)話框可保存文檔。,,,(3)關(guān)閉文檔,單擊文檔選項(xiàng)卡右側(cè)的“關(guān)閉”按鈕。,,,,,(4)打開(kāi)文檔,方法1:選擇“文件”>“打開(kāi)”菜單,或按快捷鍵【Ctrl+O】。方法2:打開(kāi)存放文檔的文件夾,然后雙擊文檔圖標(biāo)。方法3:?jiǎn)?dòng)Flash時(shí),在開(kāi)始頁(yè)左側(cè)的“打開(kāi)最近項(xiàng)目”下單擊最近打開(kāi)的文檔名稱。,(1)設(shè)置影片屬性,2.影片操作,選擇“修改”—“文檔”菜果,在打開(kāi)的“文檔屬性”對(duì)話框中設(shè)置舞臺(tái)尺寸、背景顏色,以及動(dòng)畫(huà)幀頻等,打開(kāi)“屬性”面板,單擊“編輯”按鈕,(2)播放及測(cè)試影片(1)測(cè)試簡(jiǎn)單動(dòng)畫(huà)、基本控件——【控制】|【播放】(快捷鍵Enter)(2)測(cè)試全部的動(dòng)畫(huà)和交互式控件——【控制】|【測(cè)試影片】(快捷鍵Ctrl+Enter),注:測(cè)試影片后會(huì)生成擴(kuò)展名為SWF的影片文件,該文件只能作為瀏覽動(dòng)畫(huà)使用,不能編輯。,2.影片操作,(1)縮放工具:縮放對(duì)象按Alt縮?。?)手形工具:移動(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)尺寸、背景顏色等)。在“屬性”面板中單擊“文檔屬性”按鈕,在打開(kā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)打開(kāi)素材文件夾中的“小汽車.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)畫(huà)。(5)選擇“文件—保存”命令保存文件。,課堂實(shí)例3——飛行的直升機(jī),飛行的直升機(jī),首先打開(kāi)素材文檔,然后在時(shí)間軸上插入關(guān)鍵幀,并移動(dòng)開(kāi)始幀與結(jié)束幀中直升機(jī)的位置,最后創(chuàng)建動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)。,了解Flash軟件及其功能與用途,F(xiàn)lashCS4的新增功能熟悉FlashCS4的基本界面掌握文件的創(chuàng)建、保存、影片的播放等操作理解Flash制作動(dòng)畫(huà)的原理了解簡(jiǎn)單的Flash動(dòng)畫(huà)的制作過(guò)程,本章小結(jié),上機(jī)練習(xí),FlashCS4的基本操作自定義窗口布局:調(diào)出和隱藏顏色面板、對(duì)齊面板、庫(kù)面板打開(kāi)、關(guān)閉、保存和播放影片設(shè)置畫(huà)布大小為800*600,設(shè)置畫(huà)布顏色為紅色、頻率為24fs設(shè)置網(wǎng)格、標(biāo)尺等輔助工具完成實(shí)驗(yàn)報(bào)告1.飛行的直升飛機(jī)提示:打開(kāi)素材文檔,在時(shí)間軸上插入關(guān)鍵幀,并移動(dòng)開(kāi)始幀與結(jié)束幀中直升機(jī)的位置,最后創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。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,退出,謝謝大家!,- 1.請(qǐng)仔細(xì)閱讀文檔,確保文檔完整性,對(duì)于不預(yù)覽、不比對(duì)內(nèi)容而直接下載帶來(lái)的問(wèn)題本站不予受理。
- 2.下載的文檔,不會(huì)出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請(qǐng)點(diǎn)此認(rèn)領(lǐng)!既往收益都?xì)w您。
下載文檔到電腦,查找使用更方便
9.9 積分
下載 |
- 配套講稿:
如PPT文件的首頁(yè)顯示word圖標(biāo),表示該P(yáng)PT已包含配套word講稿。雙擊word圖標(biāo)可打開(kāi)word文檔。
- 特殊限制:
部分文檔作品中含有的國(guó)旗、國(guó)徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計(jì)者僅對(duì)作品中獨(dú)創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- Flash 二維 動(dòng)畫(huà) 制作
鏈接地址:http://m.italysoccerbets.com/p-12559210.html