Flash-CC動畫制作案例教程教學(xué)PPT(簡單版)電子教案(全)完整版課件整套教學(xué)課件

1、第1章 Flash CC入門Flash CC動畫制作案例教程教學(xué)PPT（簡單版）Flash的特點矢量圖和位圖FL文件的基本操作查看類工具的使用了解Flash動畫基礎(chǔ)知識，能夠掌握Flash動畫的原理及特點。熟悉Flash CC的操作界面，能夠區(qū)分每一模塊的基本用途。掌握文件的操作方法，能夠快速完成對文件的操作。學(xué)習(xí)目標(biāo)目錄1.1認(rèn)識Flash動畫1.2Flash CC的操作界面1.3文件基本操作目錄1.4矢量圖和位圖1.5輔助操作的使用1Flash動畫概述2Flash動畫的特點3Flash的應(yīng)用領(lǐng)域1.1 認(rèn)識Flash動畫4Flash文件格式Flash軟件的由來Flash 是一款集動畫創(chuàng)作與

2、應(yīng)用程序開發(fā)于一身的創(chuàng)作軟件，F(xiàn)lash的前身是Future Wave 公司的Future Splash，F(xiàn)uture Splash是世界上第一個商用的二維矢量動畫軟件，用于設(shè)計和編輯Flash 文件。1996年11 月，美國Macromedia 公司收購了Future Wave，并將其改名為Flash，2007年又被Adobe 公司收購并進行后續(xù)發(fā)展。1、Flash動畫概述1.1 認(rèn)識Flash動畫Flash軟件的由來Flash CC是Flash軟件的最新版本，該版本的軟件界面更加簡潔友好，更有利于用戶在較短時間內(nèi)掌握該軟件的使用，下圖為其啟動界面。1、Flash動畫概述1.1 認(rèn)識Flas

3、h動畫Flash動畫的原理Flash動畫的產(chǎn)生是基于視覺暫留原理。通常人的肉眼可見的畫面分為靜止的畫面和動態(tài)的畫面，人眼的視覺暫留時間是0.04秒，因此，當(dāng)連續(xù)的圖像變化超過每秒24（大于0.04秒）幀畫面的時候，人眼便無法分辨每幅單獨的靜態(tài)畫面，因而看上去是平滑連續(xù)的視覺效果，這種現(xiàn)象被稱作視覺暫留現(xiàn)象，視覺暫留是人眼的一種生理機能。在此之上，該軟件通過采用交互式動畫設(shè)計模式，將創(chuàng)作想法采用音樂、聲效、動畫以及富有新意的界面融合在一起，即可制作出高品質(zhì)的動態(tài)效果。1、Flash動畫概述1.1 認(rèn)識Flash動畫Flash動畫的分類Flash動畫主要分為逐幀動畫、形狀補間動畫、傳統(tǒng)補間動畫、遮

4、罩動畫和引導(dǎo)層動畫。1、Flash動畫概述1.1 認(rèn)識Flash動畫體積效果好由于Flash動畫主要由矢量圖形（關(guān)于矢量圖將在后續(xù)詳細介紹）組成，因此使得Flash動畫儲存容量小、傳播速度快，生成的.swf動畫影片具有“流”媒體的特點，在網(wǎng)上可以邊下載邊播放，而不像GIF動畫那樣要把整個文件下載完了才能播放大大節(jié)省了用戶的時間，而且在縮放播放窗口時不會影響畫面的清晰度。具有良好的交互性可以通過為Flash動畫添加動作腳本使其具有交互性，從而讓觀眾成為動畫的一部分，通過點擊、選擇等動作決定動畫的運行過程和結(jié)果，從而更好的滿足觀眾的需求，這一點是傳統(tǒng)動畫無法比擬的。2、Flash動畫的特點1.1

5、認(rèn)識Flash動畫視覺效果強Flash是目前最流行的網(wǎng)絡(luò)多媒體動畫之一，能夠制作出聲光效果極佳的動畫，強烈的視覺沖擊能夠給用戶留下深刻的印象，具有較好的宣傳效果。制作成本低Flash動畫的制作比較簡單，一個設(shè)計愛好者只要掌握一定的軟件知識，擁有一臺電腦，一套軟件就可以制作出Flash動畫，在制作時間上也會大大減少，因此Flash動畫更具有經(jīng)濟性。2、Flash動畫的特點1.1 認(rèn)識Flash動畫網(wǎng)頁設(shè)計為達到一定的視覺沖擊力，很多企業(yè)網(wǎng)站往往在進入主頁前播放一段使用Flash制作的歡迎頁（也稱為引導(dǎo)頁）。此外，很多網(wǎng)站的Logo和Banner(網(wǎng)頁橫幅廣告)都是Flash動畫。3、Flash的

6、應(yīng)用領(lǐng)域1.1 認(rèn)識Flash動畫網(wǎng)頁廣告通常情況下，網(wǎng)頁上的廣告需要具有短小精干、表現(xiàn)力強的特點，而Flash 動畫正好可以滿足這些要求。現(xiàn)在打開任何一個網(wǎng)站的網(wǎng)頁，都會發(fā)現(xiàn)一些動感時尚的Flash網(wǎng)頁廣告。3、Flash的應(yīng)用領(lǐng)域1.1 認(rèn)識Flash動畫網(wǎng)絡(luò)動畫網(wǎng)絡(luò)動畫指的是以通過互聯(lián)網(wǎng)作為最初或主要發(fā)行渠道的動畫作品。許多網(wǎng)友都喜歡把自己制作的Flash音樂動畫，F(xiàn)lash電影動畫傳輸?shù)骄W(wǎng)上供其他網(wǎng)友欣賞，實際上正是因為這些網(wǎng)絡(luò)動畫的流行，F(xiàn)lash已經(jīng)在網(wǎng)上形成了一種文化。3、Flash的應(yīng)用領(lǐng)域1.1 認(rèn)識Flash動畫多媒體教學(xué)軟件在教學(xué)工作中，相對于其他軟件制作的課件，F(xiàn)las

7、h課件具有體積小，表現(xiàn)力強的特點。在制作實驗演示或多媒體教學(xué)光盤時，F(xiàn)lash動畫得到了大量的引用，增加了學(xué)生學(xué)習(xí)的積極性。3、Flash的應(yīng)用領(lǐng)域1.1 認(rèn)識Flash動畫游戲設(shè)計使用Flash的動作腳本功能可以制作一些有趣的在線小游戲，如看打字游戲、棋牌類游戲等。因為Flash游戲具有體積小的優(yōu)點，一些手機廠商已在手機中嵌入Flash游戲。3、Flash的應(yīng)用領(lǐng)域1.1 認(rèn)識Flash動畫電子相冊通常電子相冊界面美觀度高，配合一些動畫效果可以達到普通相冊無法達到的視覺效果。電子相冊具有易于保存、易于復(fù)制、易于展示、更具娛樂性、更具觀賞性、更具時尚性的特點，并且電子相冊易于用戶的使用與管理。

8、3、Flash的應(yīng)用領(lǐng)域1.1 認(rèn)識Flash動畫FLA格式FLA格式是Flash源文件的格式，如同Photoshop中的PSD文件。FLA格式文件可以在Flash中打開、編輯和保存它（打開時只能用對應(yīng)版本或高版本的軟件）。FLA文件中包含有Flash影片的編碼、場景等原始要素。SWF格式SWF的英文全稱是ShackWave File，是FLA文件在FLASH中編輯完成后輸出的成品文件格式。這種格式的動畫在縮放時不會失真，非常適合描述由幾何圖形組成的動畫，如教學(xué)演示等。并且這種格式的動畫可以與HTML文件充分結(jié)合，并能添加MP3音樂，因此被廣泛地應(yīng)用于網(wǎng)頁上，成為一種準(zhǔn)“流”式媒體文件。4、F

9、lash文件格式1.1 認(rèn)識Flash動畫1啟動軟件2操作界面的構(gòu)成1.2 Flash CC的操作界面雙擊運行桌面上的軟件圖標(biāo)，進入軟件界面，為了統(tǒng)一操作界面，建議選擇菜單欄中的“窗口”“工作區(qū)”“傳統(tǒng)”命令。1、啟動軟件1.2 Flash CC的操作界面1、啟動軟件1.2 Flash CC的操作界面接下來，單擊歡迎界面中如圖所示框選的選項，即可進入操作界面。1、啟動軟件1.2 Flash CC的操作界面Flash CC的操作界面主要由以下幾部分組成：菜單欄、時間軸、工具箱、工作區(qū)域、舞臺、浮動面板和屬性面板。2、操作界面的構(gòu)成1.2 Flash CC的操作界面菜單欄菜單欄是作為一款操作軟件必

10、不可少的組成部分，主要用于為大多數(shù)命令提供功能入口。Flash CC的菜單欄依次分為“文件”菜單、“編輯”菜單、“視圖”菜單、“插入”菜單、“修改”菜單、“文本”菜單、“命令”菜單、“控制”菜單、“調(diào)試”菜單、“窗口”菜單和“幫助”菜單。2、操作界面的構(gòu)成1.2 Flash CC的操作界面菜單欄其中各菜單的具體說明如下：“文件”菜單：包含各種操作文件的命令以及導(dǎo)入外部文件命令，以便于在當(dāng)前動畫中使用?！熬庉嫛辈藛危褐饕δ転閷ξ枧_上的對象進行“剪切”、“復(fù)制”和“粘貼”等，還包括“首選參數(shù)”、“快捷鍵”的選項設(shè)置?！耙晥D”菜單：主要用于調(diào)整編譯環(huán)境的視圖命令，如“放大”、“縮小”、“標(biāo)尺”、“

11、網(wǎng)格”和“輔助線”等?！安迦搿辈藛危褐饕糜谙蛭募胁迦雽ο螅绮迦搿霸?、“場景”等?！靶薷摹辈藛危褐饕糜谛薷奈募械膶ο螅纭稗D(zhuǎn)換為元件”、“變形”、“排列”、“對齊”、“組合”等。2、操作界面的構(gòu)成1.2 Flash CC的操作界面菜單欄其中各菜單的具體說明如下：“文本”菜單：主要功能為修改文字的外觀，如“字體”、“大小”、“字母間距”等?！懊睢辈藛危褐饕δ転楣芾怼⑦\行用戶創(chuàng)建的命令，或使用軟件本身默認(rèn)的命令?！翱刂啤辈藛危褐饕糜跍y試播放動畫，如“測試影片”、“測試場景”等?！罢{(diào)試”菜單：主要用于提供對動畫進行調(diào)試的相關(guān)命令，如“調(diào)試”、“調(diào)試影片”等。“窗口”菜單：主要用于控

12、制各功能面板的顯示與隱藏，還可調(diào)整界面的布局方式?！皫椭辈藛危褐饕δ転樘峁┰诰€幫助信息，以及當(dāng)前Flash的版權(quán)信息等。2、操作界面的構(gòu)成1.2 Flash CC的操作界面時間軸時間軸是Flash動畫制作的重要組成部分，是使用層和幀組織和控制動畫內(nèi)容的窗口，可創(chuàng)建出不同類型的動畫效果（關(guān)于幀的概念將在下一章節(jié)做詳細介紹）。時間軸的主要組成部分是圖層控制區(qū)、幀控制區(qū)和播放頭。2、操作界面的構(gòu)成1.2 Flash CC的操作界面時間軸關(guān)于這三部分的具體分析如下：1）圖層控制區(qū)：主要用于對圖層的操作，如圖層的新建、刪除、鎖定和顯示隱藏等。2）幀控制區(qū)：主要用于對幀的操作，如插入、刪除、選擇和移動

13、幀，上方的時間軸標(biāo)題指示幀的編號，下方的狀態(tài)欄顯示當(dāng)前幀的編號、速度和播放到當(dāng)前幀用去的時間等信息。 3）播放頭：用于指示舞臺中當(dāng)前顯示的幀。2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱Flash CC的工具箱提供了圖形繪制和編輯的各種工具，熟練掌握它們的用法，能夠加快操作速度、提高工作效率。工具箱中主要包括選擇變換類工具、繪圖類工具、繪圖調(diào)整類工具、查看類工具、顏色類工具和工具選項區(qū)六部分。2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱1）移動工具箱默認(rèn)情況下，工具箱停放在窗口左側(cè)。將光標(biāo)放在工具箱頂部，單擊并向右拖動鼠標(biāo)，可以將工具箱拖出，放在窗口中的任意位置。2

14、、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱2）顯示工具快捷鍵將光標(biāo)放置在相應(yīng)工具的上方，停留片刻后，會顯示出該工具的具體名稱和快捷鍵，如圖所示。工具名稱后面括號中的字母，代表選擇此工具的快捷鍵，只要在鍵盤上按下該字母，就可以快速切換到相應(yīng)的工具上。2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱3）顯示并選擇工具由于Flash CC提供的工具比較多，因此工具箱中并不能顯示所有的工具，有些工具被隱藏在相應(yīng)的子菜單中。在工具箱的某些工具圖標(biāo)上可以看到一個小三角符號 如圖所示，表示該工具下還有隱藏的工具。將光標(biāo)移至帶有三角符號 的工具上，按住鼠標(biāo)左鍵不放，就會彈出隱藏的工具選

15、項，將光標(biāo)移動到隱藏的工具上然后單擊，即可選擇該工具。2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱4）舞臺舞臺也可稱作場景，是在動畫播放過程中顯示圖形、視頻、按鈕等內(nèi)容的矩形空間，也是動畫與交互發(fā)生的位置。舞臺中所顯示的內(nèi)容即為當(dāng)前幀所播放的內(nèi)容，用戶在工作時可對舞臺的大小和顏色進行設(shè)置。5）工作區(qū)域“工作區(qū)域”指舞臺周圍的灰色區(qū)域，可將暫時不需要在動畫中出現(xiàn)的對象元素放在該區(qū)域。2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱6）浮動面板浮動面板由各種不同功能的面板組成，通過面板的顯示、隱藏、組合等可以修改操作界面的顯示方式。通常情況下可通過“窗口”菜單來顯示或隱藏面

16、板，還可通過拖拽面板左上方的面板名稱，將面板從組合中拖拽出來。2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱6）浮動面板2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱6）浮動面板2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱7）屬性面板屬性面板主要用于顯示當(dāng)前所選中對象的屬性信息，還可通過該面板編輯修改對象的屬性。屬性面板的存在極大的提高了動畫編輯過程的工作效率。2、操作界面的構(gòu)成1.2 Flash CC的操作界面1新建文件2打開文件1.3 文件基本操作3文件的保存4關(guān)閉文件5導(dǎo)出文件1.3 文件基本操作6設(shè)置文件屬性新建文件是Flash軟件操作的第一步。啟

17、動軟件后在歡迎界面中可新建空白文件，還可選擇新建文件的類型，如圖1-19所示。除此之外，還可通過執(zhí)行“文件新建”命令（或按【Ctrl+N】組合鍵），彈出“新建文件”對話框，如圖1-20所示。在該對話框中可選擇新建文件的類型還可設(shè)置文件的大小等參數(shù)，最后單擊“確定”按鈕即可完成文件的新建。1、新建文件1.3 文件基本操作 圖1-19 歡迎界面 圖1-20“新建文件”對話框1、新建文件1.3 文件基本操作如果要編輯修改某個Flash文件時，首先需要將其打開。執(zhí)行“文件打開”命令（或按【Ctrl+O】組合鍵），彈出“打開”對話框，如圖所示。在該對話框中可搜索路徑和文件，選中需要打開的文件后，單擊“打

18、開”按鈕，即可打開該文件。2、打開文件1.3 文件基本操作保存文件執(zhí)行“文件保存”命令（或按【Ctrl+S】組合鍵），即可對當(dāng)前文件進行保存。如果文件是第一次保存，會彈出類似如下圖所示的“另存為”對話框。在該對話框中可設(shè)置文件保存的路徑、文件名以及保存類型，單擊“保存”按鈕，完成保存。3、文件的保存1.3 文件基本操作另存文件執(zhí)行“文件另存為”命令（或按【Ctrl+Shift+S】組合鍵），即可另存文件，一般用于在不同的位置保存文件或用不同的文件名及保存類型進行保存。自動保存文件Flash CC軟件具有自動保存文件的功能，默認(rèn)情況下每隔10分鐘會保存一次，以免遇到突發(fā)情況避免不必要的損失，再次

19、啟動Flash軟件時，會將文件恢復(fù)到最近一次保存的狀態(tài)。如果用戶不需要該功能可以禁用，也可自行調(diào)整保存的時間間隔，執(zhí)行“編輯首選參數(shù)”命令（或按【Ctrl+U】組合鍵），彈出“首選參數(shù)”對話框，在該對話框中選擇“常規(guī)”選項，然后勾選“自動恢復(fù)”選項，此時即可調(diào)整時間間隔，如下圖所示。3、文件的保存1.3 文件基本操作3、文件的保存1.3 文件基本操作在Flash CC中，執(zhí)行“文件關(guān)閉”命令（或按【Ctrl+W】組合鍵），可以關(guān)閉當(dāng)前文件窗口。也可單擊文件窗口上的 按鈕關(guān)閉文件。如果要關(guān)閉所有文件可執(zhí)行“文件全部關(guān)閉”命令（或按【Ctrl+Alt+W】組合鍵），可以一次關(guān)閉全部文件窗口。如果當(dāng)

20、前的文件是新建文件或被修改過的文件，那么在關(guān)閉文件時會彈出一個如下圖所示的提示框。在所示提示框中，單擊“是”按鈕即可先保存再關(guān)閉文件；單擊“否”按鈕，直接關(guān)閉文件；單擊“取消”按鈕，則會取消關(guān)閉操作。4、關(guān)閉文件1.3 文件基本操作導(dǎo)出圖像通過“導(dǎo)出圖像”操作可將當(dāng)前文件導(dǎo)出為不同類型的圖像。執(zhí)行“文件導(dǎo)出導(dǎo)出圖像”命令會彈出“導(dǎo)出圖像”對話框，單擊“保存類型”下拉選框后，如右圖所示。5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出圖像通過“導(dǎo)出圖像”操作可將當(dāng)前文件導(dǎo)出為不同類型的圖像。執(zhí)行“文件導(dǎo)出導(dǎo)出圖像”命令會彈出“導(dǎo)出圖像”對話框，單擊“保存類型”下拉選框后，如右圖所示。5、導(dǎo)出文件1.3 文件

21、基本操作導(dǎo)出圖像從上圖中可以選擇導(dǎo)出的圖像類型，單擊“保存”按鈕后，彈出如下圖所示的對話框，從中可設(shè)置導(dǎo)出圖像的參數(shù)。單擊“確定”按鈕即可導(dǎo)出圖像。5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出影像“導(dǎo)出影片”與“導(dǎo)出圖像”的操作類似，通過此操作可將當(dāng)前文件導(dǎo)出為不同類型的影片。執(zhí)行“文件導(dǎo)出導(dǎo)出影片”命令會彈出“導(dǎo)出影片”對話框，單擊“保存類型”下拉選框后，如圖所示。5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出影像從上圖中可以選擇導(dǎo)出的影片類型，單擊“保存”按鈕后，彈出如圖1-28所示的對話框，設(shè)置好參數(shù)后單擊“導(dǎo)出”按鈕即可。值得一提的是，當(dāng)選擇JPEG和PNG等序列類型時，則會將文件中每一幀保存為一副圖像

22、，生成一組圖像序列。5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出視頻通過“導(dǎo)出視頻”操作可將當(dāng)前文件導(dǎo)出為MOV格式的視頻文件，執(zhí)行“文件導(dǎo)出導(dǎo)出視頻”命令，會彈出如圖1-29所示的對話框，設(shè)置好參數(shù)后單擊“導(dǎo)出”按鈕，彈出如圖1-30所示的提示框（導(dǎo)出視頻需安裝Quick Time軟件，安裝后仍會彈出提示框），單擊“確定”按鈕即可。圖1-29“導(dǎo)出視頻”對話框5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出視頻圖1-30 提示框5、導(dǎo)出文件1.3 文件基本操作Flash動畫的應(yīng)用領(lǐng)域非常廣泛，不同類型的動畫會根據(jù)所應(yīng)用的范圍設(shè)置不同的尺寸，因此在制作Flash動畫之前預(yù)先設(shè)置好文件屬性就顯得尤為重要。執(zhí)行“修改

23、文件”命令（或按【Ctrl+J】組合鍵），彈出“文檔設(shè)置”對話框，默認(rèn)的參數(shù)設(shè)置如圖所示。6、設(shè)置文件屬性1.3 文件基本操作對上圖的解釋如下：1）單位：單擊該選框右側(cè)的三角圖標(biāo)后，如右圖所示，從中可選擇該文件所采用的單位標(biāo)準(zhǔn)。2）舞臺大?。涸撨x項主要用于設(shè)置文件的寬度和高度，默認(rèn)大小為550400像素，單擊右側(cè)的“匹配內(nèi)容”按鈕后，可使舞臺大小正好能容納所有對象。3）縮放：選中“縮放內(nèi)容”選項后，在調(diào)整舞臺大小的同時，舞臺中的對象會依據(jù)舞臺的縮放比例一同進行調(diào)整。同時“鎖定層和隱藏層”選項會被激活，選中該選項后，縮放內(nèi)容時鎖定的圖層和隱藏的圖層會一同縮放，否則將保持不變。6、設(shè)置文件屬性1.

24、3 文件基本操作4）錨記：該選項用于設(shè)置新舞臺尺寸相對于原尺寸的位置，在對舞臺進行縮放時，如果選擇左上角的錨記，則會依據(jù)左上角為基準(zhǔn)點進行縮放。5）舞臺顏色：該選項用于設(shè)置舞臺的背景色。6）幀頻：該選項用于設(shè)置動畫每秒播放的幀數(shù)，默認(rèn)為每秒24幀。除了通過上述方法對文件屬性進行設(shè)置以外，還可通過“屬性”面板對常用參數(shù)進行設(shè)置，如右圖所示。6、設(shè)置文件屬性1.3 文件基本操作1矢量圖2位圖1.4 矢量圖和位圖矢量圖也稱向量式圖形，它使用數(shù)學(xué)的矢量方式來記錄圖像內(nèi)容，以線條和色塊為主。矢量圖像最大的優(yōu)點是無論放大、縮小或旋轉(zhuǎn)都不會失真，最大的缺點是難以表現(xiàn)色彩層次豐富且逼真的圖像效果。以矢量圖形圖

25、1-34為例，將其放大至400%后，局部效果如圖1-35所示，放大后的矢量圖像依然光滑、清晰。 圖1-34 矢量圖原圖 圖1-35 矢量圖局部放大1、矢量圖1.4 矢量圖和位圖圖也稱點陣圖（Bitmap images），它是由許多點組成的，這些點稱為像素。當(dāng)許多不同顏色的點組合在一起后，便構(gòu)成了一幅完整的圖像。像素是組成圖像的最小單位，而圖像又是由以行和列的方式排列的像素組合而成的，像素越高，文件越大，圖像的品質(zhì)越好。位圖可以記錄每一個點的數(shù)據(jù)信息，從而精確地制作色彩和色調(diào)變化豐富的圖像。但是，由于位圖圖像與分辨率有關(guān)，它所包含的圖像像素數(shù)目是一定的，若將圖像放大到一定程度后，圖像就會失真，邊

26、緣會出現(xiàn)鋸齒，如圖1-36和圖1-37所示。 2、位圖1.4 矢量圖和位圖 圖1-36 位圖原圖 圖1-37 位圖局部放大2、位圖1.4 矢量圖和位圖1標(biāo)尺2輔助線1.5 輔助操作的使用3網(wǎng)格4緊貼命令5查看類工具運用1.5 輔助操作的使用6自定義工作環(huán)境標(biāo)尺是Flash軟件的重要輔助工具之一，可以對圖像進行精準(zhǔn)定位，并且不會對圖像造成任何修改。執(zhí)行“視圖標(biāo)尺”命令（或按【Ctrl+Shift+Alt+R】組合鍵），會在文件的上方和左側(cè)出現(xiàn)帶有刻度的標(biāo)尺，如下圖所示。再次按【Ctrl+Shift+Alt+R】組合鍵則會隱藏標(biāo)尺。1、標(biāo)尺1.5 輔助操作的作用輔助線起到輔助繪圖的作用，一般用來對

27、齊目標(biāo)。在標(biāo)尺處于顯示狀態(tài)時，只需點擊標(biāo)尺向舞臺拖拽即可添加輔助線，如下圖所示。2、輔助線1.5 輔助操作的作用在Flash CC中，為了方便繪圖操作，還可以對輔助線進行顯示/隱藏、鎖定/解鎖、編輯、清除等設(shè)置，具體介紹如下。1）顯示/隱藏輔助線：當(dāng)輔助線處于隱藏狀態(tài)時，執(zhí)行“視圖輔助線顯示輔助線”命令（或按【Ctrl+；】組合鍵），即可將輔助線顯示。再次按【Ctrl+；】組合鍵，即可將其隱藏。除此之外，創(chuàng)建輔助線時，原來隱藏的輔助線也會一同顯示。2）鎖定/解鎖輔助線：鎖定輔助線時需執(zhí)行“視圖輔助線鎖定輔助線”命令（或按【Ctrl+Alt+；】組合鍵），進行鎖定。再次按【Ctrl+Alt+；】

28、組合鍵，即可解鎖輔助線。2、輔助線1.5 輔助操作的作用3）編輯輔助線：執(zhí)行“視圖輔助線編輯輔助線”命令（或按【Ctrl+Shift+Alt+G】組合鍵），彈出“輔助線”對話框，如下圖所示。從中可同時設(shè)置輔助線的顏色、顯示狀態(tài)等多個屬性。4）清除輔助線：當(dāng)文件中有多余的輔助線時可將其清除。將光標(biāo)置于輔助線上按住鼠標(biāo)左鍵拖拽至標(biāo)尺即可（水平參考線向上拖拽，垂直參考線向左拖拽）。若要刪除文件中的所有輔助線可通過執(zhí)行“視圖輔助線清除輔助線”命令實現(xiàn)。2、輔助線1.5 輔助操作的作用網(wǎng)格進行顯示/隱藏和編輯操作，方法與輔助線的操作基本類似，如下所示：1）顯示/隱藏網(wǎng)格：執(zhí)行“視圖網(wǎng)格顯示網(wǎng)格”命令（或

29、按【Ctrl+】組合鍵），即可在舞臺區(qū)域顯示網(wǎng)格，如下圖所示。再次按【Ctrl+】組合鍵，即可將其隱藏。3、網(wǎng)格1.5 輔助操作的作用2）編輯網(wǎng)格：執(zhí)行“視圖網(wǎng)格編輯網(wǎng)格”命令（或按【Ctrl +Alt+G】組合鍵），彈出“網(wǎng)格”對話框，如下圖所示。從中可設(shè)置網(wǎng)格線的顏色、大小等多個屬性。3、網(wǎng)格1.5 輔助操作的作用在使用Flash軟件繪制圖形時，貼緊命令主要用于將各個圖形元素自動對齊，從而提高作圖的速度和精度。在Flash CC中，貼緊命令包含多種貼緊方式，執(zhí)行視圖貼緊命令即可顯示所有的貼緊方式，如下圖所示。4、緊貼命令1.5 輔助操作的作用貼緊對齊“貼緊對齊”命令用于設(shè)置對象的水平或垂直

30、邊緣之間以及對象邊緣和舞臺邊界之間的貼緊對齊容差。執(zhí)行“視圖貼緊貼緊對齊”命令，將對象拖到指定的貼緊對齊容差位置時，點線將出現(xiàn)在舞臺上，如下圖所示。4、緊貼命令1.5 輔助操作的作用貼緊至網(wǎng)格“貼緊至網(wǎng)格”命令用于設(shè)置對象上的目標(biāo)點與網(wǎng)格自動貼緊對齊。執(zhí)行“視圖網(wǎng)格顯示網(wǎng)格”命令后，將網(wǎng)格顯示到舞臺上，然后執(zhí)行“視圖貼緊貼緊至網(wǎng)格”命令，在舞臺中繪制并移動該矩形時，光標(biāo)附近會出現(xiàn)一個黑色的小環(huán)，當(dāng)黑色小環(huán)處于網(wǎng)格的貼緊距離內(nèi)時，該圓環(huán)會變大，并與網(wǎng)格線對齊。4、緊貼命令1.5 輔助操作的作用貼緊至輔助線“貼緊至輔助線”命令用于設(shè)置對象上的目標(biāo)點與輔助線貼緊對齊。執(zhí)行“視圖貼緊貼緊至輔助線”命令

31、后，移動對象時光標(biāo)附近會出現(xiàn)一個黑色的小環(huán)，當(dāng)黑色小環(huán)處于輔助線的貼緊距離內(nèi)時，該圓環(huán)會變大，并與輔助線對齊，如下圖所示。4、緊貼命令1.5 輔助操作的作用貼緊至像素“貼緊至像素”命令用于設(shè)置對象與像素線條貼緊對齊。執(zhí)行“視圖貼緊貼緊至像素”命令后，當(dāng)視圖縮放比率大于400%時會出現(xiàn)像素網(wǎng)格，此時繪制與移動對象時會發(fā)現(xiàn)對象與像素線條自動貼緊，如下圖所示。4、緊貼命令1.5 輔助操作的作用貼緊至對象“貼緊至對象”命令用于設(shè)置對象與其他對象的邊緣貼緊對齊。執(zhí)行“視圖貼緊貼緊至對象”命令或者選擇“選擇工具” 后，單擊“工具”面板底部的“貼緊至對象”按鈕 。這時，當(dāng)拖動圖形對象時，光標(biāo)附近會出現(xiàn)一個黑

32、色的小環(huán)，當(dāng)黑色小環(huán)處于另一個對象的貼緊距離內(nèi)時，該圓環(huán)會變大，并與目標(biāo)對象貼緊對齊。4、緊貼命令1.5 輔助操作的作用編輯貼緊方式“編輯貼緊方式”用于對上述貼緊方式進行設(shè)置。執(zhí)行“視圖貼緊編輯貼近方式”命令，彈出如圖1-49所示的對話框，可直接在對話框里選擇貼緊方式。單擊“高級”選項后如圖1-50所示，可對參數(shù)進行設(shè)置。4、緊貼命令1.5 輔助操作的作用編輯貼緊方式 圖 1-49 “編輯貼緊方式”對話框 圖1-50“編輯貼緊方式”對話框 4、緊貼命令1.5 輔助操作的作用編輯貼緊方式圖1-50中各參數(shù)的含義如下。1）舞臺邊界：用于設(shè)置對象與舞臺邊界之間的貼緊對齊容差，可直接在文本框輸入具體數(shù)

33、值。2）對象間距：用于設(shè)置對象的水平和垂直邊緣之間的貼緊對齊容差，同樣可輸入具體數(shù)值進行設(shè)置。3）居中對齊：用于設(shè)置對象與對象之間的居中對齊方式，可選擇“水平居中對齊”或“垂直居中對齊”。4、緊貼命令1.5 輔助操作的作用手形工具選擇“手形工具” ，工作區(qū)域的光標(biāo)指針將變?yōu)槭中?，按住鼠?biāo)左鍵并拖拽鼠標(biāo)，會發(fā)現(xiàn)滾動條會一起發(fā)生移動，看似對象的位置發(fā)生了變化，其實是工作區(qū)域的顯示位置發(fā)生了改變，對象相對于舞臺的位置并未發(fā)生改變?？s放工具“縮放工具” ，可以幫助用戶完成細節(jié)的設(shè)計操作，選擇該工具后，可從“工具選項區(qū)”中選擇“放大”圖標(biāo)或“縮小”圖標(biāo)（默認(rèn)為“放大”效果），如圖1-51所示（按下【Al

34、t】鍵可在兩個效果之間進行切換）。然后單擊舞臺區(qū)域或拉出一個選擇區(qū)如圖1-52所示，舞臺會以放大的效果顯示。5、查看類工具運用1.5 輔助操作的作用縮放工具圖1-51 “放大”、“縮小”圖標(biāo) 圖1-52 放大操作工作區(qū)域的右上角有一個顯示比例的下拉選框，從中可顯示當(dāng)前舞臺的縮放比例，也可輸入具體的數(shù)值進行縮放。單擊右側(cè)的小三角顯示下拉列表，如圖1-53所示，還可從中選擇不同的舞臺顯示效果。雙擊“縮放工具”圖標(biāo)（或按下【Ctrl+1】組合鍵）后，舞臺恢復(fù)為100%的顯示效果。當(dāng)需要舞臺在工作區(qū)域中居中顯示時，可單擊下拉選框左側(cè)的小圖標(biāo) （或按下【Ctrl+0】組合鍵）。5、查看類工具運用1.5

35、輔助操作的作用縮放工具 圖1-53 顯示比例下拉列表5、查看類工具運用1.5 輔助操作的作用調(diào)用預(yù)設(shè)工作環(huán)境單擊菜單欄右側(cè)的工作區(qū)控制器（或執(zhí)行“窗口工作區(qū)”命令）彈出工作區(qū)菜單，如下圖所示，從中可選擇合適的布局樣式。如果工作中不慎調(diào)亂了布局樣式，可通過執(zhí)行“重置”命令進行恢復(fù)。6、自定義工作環(huán)境1.5 輔助操作的作用新建工作區(qū)環(huán)境用戶根據(jù)工作需求設(shè)置好工作界面后，選擇工作區(qū)菜單中的“新建工作區(qū)”選項，彈出如下圖所示的“新建工作區(qū)”對話框，設(shè)置名稱為“myself”后單擊“確定”按鈕即可保存新建的工作區(qū)布局樣式。6、自定義工作環(huán)境1.5 輔助操作的作用新建工作區(qū)環(huán)境此時，單擊工作區(qū)控制器如下圖

36、所示。新建的工作區(qū)名稱存在于列表中，調(diào)用方式與其他選項相同，并且“刪除工作區(qū)”選項被激活，用于刪除新建的工作區(qū)環(huán)境。6、自定義工作環(huán)境1.5 輔助操作的作用第2章 逐幀動畫Flash CC動畫制作案例教程教學(xué)PPT（簡單版）逐幀動畫概述幀的基本操作FL幀和幀頻逐幀動畫的創(chuàng)建方法了解幀的概念，能夠?qū)幸粋€基本的認(rèn)識。掌握幀的分類，能夠快速創(chuàng)建不同類型幀。掌握幀的基本操作，能夠進行創(chuàng)建、復(fù)制、刪除等操作。掌握逐幀動畫的創(chuàng)建方法，能夠制作動畫效果流暢的逐幀動畫。學(xué)習(xí)目標(biāo)目錄2.1逐幀動畫概述2.2【任務(wù)1】小馬奔跑2.3【任務(wù)2】電子相片墻目錄2.4【任務(wù)3】貓頭鷹1認(rèn)識逐幀動畫2幀和幀頻3幀的類

37、型2.1 認(rèn)識逐幀動畫4幀的基本操作觀看電影時，將電影膠片按照一定的速度播放，就會形成連續(xù)、流暢的畫面。逐幀動畫的原理和電影相似，以“幀”作為基本的單位，每一幀可以看做一張電影膠片，通過連續(xù)播放幀，形成動態(tài)的影像。逐幀動畫就是在每一幀上均需繪制內(nèi)容，然后逐一播放的動畫。如圖2-1所示就是逐幀動畫在時間軸上的表現(xiàn)形式。1、認(rèn)識逐幀動畫2.1 逐幀動畫概述圖2-1 逐幀動畫表現(xiàn)形式逐幀動畫利用人的視覺暫留原理，快速播放連續(xù)的、具有細微差別的圖像，使其具有運動的效果。在逐幀動畫中，每一幀都是獨立的，可以創(chuàng)建出許多補間動畫無法實現(xiàn)的效果，具有很大的靈活性，可以表現(xiàn)出任何動畫形式。例如頭發(fā)飄動、走路、奔

38、跑等變化細膩的動畫效果，都是通過逐幀動畫實現(xiàn)的，如圖2-2所示。1、認(rèn)識逐幀動畫2.1 逐幀動畫概述圖2-2 頭發(fā)飄動逐幀動畫在Flash動畫制作中，幀是構(gòu)成動畫的基本單位。所謂的幀是指在動畫制作中構(gòu)成動畫的一系列畫面（包括圖形、聲音、各種素材和其他多種對象）。 通常位于Flash軟件時間軸面板的幀控制區(qū)，如圖2-3所示，紅框標(biāo)示的黑點即為Flash動畫中的幀，一個黑點即為一幀。2、幀和幀頻2.1 逐幀動畫概述圖2-3 幀在Flash動畫中，幀數(shù)越多，動畫需要播放的畫面也就越多。這時會涉及到另一個概念“幀頻”。簡單來說，幀頻就是每秒播放動畫的幀數(shù)。在網(wǎng)頁上幀頻為12fps的動畫效果最佳，但標(biāo)準(zhǔn)

39、幀頻為24fps，這里的“fps”是圖像領(lǐng)域中的定義，是指畫面每秒傳輸?shù)膸瑪?shù)。在Flash動畫中，幀和幀頻構(gòu)成了動畫的播放時長。2、幀和幀頻2.1 逐幀動畫概述在制作Flash動畫時，根據(jù)需求的不同，可以在時間軸上設(shè)置不同類型的幀。Flash動畫中幀分為普通幀、關(guān)鍵幀、空白關(guān)鍵幀和補間幀四類，不同的幀會顯示樣式也各不相同，具體介紹如下。普通幀在時間軸中，普通幀顯示為空心長方形 ，通常用于延長動畫的播放時間，如圖2-4所示的第30幀就是在前面基礎(chǔ)上插入普通幀的時間軸顯示樣式。3、幀的類型2.1 逐幀動畫概述圖2-4 普通幀關(guān)鍵幀在時間軸上，關(guān)鍵幀顯示為實心圓 ，表示在該幀中存在可編輯的的圖形或元

40、素，如圖2-5所示的第1幀就是關(guān)鍵幀，選擇關(guān)鍵幀會發(fā)現(xiàn)舞臺中存在一個橢圓圖形，如圖2-6所示。3、幀的類型2.1 逐幀動畫概述圖2-5 關(guān)鍵幀圖2-6 關(guān)鍵幀包含的圖形空白關(guān)鍵幀在時間軸上，空白關(guān)鍵幀顯示為空心圓 ，表示該幀不包含任何內(nèi)容。空白關(guān)鍵幀和關(guān)鍵幀性質(zhì)相同，當(dāng)在空白關(guān)鍵幀中繪制或添加內(nèi)容時，空白關(guān)鍵幀會轉(zhuǎn)化為關(guān)鍵幀。如圖2-7所示的第20幀即為空白關(guān)鍵幀。3、幀的類型2.1 逐幀動畫概述圖2-7 空白關(guān)鍵幀補間幀在兩個關(guān)鍵幀之間創(chuàng)建補間時，會在中間生成補間幀，用于過渡兩個關(guān)鍵幀之間的效果變化。針對不同的補間，補間幀現(xiàn)實的樣式也不同。例如在補間形狀中，補間幀為淺綠色填充用箭頭連接標(biāo)示，

41、在傳統(tǒng)補間中，補間幀為淺藍色（關(guān)于補間動畫的相關(guān)知識將會在后面章節(jié)詳細講解，這里了解即可）。如圖2-8和圖2-9所示。3、幀的類型2.1 逐幀動畫概述圖2-8補間形狀中的補間幀圖2-9 傳統(tǒng)補間中的補間幀對幀進行相關(guān)操作是編輯Flash動畫的基本方式，用戶可以通過添加或調(diào)整不同的幀，制作精彩的動畫效果。幀的創(chuàng)建根據(jù)幀的類型不同，插入幀可以分為三類：插入普通幀、插入關(guān)鍵幀、插入空白關(guān)鍵幀，具體方法如下：1）插入普通幀在時間軸上需要插入幀的位置單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“插入幀”命令或在選擇的位置按【F5】鍵，即可在該位置插入普通幀。2）插入關(guān)鍵幀在時間軸上需要插入幀的位置單擊鼠標(biāo)右鍵，在彈

42、出的菜單中選擇“插入關(guān)鍵幀”命令或在選擇的位置按【F6】鍵，即可在該位置插入關(guān)鍵幀。3）插入空白關(guān)鍵幀在時間軸上需要插入幀的位置單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“插入空白關(guān)鍵幀”命令或在選擇的位置按【F7】鍵，即可在該位置插入空白關(guān)鍵幀。4、幀的基本操作2.1 逐幀動畫概述幀的選擇要對幀進行編輯，首先要選中幀，在Flash中幀的選擇可分為單幀選擇和多幀選擇，具體講解如下。1）單幀選擇在時間軸單擊要選擇的幀，可以選中單幀。2）多幀選擇選擇連續(xù)多個幀：可以先選中第1個幀，然后按住【Shift】鍵單擊需要選擇的最后一幀?；蛟诘?個幀位置按下鼠標(biāo)左鍵不放，向后一幀所在的位置拖動，也可以選擇多個連續(xù)幀。

43、選擇不連續(xù)的多個幀：按住【Ctrl】鍵不放，單擊需要選擇的幀。選擇所有幀：單擊某一圖層，可以選中該圖層中包含的所有幀。4、幀的基本操作2.1 逐幀動畫概述幀的清除幀清除和刪除幀有著本質(zhì)的區(qū)別，運用清除幀命令，幀本身并不會消失，只是轉(zhuǎn)換為其他類型的幀。幀的清除包含清除幀和清除關(guān)鍵幀兩個命令，具體介紹如下。1）清除幀：選中要清除的幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“清除幀”命令。清除幀可以將幀轉(zhuǎn)換為空白關(guān)鍵幀。2）清除關(guān)鍵幀：選中要清除的關(guān)鍵幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“清除關(guān)鍵幀”命令。清除關(guān)鍵幀可以將關(guān)鍵幀轉(zhuǎn)換為普通幀。剪切幀在時間軸上選擇需要剪切的幀，單擊鼠標(biāo)右鍵，在彈出的菜單中選

44、擇“剪切幀”命令，即可剪切選中的幀。被剪切后的幀會保存在Flash的剪切版中，可以通過粘貼將其重新使用。4、幀的基本操作2.1 逐幀動畫概述復(fù)制幀復(fù)制幀在Flash動畫制作中是經(jīng)常會用到的命令，選中需要復(fù)制的幀，單擊鼠標(biāo)右鍵在彈出的菜單中選擇“復(fù)制幀”命令（或按【Ctrl+Alt+C】組合鍵），即可復(fù)制所選擇的幀。粘貼幀對于剪切或復(fù)制的幀，都可以通過“粘貼幀”命令，將其粘貼在需要的位置。在時間軸上選擇需要粘貼的位置，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“粘貼幀”命令（或按【Ctrl+Alt+V】組合鍵），即可將剪切或復(fù)制的幀粘貼到選中位置。幀的轉(zhuǎn)換幀的轉(zhuǎn)換包含“轉(zhuǎn)換為關(guān)鍵幀”和“轉(zhuǎn)換為空白關(guān)鍵幀”

45、兩種。單擊鼠標(biāo)右鍵，在彈出的菜單中選擇相應(yīng)的命令，即可轉(zhuǎn)換對應(yīng)的幀的類型。值得一提的是，當(dāng)選中關(guān)鍵幀后，按【Delete】鍵也可將其轉(zhuǎn)換為空白關(guān)鍵幀。4、幀的基本操作2.1 逐幀動畫概述幀的移動為了調(diào)整動畫的銜接順序，有時會將幀從當(dāng)前位置移動到另一個位置，這時就需要對幀進行移動操作。選中要移動的幀，按住鼠標(biāo)左鍵即可將幀進行拖動，如圖2-10和2-11所示。4、幀的基本操作2.1 逐幀動畫概述圖2-10 幀移動前圖2-11 幀移動后 翻轉(zhuǎn)幀翻轉(zhuǎn)幀用于反向播放動畫，是將動畫的第一幀變成最后一幀，最后一幀變成第一幀。在時間軸需要翻轉(zhuǎn)的幀上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“翻轉(zhuǎn)幀”命令，即可完成翻轉(zhuǎn)幀

46、的操作。4、幀的基本操作2.1 逐幀動畫概述通常情況下，只能在舞臺上看到動畫序列中某一幀的畫面。為了更好地定位和編輯連續(xù)幀動畫，可以啟動繪圖紙功能，這樣就能一次看到多個幀的畫面。繪圖紙是一個幫助定位和編輯動畫的輔助功能，其功能按鈕位于時間軸面板的控制欄中，如圖2-12所示。5、設(shè)置繪圖紙工具2.1 逐幀動畫概述圖2-11繪圖紙工具欄“繪圖紙外觀”按鈕“繪圖紙外觀”按鈕 可以控制舞臺中圖形的顯示位置。單擊“繪圖紙外觀”按鈕，在時間軸上方會出現(xiàn)一個可調(diào)整的范圍（默認(rèn)為10幀），如圖2-13所示。通過拉動中間的控制點，可以調(diào)整舞臺中圖形顯示范圍，如圖2-14和圖2-15所示。5、設(shè)置繪圖紙工具2.1

47、 逐幀動畫概述圖2-13 繪圖紙工具欄 圖2-14 擴大調(diào)整范圍圖2-15繪圖紙外觀“繪圖紙外觀輪廓”按鈕“繪圖紙外觀輪廓” 按鈕 和“繪圖紙外觀”按鈕功能用法相似，只是舞臺中圖形的填充色消失，僅顯示輪廓，如圖2-16所示。這種形式可以節(jié)省系統(tǒng)資源，加快顯示過程。5、設(shè)置繪圖紙工具2.1 逐幀動畫概述圖2-16繪圖紙外觀輪廓“編輯多個幀”按鈕單擊“編輯多個幀”按鈕 ，會顯示全部關(guān)鍵幀的內(nèi)容，并且可以進行多幀的同時編輯，如圖2-17所示。注意：“編輯多個幀”按鈕會選擇不同圖層的全部關(guān)鍵幀，但不包含補間幀。5、設(shè)置繪圖紙工具2.1 逐幀動畫概述圖2-17編輯多個幀“修改標(biāo)記”按鈕單擊“修改標(biāo)記”按

48、鈕 ，會彈出如圖2-18所示的下拉菜單。5、設(shè)置繪圖紙工具2.1 逐幀動畫概述圖2-18修改標(biāo)記菜單對圖2-18中的各項解釋如下：1）始終顯示標(biāo)記：不論繪圖紙是否開啟都顯示其標(biāo)志。當(dāng)繪圖紙未開啟時，雖然顯示其范圍標(biāo)志，但畫面不會顯示繪圖紙效果。2）錨定標(biāo)記：將繪圖紙標(biāo)志錨記在當(dāng)前的位置上。正常情況下，繪圖紙的范圍跟隨指針而移動。將繪圖紙標(biāo)志錨記后，其位置及范圍將不再改變。3）標(biāo)記范圍2/標(biāo)記范圍5：顯示當(dāng)前幀前后各2/5幀的內(nèi)容。4）標(biāo)記所有范圍：顯示當(dāng)前幀兩邊所有幀的內(nèi)容。5、設(shè)置繪圖紙工具2.1 逐幀動畫概述在逐幀動畫中，每一幀都是關(guān)鍵幀，整個動畫通過關(guān)鍵幀的連續(xù)變化形成。因此在這制作中過

49、程，需要單獨繪制每一個關(guān)鍵幀中的對象。根據(jù)逐幀動畫的特點們，可以采用以下幾種方法進行創(chuàng)建。導(dǎo)入法通過導(dǎo)入外部圖片或文件的方式來創(chuàng)建幀動畫。例如連續(xù)導(dǎo)入jpg或png等格式的靜態(tài)圖片或gif序列圖像以及swf動畫文件等。如圖2-19所示，即為導(dǎo)入到Flash中的gif圖片和時間軸上的幀序列。6、逐幀動畫的創(chuàng)建方法2.1 逐幀動畫概述圖2-19導(dǎo)入gif圖片 繪制法可以運用Flash提供的工具繪制出每一幀的內(nèi)容，制作逐幀動畫。例如圖形的放大縮小以及文字的跳躍旋轉(zhuǎn)等等。這種方式創(chuàng)建的Flash動畫易于調(diào)整，但生成的文件會占據(jù)太多空間。如圖2-20和圖2-21所示，即為創(chuàng)建的文字動畫效果。6、逐幀動畫

50、的創(chuàng)建方法2.1 逐幀動畫概述圖2-20靜態(tài)文字圖2-21動畫效果1知識儲備2任務(wù)分析2.2 【任務(wù)1】小馬奔跑3任務(wù)實現(xiàn)選擇工具在Flash中，“選擇工具” （快捷鍵【V】）通常用來選取、移動或編輯對象，是使用頻率最多的工具。1）選取對象選擇“選擇工具” ，在舞臺中的對象上單擊，即可選中圖形。如圖2-22所示，即為選中的圖形。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-22選中圖形如果需要選中多個圖形，只需按住【Shift】鍵，再點選對象即可，如圖2-23所示。此外，按住鼠標(biāo)左鍵不放，可以在舞臺中拖拽一個矩形框，如圖2-24所示，可以選中矩形框所覆蓋的圖形。1、知識儲備2.2 【任務(wù)1】小馬

51、奔跑圖2-23選中多個圖形圖2-24框選圖形2）移動和簡單復(fù)制對象運用“選擇工具” 選擇對象后，按住鼠標(biāo)左鍵不放，可將對象拖拽到舞臺中的任意位置。在拖拽過程中，按住【Alt】鍵不放，選中的對象將會被復(fù)制，如圖2-25所示。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-25簡單復(fù)制對象3）編輯對象運用“選擇工具” 還可以對圖形對象進行快速編輯。選擇“選擇工具”，將光標(biāo)移至對象邊緣處，此時光標(biāo)會變成 ，如圖2-26所示，按住鼠標(biāo)左鍵不放，拖動光標(biāo)，即可對圖形的平滑點進行調(diào)整，如圖2-27所示。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-26圓形圖2-27調(diào)整圓形3）編輯對象對圖形平滑點進行調(diào)整時，圖

52、形會按一定的弧度變化。值得一提的是，在拖動圖形邊緣的同時，按住【Ctrl】鍵，光標(biāo)會變成 ，此時可對圖形的角點進行調(diào)整，調(diào)整圖形角點時，圖形將出現(xiàn)尖角，如圖2-28所示。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-26圓形圖2-27調(diào)整圓形圖2-28調(diào)整角點線條工具在Flash動畫中，線條是動畫的基本組成形狀，通常使用“線條工具” （快捷鍵【N】）進行繪制。在工具箱中選擇“線條工具”，將光標(biāo)移至舞臺的起始位置，按住鼠標(biāo)左鍵不放拖動光標(biāo)，出現(xiàn)直線后放開光標(biāo)即可繪制一條直線，如圖2-29所示。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-29繪制直線在繪制直線時，按住【Shift】鍵，可以沿45或者

53、45的倍數(shù)方向傾斜直線，如圖2-30所示。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-30繪制傾斜角度直線當(dāng)選擇“線條工具”時，右側(cè)的屬性面板會自動切換成“線條工具”屬性，如圖2-31所示。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-31“直線工具”屬性面板可以在圖2-31所示的線條工具屬性面板中設(shè)置線條的顏色、粗細、類型、端點形狀等，具體講解如下：1） ：用于設(shè)置線條顏色。2）筆觸：用于設(shè)置線條的粗細，數(shù)字范圍為0.1200。3）樣式：用于設(shè)置線條的顯示樣式?？梢赃x擇或編輯線條的樣式，常用樣式如圖2-32所示。4）縮放：該選項包含一般、水平、垂直和無四個選項，如圖2-33所示。該選項用于限制

54、動畫中線條的筆觸縮放，防止出現(xiàn)線條模糊。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-32線條樣式圖2-33縮放5）端點：用于設(shè)置線條兩個末端的端點樣式，包括無、圓角和方形三種，對應(yīng)樣式如圖2-34所示。6）接合：用于設(shè)置線條轉(zhuǎn)角的位置。包含尖角、圓角、斜角。例如對一條直線進行彎折時，設(shè)置不同的接合方式，其折角樣式也各部相同，具體如圖2-35所示。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-34端點樣式圖2-35接合橡皮擦工具“橡皮擦工具” 是繪制圖形時常用的輔助工具，可以方便的清除圖形中多余或錯誤的部分。選擇工具箱中的“橡皮擦工具”（快捷鍵【E】），光標(biāo)將變成 （默認(rèn)橡皮擦形狀），移動至要擦除

55、的圖像上，按住鼠標(biāo)左鍵拖拽鼠標(biāo)，即可將經(jīng)過路徑上的圖像擦除，如圖2-36所示。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-36橡皮擦當(dāng)選擇橡皮擦工具時，工具選項區(qū)中會切換出橡皮擦工具選項，如圖2-37所示。分別用于設(shè)置橡皮擦模式、水龍頭、橡皮擦形狀，具體介紹如下。1)橡皮擦模式：用于選擇擦除圖形中的某一部分，包括標(biāo)準(zhǔn)擦除、擦除填色、擦除線條、擦除所選填充、內(nèi)部擦除。單擊“橡皮擦模式”按鈕 ，會彈出如圖2-38所示的選項面板，選擇需要的模式即可。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-37橡皮擦工具選項標(biāo)準(zhǔn)擦除：擦除同一圖層（關(guān)于圖層的概念會在后面小節(jié)詳細講解）上的圖形、填充和筆觸。擦除填色

56、：可以擦除填充，保留筆觸。擦除線條：可以擦除筆觸，保留填充。擦出所選填充：可以擦除選中的填充區(qū)域，保留未選中的填充和筆觸。內(nèi)部擦除：可以擦除起點所在的填充區(qū)域部分，但不影響線條填充區(qū)域外的部分。2)水龍頭工具：可以直接清除填充或筆觸。選中“水龍頭工具” ，單擊填充或筆觸部分，即可快速將其刪除。1、知識儲備2.2 【任務(wù)1】小馬奔跑3)橡皮擦形狀：用于進行精確擦除，可以設(shè)置圓形和方形兩種橡皮擦形狀。單擊“橡皮擦形狀”工具，會彈出相應(yīng)的菜單，如圖2-39所示。在菜單中選擇合適的筆觸大小即可。在調(diào)整橡皮擦形狀時按快捷鍵【】和【】可以快速切換形狀。1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-39橡皮擦

57、形狀選項圖像素材格式由于Flash是一款矢量圖形動畫制作軟件，圖像處理能力偏弱，因此在制作動畫時，經(jīng)常會將一些圖像素材導(dǎo)入到Flash中。Flash軟件可以導(dǎo)入各大多數(shù)格式的位圖或矢量文件 ，具體介紹如下。1、知識儲備2.2 【任務(wù)1】小馬奔跑1）位圖：Flash中可以導(dǎo)入JPG、PNG、GIF、BMP等格式的位圖。JPG格式：是一種有損壓縮的網(wǎng)頁格式，不支持Alpha通道，也不支持透明。最大的特點是文件比較小，可以進行高倍率的壓縮，因而在注重文件大小的領(lǐng)域應(yīng)用廣泛。例如，網(wǎng)頁制作過程中的圖像如橫幅廣告（banner）、商品圖片、較大的插圖等都可以保存為JPG格式。PNG格式：是一種無損壓縮的

58、網(wǎng)頁格式。它結(jié)合GIF和JPEG格式的優(yōu)點，不僅無損壓縮，體積更小，而且支持透明和Alpha通道。由于PNG格式不完全適用于所有瀏覽器，所以在網(wǎng)頁中比GIF和JPEG格式使用的少。但隨著網(wǎng)絡(luò)的發(fā)展和因特網(wǎng)傳輸速度的改善，PNG格式將是未來網(wǎng)頁中使用的一種標(biāo)準(zhǔn)圖像格式。1、知識儲備2.2 【任務(wù)1】小馬奔跑GIF格式：是一種通用的圖像格式。它不僅是一種無損壓縮格式，而且支持透明和動畫。另外，GIF格式保存的文件不會占用太多的磁盤空間，非常適合網(wǎng)絡(luò)傳輸，是網(wǎng)頁中常用的圖像格式。BMP格式：格式是DOS和Windows平臺上常用的一種圖像格式。BMP格式支持124位顏色深度，可用的顏色模式有RGB、

59、索引顏色、灰度和位圖等，但不能保存Alpha通道。BMP格式的特點是包含的圖像信息比較豐富，幾乎不對圖像進行壓縮，但其占用磁盤空間較大。1、知識儲備2.2 【任務(wù)1】小馬奔跑2）矢量文件：Flash中可以導(dǎo)入AI、EPS等格式的矢量文件。AI格式：是Adobe Illustrator軟件所特有的矢量圖形存儲格式，此文件格式支持對線條樣式和填充信息的精確轉(zhuǎn)換。EPS格式：也是Adobe Illustrator軟件常用的存儲格式，它和AI格式的主要區(qū)別在于AI中的位圖圖像是用鏈接的方式存儲，如果刪掉連接圖，則無法正常顯示。EPS格式則將位圖圖像包含于文件中，可以刪掉鏈接圖片。Flash可以導(dǎo)入任何

60、版本的EPS文件。1、知識儲備2.2 【任務(wù)1】小馬奔跑導(dǎo)入到舞臺雖然Flash軟件自身可以完成一些動畫素材的繪制，但仍然需要導(dǎo)入外部素材，使動畫畫面更加精彩。導(dǎo)入到舞臺中的素材文件可以直接運用到動畫中，執(zhí)行“文件導(dǎo)入導(dǎo)入到舞臺命令”（或按【Ctrl+R】組合鍵），彈出導(dǎo)入對話框，如圖2-40所示。單擊紅框標(biāo)示的下拉三角按鈕，選擇素材文件所在的路徑，選中路徑中的素材文件，單擊“打開”按鈕，即可將素材導(dǎo)入。1、知識儲備2.2 【任務(wù)1】小馬奔跑1、知識儲備2.2 【任務(wù)1】小馬奔跑圖2-40“導(dǎo)入”對話框?qū)氲轿枧_需要注意的是，當(dāng)路徑中有多個素材文件，在導(dǎo)入素材文件時，F(xiàn)lash軟件會彈出提示。