Flash基礎(chǔ)教程從零學(xué)起PPT課件

1、歡迎進(jìn)入Flash8中文版基礎(chǔ)與實(shí)例教程,網(wǎng)頁三劍客之一,FLASH動(dòng)畫從零學(xué)起,第1章 Flash 基礎(chǔ),Flash 8.0入門基礎(chǔ)篇,Flash簡(jiǎn)介,Flash 是Macromedia公司推出的一款多媒體動(dòng)畫制作軟件，它不但可以制作出集音樂、聲效、動(dòng)畫于一體的高品質(zhì)動(dòng)畫，還可以制作出交互式影片和具有完備功能的網(wǎng)站。 Flash 動(dòng)畫采用的是矢量繪圖技術(shù)，矢量圖的特點(diǎn)是圖像可以無限放大而不會(huì)失真。由于動(dòng)畫是由矢量圖構(gòu)成的，這就大大地縮小了動(dòng)畫文件的容量，在網(wǎng)絡(luò)帶寬限制的情況下，提升了網(wǎng)絡(luò)傳輸?shù)男剩梢苑奖愕叵螺d觀看，一個(gè)幾分鐘的flash動(dòng)畫片也許只有12兆字節(jié)。所以Flash一經(jīng)推出，就

2、風(fēng)靡網(wǎng)絡(luò)世界?，F(xiàn)在更是許多專業(yè)與非專業(yè)設(shè)計(jì)者的首選動(dòng)畫制作軟件。,安裝,1、Flash8.0是目前最常用的版本，在百度中輸入Flash8.0免費(fèi)下載，便可找到相關(guān)提供下載的網(wǎng)頁，隨后點(diǎn)擊下載鏈接，將該軟件安裝程序下載到桌面，然后對(duì)其進(jìn)行安裝。（在百度中可以輸入Flash8.0免費(fèi)激活碼查詢），在安裝該軟件時(shí)輸入激動(dòng)碼便完成了安裝工作。 注：flash8注冊(cè)碼：WPD800 51131 30132 22478,Flash8.0的啟動(dòng)與退出,一、啟動(dòng)：?jiǎn)?dòng)Flash 單擊“開始”|“程序”，在程序菜單中找到Macromedia菜單選擇Flash項(xiàng)。 啟動(dòng)Flash后會(huì)出現(xiàn)一個(gè)開始頁窗口。 二、退出

3、 點(diǎn)擊標(biāo)題欄中的關(guān)閉按鈕即可,Flash8工作環(huán)境開始頁的認(rèn)識(shí),開始頁：運(yùn)行Flash 8，首先映入眼簾的是“開始頁”，“開始頁”將常用的任務(wù)都集中放在一個(gè)頁面中，包括“打開最近項(xiàng)目”、“創(chuàng)建新項(xiàng)目”、“從模板創(chuàng)建”、“擴(kuò)展”以及對(duì)官方資源的快速訪問。 如果要隱藏“開始頁”，可以單擊選擇“不再顯示此對(duì)話框”，然后在彈出的對(duì)話框單擊“確定”按鈕。 如果要再次顯示開始頁，可以通過選擇“編輯”|“首選參數(shù)”命令，打開“首選參數(shù)”對(duì)話框，然后在“常規(guī)”類別中設(shè)置“啟動(dòng)時(shí)”選項(xiàng)為“顯示開始頁”即可。,Flash8.0工作環(huán)境工作界面,在“開始頁”，選擇“創(chuàng)建新項(xiàng)目”下的“Flash文檔”，這樣就啟動(dòng)Fl

4、ash8的工作窗口并新建一個(gè)影片文檔。,工作窗口的認(rèn)識(shí),窗口的最上面是藍(lán)色的標(biāo)題欄，當(dāng)前影片自動(dòng)給了一個(gè)名稱影片1，在“保存”文件時(shí)要改為一個(gè)有意義的文件名稱。,工作窗口的認(rèn)識(shí),標(biāo)題欄下面是菜單欄，菜單是一組命令，其中“文件”菜單要求記住“打開”、“保存”、“另存為”、“導(dǎo)入”幾項(xiàng)，文件菜單中的命令都跟文件操作有關(guān)?！安迦搿辈藛沃幸涀　靶陆ńM件”和“轉(zhuǎn)換成組件”兩個(gè)命令?！靶薷摹辈藛蔚摹叭航M”和“分解組件”命令?！按翱凇辈藛沃械摹懊姘濉泵?。執(zhí)行菜單上的命令，可以完成對(duì)文件及各種對(duì)象的操作。,菜單欄,執(zhí)行菜單上的命令如圖:,工作窗口的認(rèn)識(shí),菜單欄下面是工具欄，工具欄中放的是最常用的菜單命令，

5、而且是用圖標(biāo)來表示的，便于形象記憶。 主工具欄在默認(rèn)工作界面中是不顯示的，可以通過單擊“窗口”|“工具欄”|“主工具欄”命令將其調(diào)出顯示。主工具欄上是一些標(biāo)準(zhǔn)菜單中的命令按鈕，將Flash中的常用功能以按鈕的形式集中在一起，,工作箱的認(rèn)識(shí),工具欄下面就是工作區(qū)了，在工作區(qū)的左邊是工具箱，里面有許多的繪圖和修改工具，要求記住黑“箭頭”工具，它是用于選擇圖形的，“A”是文本工具，用于文字輸入，里面還有兩個(gè)瓶子，要區(qū)分開，左邊的“墨水瓶”工具是用來給圖形的外邊框涂色的，一般鉛筆和鋼筆用它選顏色，右邊的“油漆桶”工具用來給圖形的內(nèi)部填充色，一般給圓形、矩形內(nèi)部噴色。使用時(shí)一定要多注意，不要搞反了。,窗

6、口左側(cè)是功能強(qiáng)大的“工具箱”，它是Flash中最常用到的一個(gè)面板， 由“工具”、“查看”、“顏色”和“選項(xiàng)”四部分組成,筆觸顏色,填充顏色,縮放工具,手形工具,滴管工具,橡皮擦工具,鉛筆工具,選擇工具,部分選取工具,任意變形工具,填充變形工具,工作窗口的認(rèn)識(shí),在工具箱旁邊是時(shí)間軸面板分成了兩塊，左邊是圖層面板，自動(dòng)有一個(gè)黑色的“圖層1”， 黑色上面有三個(gè)按鈕：一個(gè)眼睛一個(gè)小鎖和一個(gè)方框，圖層面板用來控制圖層的添加、刪除、選中等等。,工作窗口的認(rèn)識(shí),工作窗口的認(rèn)識(shí),工作區(qū)是用戶設(shè)計(jì)動(dòng)畫和布置場(chǎng)景對(duì)象的場(chǎng)所，中間的矩形區(qū)域是舞臺(tái)。動(dòng)畫的對(duì)象可以放置在工作區(qū)中也可以放置在舞臺(tái)中，區(qū)別是放在舞臺(tái)外面的

7、工作區(qū)的內(nèi)容在動(dòng)畫播放時(shí)不可見，只有在舞臺(tái)中的對(duì)象才可見。這些對(duì)象包括矢量插圖、文本框、按鈕、導(dǎo)入的位圖或視頻剪輯等。 在默認(rèn)情況下，舞臺(tái)的寬為550像素，高為400像素，用戶可以通過【屬性】面板設(shè)置和改變舞臺(tái)的大小。,工作窗口的認(rèn)識(shí),多個(gè)“面板”圍繞在“舞臺(tái)”的下面和右面，包括常用的【動(dòng)作】面板、【屬性】/【濾鏡】/【參數(shù)】面板組，還有【顏色】面板組和【庫】面板等。 面板是Flash工作窗口中最重要的操作對(duì)象，,右鍵快捷菜單,右鍵快捷菜單包含與當(dāng)前選擇內(nèi)容相關(guān)的命令。,場(chǎng)景,通常一個(gè)影片由一個(gè)或多個(gè)場(chǎng)景組成，執(zhí)行“窗口”“設(shè)計(jì)面板”“場(chǎng)景”命令可以打開“場(chǎng)景”控制面板，如圖1-12所示： 通

8、過單擊該控制面板下方的各按鈕，可復(fù)制、創(chuàng)建和刪除場(chǎng)景。此外，要改變場(chǎng)景名稱，可在“場(chǎng)景”控制面板中雙擊要更名的場(chǎng)景，并輸入新的場(chǎng)景名；要改變文檔中場(chǎng)景的順序，只需在“場(chǎng)景”控制面板中上、下拖動(dòng)場(chǎng)景名即可。,使用標(biāo)尺,標(biāo)尺的設(shè)置是為了方便繪制電影元素，在默認(rèn)狀態(tài)下Flash 是不顯示標(biāo)尺的。如需將標(biāo)尺調(diào) 出，只需選擇“視圖”“標(biāo)尺”命令，使該命令前出現(xiàn)“”，就可以將工作窗口上部的水平標(biāo)尺和 左側(cè)的垂直標(biāo)尺顯示出來，如圖1-14所示。如需隱藏標(biāo)尺，同樣選擇“視圖”“標(biāo)尺”命令，使該命令前的“”消失即可。,顯示輔助標(biāo)尺,使用網(wǎng)格,如需使用Flash中的網(wǎng)格，只需選擇“視圖”“網(wǎng)格” “顯示網(wǎng)格”命令

9、，使該命令前出現(xiàn)“”，即可在舞臺(tái)上顯示網(wǎng)格，如圖所示。如需將顯示的網(wǎng)格線隱藏，只需再次選擇“視圖”“網(wǎng)格” “顯示網(wǎng)格”命令，使該命令前的“”消失即可。 如果對(duì)當(dāng)前舞臺(tái)中的網(wǎng)格不滿意，可以選擇“視圖”“網(wǎng)格” “編輯網(wǎng)格”命令，在彈出的如所示的“網(wǎng)格”對(duì)話框中可以對(duì)當(dāng)前網(wǎng)格進(jìn)行編輯。,顯示網(wǎng)格,編輯網(wǎng)格,使用輔助線,在Flash中，輔助線和標(biāo)尺、網(wǎng)格有所不同，用戶需要手動(dòng)添加輔助線。使用輔助線，可以精確的繪制和布置對(duì)象。 1.4.3.1 添加輔助線 1、選擇“視圖”“輔助線” “顯示輔助線”命令，顯示輔助線。 2、選擇“視圖”“標(biāo)尺”命令，顯示輔助標(biāo)尺。 3、將鼠標(biāo)放置在水平或垂直標(biāo)尺上，按下

10、并拖動(dòng)鼠標(biāo)至需要位置后釋放鼠標(biāo)，即可在舞臺(tái)中添加輔助線。,1.4.3.2 編輯輔助線 選擇“視圖”“輔助線” “編輯輔助線”命令，將會(huì)彈出如圖所示的“輔助線”對(duì)話框，在該對(duì)話框中可以對(duì)輔助線進(jìn)行編輯。,編輯輔助線,第二章 Flash的基本知識(shí),在學(xué)習(xí)制作Flash影片之前，需要掌握一些Flash的基本知識(shí)以及常用的術(shù)語，這些是Flash操作的基礎(chǔ)。掌握好這些知識(shí)，可以更輕松地理解以后章節(jié)中將要學(xué)習(xí)的內(nèi)容。,位圖圖像和矢量圖像,計(jì)算機(jī)圖像主要分為位圖圖像和矢量圖像兩大類。 1位圖圖像 位圖圖像使用帶顏色的小點(diǎn)（即所謂的“像素”）描述圖像。像素的多少將決定位圖圖像的顯示質(zhì)量和文件的大小，位圖圖像的

11、分辨率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關(guān)。對(duì)位圖圖形放大時(shí)，放大的只是像素點(diǎn)，圖像將變得模糊。 2矢量圖像 矢量圖形使用直線和曲線（即所謂的“矢量”）來描述圖像。當(dāng)用戶編輯矢量 圖形時(shí)，實(shí)際上是在修改直線和曲線的屬性。矢量屬性還包括顏色和位置 屬性。矢量圖的清晰度與分辨率的大小無關(guān)，對(duì)矢量圖進(jìn)行縮放時(shí)，圖形 對(duì)象仍保持原有的清晰度和光滑度，不會(huì)發(fā)生任何偏差。,元件、實(shí)例和庫,在創(chuàng)作和編輯Flash動(dòng)畫時(shí)，經(jīng)常用到元件、實(shí)例和庫.正由于使用了元件和實(shí)例（還包括矢量圖形技術(shù)），才使得Flash動(dòng)畫容量較小，可在網(wǎng)絡(luò)上廣泛傳播。 元件：是保存在庫中可反復(fù)取

12、出使用的圖形、按鈕或一段小動(dòng)畫。 實(shí)例：從庫窗口中被拖入到舞臺(tái)的編輯區(qū)的元件稱為該元件的實(shí)例，它實(shí)際上是元件的復(fù)制品。 庫：是Flash動(dòng)畫中所有可以重復(fù)使用的元素的存儲(chǔ)倉庫，各種元件都放在庫中，使用時(shí)可從庫中調(diào)用。,“文檔屬性”對(duì)話框中參數(shù)的含義：“標(biāo)題”：設(shè)置文檔的標(biāo)題。 “描述”：對(duì)創(chuàng)建的影片 做一些簡(jiǎn)單的描述。 “背景顏色”：設(shè)置舞臺(tái)的背景顏色。 “標(biāo)尺單位”：標(biāo)尺是顯示在場(chǎng)景周圍的輔助工具，以標(biāo)尺為參照可以使我們繪制的圖 形更精確。在這里可以設(shè)置標(biāo)尺的單位。 “設(shè)為默認(rèn)值”：將所有設(shè)定存成默認(rèn)值， 下次當(dāng)再開啟新的影片文檔時(shí)，影片的舞臺(tái)大小和背景顏色會(huì)自動(dòng)調(diào)整成這 次設(shè)定的值。,第三

13、章 工具箱中各工具使用方法,線條工具,用于繪制直線的工具，在工具箱中選取“線條工具”后，可先在屬 性面板中設(shè)置好筆觸顏色、樣式及高度，然后在舞臺(tái)中單擊并拖 動(dòng)就可以繪制直線,使用直線工具用來繪制從起點(diǎn)到終點(diǎn)的 直線，在按下鼠標(biāo)左鍵進(jìn)行拖動(dòng)時(shí)如果 按住了Shift鍵，則可繪制水平、垂直或 以45度角度增加的直線。,線條工具,鋼筆工具與鉛筆工具,選取鋼筆工具，用鼠標(biāo)左鍵單擊起點(diǎn)，然后移動(dòng)到下一個(gè)位置，按住 鼠標(biāo)左鍵不放拖出所需的線條，然后再用同樣的辦法繪出到下一點(diǎn)的 線條，雙擊鼠標(biāo)代表繪制結(jié)束。如果繪制不滿意，可用部分選取工具 進(jìn)行調(diào)整,“鉛筆工具”可以很隨意地繪制出不 規(guī)則線條和圖形。選擇“鉛筆

14、工具” 后，可以使用其附屬選項(xiàng)更改其參 數(shù)，有三個(gè) 選項(xiàng)可以選擇： 1、“伸直”：表示自動(dòng)把線條轉(zhuǎn)化 成折線。 2、“平滑”：表示線條盡量的圓滑。 3、“墨水”：表示盡量保持繪畫的 軌跡，也就是不作任何變化，保 持原來繪畫形狀。,橢圓工具、矩形工具與多角星型工具,繪制橢圓或矩形。配合Shift鍵，可繪制圓或正方形。,墨水瓶工具、顏料桶工具,墨水瓶工具 更改線條的顏色和樣式； 顏料桶工具 更改填充區(qū)域的顏色。 包括：缺口大小和鎖定填充兩個(gè)選項(xiàng)。 缺口大小 決定如何處理未完全封閉的輪廓， 鎖定填充 決定Flash填充漸變的方式。 注：在已經(jīng)有填充色與邊框色的元件，對(duì) 其進(jìn)行更改填充色與邊框色，可以

15、選擇墨水 瓶工具與顏料桶工具。,任意變形工具、填充變形工具,任意變形工具用來 改變對(duì)象的大小情 況，包括長(zhǎng)、寬、 旋轉(zhuǎn)、傾斜等。 下圖中的小白點(diǎn)代 表旋轉(zhuǎn)的中心點(diǎn)， 用鼠標(biāo)可以改變其 位置。,選擇工具,是一個(gè)最常用的工具，它用來選擇舞臺(tái)中的一個(gè)對(duì)象。 通常選擇的方法有兩種： 點(diǎn)選和框選，點(diǎn)選可以選擇一個(gè)組件、線條或者連續(xù)的填充。 一個(gè)組件選中會(huì)出現(xiàn)藍(lán)色的邊框，填充和線條選中后就會(huì)出現(xiàn) 麻點(diǎn)狀態(tài)。 如果要選擇多個(gè)對(duì)象且對(duì)象的分布并不規(guī)則，也就是選擇 不連續(xù)的對(duì)象，可以按住【Shift】鍵然后點(diǎn)選來完成。在選擇 線條的時(shí)候只能選擇兩個(gè)點(diǎn)之間，可以使用雙擊來選擇相連的 線條。,當(dāng)鼠標(biāo)接近我們繪制的圖

16、形時(shí)，會(huì)出現(xiàn)圖，這時(shí)可按住鼠標(biāo)拖動(dòng)來改變它的外形，如圖所示。,選擇工具,部分選取工具,它用來修改由鉛筆或鋼筆所繪制的線條。當(dāng)用部分選取工具選取所繪曲線時(shí)上面會(huì)出現(xiàn)一些節(jié)點(diǎn)，如圖4-6所示，當(dāng)鼠標(biāo)點(diǎn)擊節(jié)點(diǎn)時(shí)，節(jié)點(diǎn)上會(huì)有控制柄出現(xiàn)，如圖4-7，拖動(dòng)控制柄上的點(diǎn)便可修改線條的形狀。,套索工具,套索工具 “套索工具”是一種用來實(shí)現(xiàn)選取功能并進(jìn)而對(duì)圖像進(jìn)行處理的工具，對(duì)于圖像的修剪非常有用，使用方法也比較簡(jiǎn)單。 包括： 魔術(shù)棒（Magic Wand）可根據(jù)顏色選擇對(duì)象的不規(guī)則區(qū)域； 多邊形（Polygon Mode）可選擇多邊形區(qū)域；,套索工具,刷子工具,刷子工具可以給各種物體涂抹上顏色。使用“刷子工具

17、”繪制的圖形從外觀上看似乎是線條，其實(shí)是一個(gè)填充區(qū)域，只不過沒有邊線而已。用刷子工具還可以制作出特殊效果，例如書法效果。 使用刷子工具的調(diào)節(jié)設(shè)置可以選擇刷子的形狀和大小。并且允許用戶使用屬性面板設(shè)置線條的平滑值。,刷子工具,吸管工具,使用吸管工具可以從場(chǎng)景中選擇線條、文本和填充的樣式，然后創(chuàng)建或修改相應(yīng)的對(duì)象。從場(chǎng)景中導(dǎo)入一張圖片，執(zhí)行【修改】下的【分解組件】命令將圖片打散。此時(shí)用吸管工具點(diǎn)擊一下該照片，然后用橢圓工具去畫橢圓我們發(fā)現(xiàn)我們導(dǎo)入的圖片作為了橢圓的填充。注：導(dǎo)入的圖片只有打散才可以使用吸管工具。,橡皮擦工具,使用【橡皮擦工具】可以擦去不需要的地方。 雙擊【橡皮擦工具】，可以刪除舞臺(tái)

18、上的所有內(nèi)容。 選擇【橡皮擦工具】，單擊按鈕，在彈出的菜單中有5個(gè)選項(xiàng)： 1、標(biāo)準(zhǔn)擦除：擦除同一層上的筆觸和填充。 2、擦除填色：只擦除填充，不影響筆觸。 3、擦除線條：只擦除筆觸，不影響填充。 4、擦除所選填充：只擦除當(dāng)前選定的填充，并不影響筆觸（不管筆觸是否被選中）。以這種模式使用【橡皮擦工具】之前，請(qǐng)選擇要擦除的填充。 5、內(nèi)部擦除：只擦除橡皮擦筆觸開始處的填充。如果從空白點(diǎn)開始擦除，則不會(huì)擦除任何內(nèi)容。以這種模式使用橡皮擦并不影響筆觸。,橡皮擦工具選項(xiàng),橡皮擦工具,視圖移動(dòng)工具,用于移動(dòng)工作區(qū)使其便于編輯，其功能相當(dāng)于 移動(dòng)滾動(dòng)條。選擇該工具后，使用鼠標(biāo)在工作 區(qū)中拖動(dòng)頁面即可調(diào)整。手

19、型工具可以在放大的工作區(qū)中移動(dòng)動(dòng)畫。,縮放工具,用于調(diào)整工作區(qū)的顯示比例。選擇放大鏡工具，用鼠標(biāo)在場(chǎng)景中點(diǎn)擊左鍵，發(fā)現(xiàn)場(chǎng)景以及里面的對(duì)象放大了，如果想縮小，按住Alt鍵的同時(shí)單擊鼠標(biāo)左鍵。按住鼠標(biāo)左鍵拖動(dòng)將需要放大的部分匡住，然后松開鼠標(biāo)即可。 選項(xiàng)欄：放大和縮小。,文本工具是用來輸入文字信息。選擇文本工具，再工作區(qū)按住鼠標(biāo)拖出 文本框，輸入文字,創(chuàng)建靜態(tài)文本,所謂靜態(tài)文本，就是指不會(huì)動(dòng)態(tài)更改字符的文本。簡(jiǎn)而言之，就是默認(rèn)的普通文本。 輸入靜態(tài)文本的方法為： 1、選中工具箱中的“文字工具”，光標(biāo)變成一個(gè)帶加號(hào)的A。 2、在當(dāng)前層的舞臺(tái)空白處單擊即可產(chǎn)生一個(gè)文本框，可以在其中輸入文字。 3、如果

20、在已有的文字對(duì)象上單擊，則激活該文字對(duì)象以便編輯。 4、單擊屬性面板中的“文字方向”按鈕可以使文本豎直排列。,設(shè)置靜態(tài)文本屬性,當(dāng)創(chuàng)建新文本時(shí)，F(xiàn)lash使用當(dāng)前的文字屬性。如果希望修改已存在的文本屬性，只要選中文字，就可以在屬性面板中對(duì)它的屬性進(jìn)行修改。包括字體、字號(hào)、顏色、格式、間距、對(duì)齊方式等屬性。,圖2-30 文字屬性面板,第四章 對(duì)象的相關(guān)修改編輯知識(shí)（“顏色”面板、對(duì)象的變形命令、移動(dòng)/復(fù)制/刪除對(duì)象操作、對(duì)象的組合與分離）,使用“顏色”面板，可以更改線條和填充的顏色。,“修改”|“變形”菜單命令,通過選擇“修改”|“變形”菜單中的命令，除了可以對(duì)選定對(duì)象進(jìn)行縮放、旋轉(zhuǎn)、扭曲等各種

21、操作外，還可以將對(duì)象翻轉(zhuǎn)。,移動(dòng)、復(fù)制和刪除對(duì)象,在制作Flash影片時(shí)，常常需要移動(dòng)對(duì)象。對(duì)于需要重復(fù)創(chuàng)建的圖形對(duì)象，可以通過復(fù)制功能來創(chuàng)建該對(duì)象的副本。而對(duì)于不需要的圖形對(duì)象，則可以將其刪除。 1移動(dòng)對(duì)象：如果需要移動(dòng)對(duì)象，可以通過多種方式實(shí)現(xiàn)。 2復(fù)制、粘貼對(duì)象：使用按住Alt鍵拖動(dòng)對(duì)象的方式可以快速地復(fù)制對(duì)象。另外，選取某一對(duì)象后，按下快捷鍵Ctrl+D也可以直接復(fù)制出對(duì)象的副本。但是這兩種復(fù)制只能在同一圖層同一幀的舞臺(tái)上進(jìn)行。 3刪除對(duì)象：如果需不要將對(duì)象從文件中刪除。,第五章 動(dòng)畫制作基礎(chǔ)知識(shí),中篇部分,動(dòng)畫的原理,圖2-2中飛機(jī)位于圖片的最左邊，圖2-3中飛機(jī)位于圖片的中間，圖2

22、-4中飛機(jī)位于圖片的最右邊。當(dāng)我們將這三幅畫面依次按照一定速度播放的時(shí)候，給我們的視覺效果就是看上去感覺飛機(jī)在從左向右飛行，如圖2-5所示。動(dòng)畫就是由一系列近似的畫面按照一定的順序和速度進(jìn)行播放而產(chǎn)生，它是欺騙人視覺效果的一種把戲。,圖2-2 圖2-3 圖2-4 圖2-5,Flash是利用播放連續(xù)幀的方式產(chǎn)生動(dòng)畫效果。其默認(rèn)動(dòng)畫效果是每秒12幀，,1. 動(dòng) 畫 的 類 型,Flash生成的動(dòng)畫文件，其擴(kuò)展名默認(rèn)為.fla和.swf。前者只能在Flash環(huán)境中運(yùn)行；后者可以脫離Flash環(huán)境獨(dú)立運(yùn)行。 動(dòng)畫的制作方式 幀動(dòng)畫和造型動(dòng)畫 在Flash中，幀動(dòng)畫亦稱逐幀動(dòng)畫或影格連續(xù)動(dòng)畫；造型動(dòng)畫則

23、稱為漸變動(dòng)畫。,逐幀動(dòng)畫,在連續(xù)的關(guān)鍵幀中繪制或編輯同一對(duì)象的不同形態(tài)（或不同的對(duì)象）所形 成的動(dòng)畫被稱為逐幀動(dòng)畫。在創(chuàng)建逐幀動(dòng)畫時(shí)，需要將動(dòng)畫中的每個(gè)幀都 定義為關(guān)鍵幀，然后為每個(gè)幀創(chuàng)建不同的圖像。,補(bǔ)間動(dòng)畫,補(bǔ)間動(dòng)畫是在制作好前后兩個(gè)關(guān)鍵幀上的內(nèi)容后，由 Flash自動(dòng)生成中間各幀，使得畫面從一個(gè)關(guān)鍵幀漸變 到另一個(gè)關(guān)鍵幀所形成的動(dòng)畫。,運(yùn)動(dòng)引導(dǎo)動(dòng)畫,在Flash中，除了可以使對(duì)象沿直線運(yùn)動(dòng)外，還能夠使其沿某種特定的軌跡運(yùn)動(dòng)，這種使對(duì)象沿指定路徑運(yùn)動(dòng)的動(dòng)畫可以通過添加運(yùn)動(dòng)引導(dǎo)層來實(shí)現(xiàn)。,需要注意的是在將圖層中 的對(duì)象按照引導(dǎo)層中的曲 線引導(dǎo)時(shí)，要使用選擇工 具箱中的【任意變形工具】 選項(xiàng)中

24、的【對(duì)齊對(duì)象】工具， 將小球的中心吸附到曲線的 起始點(diǎn)和結(jié)束點(diǎn)。,遮罩動(dòng)畫,對(duì)于一些特殊的動(dòng)畫效果，如聚光燈、淡入淡出效果、水波等，都可以通過Flash的遮罩功能來實(shí)現(xiàn)。,第六章 有關(guān)時(shí)間軸與幀的知識(shí),幀的種類,幀是構(gòu)成Flash動(dòng)畫最基本的單位，幀分為普通幀、關(guān) 鍵幀和空白關(guān)鍵幀三種類型，而對(duì)幀的所有操作都是 在“時(shí)間軸”面板中進(jìn)行的 。,空白關(guān)鍵幀,空白關(guān)鍵幀：我們先看第一個(gè)小格子，它里面有一個(gè)白色的小圓圈，它就是空白關(guān)鍵幀，里面什么內(nèi)容都沒有，一片空白。用鼠標(biāo)單擊一下該空白關(guān)鍵幀，結(jié)果我們?cè)谙旅娴膱?chǎng)景里看到的是一片空白區(qū)域 。,關(guān)鍵幀,第二個(gè)小格子里面是個(gè)實(shí)心的小黑點(diǎn)，它就是關(guān)鍵幀，里面

25、有實(shí)際存在的內(nèi)容，用鼠標(biāo)單擊該關(guān)鍵幀（或用鼠標(biāo)按住幀上面紅色滑塊向后拖動(dòng)到該幀），我們看到了一個(gè)黑色的圓，關(guān)鍵幀和空白關(guān)鍵幀的區(qū)別就在于關(guān)鍵幀有實(shí)際的內(nèi)容而空白關(guān)鍵幀沒有。,普通幀,也稱為靜態(tài)幀，它顯示的是同一圖層中最后一個(gè)關(guān)鍵幀的內(nèi)容。在時(shí)間軸 上，普通幀必須跟在關(guān)鍵幀的后面，在使用時(shí)，一般為了增加最后一幀動(dòng) 畫的播放時(shí)間，即動(dòng)畫播放結(jié)束時(shí)定格在最后一幀，需要在動(dòng)畫的最后關(guān) 鍵幀后面添加普通幀，如圖3-16所示。,圖3-16 在結(jié)束關(guān)鍵幀后添加了普通幀,過渡幀,過渡幀是指位于起始關(guān)鍵幀和結(jié)束關(guān)鍵幀中間的幀，在Flash中按其動(dòng)畫的 處理方式一般分為兩種類型的過渡幀： 運(yùn)動(dòng)補(bǔ)間的過渡幀(簡(jiǎn)稱運(yùn)

26、動(dòng)過渡) :利用它來處理動(dòng)畫中定義的元件、實(shí)例、組合體或文本塊在時(shí)間軸屬性，如位置、大小、顏色和旋轉(zhuǎn)的變化；它至少需要用兩個(gè)關(guān)鍵幀來標(biāo)識(shí)，中間淺藍(lán)色的背景即是過渡幀。 形狀補(bǔ)間的過渡幀（簡(jiǎn)稱形狀過渡）：它是圖像的變形，也是需要由兩個(gè)關(guān)鍵來標(biāo)識(shí)，中間淺綠色的背景即是過渡幀形狀過渡幀。 有問題的過渡幀，一般為關(guān)鍵幀丟失，中間是用虛線來標(biāo)識(shí)。,幀的操作, 選擇幀； 創(chuàng)建幀； 復(fù)制幀； 刪除幀； 改變幀頻率（播放頻率）。 在默認(rèn)情況下，F(xiàn)lash動(dòng)畫的播放頻率是12fps（每秒12幀）。,創(chuàng)建幀,1.在時(shí)間軸上單擊選中要?jiǎng)?chuàng)建關(guān)鍵幀的幀（可同時(shí)選中多個(gè)幀），然后選擇“插入”“時(shí)間軸”“關(guān)鍵幀”菜單，或按

27、快捷鍵【F6】，即可在選中的幀上插入關(guān)鍵幀,插入關(guān)鍵幀,插入空白關(guān)鍵幀,插入普通幀,2.選中幀后，選擇“插入”“時(shí)間軸”“空白關(guān)鍵幀”菜單或按快捷鍵【F7】，即可插入空白關(guān)鍵幀,3.選中要?jiǎng)?chuàng)建普通幀的幀，然后按快捷鍵【F5】即可插入一個(gè)普通幀,編輯幀,幀頻率單位時(shí)間內(nèi)播放畫面的張數(shù)。 常用每秒鐘播放12個(gè)幀為單位，其值越大 播放的速度越快。一般以12fps就行了。,選擇幀的顯示狀態(tài),選擇幀的顯示狀態(tài),1.單擊時(shí)間軸面板右上角的“幀的視圖”按鈕 ，在打開的菜單中選擇相應(yīng)選項(xiàng),“標(biāo)準(zhǔn)”顯示,“預(yù)覽”顯示,“關(guān)聯(lián)預(yù)覽”顯示,選擇幀,選擇單個(gè)幀 選擇多個(gè)不連續(xù)的幀,1.在某幀上單擊鼠標(biāo)左鍵即可選中該幀

28、，被選幀會(huì)以反黑顯示,2.按住【Ctrl】鍵，然后單擊要選擇的幀,可選擇不連續(xù)的多個(gè)幀,移動(dòng)和復(fù)制幀,通過拖動(dòng)移動(dòng)幀,在選中幀后按住鼠標(biāo)左鍵并拖動(dòng)，松開鼠標(biāo)后即可將所選幀移動(dòng)到目標(biāo)位置 。,另一種移動(dòng)幀的方法是，選擇要移動(dòng)的幀后，右擊被選幀，在彈出的快捷菜單中選擇“剪切幀”菜單，然后右擊要移動(dòng)的目標(biāo)幀位置，在彈出的快捷菜單中選擇“粘貼幀”菜單。,刪除幀,刪除幀,選中要?jiǎng)h除的幀，然后在選中的幀上右擊鼠標(biāo)，在彈出的快捷菜單中選擇“刪除幀”菜單，即可將所選幀刪除。,清除幀,清除幀,如果在彈出的快捷菜單中選擇“清除幀”菜單，可將所選幀在舞臺(tái)上的內(nèi)容清除但不刪除所選幀 。,選擇“翻轉(zhuǎn)幀”菜單,選中要翻轉(zhuǎn)

29、的幀，然后在被選中的幀上右擊鼠標(biāo)，在彈出的快捷菜單中選擇“翻轉(zhuǎn)幀”菜單 ，即可翻轉(zhuǎn)所選幀,翻轉(zhuǎn)幀,繪圖紙功能,繪圖紙外觀效果 調(diào)整顯示范圍,通常情況下，在舞臺(tái)中一次只能顯示單個(gè)幀上的內(nèi)容，使用繪圖紙功能后，便可以在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀上的內(nèi)容。,1.單擊“繪圖紙外觀”按鈕后 ，當(dāng)前關(guān)鍵幀中的內(nèi)容用實(shí)色顯示，其他幀中的內(nèi)容以半透明顯示,2.拖動(dòng)時(shí)間幀上方“繪圖紙外觀標(biāo)記” 的兩端，可以調(diào)整顯示范圍,在Flash中，用不同的層來存放不同的對(duì)象，利用它可設(shè)置各對(duì)象之間的層次關(guān)系。不能讓不同的動(dòng)畫放在同一個(gè)圖層。圖層主要有普通圖層、引導(dǎo)圖層和遮罩層。用戶可以使用圖層文件夾來組織和管理圖層。,第七

30、章 圖層的認(rèn)識(shí),圖層基本操作,在繪圖時(shí)，可以將圖形的不同部分放在不同的圖層上，各圖形相對(duì)獨(dú)立，從而方便編輯和繪圖。 在制作動(dòng)畫時(shí)，因?yàn)槊總€(gè)圖層都有獨(dú)立的時(shí)間幀，所以可以在每個(gè)圖層上單獨(dú)制作動(dòng)畫，多個(gè)圖層組合便形成了復(fù)雜的動(dòng)畫 。 可以利用一些特殊圖層制作出特殊效果的動(dòng)畫 。,Flash中的圖層主要有以下幾個(gè)作用。,圖層的作用和類型,Flash中的圖層主要有普通圖層、引導(dǎo)圖層、被引導(dǎo)圖層、遮罩圖層和被遮罩圖層幾種類型。,圖層的類型,普通圖層,引導(dǎo)圖層,遮罩圖層,被遮罩圖層,被引導(dǎo)圖層,編輯圖層,新建圖層,創(chuàng)建圖層,單擊“時(shí)間軸”面板左下角的“插入圖層”按鈕 ，即可在當(dāng)前圖層上方新建一個(gè)圖層。,選

31、擇圖層,選擇多個(gè)相鄰的圖層 選擇多個(gè)不相鄰的圖層,1.單擊某個(gè)圖層的圖層名稱，即可選中該圖層，然后在按住【Shift】鍵的同時(shí)，單擊另一個(gè)圖層名稱可選中這兩個(gè)圖層之間的所有圖層,2.在按住【Ctrl】鍵的同時(shí)，單擊需要選擇的圖層名稱，可同時(shí)選中多個(gè)不相鄰的圖層,改變圖層順序,改變圖層順序,在圖層上按住鼠標(biāo)左鍵不放，并拖動(dòng)到目標(biāo)位置即可改變圖層順序。,隱藏、顯示與鎖定圖層,隱藏單個(gè)圖層 隱藏所有圖層,1.單擊圖層 圖標(biāo)下的 圖標(biāo)，當(dāng) 圖標(biāo)變?yōu)?形狀后，該圖層即被隱藏；要顯示被隱藏的圖層，只需單擊 圖標(biāo)即可。,2.單擊“時(shí)間軸”面板左上方的 圖標(biāo)，所有圖層都將被隱藏；再次單擊 圖標(biāo)，可顯示全部圖層

32、。,顯示圖層輪廓線,使單個(gè)圖層上的對(duì)象只顯示輪廓線 使全部圖層上的對(duì)象只顯示輪廓線,1.單擊圖層名稱右側(cè)的 圖標(biāo)，當(dāng)其變?yōu)?形狀時(shí)，該圖層上所有對(duì)象都只顯示輪廓線；再次單擊 圖標(biāo)可恢復(fù)原狀。,2.單擊“時(shí)間軸”面板左上方的 圖標(biāo)，可使全部圖層上的對(duì)象只顯示輪廓線；再次單擊 圖標(biāo)，可恢復(fù)原狀。,“圖層屬性”對(duì)話框,設(shè)置圖層屬性,在要設(shè)定屬性的圖層名稱上右擊鼠標(biāo)，然后在彈出的快捷菜單中選擇“屬性”菜單，即可打開 “圖層屬性”對(duì)話框 ，通過“圖層屬性”對(duì)話框可設(shè)置圖層的各種屬性 。,圖層夾,圖層夾（Layer Folder）相當(dāng)于文件夾，用于對(duì)圖層進(jìn)行分類，方便管理。,管理圖層,創(chuàng)建圖層文件夾 將選

33、中的圖層拖入圖層文件夾,1.單擊“時(shí)間軸”面板左下角的“插入圖層文件夾”按鈕，可創(chuàng)建一個(gè)圖層文件夾,2.將所選圖層拖到圖層文件夾上方，即可將圖層放置在圖層文件夾中,第八章 有關(guān)元件的相關(guān)知識(shí),3.2.1.1 元件的分類 可以是導(dǎo)入的位圖圖形、矢量圖形、文本對(duì)象和Flash工具創(chuàng)建的線條、圖形等。 主要用于動(dòng)畫的交互使用； 重復(fù)使用的一段動(dòng)畫。,圖形元件：,按鈕元件：,電影剪輯元件：,散件，又名圖形，意思是說：用黑色箭頭工具只框出一部分區(qū)域，這個(gè)被 框住的區(qū)域，可以移到別處。而元件是指此圖形是一個(gè)整體，要移動(dòng)一起 移動(dòng)。,創(chuàng)建元件,Flash創(chuàng)建元件的方法有兩種：一種是可以通過舞臺(tái)上選定的對(duì)象來

34、創(chuàng)建元件；另一種是可以創(chuàng)建一個(gè)空元件，然后為該元件添加相應(yīng)的內(nèi)容。 1將選定對(duì)象轉(zhuǎn)換為元件,2創(chuàng)建空元件,第九章 有關(guān)庫的知識(shí),我們知道倉庫是用來存放物品的，一旦需要時(shí)就要從倉庫去提貨。Flash里面的庫也是如此，它不僅為我們所做的“物品”提供了存放的空間，而且一旦“物品”放進(jìn)庫后，這些“物品”就可以被重復(fù)利用。,啟動(dòng)Flash軟件，在里面繪制一個(gè)圓，鼠標(biāo)選中后按F8鍵把它轉(zhuǎn)換成圖形元件，名稱為“圓”，如圖6-1所示。 此時(shí)，物品（你所繪制的這個(gè)圓）就自動(dòng)存放到了倉庫中（庫）。打開【窗口】下面的【庫】，就可以看到你所繪的圓。,垃圾桶示用來刪除你在庫中存放的“物品”。 庫中可以存放三大元件（圖形

35、元件以及影片剪輯元件和按鈕元件）、位圖（剛導(dǎo)入的圖片）以及導(dǎo)入的聲音。 在場(chǎng)景中如果需要再次用到它們，就用鼠標(biāo)直接把它們從庫中拖到場(chǎng)景中即可，當(dāng)用鼠標(biāo)雙擊庫中的元件時(shí)可以對(duì)它進(jìn)行編輯。,實(shí)例的創(chuàng)建運(yùn)用外部庫,制作步驟： 步驟1：新建一個(gè)空白文檔，選擇菜單的“窗口庫”命令,打開元件庫，此時(shí)庫為空，如圖所示。,步驟2：選擇菜單的“文件導(dǎo)入導(dǎo)入到外部庫”命令,打開“打開外部庫”對(duì)話框，在文件的查找范圍中找到電腦中已有的FLASH文件，然后單擊“打開”。,步驟3：外部庫-實(shí)例操作和新建庫同時(shí)打開，如圖,步驟4：選中外部庫的元件拖動(dòng)到舞臺(tái)中作為實(shí)例，此時(shí)，在新建庫中出現(xiàn)了實(shí)例操作庫元件，如圖，這樣就可以

36、把其它的Flash動(dòng)畫中的元件通過實(shí)例使用到我們創(chuàng)作的動(dòng)畫中了。,實(shí)例的編輯 舞臺(tái)中的實(shí)例創(chuàng)建后，可以修改實(shí)例的各種屬性，包括名稱、大小、位置、傾斜、顏色和透明度等，然后再以新的名稱保存在庫中。 舞臺(tái)上的圖形可轉(zhuǎn)化為元件，元件拖動(dòng)到舞臺(tái)是實(shí)例。相反，也可將實(shí)例打散，成為圖形后，重新編輯保存為元件。選中舞臺(tái)上的實(shí)例，執(zhí)行“修改”“分離”命令即可將實(shí)例打散，實(shí)例打散后，具有圖形的一切屬性，可以使用工具箱中工具進(jìn)行修改。,庫的使用 庫是Flash動(dòng)畫中可重復(fù)使用元素的存儲(chǔ)倉庫，所有的元件創(chuàng)建后就保存在庫 中，導(dǎo)入的外部素材，如圖像、聲音、視頻等也保存在庫中。通過庫可以對(duì)其中的 各個(gè)元件進(jìn)行操作，為動(dòng)

37、畫的編輯帶來很大的方便。 庫面板 要正確地使用庫中的工具進(jìn)行編輯，需要了解庫面板的組成。可以使用菜單中的 “窗口”“庫”命令或按快捷鍵“Ctrl+L”，即可對(duì)當(dāng)前文件中的庫面板進(jìn)行操作。,庫的分類 庫可分為打開文件的庫和系統(tǒng)提供的公共庫，打開文件的庫中存放是當(dāng) 前打開的文件中所使用的元件，可通過執(zhí)行菜單中的“窗口”“庫”命令打開， 只可在當(dāng)前文件中使用，如要使用其它文件中的庫，需要“導(dǎo)入”后方可。公 共庫則是系統(tǒng)創(chuàng)建的，可通過執(zhí)行“窗口其它面板公共庫”命令打開。,第十章 多媒體的使用音頻的使用（聲音的加入）,Flash不僅直接支持最流行的WAV和MP3兩種聲音文件格式，還 支持很多其他格式。如

38、果遇到Flash不支持的聲音文件格式， 可以用音頻編輯軟件（如Cooledit Pro 2.0等）進(jìn)行格式轉(zhuǎn) 換，然后導(dǎo)入庫或舞臺(tái)。,第十一章 動(dòng)畫制作流程, 打開新影片文件并安排場(chǎng)景； 插入動(dòng)畫元件（幀、圖層等）； 設(shè)定動(dòng)畫效果并測(cè)試動(dòng)畫； 使用 文件/保存命令保存擴(kuò)展名為 .fla 的 Flash 動(dòng)畫文件； 輸出影片。,第十二章 作品的輸出,Flash常用的輸出文件格式。 1Flash Player（*.swf）文件； 2Windows AVI（*.avi）文件； 3Quick Time（*.mov）文件； 4Animated GIF（*.gif）文件； 5Adobe Illustrat

39、or Sequence（*.ai）文件序列； 6JPEG Sequence（*.jpg）文件序列； 7Windows Metafile（*.wmf）、Adobe Illustrator（*.ai）、Bitmap（*.bmp）、JPEG Image（*.jpg）、GIF Image（*.gif）等文件。,動(dòng)畫制作實(shí)例篇,制作矩形的變化 （動(dòng)作補(bǔ)間動(dòng)畫）范例,1、啟動(dòng)Flash軟件，鼠標(biāo)單擊第一幀，然后點(diǎn)擊左邊工具箱中的矩形工具，邊框選擇沒有顏色，填充選擇自己所喜歡的顏色 2、在工作區(qū)按住鼠標(biāo)左鍵拖動(dòng)繪制矩形 3、黑箭頭選取工具單擊一下矩形，執(zhí)行【修改】菜單下的【轉(zhuǎn)換成元件】命令，將彈出一對(duì)話框，

40、在名稱中輸入該元件的名字，選擇【圖形】然后點(diǎn)確定。,4、鼠標(biāo)放在25幀處，點(diǎn)擊右鍵，在彈出的菜單中選擇“插入關(guān)鍵幀” 。 5、用鼠標(biāo)單擊任意變形工具，將矩形調(diào)小 6、鼠標(biāo)點(diǎn)擊1到25之間的任何一幀（不能是最后一幀，所以25除外），然后選擇幀屬性面板中補(bǔ)間類型中的“動(dòng)畫”，F(xiàn)LASH會(huì)自動(dòng)在第一幀與第25幀之間產(chǎn)生動(dòng)畫補(bǔ)間的效果。 7、按Ctrl+回車進(jìn)行預(yù)覽（測(cè)試影片） 8、保存文件 9、輸出文件。,制作照片的出現(xiàn)效果（動(dòng)作補(bǔ)間動(dòng)畫）范例,1、啟動(dòng)Flash軟件，打開【文件】下拉菜單，選擇【導(dǎo)入】-【導(dǎo)入到舞臺(tái)】命令，在彈出的對(duì)話框中選擇你的一張照片 2、用黑箭頭選取工具單擊圖片，然后選擇（修

41、改/轉(zhuǎn)換成元件）命令或按F8進(jìn)入轉(zhuǎn)換成元件對(duì)話框，輸入好名稱和選擇圖形后，點(diǎn)確定。 3、將鼠標(biāo)放在20幀處，點(diǎn)擊鼠標(biāo)右鍵，選擇【插入關(guān)鍵幀】命令 4、用鼠標(biāo)單擊第1幀，然后單擊任意變形按鈕，圖片周圍出現(xiàn)8個(gè)控制點(diǎn)，我們用鼠標(biāo)拖動(dòng)右下角的控制點(diǎn)，將圖片縮小,5、用鼠標(biāo)點(diǎn)第1幀，在下面幀屬性欄補(bǔ)間類型中選擇動(dòng)畫 6、此時(shí)就可以Ctrl+回車（測(cè)試影片）進(jìn)行預(yù)覽了 7、我們看到了一張圖片由小變大的效果，下面我們接著做讓這張照片變大之后再漸漸向右上角消失的效果。 8、在40幀處插入關(guān)鍵幀，移動(dòng)圖片到右上角,9、用鼠標(biāo)選中圖片，在屬性欄調(diào)整透明度 10、用鼠標(biāo)點(diǎn)擊20到40之間任何一幀，選擇屬性欄上面的

42、移動(dòng) 11、好了，此時(shí)再按Ctrl+回車試試 注：通過以上兩個(gè)例子，我們已經(jīng)感覺到Flash功能的強(qiáng)大，只需要給一個(gè)起始狀態(tài)和一個(gè)結(jié)束狀態(tài)，中間的那些狀態(tài)都交給Flash去做。,形狀補(bǔ)間動(dòng)畫,轉(zhuǎn)換成圖形元件需要用“移動(dòng)”來創(chuàng)建動(dòng)畫的過渡，而所繪制的形狀在不轉(zhuǎn)換成圖形元件的情況下，需要用“形狀”來創(chuàng)建動(dòng)畫的過渡，二者不可換用。圖形元件可以改變其透明度（應(yīng)該是叫不透明度），所繪形狀則不能。,利用形狀漸變來制作一個(gè)彈跳的小球,1、啟動(dòng)Flash軟件，選擇橢圓工具，不要邊框，填充方式為徑向填充，繪制正圓 2、用填充變形工具改變填充的中心點(diǎn),3、在15幀處插入關(guān)鍵幀，并改變小球的位置 4、鼠標(biāo)單擊1到25之間任何一幀，在屬性欄選擇“形狀”，將簡(jiǎn)調(diào)為“-100”， 5、分別在16幀和17幀處插入關(guān)鍵幀 6、用任意變形工具將16幀的小球高度變小 7、對(duì)著第1幀點(diǎn)擊鼠標(biāo)右鍵，選擇“拷貝幀” 8、在31幀處點(diǎn)擊鼠標(biāo)右鍵選擇“粘貼幀” 9、鼠標(biāo)單擊17到31之間任何一幀，在屬性欄選擇“形狀”，將簡(jiǎn)調(diào)為“100” 10、按Ctrl+回車進(jìn)行預(yù)覽。,形狀漸變動(dòng)畫實(shí)例（線條變換）,一個(gè)優(yōu)秀的作品，往往它的片頭效果也是比較好的，這可以很好地起到吸引觀眾的 作用。下面我們一起動(dòng)手制作一個(gè)這樣的片頭效果。制作步驟如