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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

16、板，還可通過拖拽面板左上方的面板名稱，將面板從組合中拖拽出來。2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱6）浮動(dòng)面板2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱6）浮動(dòng)面板2、操作界面的構(gòu)成1.2 Flash CC的操作界面工具箱7）屬性面板屬性面板主要用于顯示當(dāng)前所選中對象的屬性信息，還可通過該面板編輯修改對象的屬性。屬性面板的存在極大的提高了動(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、動(dòng)軟件后在歡迎界面中可新建空白文件，還可選擇新建文件的類型，如圖1-19所示。除此之外，還可通過執(zhí)行“文件新建”命令（或按【Ctrl+N】組合鍵），彈出“新建文件”對話框，如圖1-20所示。在該對話框中可選擇新建文件的類型還可設(shè)置文件的大小等參數(shù)，最后單擊“確定”按鈕即可完成文件的新建。1、新建文件1.3 文件基本操作 圖1-19 歡迎界面 圖1-20“新建文件”對話框1、新建文件1.3 文件基本操作如果要編輯修改某個(gè)Flash文件時(shí)，首先需要將其打開。執(zhí)行“文件打開”命令（或按【Ctrl+O】組合鍵），彈出“打開”對話框，如圖所示。在該對話框中可搜索路徑和文件，選中需要打開的文件后，單擊“打

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

19、啟動(dòng)Flash軟件時(shí)，會(huì)將文件恢復(fù)到最近一次保存的狀態(tài)。如果用戶不需要該功能可以禁用，也可自行調(diào)整保存的時(shí)間間隔，執(zhí)行“編輯首選參數(shù)”命令（或按【Ctrl+U】組合鍵），彈出“首選參數(shù)”對話框，在該對話框中選擇“常規(guī)”選項(xiàng)，然后勾選“自動(dòng)恢復(fù)”選項(xiàng)，此時(shí)即可調(diào)整時(shí)間間隔，如下圖所示。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)閉文件時(shí)會(huì)彈出一個(gè)如下圖所示的提示框。在所示提示框中，單擊“是”按鈕即可先保存再關(guān)閉文件；單擊“否”按鈕，直接關(guān)閉文件；單擊“取消”按鈕，則會(huì)取消關(guān)閉操作。4、關(guān)閉文件1.3 文件基本操作導(dǎo)出圖像通過“導(dǎo)出圖像”操作可將當(dāng)前文件導(dǎo)出為不同類型的圖像。執(zhí)行“文件導(dǎo)出導(dǎo)出圖像”命令會(huì)彈出“導(dǎo)出圖像”對話框，單擊“保存類型”下拉選框后，如右圖所示。5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出圖像通過“導(dǎo)出圖像”操作可將當(dāng)前文件導(dǎo)出為不同類型的圖像。執(zhí)行“文件導(dǎo)出導(dǎo)出圖像”命令會(huì)彈出“導(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)出影片”命令會(huì)彈出“導(dǎo)出影片”對話框，單擊“保存類型”下拉選框后，如圖所示。5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出影像從上圖中可以選擇導(dǎo)出的影片類型，單擊“保存”按鈕后，彈出如圖1-28所示的對話框，設(shè)置好參數(shù)后單擊“導(dǎo)出”按鈕即可。值得一提的是，當(dāng)選擇JPEG和PNG等序列類型時(shí)，則會(huì)將文件中每一幀保存為一副圖像

22、，生成一組圖像序列。5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出視頻通過“導(dǎo)出視頻”操作可將當(dāng)前文件導(dǎo)出為MOV格式的視頻文件，執(zhí)行“文件導(dǎo)出導(dǎo)出視頻”命令，會(huì)彈出如圖1-29所示的對話框，設(shè)置好參數(shù)后單擊“導(dǎo)出”按鈕，彈出如圖1-30所示的提示框（導(dǎo)出視頻需安裝Quick Time軟件，安裝后仍會(huì)彈出提示框），單擊“確定”按鈕即可。圖1-29“導(dǎo)出視頻”對話框5、導(dǎo)出文件1.3 文件基本操作導(dǎo)出視頻圖1-30 提示框5、導(dǎo)出文件1.3 文件基本操作Flash動(dòng)畫的應(yīng)用領(lǐng)域非常廣泛，不同類型的動(dòng)畫會(huì)根據(jù)所應(yīng)用的范圍設(shè)置不同的尺寸，因此在制作Flash動(dòng)畫之前預(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項(xiàng)主要用于設(shè)置文件的寬度和高度，默認(rèn)大小為550400像素，單擊右側(cè)的“匹配內(nèi)容”按鈕后，可使舞臺大小正好能容納所有對象。3）縮放：選中“縮放內(nèi)容”選項(xiàng)后，在調(diào)整舞臺大小的同時(shí)，舞臺中的對象會(huì)依據(jù)舞臺的縮放比例一同進(jìn)行調(diào)整。同時(shí)“鎖定層和隱藏層”選項(xiàng)會(huì)被激活，選中該選項(xiàng)后，縮放內(nèi)容時(shí)鎖定的圖層和隱藏的圖層會(huì)一同縮放，否則將保持不變。6、設(shè)置文件屬性1.

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

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

26、緣會(huì)出現(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查看類工具運(yùn)用1.5 輔助操作的使用6自定義工作環(huán)境標(biāo)尺是Flash軟件的重要輔助工具之一，可以對圖像進(jìn)行精準(zhǔn)定位，并且不會(huì)對圖像造成任何修改。執(zhí)行“視圖標(biāo)尺”命令（或按【Ctrl+Shift+Alt+R】組合鍵），會(huì)在文件的上方和左側(cè)出現(xiàn)帶有刻度的標(biāo)尺，如下圖所示。再次按【Ctrl+Shift+Alt+R】組合鍵則會(huì)隱藏標(biāo)尺。1、標(biāo)尺1.5 輔助操作的作用輔助線起到輔助繪圖的作用，一般用來對

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

28、組合鍵，即可解鎖輔助線。2、輔助線1.5 輔助操作的作用3）編輯輔助線：執(zhí)行“視圖輔助線編輯輔助線”命令（或按【Ctrl+Shift+Alt+G】組合鍵），彈出“輔助線”對話框，如下圖所示。從中可同時(shí)設(shè)置輔助線的顏色、顯示狀態(tài)等多個(gè)屬性。4）清除輔助線：當(dāng)文件中有多余的輔助線時(shí)可將其清除。將光標(biāo)置于輔助線上按住鼠標(biāo)左鍵拖拽至標(biāo)尺即可（水平參考線向上拖拽，垂直參考線向左拖拽）。若要?jiǎng)h除文件中的所有輔助線可通過執(zhí)行“視圖輔助線清除輔助線”命令實(shí)現(xiàn)。2、輔助線1.5 輔助操作的作用網(wǎng)格進(jìn)行顯示/隱藏和編輯操作，方法與輔助線的操作基本類似，如下所示：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)格線的顏色、大小等多個(gè)屬性。3、網(wǎng)格1.5 輔助操作的作用在使用Flash軟件繪制圖形時(shí)，貼緊命令主要用于將各個(gè)圖形元素自動(dòng)對齊，從而提高作圖的速度和精度。在Flash CC中，貼緊命令包含多種貼緊方式，執(zhí)行視圖貼緊命令即可顯示所有的貼緊方式，如下圖所示。4、緊貼命令1.5 輔助操作的作用貼緊對齊“貼緊對齊”命令用于設(shè)置對象的水平或垂直

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

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

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

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

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

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

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

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

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

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

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

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

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

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

44、擇“剪切幀”命令，即可剪切選中的幀。被剪切后的幀會(huì)保存在Flash的剪切版中，可以通過粘貼將其重新使用。4、幀的基本操作2.1 逐幀動(dòng)畫概述復(fù)制幀復(fù)制幀在Flash動(dòng)畫制作中是經(jīng)常會(huì)用到的命令，選中需要復(fù)制的幀，單擊鼠標(biāo)右鍵在彈出的菜單中選擇“復(fù)制幀”命令（或按【Ctrl+Alt+C】組合鍵），即可復(fù)制所選擇的幀。粘貼幀對于剪切或復(fù)制的幀，都可以通過“粘貼幀”命令，將其粘貼在需要的位置。在時(shí)間軸上選擇需要粘貼的位置，單擊鼠標(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 逐幀動(dòng)畫概述幀的移動(dòng)為了調(diào)整動(dòng)畫的銜接順序，有時(shí)會(huì)將幀從當(dāng)前位置移動(dòng)到另一個(gè)位置，這時(shí)就需要對幀進(jìn)行移動(dòng)操作。選中要移動(dòng)的幀，按住鼠標(biāo)左鍵即可將幀進(jìn)行拖動(dòng)，如圖2-10和2-11所示。4、幀的基本操作2.1 逐幀動(dòng)畫概述圖2-10 幀移動(dòng)前圖2-11 幀移動(dòng)后 翻轉(zhuǎn)幀翻轉(zhuǎn)幀用于反向播放動(dòng)畫，是將動(dòng)畫的第一幀變成最后一幀，最后一幀變成第一幀。在時(shí)間軸需要翻轉(zhuǎn)的幀上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“翻轉(zhuǎn)幀”命令，即可完成翻轉(zhuǎn)幀

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

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

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

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

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

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

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

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

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

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

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

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

58、網(wǎng)頁格式。它結(jié)合GIF和JPEG格式的優(yōu)點(diǎn)，不僅無損壓縮，體積更小，而且支持透明和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格式：是一種通用的圖像格式。它不僅是一種無損壓縮格式，而且支持透明和動(dòng)畫。另外，GIF格式保存的文件不會(huì)占用太多的磁盤空間，非常適合網(wǎng)絡(luò)傳輸，是網(wǎng)頁中常用的圖像格式。BMP格式：格式是DOS和Windows平臺上常用的一種圖像格式。BMP格式支持124位顏色深度，可用的顏色模式有RGB、

59、索引顏色、灰度和位圖等，但不能保存Alpha通道。BMP格式的特點(diǎn)是包含的圖像信息比較豐富，幾乎不對圖像進(jìn)行壓縮，但其占用磁盤空間較大。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òng)畫素材的繪制，但仍然需要導(dǎo)入外部素材，使動(dòng)畫畫面更加精彩。導(dǎo)入到舞臺中的素材文件可以直接運(yùn)用到動(dòng)畫中，執(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)路徑中有多個(gè)素材文件，在導(dǎo)入素材文件時(shí)，F(xiàn)lash軟件會(huì)彈出提示。