動(dòng)畫(huà)制作基礎(chǔ)

Flash8.0動(dòng)畫(huà)制作基礎(chǔ)

李淑堃Flash及其優(yōu)點(diǎn)1、它的前身為futuresplash，被收購(gòu)之后改名flash（FLASH->FLASH5->FLASHMX->FLASHMX2004->FLASH8->FLASHCS3）２、是一款矢量畫(huà)圖和動(dòng)畫(huà)軟件，可用來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶(hù)交互的內(nèi)容。第一章flash基礎(chǔ)矢量和位圖位圖：在空間和亮度上已經(jīng)離散化了的圖像，由計(jì)算機(jī)屏幕上地像素點(diǎn)組成。矢量圖：是對(duì)圖像依據(jù)某個(gè)標(biāo)準(zhǔn)進(jìn)行分析而產(chǎn)生的結(jié)果，以一組指令的形式存在。矢量圖形在存儲(chǔ)中占空間小，但顯示時(shí)間長(zhǎng)。第一章flash基礎(chǔ)Flash優(yōu)點(diǎn)基于矢量的圖像，可以做到無(wú)級(jí)放大。文件的數(shù)據(jù)量小，適合于網(wǎng)頁(yè)。使用插件工作方式，不依賴(lài)于瀏覽器。采用流式的播放技術(shù)，減少用戶(hù)的等待時(shí)間。第一章flash基礎(chǔ)應(yīng)用網(wǎng)頁(yè)制作二維動(dòng)畫(huà)特效字幕、MTV的制作Flash網(wǎng)絡(luò)游戲公司介紹網(wǎng)上廣告及Logo電子賀卡手機(jī)動(dòng)畫(huà)第一章flash基礎(chǔ)Flash的文件格式.Flash的文件格式有兩種：.fla格式和.swf格式：.fla格式是Flash的源文件格式。當(dāng)打開(kāi).fla格式文件后，可以編輯動(dòng)畫(huà)文件。.swf格式是Flash動(dòng)畫(huà)輸出或發(fā)布之后的格式。這種格式只能在FlashPlayer中播放，不能被編輯或修改。

(點(diǎn)擊“菜單”-”導(dǎo)出”-”導(dǎo)出影片”，即可輸出.swf格式）第一章flash基礎(chǔ)Flash的操作界面第二章軟件應(yīng)用面板工具欄第二章軟件應(yīng)用界面之時(shí)間軸及舞臺(tái)

時(shí)間軸窗口：是Flash進(jìn)行動(dòng)畫(huà)創(chuàng)作的主要工具。該窗口分左右兩部分，分別用于層的控制和時(shí)間線的控制。時(shí)間軸用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。與膠片一樣，F(xiàn)lash文檔也將時(shí)長(zhǎng)分為幀。第二章軟件應(yīng)用界面之時(shí)間軸及舞臺(tái)

第二章軟件應(yīng)用界面之時(shí)間軸及舞臺(tái)

幀：就是動(dòng)畫(huà)里的一幅靜態(tài)畫(huà)面關(guān)鍵幀：動(dòng)畫(huà)對(duì)象屬性發(fā)生改變的幀

幀的操作（移動(dòng)刪除等）幀速率：每秒播放的幀數(shù)（12fps,電影24fps,PAL制25fps,NSTC制30fps）第二章軟件應(yīng)用層：層的概念與其他軟件相同?？梢园褜酉胂鬄橥该鞯募垺D層可以幫助您組織文檔中的插圖?？梢栽趫D層上繪制和編輯對(duì)象，而不會(huì)影響其它圖層上的對(duì)象。界面之時(shí)間軸及舞臺(tái)

第二章軟件應(yīng)用舞臺(tái)是繪制和編輯圖形的區(qū)域用放大工具可以直接對(duì)圖片進(jìn)行縮放要用指定的比例放大或縮小舞臺(tái)，可選擇“視圖”→“縮放比率”→“符合窗口大小”菜單。要移動(dòng)舞臺(tái)視圖，在“工具”面板中選擇手形工具進(jìn)行拖動(dòng)。分辨率：Flash８中的分辨率設(shè)置決定了動(dòng)畫(huà)最后顯示的區(qū)域大小。界面之時(shí)間軸及舞臺(tái)

第二章軟件應(yīng)用標(biāo)尺，參考線，網(wǎng)絡(luò)線標(biāo)尺是用于在舞臺(tái)上定位、對(duì)齊對(duì)象用的工具通過(guò)拖拉標(biāo)尺可以得到參考線（排放小球?qū)嵗?，心型）第二章軟件?yīng)用三種元件類(lèi)型圖形影片剪輯按鈕第三章繪制直線工具繪制線線的屬性線的樣式線與線的關(guān)系第三章繪制直線工具【線條工具】是Flash中最簡(jiǎn)單的工具。現(xiàn)在我們就來(lái)畫(huà)一條直線。鼠標(biāo)單擊【線條工具】，移動(dòng)鼠標(biāo)指針到舞臺(tái)上，在你希望直線開(kāi)始的地方按住鼠標(biāo)拖動(dòng)，到結(jié)束點(diǎn)松開(kāi)鼠標(biāo)?！揪€條工具】能畫(huà)出許多風(fēng)格各異的線條來(lái)。打開(kāi)【屬性】面板，在其中，我們可以定義直線的顏色、粗細(xì)和樣式，如圖所示。第三章繪制直線工具【滴管工具】和【墨水瓶工具】可以很快地將一條直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，而且工具也自動(dòng)變成了【墨水瓶工具】，如圖所示。第三章繪制如果你需要更改這條直線的方向和長(zhǎng)短，F(xiàn)lash也為我們提供了一個(gè)很便捷的工具：

【箭頭工具】?！炯^工具】的作用是選擇對(duì)象、移動(dòng)對(duì)象、改變線條或?qū)ο筝喞男螤?。橢圓與矩形工具橢圓和矩形繪制工具（shift,alt鍵的應(yīng)用）矩形工具屬性多角星型工具線形填充制作（鉛筆實(shí)例）圖案填充圖形組合（合并，交集等）第三章繪制顏料桶工具單擊【顏料桶工具】后，在工具箱下邊的【選項(xiàng)】里有四個(gè)選項(xiàng)，可以根據(jù)自己的需要來(lái)確定第三章繪制【顏料桶工具】是對(duì)某一區(qū)域進(jìn)行單色、漸變色或位圖進(jìn)行填充，注意不能作用于線條。選擇【顏料桶工具】后，在【工具箱】下邊的【選項(xiàng)】中單擊【空隙大小】按鈕,會(huì)彈出四個(gè)選項(xiàng)，如圖所示。其中，【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進(jìn)行填充；【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進(jìn)行填充；【封閉中等空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進(jìn)行填充；【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中，即使中大缺口，值也是很小的，所在要對(duì)大的不封閉區(qū)域填充顏色，一般用筆刷。

繪制不規(guī)則對(duì)象鋼筆工具鉛筆工具刷子工具刷子模式第三章繪制文本輸入選擇文本工具，即可輸入文本。在單行輸入狀態(tài)輸入文本，文本將不斷右擴(kuò)。拖動(dòng)文字字符框右上角的圓形控制柄，縮放到合適的位置，松開(kāi)鼠標(biāo)，控制柄變?yōu)榉叫?，此時(shí)為多行編輯狀態(tài)雙擊方形句柄，又可回到單行輸入狀態(tài)第三章繪制文本輸入屬性面板應(yīng)用填充打造三位立體字濾鏡第三章繪制編輯圖形選擇工具索套工具（魔術(shù)棒）任意變形縮放與傾斜旋轉(zhuǎn)與復(fù)制應(yīng)用變形（制作雪花）圖形的打散和組合（ctrl+B,ctrl+G）第三章繪制Flash8.0動(dòng)畫(huà)制作技法逐幀動(dòng)畫(huà)技法形狀補(bǔ)間動(dòng)畫(huà)技法動(dòng)作補(bǔ)間動(dòng)畫(huà)技法引導(dǎo)路徑動(dòng)畫(huà)技法色彩動(dòng)畫(huà)技法蒙板動(dòng)畫(huà)技法行為動(dòng)畫(huà)技法第四章動(dòng)畫(huà)制作逐幀動(dòng)畫(huà)技法在時(shí)間幀上逐幀繪制幀內(nèi)容稱(chēng)為逐幀動(dòng)畫(huà)，由于是一幀一幀的畫(huà)，所以逐幀動(dòng)畫(huà)具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。原理是在“連續(xù)的關(guān)鍵幀”中分解動(dòng)畫(huà)動(dòng)作，也就是每一幀中的內(nèi)容不同，連續(xù)播放而成動(dòng)畫(huà)逐幀動(dòng)畫(huà)在時(shí)間幀上表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀第四章動(dòng)畫(huà)制作逐幀動(dòng)畫(huà)技法創(chuàng)建逐幀動(dòng)畫(huà)的幾種方法（1）用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫(huà)用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入Flash中，就會(huì)建立一段逐幀動(dòng)畫(huà)。

（2）繪制矢量逐幀動(dòng)畫(huà)用鼠標(biāo)或壓感筆在場(chǎng)景中一幀幀的畫(huà)出幀內(nèi)容。（3）文字逐幀動(dòng)畫(huà)用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。（4）導(dǎo)入序列圖像可以導(dǎo)入gif序列圖像、swf動(dòng)畫(huà)文件或者利用第3方軟件（如swish、swift3D等）產(chǎn)生的動(dòng)畫(huà)序列。第四章動(dòng)畫(huà)制作形狀補(bǔ)間動(dòng)畫(huà)技法1）形狀補(bǔ)間動(dòng)畫(huà)的概念在Flash的時(shí)間幀面板上，在一個(gè)時(shí)間點(diǎn)（關(guān)鍵幀）繪制一個(gè)形狀，然后在另一個(gè)時(shí)間點(diǎn)（關(guān)鍵幀）更改該形狀或繪制另一個(gè)形狀，F(xiàn)lash根據(jù)二者之間的幀的值或形狀來(lái)創(chuàng)建的動(dòng)畫(huà)被稱(chēng)為“形狀補(bǔ)間動(dòng)畫(huà)”。指的是shape（圖形）動(dòng)畫(huà)制作的動(dòng)畫(huà)效果：移動(dòng)、縮放、旋轉(zhuǎn)、填色漸變、對(duì)象的加速和減速、變形等制作限制：起止對(duì)象一定都是圖形（shape)如果使用圖形元件、按鈕、文字，則必先“打散”再變形。第四章動(dòng)畫(huà)制作形狀補(bǔ)間動(dòng)畫(huà)技法在時(shí)間軸面板上動(dòng)畫(huà)開(kāi)始播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要開(kāi)始變形的形狀，一般一幀中以一個(gè)對(duì)象為好，在動(dòng)畫(huà)結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開(kāi)始幀，在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角，在彈出的菜單中選擇【形狀】，一個(gè)形狀補(bǔ)間動(dòng)畫(huà)就創(chuàng)建完畢。第四章動(dòng)畫(huà)制作動(dòng)作補(bǔ)間動(dòng)畫(huà)技法動(dòng)作補(bǔ)間動(dòng)畫(huà)也是Flash中非常重要的表現(xiàn)手段之一，與“形狀補(bǔ)間動(dòng)畫(huà)”不同的是，動(dòng)作補(bǔ)間動(dòng)畫(huà)的對(duì)象必需是“元件”或“成組對(duì)象”。運(yùn)用動(dòng)作補(bǔ)間動(dòng)畫(huà)，您可以設(shè)置元件的大小、位置、顏色、透明度、旋轉(zhuǎn)等種種屬性。第四章動(dòng)畫(huà)制作動(dòng)作補(bǔ)間動(dòng)畫(huà)技法動(dòng)作補(bǔ)間動(dòng)畫(huà)的概念

在Flash的時(shí)間幀面板上，在一個(gè)時(shí)間點(diǎn)（關(guān)鍵幀）放置一個(gè)元件，然后在另一個(gè)時(shí)間點(diǎn)（關(guān)鍵幀）改變這個(gè)元件的大小、顏色、位置、透明度等等，F(xiàn)lash根據(jù)二者之間的幀的值創(chuàng)建的動(dòng)畫(huà)被稱(chēng)為動(dòng)作變形動(dòng)畫(huà)。構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫(huà)的元素

構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫(huà)的元素是元件，包括影片剪輯、圖形元件、按鈕等等，除了元件,其他元素包括文本都不能創(chuàng)建補(bǔ)間動(dòng)畫(huà)的,其他的位圖、文本等等都必須要轉(zhuǎn)換成元件才行，只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動(dòng)作補(bǔ)間動(dòng)畫(huà)”。創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)的方法

在時(shí)間軸面板上動(dòng)畫(huà)開(kāi)始播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置一個(gè)元件，一幀中只能放一個(gè)項(xiàng)目，在動(dòng)畫(huà)要結(jié)束的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置該元件的屬性，再單擊開(kāi)始幀，在【屬性面板】上單擊【補(bǔ)間】旁邊的“小三角”，在彈出的菜單中選擇【動(dòng)作】，或單擊右鍵，在彈出的菜單中選擇【新建補(bǔ)間動(dòng)畫(huà)】，就建立了“動(dòng)作補(bǔ)間動(dòng)畫(huà)”。第四章動(dòng)畫(huà)制作引導(dǎo)路徑動(dòng)畫(huà)技法將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫(huà)形式被稱(chēng)為“引導(dǎo)路徑動(dòng)畫(huà)”。這種動(dòng)畫(huà)可以使一個(gè)或多個(gè)元件完成曲線或不規(guī)則運(yùn)動(dòng)。創(chuàng)建引導(dǎo)路徑動(dòng)畫(huà)的方法（1）創(chuàng)建引導(dǎo)層和被引導(dǎo)層一個(gè)最基本“引導(dǎo)路徑動(dòng)畫(huà)”由二個(gè)圖層組成，上面一層是“引導(dǎo)層”，它的圖層圖標(biāo)為，下面一層是“被引導(dǎo)層”，圖標(biāo)同普通圖層一樣。第四章動(dòng)畫(huà)制作引導(dǎo)路徑動(dòng)畫(huà)技法（2）引導(dǎo)層和被引導(dǎo)層中的對(duì)象引導(dǎo)層是用來(lái)指示元件運(yùn)行路徑的，所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫(huà)筆工具等繪制出的線段。而“被引導(dǎo)層”中的對(duì)象是跟著引導(dǎo)線走的，可以使用影片剪輯、圖形元件、按鈕、文字等。（3）向被引導(dǎo)層中添加元件“引導(dǎo)動(dòng)畫(huà)”最基本的操作就是使一個(gè)運(yùn)動(dòng)動(dòng)畫(huà)“附著”在“引導(dǎo)線”上。所以操作時(shí)特別得注意“引導(dǎo)線”的兩端，被引導(dǎo)的對(duì)象起始、終點(diǎn)的2個(gè)“中心點(diǎn)”一定要對(duì)準(zhǔn)“引導(dǎo)線”的2個(gè)端頭第四章動(dòng)畫(huà)制作色彩動(dòng)畫(huà)技法結(jié)合在形狀和動(dòng)作補(bǔ)間動(dòng)畫(huà)中實(shí)現(xiàn)色彩設(shè)置：可為無(wú)、實(shí)色、線形漸變、放射型漸變、圖象填充等。Stroke(描邊）Fill(填充）Mixer(混合器）第四章動(dòng)畫(huà)制作遮照動(dòng)畫(huà)技法遮罩動(dòng)畫(huà)的概念（1）遮罩”，顧名思義就是遮擋住下面的對(duì)象。在Flash8.0中，“遮罩動(dòng)畫(huà)”也確實(shí)是通過(guò)“遮罩層”來(lái)達(dá)到有選擇地

顯示位于其下方的“被遮罩層”中的內(nèi)容的目地，在一個(gè)遮罩動(dòng)畫(huà)中，“遮罩層”只有一個(gè)，“被遮罩層”可以有任意個(gè)。（2）在Flash8.0動(dòng)畫(huà)中，“遮罩”主要有2種用途，一個(gè)作用是用在整個(gè)場(chǎng)景或一個(gè)特定區(qū)域，使場(chǎng)景外的對(duì)象或特定區(qū)域外的對(duì)象不可見(jiàn)，另一個(gè)作用是用來(lái)遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。第四章動(dòng)畫(huà)制作遮照動(dòng)畫(huà)技法創(chuàng)建遮罩的方法（1）創(chuàng)建遮罩在Flash8.0只要在要某個(gè)圖層上單擊右鍵，在彈出菜單中把“遮罩”

前打個(gè)勾，該圖層就會(huì)生成遮罩層。第四章動(dòng)畫(huà)制作（2）構(gòu)成遮罩和被遮罩層的元素

遮罩層中的圖形對(duì)象在播放時(shí)是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。

被遮罩層中的對(duì)象只能透過(guò)遮罩層中的對(duì)象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。行為動(dòng)畫(huà)技法動(dòng)作面板使您可以創(chuàng)建和編輯對(duì)象或幀的ActionScript

代碼。選擇幀、按鈕或影片剪輯實(shí)例可以