第四章-Flash動(dòng)畫網(wǎng)頁設(shè)計(jì)課件

第4章制作Web動(dòng)畫—FlashFlashMX是Macromedia公司的一個(gè)的網(wǎng)頁交互動(dòng)畫制作工具。與網(wǎng)頁中標(biāo)準(zhǔn)的圖像文件GIF和JPG格式不同，用FlashMX制作出來的動(dòng)畫是矢量的，不管怎樣放大、縮小，它還是清晰可見。用FlashMX制作的文件很小，這樣便于在互聯(lián)網(wǎng)上傳輸，而且它采用了流技術(shù)，只要下載一部分，就能欣賞動(dòng)畫，而且能一邊播放一邊傳輸送數(shù)據(jù)。交互性更是FlashMX動(dòng)畫的迷人之處，可以通過點(diǎn)擊按鈕、選擇菜單來控制動(dòng)畫的播放。正是有了這些優(yōu)點(diǎn)，才使flash日益成為網(wǎng)絡(luò)多媒體的主流。本章將通過一些具體的實(shí)例，介紹Flash的基本功能及其在網(wǎng)頁制作中的應(yīng)用。第4章制作Web動(dòng)畫—FlashFlashMX14.1Flash基礎(chǔ)4.1.1FlashMX的特點(diǎn)FlashMX已經(jīng)成為網(wǎng)絡(luò)中最常用的動(dòng)畫制作工具，相對于GIF動(dòng)畫格式，F(xiàn)lashMX動(dòng)畫具有明顯優(yōu)勢，主要表現(xiàn)在以下方面：Flash動(dòng)畫使用矢量圖像，文件大小要比GIF動(dòng)畫小的多，可以進(jìn)行任意比例的縮放而不會失真。GIF動(dòng)畫只能輸出256色，遠(yuǎn)遠(yuǎn)不能滿足大眾對動(dòng)畫圖像質(zhì)量的要求。Flash輸出動(dòng)畫圖像為真彩色（224色），更為逼真。GIF只支持簡單的動(dòng)畫，而Flash具有真正的多媒體意義：支持聲音，支持復(fù)雜的交互內(nèi)容。Flash動(dòng)畫采用先進(jìn)的“流”式播放技術(shù)，即用戶可以邊下載邊觀看，完全適應(yīng)網(wǎng)絡(luò)的環(huán)境，使用戶觀看動(dòng)畫無需等待。Flash獨(dú)有的ActionScript腳本功能，賦予其強(qiáng)大的功能和靈活性，使其功能遠(yuǎn)遠(yuǎn)超過了一個(gè)單純的動(dòng)畫制作軟件。4.1Flash基礎(chǔ)4.1.1FlashMX的特點(diǎn)24.1Flash基礎(chǔ)4.1.2Flash的基本功能Flash從1998年的Flash1.0發(fā)布，不斷升級，功能也不斷增強(qiáng)，現(xiàn)在已經(jīng)發(fā)展成為一個(gè)功能強(qiáng)大的動(dòng)畫制作平臺。它的基本功能包括：支持矢量動(dòng)畫的制作支持各種多媒體素材，包括各種圖像、聲音、視頻素材的導(dǎo)入支持ActionScript即腳本編程，允許用戶實(shí)現(xiàn)復(fù)雜的交互控制動(dòng)畫可以保存為各種形式的動(dòng)畫文件4.1Flash基礎(chǔ)4.1.2Flash的基本功能34.1Flash基礎(chǔ)4.1.3Flash文件操作Flash具有簡單的繪圖功能，利用繪圖工具可以繪制簡單的矢量圖，但繪圖并不是Flash的主要功能，一般在Flash中使用的圖形圖像都需要從外部導(dǎo)入。輸入和導(dǎo)入的文件類型：可以直接打開的文件*.fla可以導(dǎo)入各種圖形圖像文件，*.swf文件，*.gif動(dòng)畫文件?？梢詍p3、wav、avi、mpg、mov等格式的聲音和視頻文件做為一個(gè)元件導(dǎo)入。Ctrl+R可以導(dǎo)入4.1Flash基礎(chǔ)4.1.3Flash文件操作44.1Flash基礎(chǔ)4.1.3Flash文件操作由于Flash并不善于處理位圖圖像，因此位圖一般只作為靜態(tài)元素或是背景圖像，而不用于制作動(dòng)畫。與位圖相比，矢量圖具有與分辨率無關(guān)的特性，可以在不同分辨率的輸出設(shè)備上顯示，對其進(jìn)行任意縮放都不影響圖形的畫質(zhì)和顯示質(zhì)量，因此常用于制作動(dòng)畫畫面。在導(dǎo)入了位圖后，必須將其轉(zhuǎn)換為矢量圖后才能像矢量圖一樣被操作和編輯。相關(guān)操作把位圖轉(zhuǎn)換為矢量圖分離位圖編輯位圖設(shè)置位圖的屬性4.1Flash基礎(chǔ)4.1.3Flash文件操作54.1Flash基礎(chǔ)4.1.3Flash文件操作動(dòng)畫文件輸出和測試發(fā)布選擇File|Save命令將保存Flash源文件格式的文件，其擴(kuò)展名為*.fla。動(dòng)畫導(dǎo)出的文件格式主要有*.swf、*.avi、*.mov、*.gif。如果要在網(wǎng)絡(luò)上使用Flash動(dòng)畫，可以執(zhí)行Flie|Publish命令輸出動(dòng)畫。執(zhí)行菜單命令Control|TestMovie可以測試Flash動(dòng)畫。4.1Flash基礎(chǔ)4.1.3Flash文件操作64.1Flash基礎(chǔ)4.1.4Flash繪圖工具的操作選取工具（黑色箭頭V），F(xiàn)lash的特點(diǎn)：線和內(nèi)部的內(nèi)容可以分別選取，要同時(shí)選取時(shí)，一般要框選箭頭工具：細(xì)部選取工具（白色前頭A），相當(dāng)于Photoshop中的路徑調(diào)整工具，可以調(diào)整矢量圖形的路徑。直線工具（N)，可以畫直線，畫時(shí)按住Shift可以畫水平或垂直的線，畫完可以用選取工具在屬性面板中修改其屬性。也可以用直線工具畫多邊形，可以畫線條。畫好后用選取工具進(jìn)行選取，可以進(jìn)行顏色、粗細(xì)、線型的修改，而且當(dāng)兩條線交錯(cuò)時(shí)，線條可以選一部分，可以將線條連接起來。雙擊可以選線條的全部。套索工具（L)，用來進(jìn)行選取，一般多用于對位圖局部區(qū)域的選取，在Flash中，將魔術(shù)棒工具、多邊形套索集成在一起，在位圖進(jìn)行選取時(shí)，需要將其打散。鋼筆工具（P)，和Photoshop中一樣，是用來畫路徑的工具。畫好后可以用細(xì)部選取工具進(jìn)行路徑的調(diào)整。4.1Flash基礎(chǔ)4.1.4Flash繪圖工具的操74.1Flash基礎(chǔ)4.1.4Flash繪圖工具的操作文字工具橢圓工具和矩形工具鉛筆工具和刷子工具任意變形工具和填充變形工具墨水瓶工具和油漆桶工具4.1Flash基礎(chǔ)4.1.4Flash繪圖工具的操84.1Flash基礎(chǔ)4.1.4Flash圖層操作在Flash動(dòng)畫和動(dòng)畫中中的元件均可以分層管理。將動(dòng)畫按照其性質(zhì)放置在不同的圖層是管理動(dòng)畫最常用的一種方法。Flash支持的圖層數(shù)目不受限制，在每個(gè)圖層上可以包括單獨(dú)的運(yùn)動(dòng)動(dòng)畫、逐幀動(dòng)畫和按鈕、位圖、矢量圖甚至群組?？梢栽O(shè)定每個(gè)圖層的名稱，修改單個(gè)或者全部圖層的顯示、鎖定屬性。Flash中有三種類型的圖層，分別是普通圖層、引導(dǎo)層和遮罩層。4.1Flash基礎(chǔ)4.1.4Flash圖層操作94.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯 幀是動(dòng)畫制作中的一個(gè)重要的概念，它是組成動(dòng)畫的基本單位，一個(gè)動(dòng)畫中可以包含多個(gè)幀，在Flash中，一個(gè)動(dòng)畫可以由多個(gè)圖層構(gòu)成，一個(gè)圖層由多個(gè)幀構(gòu)成。圖層和幀共同決定了動(dòng)畫的播放形式與時(shí)間。4.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯104.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯 Flash的幀分為關(guān)鍵幀、普通幀、空白關(guān)鍵幀、空白幀四種類型。1.關(guān)鍵幀關(guān)鍵幀對定義與控制動(dòng)畫的變化起到關(guān)鍵性的作用。在制作Flash動(dòng)畫時(shí)，只有關(guān)鍵幀是可編輯的。在關(guān)鍵幀中可以放置所有的動(dòng)畫對象，如圖形、文字、群組、實(shí)例和位圖等，也可以放置聲音、動(dòng)作以及注釋等。當(dāng)關(guān)鍵幀中旋轉(zhuǎn)了動(dòng)畫對象后，它的表現(xiàn)狀態(tài)為一個(gè)黑色的實(shí)心圓點(diǎn)。4.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯114.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯 Flash的幀分為關(guān)鍵幀、普通幀、空白關(guān)鍵幀、空白幀四種類型。2.空白關(guān)鍵幀它是一種特殊的關(guān)鍵幀，是沒有放置任何動(dòng)畫對象的關(guān)鍵幀。在動(dòng)畫中插入空關(guān)鍵幀的目的是清除前面的動(dòng)畫對象，這對于轉(zhuǎn)換動(dòng)畫的場景與角色具有十分重要的作用。在時(shí)間軸面板中插入空白關(guān)鍵幀之后，它的表現(xiàn)狀況為一個(gè)空心的圓點(diǎn)。4.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯124.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯 Flash的幀分為關(guān)鍵幀、普通幀、空白關(guān)鍵幀、空白幀四種類型。3.普通幀它是位于兩個(gè)關(guān)鍵幀之間的幀，是由系統(tǒng)自動(dòng)生成的。用于表示形狀或運(yùn)動(dòng)等動(dòng)畫中的中間畫面。普通幀在時(shí)間軸上表現(xiàn)為灰色的小長方形格子4.空白幀空白幀是不可編輯的幀，只有插入幀、關(guān)鍵幀或空白關(guān)鍵幀后才能進(jìn)行編輯。實(shí)際上，空白幀不是真正的幀，它是為了便于動(dòng)畫制作而設(shè)計(jì)的一些用來代表幀的小方塊。4.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯134.1Flash基礎(chǔ)4.1.6元件的概念與應(yīng)用元件（symbol)是Flash中可以重復(fù)使用的元素。元件創(chuàng)立后，便添加到元件庫（Library）中，從而可以被任意次使用而不會增減Flash文件的大小。當(dāng)一個(gè)元件被用于動(dòng)畫中時(shí)，便生成了這個(gè)元件的一個(gè)實(shí)例（Instance），改變動(dòng)畫中的實(shí)例的不會改變其對應(yīng)的元件。使用元件和實(shí)例具有以下一些優(yōu)點(diǎn)：使動(dòng)畫的大小適合網(wǎng)絡(luò)下載播放；通過修改一個(gè)元件達(dá)到改變這個(gè)元件所有實(shí)例的效果，方便更新；將所有元件都集中在同一窗口，便于分類管理。4.1Flash基礎(chǔ)4.1.6元件的概念與應(yīng)用144.1.6元件的概念與應(yīng)用三種基本元件：圖形（Graphic)用來存放靜態(tài)的圖形或者動(dòng)畫，但動(dòng)畫中的聲音和用戶交互的元素都將失效。按鈕（Button)是動(dòng)畫與用戶動(dòng)態(tài)交互的，可以為按鈕指定任何鼠標(biāo)事件。影片剪輯（MovieClip)用來存放包含交互元素的動(dòng)畫效果。4.1.6元件的概念與應(yīng)用三種基本元件：154.1.6元件的概念與應(yīng)用建立元件的二種方式復(fù)制元件內(nèi)建元件庫、元件庫的操作4.1.6元件的概念與應(yīng)用建立元件的二種方式164.2簡單動(dòng)畫的形成4.2.1Flash動(dòng)畫的類型逐幀動(dòng)畫（frame-by-frameAnimation)運(yùn)動(dòng)動(dòng)畫(MotionTweening)形變動(dòng)畫(ShapeTweening)如果要做運(yùn)動(dòng)動(dòng)畫，必須是群組的，如果要做形變動(dòng)畫，必須是打散的。運(yùn)動(dòng)動(dòng)畫的三個(gè)要素：兩個(gè)關(guān)鍵幀，然后再添加運(yùn)動(dòng)動(dòng)畫，不同的起始和結(jié)束點(diǎn)。運(yùn)動(dòng)動(dòng)畫的五種變化：一是位置的移動(dòng)；二是放大縮小動(dòng)畫；三是旋轉(zhuǎn)的變化；四是顏色的變化；五是透明度的變化。4.2簡單動(dòng)畫的形成4.2.1Flash動(dòng)畫的類型174.2簡單動(dòng)畫的形成4.2.2Flash工作的五個(gè)標(biāo)準(zhǔn)程序1.設(shè)定動(dòng)畫的大??；2.在庫中建元件（演員）；3.編輯時(shí)間軸；4.保存；5.發(fā)布。4.2簡單動(dòng)畫的形成4.2.2Flash工作的五個(gè)標(biāo)準(zhǔn)184.2簡單動(dòng)畫的形成4.2.3導(dǎo)引線動(dòng)畫：（1）隨意導(dǎo)引線：一般用鉛筆工具畫導(dǎo)引線，然后把起點(diǎn)和終點(diǎn)都“吸”導(dǎo)引線上。（2）園形或方形的導(dǎo)引線，并且要能看到圓或方。（3）彈跳路徑的導(dǎo)引線動(dòng)畫，畫圓和接線的技巧。（4）文字造型路徑動(dòng)畫。（5）技巧：A.不同的元件使用同一導(dǎo)引線動(dòng)畫。B.換成其他的組件表演。C.元件跟著路徑方向旋轉(zhuǎn)。4.2簡單動(dòng)畫的形成4.2.3導(dǎo)引線動(dòng)畫：194.2簡單動(dòng)畫的形成4.2.4Flash形狀動(dòng)畫三要素：（1）前后兩個(gè)關(guān)鍵幀，元件不一樣。（2）打散元件（必須）打散和群組元件。（3）添加形狀補(bǔ)間。形狀動(dòng)畫的提示點(diǎn)的添加4.2簡單動(dòng)畫的形成4.2.4Flash形狀動(dòng)畫204.2簡單動(dòng)畫的形成4.2.5遮罩動(dòng)畫：要看到的東西放下層，遮擋物放上層，同時(shí)鎖定兩個(gè)圖層。遮罩動(dòng)畫：上層元件的移動(dòng)、下層元件的移動(dòng)。遮罩動(dòng)畫：文字動(dòng)畫、彩虹字動(dòng)畫、文字中圖形的變化。遮罩動(dòng)畫：位圖的圓角化修飾。4.2簡單動(dòng)畫的形成4.2.5遮罩動(dòng)畫：214.2簡單動(dòng)畫的形成4.2.5Flash文字動(dòng)畫文字的輸入文字的打散打散至圖層漸變色文字、系統(tǒng)內(nèi)圖形字符的使用（webdings、windings）、下載圖形字體4.2簡單動(dòng)畫的形成4.2.5Flash文字動(dòng)畫224.3音頻導(dǎo)入4.3.3音頻的導(dǎo)入與編輯控制1.導(dǎo)入聲音文件2.檢查聲音文件的屬性3.使用聲音文件4.聲音重復(fù)播放及效果設(shè)置5.給按鈕添加聲音4.3音頻導(dǎo)入4.3.3音頻的導(dǎo)入與編輯控制234.4交互功能的實(shí)現(xiàn)Flash可以使動(dòng)作具有交互功能，交互功能是通過其ActionScript腳本語言來實(shí)現(xiàn)的。ActionScript是一種面向?qū)ο蟮木幊陶Z言，與其他程序語言一樣，有自己的語法，關(guān)鍵字、也有運(yùn)算符，允許有變量。它包含內(nèi)置的對象和功能，同時(shí)允許用戶自己創(chuàng)建各種對象和功能。在Flash中，用戶通過動(dòng)作（Actions)面板來編寫簡單的ActionScript，實(shí)現(xiàn)交互動(dòng)作。4.4交互功能的實(shí)現(xiàn)Flash可以使動(dòng)作具有交互功能，交互244.4交互功能的實(shí)現(xiàn)4.4.1動(dòng)作的概念動(dòng)作是ActionScript中的一種陳述，用來指示一個(gè)Flash動(dòng)畫播放過程中需要執(zhí)行的一個(gè)交互動(dòng)作。動(dòng)作必須附屬于時(shí)間軸上的某一個(gè)關(guān)鍵幀、影片剪輯、按鈕。可以通過動(dòng)作面板來添加動(dòng)作。4.4交互功能的實(shí)現(xiàn)4.4.1動(dòng)作的概念254.4交互功能的實(shí)現(xiàn)4.4.2動(dòng)作的概念在時(shí)間軸上的命令在關(guān)鍵幀上。Stop動(dòng)作、goto（從某一幀跳到某一幀）動(dòng)作；播放按鈕（Play）要被控制，必須是MC（要有實(shí)體名稱），要和用戶作互動(dòng)，必須是按鈕。自動(dòng)發(fā)生的動(dòng)作要設(shè)在時(shí)間軸上。S1._x=s1._x+10(通過按鈕控制影片的位置。S1._xscale=S1._xscale*1.05Fscommand(全屏幕）4.4交互功能的實(shí)現(xiàn)4.4.2動(dòng)作的概念264.4交互功能的實(shí)現(xiàn)4.4.3按鈕的制作4.4.4為影片添加動(dòng)作4.4交互功能的實(shí)現(xiàn)4.4.3按鈕的制作27思考題相對與傳統(tǒng)的GIF動(dòng)畫格式，F(xiàn)lash動(dòng)畫有什么優(yōu)勢？Flash中的時(shí)間軸主要由哪些部分組成，它們各自的作用是什么？思考題相對與傳統(tǒng)的GIF動(dòng)畫格式，F(xiàn)lash動(dòng)畫有什么優(yōu)勢？28第4章制作Web動(dòng)畫—FlashFlashMX是Macromedia公司的一個(gè)的網(wǎng)頁交互動(dòng)畫制作工具。與網(wǎng)頁中標(biāo)準(zhǔn)的圖像文件GIF和JPG格式不同，用FlashMX制作出來的動(dòng)畫是矢量的，不管怎樣放大、縮小，它還是清晰可見。用FlashMX制作的文件很小，這樣便于在互聯(lián)網(wǎng)上傳輸，而且它采用了流技術(shù)，只要下載一部分，就能欣賞動(dòng)畫，而且能一邊播放一邊傳輸送數(shù)據(jù)。交互性更是FlashMX動(dòng)畫的迷人之處，可以通過點(diǎn)擊按鈕、選擇菜單來控制動(dòng)畫的播放。正是有了這些優(yōu)點(diǎn)，才使flash日益成為網(wǎng)絡(luò)多媒體的主流。本章將通過一些具體的實(shí)例，介紹Flash的基本功能及其在網(wǎng)頁制作中的應(yīng)用。第4章制作Web動(dòng)畫—FlashFlashMX294.1Flash基礎(chǔ)4.1.1FlashMX的特點(diǎn)FlashMX已經(jīng)成為網(wǎng)絡(luò)中最常用的動(dòng)畫制作工具，相對于GIF動(dòng)畫格式，F(xiàn)lashMX動(dòng)畫具有明顯優(yōu)勢，主要表現(xiàn)在以下方面：Flash動(dòng)畫使用矢量圖像，文件大小要比GIF動(dòng)畫小的多，可以進(jìn)行任意比例的縮放而不會失真。GIF動(dòng)畫只能輸出256色，遠(yuǎn)遠(yuǎn)不能滿足大眾對動(dòng)畫圖像質(zhì)量的要求。Flash輸出動(dòng)畫圖像為真彩色（224色），更為逼真。GIF只支持簡單的動(dòng)畫，而Flash具有真正的多媒體意義：支持聲音，支持復(fù)雜的交互內(nèi)容。Flash動(dòng)畫采用先進(jìn)的“流”式播放技術(shù)，即用戶可以邊下載邊觀看，完全適應(yīng)網(wǎng)絡(luò)的環(huán)境，使用戶觀看動(dòng)畫無需等待。Flash獨(dú)有的ActionScript腳本功能，賦予其強(qiáng)大的功能和靈活性，使其功能遠(yuǎn)遠(yuǎn)超過了一個(gè)單純的動(dòng)畫制作軟件。4.1Flash基礎(chǔ)4.1.1FlashMX的特點(diǎn)304.1Flash基礎(chǔ)4.1.2Flash的基本功能Flash從1998年的Flash1.0發(fā)布，不斷升級，功能也不斷增強(qiáng)，現(xiàn)在已經(jīng)發(fā)展成為一個(gè)功能強(qiáng)大的動(dòng)畫制作平臺。它的基本功能包括：支持矢量動(dòng)畫的制作支持各種多媒體素材，包括各種圖像、聲音、視頻素材的導(dǎo)入支持ActionScript即腳本編程，允許用戶實(shí)現(xiàn)復(fù)雜的交互控制動(dòng)畫可以保存為各種形式的動(dòng)畫文件4.1Flash基礎(chǔ)4.1.2Flash的基本功能314.1Flash基礎(chǔ)4.1.3Flash文件操作Flash具有簡單的繪圖功能，利用繪圖工具可以繪制簡單的矢量圖，但繪圖并不是Flash的主要功能，一般在Flash中使用的圖形圖像都需要從外部導(dǎo)入。輸入和導(dǎo)入的文件類型：可以直接打開的文件*.fla可以導(dǎo)入各種圖形圖像文件，*.swf文件，*.gif動(dòng)畫文件?？梢詍p3、wav、avi、mpg、mov等格式的聲音和視頻文件做為一個(gè)元件導(dǎo)入。Ctrl+R可以導(dǎo)入4.1Flash基礎(chǔ)4.1.3Flash文件操作324.1Flash基礎(chǔ)4.1.3Flash文件操作由于Flash并不善于處理位圖圖像，因此位圖一般只作為靜態(tài)元素或是背景圖像，而不用于制作動(dòng)畫。與位圖相比，矢量圖具有與分辨率無關(guān)的特性，可以在不同分辨率的輸出設(shè)備上顯示，對其進(jìn)行任意縮放都不影響圖形的畫質(zhì)和顯示質(zhì)量，因此常用于制作動(dòng)畫畫面。在導(dǎo)入了位圖后，必須將其轉(zhuǎn)換為矢量圖后才能像矢量圖一樣被操作和編輯。相關(guān)操作把位圖轉(zhuǎn)換為矢量圖分離位圖編輯位圖設(shè)置位圖的屬性4.1Flash基礎(chǔ)4.1.3Flash文件操作334.1Flash基礎(chǔ)4.1.3Flash文件操作動(dòng)畫文件輸出和測試發(fā)布選擇File|Save命令將保存Flash源文件格式的文件，其擴(kuò)展名為*.fla。動(dòng)畫導(dǎo)出的文件格式主要有*.swf、*.avi、*.mov、*.gif。如果要在網(wǎng)絡(luò)上使用Flash動(dòng)畫，可以執(zhí)行Flie|Publish命令輸出動(dòng)畫。執(zhí)行菜單命令Control|TestMovie可以測試Flash動(dòng)畫。4.1Flash基礎(chǔ)4.1.3Flash文件操作344.1Flash基礎(chǔ)4.1.4Flash繪圖工具的操作選取工具（黑色箭頭V），F(xiàn)lash的特點(diǎn)：線和內(nèi)部的內(nèi)容可以分別選取，要同時(shí)選取時(shí)，一般要框選箭頭工具：細(xì)部選取工具（白色前頭A），相當(dāng)于Photoshop中的路徑調(diào)整工具，可以調(diào)整矢量圖形的路徑。直線工具（N)，可以畫直線，畫時(shí)按住Shift可以畫水平或垂直的線，畫完可以用選取工具在屬性面板中修改其屬性。也可以用直線工具畫多邊形，可以畫線條。畫好后用選取工具進(jìn)行選取，可以進(jìn)行顏色、粗細(xì)、線型的修改，而且當(dāng)兩條線交錯(cuò)時(shí)，線條可以選一部分，可以將線條連接起來。雙擊可以選線條的全部。套索工具（L)，用來進(jìn)行選取，一般多用于對位圖局部區(qū)域的選取，在Flash中，將魔術(shù)棒工具、多邊形套索集成在一起，在位圖進(jìn)行選取時(shí)，需要將其打散。鋼筆工具（P)，和Photoshop中一樣，是用來畫路徑的工具。畫好后可以用細(xì)部選取工具進(jìn)行路徑的調(diào)整。4.1Flash基礎(chǔ)4.1.4Flash繪圖工具的操354.1Flash基礎(chǔ)4.1.4Flash繪圖工具的操作文字工具橢圓工具和矩形工具鉛筆工具和刷子工具任意變形工具和填充變形工具墨水瓶工具和油漆桶工具4.1Flash基礎(chǔ)4.1.4Flash繪圖工具的操364.1Flash基礎(chǔ)4.1.4Flash圖層操作在Flash動(dòng)畫和動(dòng)畫中中的元件均可以分層管理。將動(dòng)畫按照其性質(zhì)放置在不同的圖層是管理動(dòng)畫最常用的一種方法。Flash支持的圖層數(shù)目不受限制，在每個(gè)圖層上可以包括單獨(dú)的運(yùn)動(dòng)動(dòng)畫、逐幀動(dòng)畫和按鈕、位圖、矢量圖甚至群組?？梢栽O(shè)定每個(gè)圖層的名稱，修改單個(gè)或者全部圖層的顯示、鎖定屬性。Flash中有三種類型的圖層，分別是普通圖層、引導(dǎo)層和遮罩層。4.1Flash基礎(chǔ)4.1.4Flash圖層操作374.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯 幀是動(dòng)畫制作中的一個(gè)重要的概念，它是組成動(dòng)畫的基本單位，一個(gè)動(dòng)畫中可以包含多個(gè)幀，在Flash中，一個(gè)動(dòng)畫可以由多個(gè)圖層構(gòu)成，一個(gè)圖層由多個(gè)幀構(gòu)成。圖層和幀共同決定了動(dòng)畫的播放形式與時(shí)間。4.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯384.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯 Flash的幀分為關(guān)鍵幀、普通幀、空白關(guān)鍵幀、空白幀四種類型。1.關(guān)鍵幀關(guān)鍵幀對定義與控制動(dòng)畫的變化起到關(guān)鍵性的作用。在制作Flash動(dòng)畫時(shí)，只有關(guān)鍵幀是可編輯的。在關(guān)鍵幀中可以放置所有的動(dòng)畫對象，如圖形、文字、群組、實(shí)例和位圖等，也可以放置聲音、動(dòng)作以及注釋等。當(dāng)關(guān)鍵幀中旋轉(zhuǎn)了動(dòng)畫對象后，它的表現(xiàn)狀態(tài)為一個(gè)黑色的實(shí)心圓點(diǎn)。4.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯394.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯 Flash的幀分為關(guān)鍵幀、普通幀、空白關(guān)鍵幀、空白幀四種類型。2.空白關(guān)鍵幀它是一種特殊的關(guān)鍵幀，是沒有放置任何動(dòng)畫對象的關(guān)鍵幀。在動(dòng)畫中插入空關(guān)鍵幀的目的是清除前面的動(dòng)畫對象，這對于轉(zhuǎn)換動(dòng)畫的場景與角色具有十分重要的作用。在時(shí)間軸面板中插入空白關(guān)鍵幀之后，它的表現(xiàn)狀況為一個(gè)空心的圓點(diǎn)。4.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯404.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯 Flash的幀分為關(guān)鍵幀、普通幀、空白關(guān)鍵幀、空白幀四種類型。3.普通幀它是位于兩個(gè)關(guān)鍵幀之間的幀，是由系統(tǒng)自動(dòng)生成的。用于表示形狀或運(yùn)動(dòng)等動(dòng)畫中的中間畫面。普通幀在時(shí)間軸上表現(xiàn)為灰色的小長方形格子4.空白幀空白幀是不可編輯的幀，只有插入幀、關(guān)鍵幀或空白關(guān)鍵幀后才能進(jìn)行編輯。實(shí)際上，空白幀不是真正的幀，它是為了便于動(dòng)畫制作而設(shè)計(jì)的一些用來代表幀的小方塊。4.1Flash基礎(chǔ)4.1.5幀的創(chuàng)建與編輯414.1Flash基礎(chǔ)4.1.6元件的概念與應(yīng)用元件（symbol)是Flash中可以重復(fù)使用的元素。元件創(chuàng)立后，便添加到元件庫（Library）中，從而可以被任意次使用而不會增減Flash文件的大小。當(dāng)一個(gè)元件被用于動(dòng)畫中時(shí)，便生成了這個(gè)元件的一個(gè)實(shí)例（Instance），改變動(dòng)畫中的實(shí)例的不會改變其對應(yīng)的元件。使用元件和實(shí)例具有以下一些優(yōu)點(diǎn)：使動(dòng)畫的大小適合網(wǎng)絡(luò)下載播放；通過修改一個(gè)元件達(dá)到改變這個(gè)元件所有實(shí)例的效果，方便更新；將所有元件都集中在同一窗口，便于分類管理。4.1Flash基礎(chǔ)4.1.6元件的概念與應(yīng)用424.1.6元件的概念與應(yīng)用三種基本元件：圖形（Graphic)用來存放靜態(tài)的圖形或者動(dòng)畫，但動(dòng)畫中的聲音和用戶交互的元素都將失效。按鈕（Button)是動(dòng)畫與用戶動(dòng)態(tài)交互的，可以為按鈕指定任何鼠標(biāo)事件。影片剪輯（MovieClip)用來存放包含交互元素的動(dòng)畫效果。4.1.6元件的概念與應(yīng)用三種基本元件：434.1.6元件的概念與應(yīng)用建立元件的二種方式復(fù)制元件內(nèi)建元件庫、元件庫的操作4.1.6元件的概念與應(yīng)用建立元件的二種方式444.2簡單動(dòng)畫的形成4.2.1Flash動(dòng)畫的類型逐幀動(dòng)畫（frame-by-frameAnimation)運(yùn)動(dòng)動(dòng)畫(MotionTweening)形變動(dòng)畫(ShapeTweening)如果要做運(yùn)動(dòng)動(dòng)畫，必須是群組的，如果要做形變動(dòng)畫，必須是打散的。運(yùn)動(dòng)動(dòng)畫的三個(gè)要素：兩個(gè)關(guān)鍵幀，然后再添加運(yùn)動(dòng)動(dòng)畫，不同的起始和結(jié)束點(diǎn)。運(yùn)動(dòng)動(dòng)畫的五種變化：一是位置的移動(dòng)；二是放大縮小動(dòng)畫；三是旋轉(zhuǎn)的變化；四是顏色的變化；五是透明度的變化。4.2簡單動(dòng)畫的形成4.2.1Flash動(dòng)畫的類型454.2簡單動(dòng)畫的形成4.2.2Flash工作的五個(gè)標(biāo)準(zhǔn)程序1.設(shè)定動(dòng)畫的大小；2.在庫中建元件（演員）；3.編輯時(shí)間軸；4.保存；5.發(fā)布。4.2簡單動(dòng)畫的形成4.2.2Flash工作的五個(gè)標(biāo)準(zhǔn)464.2簡單動(dòng)畫的形成4.2.3導(dǎo)引線動(dòng)畫：（1）隨意導(dǎo)引線：一般用鉛筆工具畫導(dǎo)引線，然后把起點(diǎn)和終點(diǎn)都“吸”導(dǎo)引線上。（2）園形或方形的導(dǎo)引線，并且要能看到圓或方。（3）彈跳路徑的導(dǎo)引線動(dòng)畫，畫圓和接線的技巧。（4）文字造型路徑動(dòng)畫。（5）技巧：A.不同的元件使用同一導(dǎo)引線動(dòng)畫。B.換成其他的組件表演。C.元件跟著路徑方向旋轉(zhuǎn)。4.2簡單動(dòng)畫的形成4.2.3導(dǎo)引線動(dòng)畫：474.2簡單動(dòng)畫的形成4.2.4Flash形狀動(dòng)畫三要素：（1）前后兩個(gè)關(guān)鍵幀，元件不一樣。（2）打散元件（必須）打散和群組元件。（3）添加形狀補(bǔ)間。形狀動(dòng)畫的提示點(diǎn)的添加4.2簡單動(dòng)畫的形成4.2.