FlashCS3基礎(chǔ)主講夏敏捷E-Mailjsjjc33@.ppt

第一講 Flash CS3基礎(chǔ),主講：夏敏捷 E-Mail：jsjjc_33163.com,動(dòng)畫原理,動(dòng)畫是通過連續(xù)播放一幅幅靜態(tài)的圖片畫面，給視覺造成連續(xù)變化的效果。 它的基本原理與電影、電視一樣，都是利用人的眼睛具有“視覺暫留”的特性，就是說人的眼睛看到一幅畫或一個(gè)物體后，在1/24秒內(nèi)不會(huì)消失。利用這一原理，在一幅畫還沒有消失前播放出下一幅畫，就會(huì)給人的眼睛造成一種畫面連續(xù)變化的效果。 隨著獅子王、玩具總動(dòng)員、海底總動(dòng)員相繼出世，好萊塢動(dòng)畫片開始引領(lǐng)一個(gè)新的潮流。 中國動(dòng)畫學(xué)派以獨(dú)特的風(fēng)姿，引起了全世界的廣泛的關(guān)注和贊譽(yù)：鐵扇公主、大鬧天宮、哪吒鬧海、三個(gè)和尚等給世人留下了難忘的回憶。 通常稱一副靜態(tài)圖片為“幀”。 單位時(shí)間內(nèi)播放幀的多少稱為“幀頻”,傳統(tǒng)動(dòng)畫和Flash結(jié)合,經(jīng)過長時(shí)間的不斷完善，傳統(tǒng)動(dòng)畫已形成了一套完整的體系，包括制作流程，分工，市場運(yùn)作，甚至電視播出的動(dòng)畫系列片長度和集數(shù)都已經(jīng)規(guī)范。(經(jīng)過編劇、導(dǎo)演、人物設(shè)計(jì)、北京射擊、設(shè)計(jì)稿、原話、動(dòng)畫、繪景、描線、上色、校對(duì)、攝影、剪輯、作曲、擬音、對(duì)白配音、音樂錄音、混合錄音、洗印等工序）。但它還是有難以克服的缺點(diǎn)，例如，分工太細(xì)，設(shè)備要求較高。 Flash可以將音樂、聲效、動(dòng)畫方便地融合在一起，以制作出高品質(zhì)的動(dòng)畫影片，它操作簡單，硬件要求低，在很多方面減少了工作量，降低了動(dòng)畫制作的難度。 采用傳統(tǒng)動(dòng)畫的前期編繪人員制作電腦無法替代的那部分動(dòng)畫，采用FLASH合成、演算制作其余部分，各取所長，使兩者的優(yōu)點(diǎn)得到充分結(jié)合,Flash簡介,Flash是一款交互式二維動(dòng)畫設(shè)計(jì)工具軟件，以操作簡單、功能強(qiáng)大、易學(xué)易用、瀏覽速度快等特點(diǎn)深受廣大網(wǎng)頁設(shè)計(jì)人員的喜愛， Flash已成為交互式網(wǎng)頁動(dòng)畫制作的主流工具。在網(wǎng)上看到的豐富多彩的標(biāo)題小動(dòng)畫、廣告、小游戲以及令人賞心悅目的MTV都是用Flash制作而成，另外Flash也用于制作教學(xué)課件等。 Macromedia 1996 Flash1.0 2004 FlashMX2004(7.0)支持（ActionScript 2.0） 面向?qū)ο蟮木幊陶Z言 2005 年 Flash8.0 2007年 Adode Flash9(Flash CS3) 支持（ActionScript 3.0） Adobe Flash CS4 2008年9月 Adobe Flash CS5 2010年 FlashBuilder、TLF文本支持 Adobe Flash CS5.5 Professional 2011年 支持 iOS 項(xiàng)目開發(fā) Adobe Flash CS6 Professional 2012年 支持HTML、3D轉(zhuǎn)換,Flash CS3的工作界面,運(yùn)行Flash CS3，首先出現(xiàn)Adobe Flash CS3 Professional的版權(quán)頁，然后會(huì)自動(dòng)出現(xiàn)其初始用戶界面,Flash CS3的工作界面,一般情況下，用戶可以選擇【Flash文件（ActionScript 3.0）】選項(xiàng)。就可以進(jìn)入Flash CS3的操作界面。,編輯欄,場景和舞臺(tái),在當(dāng)前編輯的動(dòng)畫窗口中，我們把動(dòng)畫內(nèi)容編輯的整個(gè)區(qū)域叫做場景。 可以在整個(gè)場景內(nèi)進(jìn)行圖形的繪制和編輯工作，但是最終動(dòng)畫僅顯示場景中白色（也可能會(huì)是其他顏色，這是由動(dòng)畫屬性設(shè)置的）區(qū)域內(nèi)的內(nèi)容，我們就把這個(gè)區(qū)域稱為舞臺(tái),時(shí)間軸,時(shí)間軸用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)，它是由許多小格組成，每一個(gè)小格就相當(dāng)于傳統(tǒng)動(dòng)畫制作的一幅畫面，我們把它叫做“幀”，幀也就是形成動(dòng)畫的一幅畫面。 其主要組件是層、幀和播放頭，還包括一些信息指示器,制作卡通人物跳動(dòng) ，騎馬動(dòng)畫 掛歷的生成-層,時(shí)間軸標(biāo)尺每一個(gè)刻度代表一幀，每5幀顯示一個(gè)幀編號(hào)。 播放頭主要有兩個(gè)作用：一是拖動(dòng)播放頭時(shí)可瀏覽整個(gè)動(dòng)畫效果；二是選擇需要處理的幀。用戶拖動(dòng)時(shí)間軸上的播放頭時(shí)，可以瀏覽動(dòng)畫，隨著播放頭位置的變化，動(dòng)畫會(huì)根據(jù)播放頭的拖動(dòng)方向向前或向后播放。 狀態(tài)欄：時(shí)間軸上的狀態(tài)欄顯示當(dāng)前幀數(shù)、幀頻和運(yùn)行時(shí)間三個(gè)信息。當(dāng)前幀數(shù)顯示的是當(dāng)前所選幀為第幾幀。雙擊幀頻區(qū)域，可以打開“文檔屬性”對(duì)話框，改變動(dòng)畫的文檔屬性。運(yùn)行時(shí)間顯示的是動(dòng)畫運(yùn)行至當(dāng)前所選幀所需要的時(shí)間。,層,Flash是典型的二維動(dòng)畫設(shè)計(jì)軟件，圖層建立的是空間維度，時(shí)間軸建立的是時(shí)間維度。Flash中的圖層包括普通層、引導(dǎo)層和遮罩層。 本節(jié)主要學(xué)習(xí)有關(guān)普通層的操作，,幀的類型,在傳統(tǒng)動(dòng)畫里，要完成一個(gè)動(dòng)作需要將這個(gè)動(dòng)作按每秒24幀一張一張畫出來，但是在Flash里就不必繪制每一幀，只要確定動(dòng)作開始的一幀和結(jié)束的一幀，其余過渡動(dòng)作就會(huì)自動(dòng)生成。 關(guān)鍵幀：決定起點(diǎn)、終點(diǎn)的幀就是“關(guān)鍵幀”，表現(xiàn)在時(shí)間軸上是實(shí)心的帶黑點(diǎn)的小格， 過渡幀：兩個(gè)關(guān)鍵幀之間帶箭頭的區(qū)域，是Flash自動(dòng)生成的過渡動(dòng)作，叫“過渡幀”。 “空白關(guān)鍵幀”與關(guān)鍵幀的行為完全相同，只是沒有任何內(nèi)容，時(shí)間軸上空心的圓圈就代表空白關(guān)鍵幀。 “一個(gè)和尚移動(dòng)”效果,功能面板,各個(gè)功能面板可以通過【窗口】菜單來顯示或隱藏 “信息”面板 “信息”面板顧名思義就是顯示對(duì)象的信息 “屬性”面板 “屬性”面板在界面的最下方，在這里可以顯示和修改一切對(duì)象的基本屬性，而且會(huì)隨著選取對(duì)象的不同而出現(xiàn)不同的屬性內(nèi)容。,功能面板,“顏色”面板 選擇“窗口”菜單下的“顏色”命令，即可彈出“顏色”面板。 “變形”面板 “變形”面板用來縮放、旋轉(zhuǎn)、扭曲選中的對(duì)象。其中的“旋轉(zhuǎn)”單選按鈕就是實(shí)現(xiàn)旋轉(zhuǎn)功能的，在后面的文本框中輸入。 “對(duì)齊”面板 “對(duì)齊”面板是在多個(gè)對(duì)象的處理中經(jīng)常用到的，它的功能是對(duì)多個(gè)對(duì)象執(zhí)行對(duì)齊、散布、匹配大小、調(diào)整間距等操作，也可以使單個(gè)對(duì)象相對(duì)于整個(gè)場景對(duì)齊。,網(wǎng)格與輔助線設(shè)置,Flash具有網(wǎng)格、輔助線和標(biāo)尺，可以幫助用戶精確地勾畫和安排對(duì)象。 使用網(wǎng)格:當(dāng)在文檔中顯示網(wǎng)格時(shí)，將在所有場景中顯示一系列的直線。 【視圖】【網(wǎng)格】 使用標(biāo)尺:我們可以使用“標(biāo)尺”來度量對(duì)象的大小比例。 使用輔助線:如果設(shè)置了顯示標(biāo)尺，在“水平標(biāo)尺”或“垂直標(biāo)尺”上按下鼠標(biāo)并拖動(dòng)到舞臺(tái)上，“水平輔助線”或者“垂直輔助線”就被制作出來了，用戶可以移動(dòng)、鎖定、隱藏和刪除輔助線，也可以將對(duì)象與輔助線對(duì)齊，更改輔助線顏色和對(duì)齊容差。,文件操作,1打開文件 2保存文件 3關(guān)閉文件,第 二講 Flash繪圖基礎(chǔ),主講：夏敏捷,工具箱,2.1 選取變形工具與形狀繪圖工具,2.1 .1 選取變形工具 1、選擇工具:此工具用于選擇、移動(dòng)、復(fù)制圖形以及改變形狀圖形的形狀。 單擊某個(gè)對(duì)象，即可選中對(duì)象，被選中的對(duì)象會(huì)覆蓋上一層灰色； 雙擊還會(huì)選中與其相連的對(duì)象； 拖拽或按住SHIFT鍵復(fù)選可選中多個(gè)對(duì)象 單擊對(duì)象選擇全部，拖拽框選選擇局部 按下Ctrl鍵拖動(dòng)實(shí)現(xiàn)復(fù)制 2、部分選取工具:此工具主要用于選擇線條、移動(dòng)線條和編輯節(jié)點(diǎn)以及節(jié)點(diǎn)方向等,2.1 .1 選取變形工具,3、套索工具:用套索工具可以精確地選擇不規(guī)則對(duì)象中的任意部分，在工具箱中選擇套索工具，其選項(xiàng)區(qū)域如圖，使用魔棒自動(dòng)選擇區(qū)域需要現(xiàn)將對(duì)象“分離” 摳圖 “和尚”圖案 （1）“修改”-“分離”（2）“編輯”“取消全選”（3）使用“套索工具”的“魔術(shù)棒”功能來去除。,2.1 .1 選取變形工具,4、任意變形工具:主要用于對(duì)各種對(duì)象進(jìn)行不同方式的變形處理，如拉伸、壓縮、旋轉(zhuǎn)、翻轉(zhuǎn)和自由變形等。通過任意變形工具，可以將對(duì)象變形為自己需要的各種樣式。選擇任意變形工具后，將激活工具箱底部的相關(guān)按鈕，如圖所示,2.1.2 形狀繪圖工具,1、線條工具 繪制各種各樣的線條，其方法為選擇工具箱中的線條工具，在舞臺(tái)中按住鼠標(biāo)左鍵并拖動(dòng)鼠標(biāo)到需要的位置后釋放即可繪制出一條直線。 選中繪制的直線后，可以在 “屬性”面板中對(duì)直線的筆觸顏色、筆觸高度和筆觸樣式等屬性進(jìn)行設(shè)置。 2、橢圓工具和基本橢圓工具: 這二個(gè)工具均用于繪制橢圓或者正圓，它們之間不同在于，“基本橢圓工具”將其繪制的圖形作為獨(dú)立的對(duì)象，并可以使用“屬性”檢查器中的控件指定橢圓的開始角度、結(jié)束角度和內(nèi)徑，使用起來更加方便。,2.1.2 形狀繪圖工具,3、矩形工具和基本矩形工具 用于繪制矩形，它們之間的不同類似于橢圓工具和基本橢圓工具。 通過工具調(diào)整 在舞臺(tái)中繪制好了一個(gè)基本矩形后，我們發(fā)現(xiàn)它的四個(gè)角有控制點(diǎn)，請(qǐng)選擇“選擇工具” 或“部分選取工具”，這兩個(gè)工具都可以對(duì)矩形的控制點(diǎn)進(jìn)行調(diào)整，選擇“選擇工具”在矩形的一角按下鼠標(biāo)左鍵，并拖動(dòng)，它就可以變?yōu)閳A角矩形了。此時(shí)注意它一共有8個(gè)控制點(diǎn)，可以分別選擇不同的控制點(diǎn)進(jìn)行調(diào)整。 4.多角星形工具 “中國心”的制作 “修改”-”合并對(duì)象“-”聯(lián)合“ 荷包蛋制作,上機(jī)練習(xí)：,2.2 手工繪圖與顏色工具,2.2.1 手工繪圖工具 1、鉛筆工具:用鉛筆工具可以繪制任意形狀的矢量圖形，繪制的方式與使用真實(shí)鉛筆大致相同。 2、鋼筆工具:用于繪制精確的路徑，如直線或者平滑流暢的曲線（貝塞爾曲線），并對(duì)曲線的彎曲度進(jìn)行調(diào)節(jié)，從而使繪制的線條達(dá)到理想的效果。,2.2.1 手工繪圖工具,3、刷子工具: 利用【刷子】工具可以繪制出類似于毛筆和水彩筆繪制的效果。用刷子工具可以繪制任意形狀、大小及顏色的填充區(qū)域，也可以給已經(jīng)繪制好的對(duì)象填充顏色。 4、橡皮擦工具:使用橡皮擦工具可以對(duì)圖形中繪制不滿意的部分進(jìn)行擦除，以便重新對(duì)其進(jìn)行繪制，可以根據(jù)實(shí)際情況設(shè)置不同的擦除模式獲得特殊的圖形效果。,2.2.2 顏色工具,1、顏料桶工具: 繪制完圖形后就可以用顏料桶工具填充顏色。在工具欄的“填充顏色”中可選擇填充模式，有單色填充、漸變填充和位圖填充3種，運(yùn)用顏色桶工具可以給舞臺(tái)中的封閉圖形填色，也可以給一些沒有完全封閉的圖形填色。 2、墨水瓶工具: 顏料桶工具用于處理填色，而墨水瓶工具用于修改線框的類型、色彩和寬度?！灸俊抗ぞ弑旧聿荒芾L制圖形，也不能對(duì)圖像進(jìn)行內(nèi)部填充，它只是一種編輯圖形的輔助工具。 操作步驟： （1）選擇墨水瓶工具； （2）在屬性面板中選擇線條顏色、樣式，線寬； （3）單擊圖形對(duì)象的線框。 例如：文字描邊,2.2.2 顏色工具,3 、滴管工具：滴管工具 用于從現(xiàn)有的形狀或線條中取得樣式和顏色，并可立即應(yīng)用到其他的形狀或線條，此外滴管工具還可以吸取外部的位圖圖像作為填充內(nèi)容。 4 、漸變變形工具：漸變變形工具用于對(duì)對(duì)象填充漸變顏色的方向、范圍和位置等進(jìn)行設(shè)置， (該工具在在任意變形工具下)。,第三講 文本輸入與圖形編輯,主講：夏敏捷,3.1 文本工具,文字總是能夠更清楚地表達(dá)Flash CS3動(dòng)畫中所傳達(dá)的意思，無論是廣告、網(wǎng)頁動(dòng)畫還是MTV，都會(huì)或多或少地運(yùn)用到文字。通過Flash CS3提供的文本工具，制作者可以方便地輸入相應(yīng)的文字。輸入文字后，還可能過“屬性”面板對(duì)其內(nèi)容和樣式進(jìn)行編輯和設(shè)置。 1 創(chuàng)建文本 在工具欄選擇“文本”工具，在舞臺(tái)上單擊，然后就可以通過鍵盤鍵入文本了。 2 設(shè)置文本類型,3.1 文本工具,2 設(shè)置文本類型 靜態(tài)文本：最常用的，導(dǎo)出動(dòng)畫后，其內(nèi)容不能改變。 動(dòng)態(tài)文本：所謂“動(dòng)態(tài)文本”，指的是其中的文字內(nèi)容可以被后臺(tái)程序更新的文本對(duì)象。文本可以在動(dòng)畫播放過程中，根據(jù)用戶的動(dòng)作或根據(jù)當(dāng)前的數(shù)據(jù)而改變。動(dòng)態(tài)文本可以用于顯示一些經(jīng)常變化的信息，如比賽分?jǐn)?shù)、股市行情和天氣預(yù)報(bào)等。 輸入文本：指的是可以在其中由用戶輸入文字并提交的文本對(duì)象。 注意：“動(dòng)態(tài)文本”的工作目的，主要用于顯示變化文本，而“輸入文本”的工作目的，主要是用于接受用戶輸入的文本。,3.1 文本工具,3 設(shè)置文本屬性 設(shè)置字體、大小、樣式和顏色: 設(shè)置對(duì)齊方式: 設(shè)置邊距、縮進(jìn)和行距: 設(shè)置文本方向: 設(shè)置字母間距和字符位置: 設(shè)置字體消除鋸齒屬性: 設(shè)置文本超鏈接： 可通過“控制面板”-“字體”來安裝設(shè)計(jì)字體。,3.2 對(duì)文本進(jìn)行編輯,1.文本的分離 通過 “文本”工具輸入的文本，只具有常規(guī)文本的編輯特性，而不具有矢量圖形的特性，所以不能對(duì)其進(jìn)行填充、改變外邊框線、添加特殊效果等操作。若想使輸入的文本具有矢量圖形的特點(diǎn)，就必須對(duì)文本進(jìn)行分離操作。（對(duì)單一的文字或字母，只需分離一次即可，而對(duì)于兩個(gè)以上的文字或字母，則需要兩次分離。） 2 .為文本添加濾鏡效果 Flash CS3中，使用濾鏡僅限于電影剪輯、按鈕和文字三種類型。,3.3 矢量圖與位圖,1 圖形的獲取 1、繪制圖形 使用Flash工具箱中的繪圖工具可以繪制圖形，繪制完后，還可根據(jù)自己的需要和意圖對(duì)圖形進(jìn)行調(diào)整。這是最基本的方法，不過難度較大，對(duì)鼠標(biāo)繪圖的技巧要掌握好。 2、復(fù)制圖形 如果需要繪制的圖形和已有的圖形相同，可以將已有圖形進(jìn)行復(fù)制。 3、導(dǎo)入圖片 執(zhí)行菜單“文件”“導(dǎo)入”命令，導(dǎo)入外部圖片到舞臺(tái)或是庫。 Flash CS3能支持多種格式的位圖和矢量圖。,3.3 矢量圖與位圖,計(jì)算機(jī)中通常使的圖像文件分為矢量圖和位圖兩大類，F(xiàn)lash CS3是能支持多種格式的位圖和矢量圖。 矢量圖：矢量圖形是由數(shù)學(xué)公式所定義的直線和曲線所組成的。它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。矢量圖形與分辨率無關(guān)。 JPEG壓縮格式、BMP位圖、GIF位圖壓縮或GIF動(dòng)畫文件、PICT動(dòng)畫格式文件、EMF增強(qiáng)圖元位圖文件、 位圖：位圖通過組成圖像的每一個(gè)點(diǎn)（像素）的位置和色彩來表現(xiàn)圖像，這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成圖樣。 WMF(office剪貼畫）、CDR（CorelDraw)、Eps和AI （Adobe Illustrator）、DWG（AutoCad）矢量文件。,1.矢量圖,當(dāng)需要打開這種圖形文件時(shí)，程序根據(jù)每個(gè)元素的代數(shù)式計(jì)算出這個(gè)元素的圖形，并顯示出來。就好像我們寫出一個(gè)函數(shù)式，通過計(jì)算也能得出函數(shù)圖形一樣。 矢量圖形有著共同的規(guī)律： 可以無限放大圖形中的細(xì)節(jié)，不用擔(dān)心會(huì)造成失真和色塊。 一般的線條的圖形和卡通圖形，存成矢量圖文件就比存成位圖文件要小很多。 存盤后文件的大小與圖形中元素的個(gè)數(shù)和每個(gè)元素的復(fù)雜程度成正比，而與圖形面積和色彩的豐富程度無關(guān)。（元素的復(fù)雜程度指的是這個(gè)元素的結(jié)構(gòu)復(fù)雜度，如五角星就比矩形復(fù)雜、一個(gè)任意曲線就比一個(gè)直線段復(fù)雜） 通過軟件，矢量圖可以輕松地轉(zhuǎn)化為位圖，而位圖轉(zhuǎn)化為矢量圖就需要經(jīng)過復(fù)雜而龐大的數(shù)據(jù)處理，而且生成的矢量圖的質(zhì)量絕對(duì)不能和原來的圖形相比。,2.位圖,特點(diǎn)： 圖形面積越大，文件的字節(jié)數(shù)越多 文件的色彩越豐富，文件的字節(jié)數(shù)越多 位圖的編輯操作： 去除位圖的背景:導(dǎo)入的位圖一般是帶有背景的，對(duì)于不太復(fù)雜的背景，可以使用“套索工具”的“魔術(shù)棒”功能來去除。 先用“分離”打散，【編輯】 【取消全選】，再用“魔術(shù)棒”。 將位圖轉(zhuǎn)換為矢量圖: “選擇”工具選中位圖，執(zhí)行 “修改”“位圖”“轉(zhuǎn)換位圖為矢量圖”命令。 使用位圖進(jìn)行填充:在Flash中進(jìn)行填充的時(shí)候，除了使用純色和漸變顏色之外，還可以使用位圖進(jìn)行填充。 打開顏色面板，單擊“填充顏色”按鈕，在“類型”下拉列表中選擇“位圖”選項(xiàng)。這時(shí)如果庫中已經(jīng)有位圖，可以直接進(jìn)行位圖填充模式，如果庫中沒有任何位圖，可以將位圖導(dǎo)入庫或是舞臺(tái)上后，再進(jìn)行填充操作。,文本特效,【案例】位圖填充文字 【案例】點(diǎn)框文字（墨水瓶工具） 【案例】七彩文字 （線性填充效果),空心字效果制作過程,空心字效果制作過程： 1.輸入文字 2.選定文字，按CtrlB兩次打散文字，然后選擇墨水瓶工具，選擇顏色 3.向字體上描邊 4.選擇黑色部分刪除后，就實(shí)現(xiàn)空心字效果,第四講 Flash動(dòng)畫基礎(chǔ),主講：夏敏捷,主要內(nèi)容,本講介紹Flash CS3的動(dòng)畫制作中的一些基本概念： 幀 圖層 時(shí)間軸 元件和庫,4.1.1 幀,動(dòng)畫形成的原理是多張圖片連續(xù)變換時(shí)，由于人眼的視覺暫留現(xiàn)象，使人認(rèn)為這些圖片內(nèi)容動(dòng)起來了。 每一幅圖片就是一個(gè)“幀”，通過改變連續(xù)幀的內(nèi)容來實(shí)現(xiàn)動(dòng)畫。 幀頻率表示每秒中播放的幀數(shù)，如果設(shè)置的幀頻率太快，會(huì)造成動(dòng)畫的細(xì)節(jié)一晃而過，而太慢的幀頻率會(huì)使動(dòng)畫出現(xiàn)停頓現(xiàn)象，因此，必須設(shè)置合適的幀頻率。一般來說設(shè)置812幀比較適合。（文檔屬性中可修改）,4.1.2 幀的類型,關(guān)鍵幀：關(guān)鍵幀主要用于定義動(dòng)畫中對(duì)象的主要變化，它在時(shí)間軸中以實(shí)心的小圓表示，動(dòng)畫中所有需要顯示的對(duì)象都必須添加到關(guān)鍵幀中。關(guān)鍵幀表現(xiàn)的是一個(gè)動(dòng)畫過程中的轉(zhuǎn)折點(diǎn)。 空白關(guān)鍵幀：空白關(guān)鍵幀就是關(guān)鍵幀中沒有任何對(duì)象，它在時(shí)間軸中以空心的小圓表示，空白關(guān)鍵幀主要用于結(jié)束或間隔動(dòng)畫中的畫面 過渡幀（普通幀）：在兩個(gè)關(guān)鍵幀之間，由電腦自動(dòng)完成過渡畫面的幀，普通幀主要用作關(guān)鍵幀和關(guān)鍵幀之間的過渡。,動(dòng)畫補(bǔ)間,形狀補(bǔ)間,4.1.3 幀的操作,創(chuàng)建Flash動(dòng)畫主要有逐幀動(dòng)畫和漸變動(dòng)畫兩種方法。在逐幀動(dòng)畫中，每一幀都是關(guān)鍵幀，需要為每一關(guān)鍵幀創(chuàng)建圖像內(nèi)容；而在漸變動(dòng)畫中，只要?jiǎng)?chuàng)建開始關(guān)鍵幀和結(jié)束關(guān)鍵幀，中間的過程將由Flash自動(dòng)形成。 1. 添加關(guān)鍵幀（“插入”菜單；右鍵快捷菜單；F6鍵） 2. 刪除幀 （右鍵快捷菜單），后面的幀前移 3. 添加空白關(guān)鍵幀 4. 選擇所有幀 5. 復(fù)制幀 6. 粘貼幀,4.2 時(shí)間軸與圖層,時(shí)間軸是創(chuàng)作動(dòng)畫時(shí)使用圖層并控制動(dòng)畫內(nèi)容的窗口，圖層是組成時(shí)間軸面板的一部分，圖層和幀中的內(nèi)容隨時(shí)間的改變而發(fā)生變化，從而產(chǎn)生了動(dòng)畫。 時(shí)間軸主要由圖層、幀和播放頭組成。時(shí)間軸左邊列出動(dòng)畫中的圖層。 位于時(shí)間軸上部的是時(shí)間軸標(biāo)題（幀編號(hào)）和播放頭。播放頭主要有兩個(gè)作用：一是拖動(dòng)播放頭時(shí)可瀏覽整個(gè)動(dòng)畫效果；二是選擇需要處理的幀。 狀態(tài)欄：時(shí)間軸下方的狀態(tài)欄顯示當(dāng)前幀數(shù)、幀頻和運(yùn)行時(shí)間三個(gè)信息。 建立幀標(biāo)簽和動(dòng)畫注釋：幀標(biāo)簽用于標(biāo)示關(guān)鍵幀，在屬性面板的幀標(biāo)簽文本框中輸入，以“/”開頭為注釋。,4.2 時(shí)間軸與圖層,圖層在Flash中是一個(gè)相當(dāng)重要的動(dòng)畫制作手段，尤其是在創(chuàng)建復(fù)雜的動(dòng)畫時(shí)。對(duì)一個(gè)圖層上的對(duì)象可以進(jìn)行編輯、粘貼和重新定位而不會(huì)影響其他圖層。 Flash中的每個(gè)圖層都是相互獨(dú)立的，按照順序相互重疊，不會(huì)相互間產(chǎn)生干擾。使用圖層最大的好處就是可以將不同類型的內(nèi)容放在不同的圖層中，利于管理。 在圖層列表的右上方是設(shè)置圖層的3個(gè)圖標(biāo)，分別是： “眼睛”圖標(biāo) ：控制圖層的內(nèi)容是否可見 “鎖”圖標(biāo) ：單擊該圖標(biāo)，即可鎖定圖層 “方框”圖標(biāo) ：單擊該圖標(biāo)會(huì)使圖層的內(nèi)容以輪廓的方式顯示，圖層之間不會(huì)被相互覆蓋，方便選取和進(jìn)行圖像處理,4.2 時(shí)間軸與圖層,對(duì)圖層的操作 新增圖層 移動(dòng)圖層 刪除圖層 修改圖層屬性（在圖層上單擊右鍵選擇“屬性”）,4.3 元件和庫元件,元件是在Flash中創(chuàng)建的圖形、按鈕或影片剪輯，就是Flash動(dòng)畫對(duì)象，是Flash動(dòng)畫設(shè)計(jì)最基本、最重要的元素。編輯好的任何對(duì)象在設(shè)計(jì)動(dòng)畫之前都要將它轉(zhuǎn)化為元件。 使用元件來設(shè)置動(dòng)畫的好處 除了方便管理和調(diào)用外，最重要的是如果一個(gè)對(duì)象要重復(fù)使用，只需多次從“庫”中調(diào)用，而不會(huì)增加文件的體積。,4.3 元件和庫元件,創(chuàng)建元件時(shí)要選擇元件類型，這取決于用戶在文檔中如何使用該元件，其類型如下： （1）圖形元件：用于創(chuàng)建可反復(fù)使用的圖形。 （2）影片剪輯元件：影片剪輯元件本身就是一段動(dòng)畫。使用影片剪輯元件可創(chuàng)建反復(fù)使用的動(dòng)畫片段，且可獨(dú)立播放。 （3）按鈕元件：使用按鈕元件可以創(chuàng)建響應(yīng)鼠標(biāo)點(diǎn)擊、滑過或其他動(dòng)作的交互式按鈕。,實(shí)例的概念,實(shí)例是指位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本。實(shí)例可以與它的元件在顏色、大小和功能上差別很大。編輯元件會(huì)更新它的所有實(shí)例，但對(duì)元件的一個(gè)實(shí)例應(yīng)用效果則只能更新該實(shí)例。 通過使用實(shí)例，可以避免重復(fù)創(chuàng)建相同或相似的元素，又可以在已有元素的基礎(chǔ)上通過一定的修改得到豐富的對(duì)象。幾乎所有應(yīng)用于一般矢量圖形的操作，都可以用于由元件產(chǎn)生的實(shí)例。,4.3 元件和庫庫,說到“元件”，就離不開“庫”，因?yàn)椤霸眱H存在于“庫”中， 各種元件都放在庫中，在使用時(shí)從庫中調(diào)用。使用庫可以對(duì)各種可重復(fù)使用的資源進(jìn)行合理的管理和分類。在庫中可以對(duì)元件進(jìn)行復(fù)制和刪除等操作，可以將不同類型的元件放在不同文件夾中。 在Flash中，庫分為三種 自建內(nèi)容的“庫”面板 公用庫 外部庫 “庫”面板用于存儲(chǔ)和組織元件、聲音、位圖和視頻文件；公用庫是Flash自帶的庫，可以直接拖入舞臺(tái)后編輯使用；外部庫用于調(diào)用其它影片文件的庫中的元件。,4.4.1 創(chuàng)建圖形元件,創(chuàng)建元件是制作Flash動(dòng)畫的第一步。有兩種創(chuàng)建圖形元件的方法： 1. 直接創(chuàng)建新元件 在元件的編輯模式下添加或者繪制圖形 2. 將選定的圖形對(duì)象轉(zhuǎn)為元件 “修改“菜單-”轉(zhuǎn)換為元件”,4.4.2 創(chuàng)建按鈕元件,按鈕元件是Flash的基本元件之一，它具有多種狀態(tài)，并且會(huì)響應(yīng)鼠標(biāo)事件，執(zhí)行指定的動(dòng)作，是實(shí)現(xiàn)動(dòng)畫交互效果的關(guān)鍵對(duì)象。 按鈕元件由4個(gè)狀態(tài)組成 彈起幀：表示鼠標(biāo)指針不在按鈕上時(shí)的狀態(tài)。 指針經(jīng)過幀：表示鼠標(biāo)指針移動(dòng)到按鈕上方時(shí)，該按鈕顯示的外觀。 按下幀：表示鼠標(biāo)單擊按鈕時(shí)，該按鈕顯示的外觀。 點(diǎn)擊幀：定義對(duì)鼠標(biāo)做出反應(yīng)的區(qū)域。,stop(); f_btn.addEventListener (MouseEvent.CLICK,start1); function start1(event:MouseEvent) gotoAndPlay(10); s_btn.addEventListener (MouseEvent.CLICK,start2); function start2(event:MouseEvent) gotoAndPlay(40); ,4.4.3 創(chuàng)建影片剪輯元件,當(dāng)需要重復(fù)使用一段已經(jīng)創(chuàng)建的動(dòng)畫時(shí)，最簡單的方法就是將該動(dòng)畫轉(zhuǎn)換為影片剪輯元件。 操作步驟： 選中要轉(zhuǎn)換動(dòng)畫所有層上的所有幀，復(fù)制這些幀。 選擇“插入”-“新建元件”，做好設(shè)置 單擊時(shí)間軸的第一幀，然后右鍵-粘貼幀。 回到場景工作區(qū)，庫面板中就創(chuàng)建了“影片剪輯”了 。 例如：“賽馬”影片剪輯 例如：和尚挑水,第五講 Flash動(dòng)畫制作,主講：夏敏捷,主要內(nèi)容,在完成了一切準(zhǔn)備工作后，本章開始學(xué)習(xí)用Flash CS3來制作動(dòng)畫的幾種方式： 逐幀動(dòng)畫 形狀補(bǔ)間動(dòng)畫 動(dòng)作補(bǔ)間動(dòng)畫 遮罩動(dòng)畫 引導(dǎo)路徑動(dòng)畫 時(shí)間軸特效,5.1 逐幀動(dòng)畫,將動(dòng)畫中的每一幀都設(shè)置為關(guān)鍵幀，在每一個(gè)關(guān)鍵幀中創(chuàng)建不同的內(nèi)容，就成為逐幀動(dòng)畫。這就像播放影片一樣，將一個(gè)連續(xù)的動(dòng)作分解成若干只有微小變化的靜態(tài)圖片，將這些靜態(tài)圖片快速連續(xù)播放，根據(jù)視覺暫留原理，人的眼睛會(huì)將原來并不連續(xù)的靜態(tài)圖片看成一個(gè)連續(xù)的動(dòng)作。 逐幀動(dòng)畫在傳統(tǒng)動(dòng)畫制作中使用的比較多，很多大型作品幾乎都使用逐幀來制作物體、人物的運(yùn)動(dòng)，包括一些沒有規(guī)律的運(yùn)動(dòng)效果。,5.1 逐幀動(dòng)畫,制作逐幀動(dòng)畫，需要將每一幀都定義為關(guān)鍵幀，在每個(gè)關(guān)鍵幀中創(chuàng)建不同的圖像。制作逐幀動(dòng)畫的方法有3種： 1.導(dǎo)入圖片建立逐幀動(dòng)畫:當(dāng)向Flash CS3中導(dǎo)入圖像時(shí)，有二種類型的圖片可以形成逐幀動(dòng)畫： 序列圖像：這些序列圖像有類似幀的結(jié)構(gòu)，F(xiàn)lash會(huì)進(jìn)行相應(yīng)幀到幀的轉(zhuǎn)換工作。包括GIF序列圖像、SWF動(dòng)畫文件以及利用第三方軟件制作的序列圖像（如Swish、Swift 3D等）， 靜態(tài)圖片：JPG、PNG等格式的靜態(tài)圖片，如果導(dǎo)入的圖像文件名以數(shù)字結(jié)尾，F(xiàn)lash會(huì)自動(dòng)將其識(shí)別為圖像序列，并提示是否導(dǎo)入圖像序列。 【案例：賽馬】,2、繪制逐幀動(dòng)畫 可以用鼠標(biāo)或鉛筆等在場景中一幀幀的畫出幀內(nèi)容，來制作逐幀動(dòng)畫。 【案例：倒計(jì)時(shí)】 3、文字逐幀動(dòng)畫 用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。例如通過修改舞臺(tái)中對(duì)應(yīng)幀中相應(yīng)字母的大小，制作文字跳動(dòng)的動(dòng)畫效果， 【案例：文字逐幀動(dòng)畫】,5.1 逐幀動(dòng)畫,在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀，F(xiàn)lash 根據(jù)二者之間的幀的值或形狀通過計(jì)算生成中間各幀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。 形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化，使用的元素多為繪畫出來的“形狀”，如果使用圖形元件、按鈕、文字，則必先“打散”將其轉(zhuǎn)換為“形狀”才能創(chuàng)建形狀補(bǔ)間動(dòng)畫。 創(chuàng)建形狀補(bǔ)間動(dòng)畫的具體操作方法為：在時(shí)間軸面板上動(dòng)畫開始的關(guān)鍵幀設(shè)置初始的形狀，在動(dòng)畫結(jié)束關(guān)鍵幀設(shè)置要變成的形狀，再單擊開始幀，在“屬性”面板 “補(bǔ)間”中選擇“形狀”選項(xiàng) 【案例：奧運(yùn)篆書】 導(dǎo)入“棒球.ai”素材時(shí)注意將素材圖層 轉(zhuǎn)換成單一Flash圖層或關(guān)鍵幀， 否則會(huì)出現(xiàn)圖片的圖層。 也可導(dǎo)入元件庫，注意打散 【案例：橢圓變文字】 向往和平.fla,5.2 形狀補(bǔ)間動(dòng)畫,“棒球.ai”素材將其圖層轉(zhuǎn)換成單一Flash圖層,5.2 形狀補(bǔ)間動(dòng)畫-使用形狀提示,Flash在“計(jì)算”補(bǔ)間時(shí)，如果2個(gè)關(guān)鍵幀中圖形差異較大，變形結(jié)果會(huì)顯得亂七八糟。 對(duì)于前后圖形形狀差異比較大的時(shí)候，可以使用“形狀提示”這一功能，加強(qiáng)對(duì)變形中間的過程的控制，美化變形的結(jié)果。它的思路是在圖形的“起始形狀”和“結(jié)束形狀”中添加相對(duì)應(yīng)的“參考點(diǎn)”，使Flash在計(jì)算變形過渡時(shí)可以依據(jù)一定的規(guī)則進(jìn)行，從而有效地控制變形的中間過程。 形狀提示的具體操作方法 【案例：字母變形】,形狀提示的具體操作方法,使用形狀提示的具體操作方法為： 單擊形狀補(bǔ)間動(dòng)畫的開始關(guān)鍵幀，執(zhí)行“修改”“形狀”“添加形狀提示”命令，該幀的形狀里面就會(huì)增加一個(gè)帶字母的紅色圓圈（一般第一個(gè)提示是字母“a”），相應(yīng)地，在結(jié)束幀形狀中也會(huì)出現(xiàn)一個(gè)一模一樣的紅色圓圈。在不同的關(guān)鍵幀中，用鼠標(biāo)左鍵單擊并分別按住這二個(gè)“提示圓圈”，拖放到適當(dāng)位置，如果使用形狀提示成功后，開始幀上的“提示圓圈”將變?yōu)辄S色，結(jié)束幀上的“提示圓圈”會(huì)變?yōu)榫G色。安放不成功或者它們不在一條曲線上時(shí)，“提示圓圈”顏色將保持不變。 另外，要?jiǎng)h除所有的形狀提示，可執(zhí)行“修改”“形狀”“刪除所有提示”命令，刪除單個(gè)形狀提示，可用鼠標(biāo)右鍵單擊它，在彈出菜單中選擇“刪除提示”。,5.3 動(dòng)作補(bǔ)間動(dòng)畫,動(dòng)作補(bǔ)間動(dòng)畫也是Flash中非常重要的表現(xiàn)手段之一，通過為實(shí)例、文字等創(chuàng)建補(bǔ)間動(dòng)作動(dòng)畫，可改變這些對(duì)象的位置、尺寸、旋轉(zhuǎn)或傾斜。此外，通過改變實(shí)例與文本的顏色，還可創(chuàng)建顏色漸變動(dòng)畫或淡入、淡出動(dòng)畫。 動(dòng)作補(bǔ)間動(dòng)畫創(chuàng)建：在一個(gè)關(guān)鍵幀上放置一個(gè)元件，然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等，F(xiàn)lash 根據(jù)二者之間的幀的值創(chuàng)建動(dòng)畫。 與“形狀補(bǔ)間動(dòng)畫”不同的是，構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫的元素是元件，包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等 【案例：力和運(yùn)動(dòng)】 【案例：小李飛刀】,5.4 遮罩動(dòng)畫,遮罩動(dòng)畫是Flash中的一個(gè)很重要的動(dòng)畫類型，很多效果豐富的動(dòng)畫都是通過遮罩動(dòng)畫來完成的。遮罩動(dòng)畫在Flash中主要是通過圖層來實(shí)現(xiàn)的，可以把它理解為一個(gè)特殊的層。為了得到特殊的顯示效果，可以在這個(gè)特殊的層上創(chuàng)建一個(gè)任意形狀的“視窗”，遮罩層下方的對(duì)象可以通過該“視窗”顯示出來，而“視窗”之外的對(duì)象將不會(huì)顯示。 在Flash中遮罩是指一個(gè)范圍，它可以是一個(gè)矩形區(qū)域、一個(gè)圓，也可以是字體、甚至是隨意畫的一個(gè)區(qū)域，任何一個(gè)不規(guī)則形狀的范圍都可用做遮罩。,5.4 遮罩動(dòng)畫,在Flash動(dòng)畫中，“遮罩”主要有二種用途： （1）用在整個(gè)場景或一個(gè)特定區(qū)域，使場景外的對(duì)象或特定區(qū)域外的對(duì)象不可見； （2）用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。 創(chuàng)建遮罩層的具體操作步驟如下： 1）選擇或創(chuàng)建一個(gè)圖層作為被遮罩層，在該圖層中應(yīng)包含將出現(xiàn)在遮罩中的對(duì)象。 2）選擇該圖層，然后執(zhí)行“插入”“圖層”命令，創(chuàng)建遮罩層。 3）在遮罩層上創(chuàng)建填充形狀、文字、圖形等元素。 4）在“時(shí)間軸”面板中用鼠標(biāo)右鍵單擊創(chuàng)建的遮罩層，然后選擇“遮罩層”，該層將轉(zhuǎn)換為“遮罩層”。 可以在遮罩層、被遮罩層分別或同時(shí)使用各種動(dòng)畫，實(shí)現(xiàn)各種效果。,【案例： 望遠(yuǎn)鏡（黑夜偷窺）、探照燈效果】,5.5 引導(dǎo)路徑動(dòng)畫,將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫形式被稱為“引導(dǎo)路徑動(dòng)畫”。這種動(dòng)畫可以使一個(gè)或多個(gè)元件完成曲線或不規(guī)則運(yùn)動(dòng)。 由于引導(dǎo)線是一種運(yùn)動(dòng)軌跡，我們可以簡單地把引導(dǎo)路徑動(dòng)畫理解為動(dòng)作補(bǔ)間動(dòng)畫一種，當(dāng)播放動(dòng)畫時(shí)，一個(gè)或數(shù)個(gè)元件將沿著運(yùn)動(dòng)路徑移動(dòng)。 【案例： 蜻蜓飛】 【案例： 原子核和電子】,5.6 時(shí)間軸特效,在Flash CS3中，執(zhí)行菜單“插入”“時(shí)間軸特效”命令，可以看到Flash內(nèi)建的時(shí)間軸特效，共分為三大類：變形/轉(zhuǎn)換、幫助、效果. 在Flash影片中添加時(shí)間軸特效時(shí)，必須先在舞臺(tái)上選中要添加時(shí)間軸特效的對(duì)象，然后打開“插入”“時(shí)間軸特效”菜單，將具體的某一種類型時(shí)間軸特效添加到這個(gè)對(duì)象上。 轉(zhuǎn)換-是淡入淡出效果 【案例：旋轉(zhuǎn)2008 】,第6講 Flash動(dòng)畫中的聲音,主講：夏敏捷,聲音的導(dǎo)入,Flash CS3提供了多種使用聲音的方式：可以使聲音獨(dú)立于時(shí)間軸連續(xù)播放，或使動(dòng)畫與一個(gè)聲音同步播放，同時(shí)可以向按鈕添加聲音，使按鈕具有更強(qiáng)的感染力。另外，通過設(shè)置淡入淡出效果還可以使聲音更加優(yōu)美。 Flash本身沒有制作音頻的功能，只有將外部的聲音文件導(dǎo)入到Flash以后，才能更進(jìn)一步地在動(dòng)畫中加入聲音效果。一般情況下，F(xiàn)lash CS3支持的聲音文件格式有WAV、MP3和AIFF等。 向動(dòng)畫添加音樂多作為背景音樂，建議使用單獨(dú)的層來添加音樂。 【案例：清明上河圖】,快速導(dǎo)讀 本講介紹了ActionScript的基本概念、Flash編程的環(huán)境、常用的媒體控制命令、超鏈接命令getURL以及Loading的制作等知識(shí)。本講重點(diǎn)是Flash編程的環(huán)境和常用的媒體控制命令。難點(diǎn)是超鏈接命令getURL和Loading的制作。本講的學(xué)習(xí)目標(biāo)是：掌握Flash編程的基礎(chǔ)知識(shí)，熟悉它的編程環(huán)境，能夠利用本講知識(shí)制作一些簡單的實(shí)例，為以后Flash編程設(shè)計(jì)打下基礎(chǔ)。,第7講 使用ActionScript控制Flash動(dòng)畫,ActionScript是Flash的一種專用編程語言，其語法與Java類似，都是采用面向?qū)ο蟮木幊趟枷搿ctionScript允許用戶向Flash文檔添加復(fù)雜的交互性、回放控件和數(shù)據(jù)顯示?？梢允褂谩緞?dòng)作】面板在Flash制作環(huán)境中添加ActionScript，也可以使用外部編輯器創(chuàng)建外部的ActionScript文件。,7.1 ActionScript概述,7.2 【動(dòng)作】面板的使用 【動(dòng)作】面板是Flash提供的進(jìn)行ActionScript編程的專用環(huán)境。 選擇【窗口】【動(dòng)作】命令或按F9鍵，即可打開【動(dòng)作】面板。 【動(dòng)作】面板主要分為4個(gè)區(qū)域：左側(cè)上方為命令列表（動(dòng)作工具箱）；左側(cè)下方為腳本對(duì)象窗口；右側(cè)上方為工具欄；右側(cè)下方為動(dòng)作腳本編輯窗口。,7.3.1 play和stop命令 1. 播放命令play play命令的格式為： play( ); 2. 停止命令stop stop命令的格式為： stop( );,7.3 常用的媒體控制命令,7.3 時(shí)間軸命令,7.3.2 跳轉(zhuǎn)命令goto goto()命令是一個(gè)跳轉(zhuǎn)命令，其作用是當(dāng)動(dòng)畫播放到某一幀或者單擊添加該命令的按鈕的時(shí)候，跳轉(zhuǎn)到指定場景指定幀并做出相應(yīng)動(dòng)作。 1. 跳轉(zhuǎn)并播放命令gotoAndplay 語法格式為： gotoAndPlay（scene，frame）； 2. 跳轉(zhuǎn)并停止命令gotoAndStop 語法格式為： gotoAndStop(scene，frame)；,7.3.3 場景/幀跳轉(zhuǎn)命令 1. 將播放頭轉(zhuǎn)到下一幀命令nextFrame 其語法格式為： nextFrame（）：void 2. 將播放頭轉(zhuǎn)到上一幀命令prevFrame 其語法格式為： prevFrame（）：void,7.3.4 stopAllSounds命令 停止播放所有聲音控制命令stopAllSounds的作用是在不停止播放頭的情況下，停止SWF文件中當(dāng)前正在播放的所有聲音。設(shè)置到流的聲音在播放頭移過它們所在的幀的時(shí)候?qū)⒒謴?fù)播放。 可以將以