Flash二維動畫制作.ppt

《Flash二維動畫制作.ppt》由會員分享，可在線閱讀，更多相關《Flash二維動畫制作.ppt（49頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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