《Flash動(dòng)畫制作》PPT課件.ppt

Flash動(dòng)畫設(shè)計(jì),2013.3,Flash是什么？,Flash是一款專業(yè)的矢量動(dòng)畫設(shè)計(jì)軟件，最初由Macromedia公司開(kāi)發(fā)，后被Adobe公司收購(gòu)，并逐漸同Adobe已有的軟件進(jìn)行融合和統(tǒng)一。它可以將音樂(lè)、聲效、位圖、動(dòng)畫及富有新意的界面融合在一起，制作出精彩的動(dòng)畫效果。,Flash能做什么？,1、制作網(wǎng)絡(luò)廣告，甚至整個(gè)網(wǎng)站2、制作動(dòng)畫作品（MTV、賀卡和小型卡通片等）3、制作多媒體課件4、開(kāi)發(fā)游戲,Flash動(dòng)畫的主要特點(diǎn),1、基于矢量的圖形系統(tǒng)。因而能保持較小的文件體積又能實(shí)現(xiàn)高品質(zhì)的動(dòng)畫效果。2、具有多媒體特性。能夠把音樂(lè)、聲效、位圖、動(dòng)畫、交互方式等融合在一起，使之適合于不同領(lǐng)域的需要。3、采用流式播放技術(shù)。動(dòng)畫可以邊播放邊下載，減少瀏覽者的等待時(shí)間。4、具有強(qiáng)大的交互功能。,概念,用點(diǎn)陣形式來(lái)記錄圖像信息的畫面對(duì)象，它通常是以各種格式存在磁盤上的圖像文件（也有少數(shù)圖像文件為矢量格式），通常占有較大的存儲(chǔ)空間，觀看時(shí)會(huì)因?yàn)榉糯蠖д?。其大小是由畫面的面積、分辨率和顔色深度決定的，與圖像的復(fù)雜程度無(wú)關(guān)。,位圖：,矢量圖是使用直線和曲線來(lái)描述圖形的，這些圖形的元素是一些點(diǎn)、線、矩形、多邊形、圓和弧線和色塊等。對(duì)于矢量圖而言，圖像文件只需記錄某個(gè)顔色區(qū)域中顔色和這個(gè)區(qū)域的大小、形狀和位置。在矢量圖中某一個(gè)區(qū)域中的顔色變化總是有規(guī)律的，它們都是通過(guò)數(shù)學(xué)公式計(jì)算獲得的。在Flash工具箱中的繪圖工具繪制出來(lái)的是矢量圖。矢量圖占有空間的大小是由其復(fù)雜程度決定的，和其面積的大小幾乎沒(méi)有關(guān)系。,矢量圖：,Flash動(dòng)畫設(shè)計(jì)課程是計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)課程體系中的一門專業(yè)課程。本課程的主要任務(wù)是介紹Flash動(dòng)畫設(shè)計(jì)軟件的功能和使用方法，使學(xué)習(xí)者具備Flash動(dòng)畫制作的基本知識(shí)和技能，幫助提高設(shè)計(jì)能力和創(chuàng)新思維能力，使同學(xué)們制作的網(wǎng)站更具有創(chuàng)新性、更具動(dòng)感，達(dá)到畫龍點(diǎn)睛的作用。,為什么要學(xué)習(xí)Flash？,Flash軟件基本功能,繪圖功能動(dòng)畫功能編程功能,一、認(rèn)識(shí)Flash二、Flash繪圖與編輯對(duì)象三、文本和濾鏡四、各種類型動(dòng)畫的制作（位移動(dòng)畫、形變動(dòng)畫、逐幀動(dòng)畫、路徑動(dòng)畫、遮罩動(dòng)畫）五、腳本動(dòng)畫六、組件的運(yùn)用七、Flash的綜合運(yùn)用,案例式教學(xué)，將理論知識(shí)融于大量的案例中進(jìn)行講解，基礎(chǔ)知識(shí)和實(shí)際操作能力并重，注重強(qiáng)調(diào)在“做中學(xué)，學(xué)中做,做中教”的實(shí)踐動(dòng)手能力,教學(xué)內(nèi)容：,教學(xué)方法：,如何學(xué)好Flash,開(kāi)始學(xué)的時(shí)候可以先機(jī)械的模仿，有了一定的基礎(chǔ)后就可以按照個(gè)人的意愿進(jìn)行簡(jiǎn)單的創(chuàng)作性練習(xí)。在學(xué)習(xí)過(guò)程中一開(kāi)始不要面太寬，學(xué)習(xí)一段時(shí)間后就應(yīng)該從不同的角度多接觸與Flash有關(guān)的環(huán)境（朋友、老師、書、網(wǎng)站等）。在整個(gè)學(xué)習(xí)過(guò)程中還應(yīng)該根據(jù)自己的特長(zhǎng)有所側(cè)重。比如你的繪畫基礎(chǔ)好就可以側(cè)重原畫方面的創(chuàng)作，你的想象力豐富就可以開(kāi)發(fā)一些趣味、搞笑類的作品，你的編程基礎(chǔ)扎實(shí)，就應(yīng)該力求在游戲開(kāi)發(fā)和交互網(wǎng)站方面出些成就。,激情、目標(biāo)、興趣，對(duì)Flash的癡迷和對(duì)成功的執(zhí)著追求,推薦Flash學(xué)習(xí)網(wǎng)站：我要自學(xué)網(wǎng)：大家論壇Flash動(dòng)畫設(shè)計(jì)版塊：,FlashCS4的操作界面,舞臺(tái)：也即動(dòng)畫編輯區(qū)，用來(lái)繪制、編輯和創(chuàng)作動(dòng)畫對(duì)象的區(qū)域，缺省為白色，其外圍繞為灰色。,時(shí)間軸面板：用于創(chuàng)建動(dòng)畫和控制動(dòng)畫的播放。時(shí)間軸左側(cè)為圖層面板，右側(cè)為幀面板。,圖層：就像是一張張透明的紙。當(dāng)舞臺(tái)中有多個(gè)對(duì)象時(shí)，為了方便對(duì)各個(gè)對(duì)象進(jìn)行編輯和修改，可將它們放置在不同的圖層中。,幀：組成Flash動(dòng)畫的基本單位，指的就是圖片或畫面。一幀指的就是一張圖片一個(gè)畫面。Flash動(dòng)畫是通過(guò)對(duì)幀的連續(xù)播放實(shí)現(xiàn)動(dòng)畫效果的。,屬性面板：可以很方便地調(diào)整舞臺(tái)或時(shí)間軸上當(dāng)前選定對(duì)象的屬性。選擇的內(nèi)容不同，屬性面板顯示的信息也不同。,工具箱,在Flash動(dòng)畫制作過(guò)程中，會(huì)大量地運(yùn)用到矢量圖形。Flash提供了各種繪圖工具，可以繪制出自由形狀或準(zhǔn)確的線條、形狀和一些簡(jiǎn)單的矢量圖，并可用來(lái)對(duì)對(duì)象進(jìn)行上色。Flash的工具箱如下圖所示：,選擇工具,部分選取工具,套索工具,鋼筆工具,文本工具,線條工具,矩形工具,鉛筆工具,刷子工具,任意變形工具,顏料桶工具,橡皮擦工具,縮放工具,墨水瓶工具,滴管工具,手形工具,筆觸顏色,填充顏色,吸附工具,顏色設(shè)置與轉(zhuǎn)換,返回,本次課內(nèi)容,圖形的繪制選擇對(duì)象散件、對(duì)象繪制與組合對(duì)象編輯圖形,一、圖形的繪制,繪制線條線條工具鉛筆工具鋼筆工具繪制幾何圖形橢圓工具矩形工具多角星形工具,工具,工具,使用技巧與快捷鍵,在繪制橢圓（矩形）時(shí)：1、Shift：繪制正圓（正方形）2、Alt：由中心向四周繪制橢圓（矩形）3、Alt+shift：由中心向四周繪制正圓（正方形）在繪制直線時(shí)按住Shift鍵拖動(dòng)鼠標(biāo)，可以將線條的角度限制為45度的倍數(shù)。,實(shí)例：笑臉,矩形屬性面板,（1）矩形屬性面板可以設(shè)置矩形的各種屬性：如：圓角大小等。當(dāng)將圓角值設(shè)為正數(shù)，表示是外圓角，如果數(shù)設(shè)為負(fù)數(shù)，表示是內(nèi)圓角。同時(shí)可以設(shè)置四個(gè)角的圓角度是否同時(shí)設(shè)置。（2）單擊矩形邊框可以選擇一條邊，雙擊可以選擇所有邊。,二、選擇對(duì)象,選擇工具部分選取工具套索工具,選擇工具的使用,選擇對(duì)象用來(lái)選擇并移動(dòng)目標(biāo)，修改目標(biāo)形狀的輪廓，是最基本的操作，只有在選擇了目標(biāo)對(duì)象后，才能夠?qū)ζ溥M(jìn)行所需的編輯操作。1.選擇單一目標(biāo)對(duì)象2.選擇多個(gè)對(duì)象3.移動(dòng)頂點(diǎn)4.將直線變?yōu)榍€5.增加頂點(diǎn),1.選擇單一目標(biāo)對(duì)象（1）單擊工具箱中的選擇工具。（2）移動(dòng)鼠標(biāo)指針至目標(biāo)對(duì)象上單擊，選中目標(biāo)。注：當(dāng)指向的目標(biāo)對(duì)象為元件、圖像和組合后的圖形時(shí)，選擇的是一個(gè)完整的目標(biāo)；當(dāng)指向目標(biāo)為散件時(shí)，F(xiàn)lash只選擇最近兩個(gè)交點(diǎn)（或端點(diǎn)）間的線段；當(dāng)指向?yàn)樘畛渖蕰r(shí)，自動(dòng)以色彩封閉的邊緣為限選擇色彩范圍，如下圖所示：,a.對(duì)象為元件、圖像或組合圖形b.對(duì)象為散件c.選擇邊緣封閉線,2.選擇多個(gè)對(duì)象（1）框選法：在目標(biāo)位置的左上角按住左鍵拖動(dòng)鼠標(biāo)至目標(biāo)對(duì)象的右下角，將目標(biāo)對(duì)象的所有內(nèi)容框選在矩形區(qū)域內(nèi)。釋放鼠標(biāo)左鍵，當(dāng)前圖層矩形范圍內(nèi)的所有對(duì)象都會(huì)被選中。（2）首先選中一個(gè)對(duì)象，然后按住Shift鍵單擊其他對(duì)象即可。,3.移動(dòng)頂點(diǎn)當(dāng)目標(biāo)為矢量圖形時(shí)，單擊選擇工具，當(dāng)鼠標(biāo)指針移動(dòng)到對(duì)象的頂點(diǎn)時(shí)，鼠標(biāo)指標(biāo)會(huì)發(fā)生變化，這時(shí)按住鼠標(biāo)左鍵并拖動(dòng)鼠標(biāo)，即可改變頂點(diǎn)的位置，如下圖所示：,4.將直線變?yōu)榍€單擊選擇工具，將鼠標(biāo)放到對(duì)象的邊緣，鼠標(biāo)指針會(huì)發(fā)生變化，這時(shí)按住鼠標(biāo)左鍵并拖動(dòng)鼠標(biāo)，如下圖所示：,5.增加頂點(diǎn)單擊選擇工具，當(dāng)鼠標(biāo)指針下方出現(xiàn)一個(gè)弧線的標(biāo)志時(shí)，按住Ctrl鍵和鼠標(biāo)左鍵進(jìn)行拖動(dòng)，到適當(dāng)位置釋放鼠標(biāo)，就可增加一個(gè)頂點(diǎn)，如下圖所示：,三、散件、對(duì)象繪制與組合對(duì)象,在Flash中，繪制圖形有兩種模式，即圖形的打散模式和對(duì)象繪制模式。打散的圖形也可以轉(zhuǎn)換為組合對(duì)象。,散件,散件，也即在圖形的打散模式下繪制的圖形。在用繪圖工具繪制圖形時(shí)，沒(méi)有選擇選項(xiàng)區(qū)的對(duì)象繪制按鈕繪制的圖形，或?qū)?duì)象繪制模式的圖形執(zhí)行【修改】/【分離】（Ctrl+B）命令，直到最后的圖形選擇后出現(xiàn)小點(diǎn)即可。這樣的圖形邊框和填充是分開(kāi)的。,利用打散模式繪制的圖形稱為散件（形狀），選中該散件對(duì)象時(shí)會(huì)出現(xiàn)網(wǎng)紋形狀稱為散件。散件的特點(diǎn)是可以整體選擇移動(dòng)，也可以部分選擇移動(dòng)。,實(shí)例：月亮、云朵,實(shí)例：茶杯、小房子,對(duì)象繪制模式,用繪圖工具繪制圖形時(shí)，在選擇對(duì)象繪制按鈕后，繪制的圖形，其邊框和填充是作為一個(gè)整體存在，這樣的圖形在疊加或者分開(kāi)重組時(shí)其外形不變。,對(duì)象繪制模式的圖形,沒(méi)選擇對(duì)象繪制模式的選中效果,選擇對(duì)象繪制模式的選中效果,沒(méi)有運(yùn)用對(duì)象繪制模式的效果,運(yùn)用對(duì)象繪制模式的效果,“對(duì)象繪制”模式,組合對(duì)象,組合對(duì)象：為了避免散件間發(fā)生鏤空，也可以暫時(shí)將散件組合起來(lái)。,組合（快捷鍵：ctrl+g）取消組合（快捷鍵：ctrl+shift+g，或使用分離命令Ctrl+b）,三、編輯圖形,任意變形工具及變形面板對(duì)齊面板,1、任意變形工具,任意變形工具：可以對(duì)物體的縮放比例（大?。?、旋轉(zhuǎn)角度、傾斜角度、透視進(jìn)行設(shè)置。（1）Shift:等比例縮