最新整理動漫社校本教材(Flash動畫制作)

1、Flash8動畫制作白蒲中學動漫社團2021 年5月目錄一、根本概念flash簡介flash工作界面flash根本操作計算機圖形圖像處理技術二、Flash 根本繪圖1、繪制線條2、繪制圖形3、設置圖形顏色4、編輯圖形5、對象的組合與別離6、輸入文字與編輯文字形狀三、flash動畫制作1、元件與元件庫2、時間軸與時間軸面板3、幀與關鍵幀4、圖層5、聲音的導入與獲取四、制作動作補間動畫1、動作補間動畫-文字動畫位置移動2、動作補間動畫-文字動畫透明和縮放效果3、動作補間動畫-旋轉風車旋轉和顏色變化4、動作補間動畫-文字變形5、動作補間動畫-圖像切換五、制作形狀補間動畫1、形狀補間動畫-數(shù)字2、形狀

2、補間動畫-海灘六、制作引導線動畫七、制作遮罩動畫1、遮罩動畫-探照燈2、遮罩動畫-水波八、用按鈕控制動畫九、制作影片剪輯第一章根本概念第一節(jié)Flash 簡介Flash 是Micromedia 公司推出的網(wǎng)頁設計和網(wǎng)頁動畫制作軟件。Flash 支持動畫、聲音和交互，具有強大的多媒體編輯功能，使用Flash 可以設計出引導時尚潮流的網(wǎng)站、動畫、多媒體及互動影像。Flash 采用矢量技術，生成的文件容量小，適合網(wǎng)絡傳輸 Flash 的播放插件很小，很容易下載和安裝 通用性好，在各瀏覽器中都是統(tǒng)一的樣式 在Flash 中可以整合圖形、音樂、視頻等多媒體元素，并可以實現(xiàn)用戶與動畫的交互 和互聯(lián)網(wǎng)緊密結合

3、，適合制作Web 頁和站點 簡單易學第二節(jié)Flash 工作界面工具箱時 間 軸舞 臺 元件庫面 板第三節(jié)Flash 根本操作1、創(chuàng)立Flash 文檔執(zhí)行 “文件/ “新建命令，在“新建文檔對話框中選擇“Flash 文檔選項2、設置文檔屬性執(zhí)行 “修改/ “文檔命令，在“文檔屬性對話框中設置文檔的大小、背景色、動畫幀頻率和標尺的單位3、在Flash 中導入對象執(zhí)行 “文件/ “導入 “導入到舞臺命令，可以導入外部的圖像、聲音、視頻等文件4、保存文檔執(zhí)行 “文件/ “保存命令，在“另存為對話框中設置要保存文件的名稱、路徑Flash源文件的后綴是.fla5、輸出動畫執(zhí)行 “文件/ “導出/ “導出影

4、片命令，可以把作品輸出成.swf格式的動畫文件第四節(jié)計算機圖形圖像處理技術數(shù)字化圖像數(shù)據(jù)在計算機中一般有兩種存儲方式：位圖模式和矢量圖模式。這兩種方式的最大區(qū)別在于記錄的形式。位圖模式采用點陣方式來記錄，從圖像左上角第一個點開始，到右下角最后一個點結束，記錄所有像素的顏色值。該存儲模式比擬適合于內(nèi)容復雜的圖像和真實的照片，但圖像在放大和縮小的過程中會失真，占用磁盤空間也較大。矢量圖模式是存儲圖像內(nèi)容的輪廓局部。例如，一個圓形圖案只要存儲圓心的坐標位置和半徑長度，以及圓形邊線和內(nèi)部的顏色。優(yōu)點是圖像的縮放不會引起圖像失真，圖像的存儲空間比位圖方式要少得多，而且便于修改。位圖圖像位圖圖像由像素組成

5、，每個像素都被分配一個特定位置和顏色值。數(shù)碼相機拍攝的照片、掃描儀掃描的稿件以及絕大多數(shù)的圖片都屬于點陣圖位圖圖像與分辨率有關，即在一定面積的圖像上包含有固定數(shù)量的像素。因此，如果在屏幕上以較大的倍數(shù)放大顯示圖像，或以過低的分辨率打印，位圖圖像會出現(xiàn)鋸齒邊緣矢量圖像矢量圖形由稱為矢量的數(shù)學對象定義的線條和曲線組成，矢量根據(jù)圖像的幾何特性描繪圖像矢量圖形與分辨率無關矢量圖形是表現(xiàn)標志圖形的最正確選擇第二章Flash 根本繪圖第一節(jié)繪制線條 線條工具 繪制各種類型線段繪制線條 鋼筆工具 繪制精確的路徑、直線或曲線，可調節(jié)直線的角度和長度，修改曲線的弧度鉛筆工具 可隨意繪制各種線條和形狀，有三種模式

6、可供選擇第二節(jié)繪制圖形 橢圓工具 繪制橢圓或圓筆觸顏色透明填充顏色 矩形工具 繪制矩形或正方型 多角星型工具 繪制多邊型或星型第三節(jié)設置圖形顏色 墨水瓶工具 填充或改變圖形的輪廓線顏色 顏料桶工具 可以為圖形填充顏色第四節(jié)編輯圖形 任意變形工具 用于移動、旋轉、縮放和變形對象 填充變形工具 用于變換具有漸變填充的效果 選擇工具 用于選中對象和改變對象的邊線 局部選擇工具 用于修改圖形大小、形狀和路徑第五節(jié)對象的組合與別離對象的組合執(zhí)行“修改/“組合命令，可以將多個對象組合為一個整體，對這個整體進行單獨的編輯。對象的別離執(zhí)行“修改/“別離命令，可以將整體的圖形對象打散，將打散的圖作為一個可編輯的

7、元素進行編輯第六節(jié)輸入文字與編輯文字形狀文本工具 文本變形可使用任意變形工具使文本變形文本別離為普通圖形“修改/“別離 ctrl+B ，文本分離為獨立文字，再次別離，成為普通圖形制作空心字A文本空心字符圖形添加輪廓線制作陰影文字“修改/形狀/柔化填充邊緣本章小結作業(yè)新建文檔繪制圖形對象為圖形對象填充漸變顏色復制圖形對象圖形對象的變形操作多個圖形對象的組合操作保存文件第三章flash動畫制作第一節(jié)元件與元件庫元件元件是指在Flash中創(chuàng)立的，可以在動畫中反復使用的元素。使用元件使得動畫制作更為簡單，動畫文件尺寸明顯減小，播放速度顯著提高。圖形元件是可以反復取出使用的圖片，用于構建動畫主時間軸上的

8、內(nèi)容，一般是只含一幀的靜止圖片。按鈕元件是用于創(chuàng)立動畫交互控制的按鈕，以響應鼠標事件。影片剪輯元件是可以反復取出使用的一段小動畫，可獨立于主動畫播放。元件庫一個Flash 動畫中創(chuàng)立的元件都存放在元件庫中，我們只要把元件庫中的元件拖放到場景中，就可以創(chuàng)立一個相應的實例。元件庫中的對象可在動畫中屢次重復使用。第二節(jié)時間軸與時間軸面板時間軸Flash 采用時間軸的方式設計和安排每一個對象 演員 的出場順序和表現(xiàn)方式。它相當于電影導演使用的攝影表，即在什么時間，哪位演員上場、說什么臺詞、做什么動作。動作演員場景0 1 2 3 4 5 6 t 時間軸面板頂區(qū)：切換和場景名稱。用來在動畫文件間切換、編輯

9、場景和編輯元件間切換圖層區(qū)：每個圖層都包含一些舞臺中的動畫元素，上面層中的元素遮蓋下面圖層中的元素時間幀區(qū)：Flash 影片將播放時間分解為幀，用來設置動畫運動的方式、播放的順序和時間等狀態(tài)欄：指示所選幀編號、當前幀頻以及到當前幀為止的運動時間第三節(jié)幀與關鍵幀時間軸以“ 幀 Frame 為單位，生成的動畫以“ 每秒n幀 fps的速度進行播放?！?關鍵幀 KeyFrame 是指在動畫表演過程中，此關鍵幀的表演內(nèi)容與先前的一些普通幀內(nèi)容大不相同，而呈現(xiàn)出關鍵性的動作或內(nèi)容的變化只有關鍵幀中的內(nèi)容才能夠被選取和編輯。第四節(jié)圖層圖層Layer就是在畫面上規(guī)劃出的虛擬層級。在這些不同的層級上放進各自的對

10、象，這些對象除非經(jīng)由特殊設置，否那么不會互相產(chǎn)生影響。上面圖層的對象將擋住所有在它下面圖層的對象 第六節(jié)聲音的導入與獲取 導入聲音 執(zhí)行 “文件 /“導入 / “導入到庫命令，把聲音文件導入到庫新建一個圖層。 選中要添加聲音的層，選擇聲音開始的幀，將聲音直接從庫窗口拖動到舞臺上用戶可以為聲音創(chuàng)立任意多的層，每個層所起的作用就好似聲音通道，在播放時，所有層中的聲音組合在一起“數(shù)據(jù)流類型可控制聲音與動畫同步，將聲音分配到每個幀中，與動畫同時停止“開始在其開始的關鍵幀顯示時播放 聲音的獲取Flash編輯聲音的功能較弱，不能錄音，在實際應用中，通常使用其他的軟件獲得和編輯聲音，然后再導入到Flash中

11、為動畫配音。Windows附帶的錄音機：可實現(xiàn)用電腦的聲卡錄音、和對聲音進行簡單編輯共享軟件GoldWave:可實現(xiàn)用電腦的聲卡錄音、截取VCD、CD光碟中的聲音、聲音剪輯、制作各種特效音等 第四章制作動作補間動畫動畫是由一幅幅靜止的圖像，按照一定的速度連續(xù)播放形成 的畫面。Flash 中可以制作三種動畫：逐幀動畫創(chuàng)立每幀動畫的內(nèi)容，然后逐幀播放動作補間動畫指同一個對象不同狀態(tài)的變化，其變化效果是由Flash 控制的，常用于制作對象的位移、尺寸縮放、旋轉、顏色漸變等效果形狀補間動畫指兩個圖形對象的變換，其變化效果是由Flash 控制的，其動畫效果是從一個圖形轉換為另一個圖形創(chuàng)立動作補間動畫動作

12、補間動畫是在兩個關鍵幀中創(chuàng)立出來的，兩個關鍵必須是同一個對象的兩個不同狀態(tài)，通過動作補間將兩個關鍵幀中不同狀態(tài)的對象補間出來。動作補間可以使實例、組合或文本產(chǎn)生位移、變形、旋轉、顏色漸變，是Flash 中應用最廣泛的動畫。第一節(jié)動作補間-文字動畫位置移動Hay層中的文字從舞臺上方移動到舞臺中間從第1幀到第10幀，整個長度延長到第15幀Look層中的文字從舞臺左邊移動到舞臺右邊從第5幀開始至第10幀-第一次位移，然后從舞臺右邊移到舞臺中間從第10幀開始至第15幀-第二次位移。 操作步驟如下：1. 新建文件：尺寸400*200，背景色桔黃色。2. 在圖層1上輸入文字Hay，大小54，黑色。3. 把

13、文字轉換為元件，調整文字位置至舞臺左上方。4. 修改圖層名稱為hay。5. 在Hay層中的第10幀插入關鍵幀，將文字的位置移動到舞臺中間。6. 選擇Hay層中的第1幀， 創(chuàng)立動作補間動畫，把動畫延長到15幀。7. 新建一個圖層，輸入文字LOOK!，大小54，黑色。采用上述方法創(chuàng)立look圖層的動畫。Look層中的文字從舞臺左邊移動到舞臺右邊從第5幀開始至第10幀-第一次位移，然后從舞臺右邊移到舞臺中間從第10幀開始至第15幀-第二次位移。 第一節(jié)動作補間-文字動畫透明和縮放效果第一層創(chuàng)立文字，轉換為庫文件，延長到20幀第二層在第10幀插入關鍵幀，將庫文件拖入，第20幀插入關鍵幀，把實例放大，透

14、明，在第10幀創(chuàng)立補間動畫 操作步驟如下：1. 新建文件：尺寸300*100，背景色白色。2.在圖層1上輸入文字Macromedia，文字的風格是Arial Black，大小30，紅色。3.選取文字，把文字轉換為元件,元件名稱為title。4.新建圖層，在該層的第10幀上插入關鍵幀。按F11鍵翻開元件庫面板，從中選擇title元件并將它拖到舞臺上。5.在該層的第20幀上插入關鍵幀，將實例用自由變形工具拉大，通過屬性面板的顏色列表改變成透明色即alpha=0。6.在該層的第10幀創(chuàng)立補間動畫7.把圖層1延長到20幀,在第10幀上對齊兩個層上實例的中心點 第三節(jié)動作補間動畫-旋轉風車旋轉和顏色變化

15、 制作風車外型，轉換為庫文件第30 幀、60 幀各插入一個關鍵幀第30 幀改變顏色和縮小風車外觀第1 幀和30 幀創(chuàng)立補間動畫 操作步驟如下：1. 制作風車外形： 繪制一個無描邊的黃色矩形 利用空心鼠標工具把矩形的左下角刪除,左上角往下移 用實心鼠標工具選取矩形進行組合操作 選取組合后的矩形，利用任意變形工具調整中心點到底端 選擇“窗口/ “設計面板/ “變形命令，彈出 “變形對話框，在旋轉文本框中輸入45度，單擊該對話框右下角的“拷貝并應用變形按鈕就可完成風車外形的繪制。2. 將風車轉化為庫文件3.在第30幀和60幀各插入一個關鍵幀4.在第30幀改變風車的顏色為紅色,60%,縮小風車的大小5

16、.在第1幀和第30幀創(chuàng)立補間動畫，旋轉是順時針1次。 第四節(jié)動作補間動畫-文字變形，分散到圖層1. 新建400*300文檔2. 將圖層1命名為 “背景(1). 執(zhí)行 “文件/ “導入/ “導入到舞臺命令,導入“國畫.jpg圖像 (2).在信息面板上調整導入圖像的大小和舞臺相同,位置重合3.插入新圖層,默認為圖層2(1)使用文本工具輸入 “花好月圓,設置64號,隸書,紅色(2)將文字放在右側,執(zhí)行 “修改/ “別離命令,將這四個字別離成單獨的文字(3)將別離的文字全部選中,執(zhí)行 “修改/ “時間軸/ “分散到圖層命令,將四個字分散到四個圖層(4) 刪除圖層2 4.選擇 “花文字,轉換為圖形元件,

17、名稱為“花,注冊點在中心5.和4同樣的方法，把 “好、“月、“圓分別轉換為圖形元件6.選中“花圖層的第15幀,按住shift鍵選“圓圖層的第15幀,這樣選中了四個文字圖層的15幀,插入關鍵幀7.在背景圖層的第15幀處插入幀,使背景延長到15幀8.將播放指針拖到第1幀,選 “花圖形元件實例,水平翻轉,在變形面板上設置縮小為20%9.用8同樣的方法設置其它三個文字圖層10.為四個文字圖層創(chuàng)立補間動畫11.選中 “好圖層的所有幀,拖動鼠標把起始幀拖到第10幀, 同樣方法把 “月“圓圖層的起始幀拖到第30幀12.選擇所有圖層的第60幀,插入幀.13.保存文件 第五節(jié)動作補間動畫-圖像切換使用alpha

18、 通道制作圖像淡入淡出的效果1.新建400*300,幀頻24文檔2.執(zhí)行 “文件/ “導入/ “導入到舞臺命令,導入image1.jpg圖像(1)把圖層1命名為 “花朵(2)在信息面板上設置該圖像的大小與位置與舞臺完全重合(3)把圖像轉換為名為 “花朵的圖形元件,注冊點在中心3.在花朵層上創(chuàng)立一個新圖層,命名為 “波紋(1)導入image2.jpg圖像(2)在信息面板上設置該圖像的大小與位置與舞臺完全重合(3)把圖像轉換為名為 “波紋的圖形元件,注冊點在中心4.分別在 “花朵和“波紋圖層的第20幀、81幀、100幀處插入關鍵幀5. 選時間軸面板上第1幀,鎖定、隱藏 “波紋圖層6. 選 “花朵元

19、件實例(1)在屬性面板上設置alpha為0(2)選第100幀,設置alpha為0(3)分別選第1幀和第81幀,創(chuàng)立補間動畫7 .在時間軸面板上解除“波紋圖層的鎖定和隱藏,將播放指針拖到第1幀(1)選“波紋元件實例,在屬性面板上 “顏色下拉列表中選 “高級,設置效果如圖(2)將播放指針拖拽到第100幀,選擇“波紋元件實例,在屬性面板上設置與第1幀相同(3)分別選擇 “波紋圖層的第1幀、第81幀，創(chuàng)立補間動畫(4)選擇“波紋圖層的第1幀與100幀之間的所有幀，將其拖拽到第90-210幀處8.保存文件 第五章制作形狀補間動畫形狀補間動畫也是在兩個關鍵幀中創(chuàng)立出來的，但兩個關鍵必須是兩個不同圖形對象，

20、通過形狀補間可以將兩個圖形間的轉換過程補間出來。形狀補間的對象只能是別離的可編輯圖形，形狀補間使圖形形狀發(fā)生變化，一個圖形變成另一個圖形。要對組、實例或位圖圖像應用形狀補間，必須首先將這些元素別離。要對文本應用形狀補間，必須將文本別離文本串須別離兩次。 第一節(jié)形狀補間動畫-數(shù)字1.在開始幀輸入文本“12.在結束幀輸入文本“23.把文本“1和“2打散4.在幀屬性面板上創(chuàng)立補間形狀動畫5.設置形狀補間動畫分布式中間禎平滑，但變形較大角形適合邊角和直線較多的圖形 添加變形參考點添加變形參考點可控制圖形間對應部位的變形，使得圖形間的變換是有規(guī)律的a選擇補間形狀序列中的第一個關鍵幀，執(zhí)行“修改/“形狀/

21、“添加變形參考點命令b起始形狀提示會在該形狀的某處顯示一個帶有字母 a 的紅色圓圈，將形狀提示移動到要標記的點選擇補間序列中的最后一個關鍵幀a結束形狀提示會在該形狀的某處顯示一個b同樣帶有字母a 的紅色圓圈，將形狀提示移動到結束形狀中與標記的第一點對應的點重復上面步驟，可添加多個變形參考點 第二節(jié)形狀補間動畫-海灘1. 新建400*320,白色背景的文檔2. 命名圖層1為 “背景 (1) 使用矩形工具畫黃色(#F9E457)矩形,大小和位置與舞臺相同“窗口/ “設計面板/ “信息(2) 在第40幀處插入幀,延長動畫到40幀2.在圖層面板上選背景層,插入一個新的圖層,命名為 “波浪1(1)使用矩

22、形工具和選擇工具在舞臺上方畫土黃色(#FFB546)的圖形(2)在20幀和40幀各添加一個關鍵幀(4)在20幀處使用選擇工具修改圖形形狀(5)在第1幀和20幀分別創(chuàng)立形狀補間動畫第1 幀 第20 幀3. 選中波浪1圖層,插入一個新圖層,命名為 “波浪2(1)使用矩形工具和鉛筆工具在舞臺上方畫一個橘黃色(#FF7E28)圖形(2)在20幀和40幀各添加一個關鍵幀(3)在20幀處使用選擇工具修改圖形形狀(4)在第1幀和20幀分別創(chuàng)立形狀補間動畫4.選中波浪2圖層,插入一個新圖層,命名為 “海星(1)執(zhí)行 “文件/ “導入/ “導入到舞臺命令,導入 “pic.wmf文件(2)選中導入的圖片,在 “變

23、形面板上設置其縮放比例為36%(3)選擇調整后的圖形,轉換為影片剪輯元件,把注冊點調整到中心(4)選擇 “海星實例,在屬性面板上設置alpha值40%(5)延長動畫到40幀5.選中 “海星圖層,插入一個新圖層,命名為 “卵石(1)使用橢圓工具和選擇工具畫淡紫色(#996666)和白色的兩個橢圓,調整形態(tài)(2)使用(1)的方法,制作其他不同顏色和形態(tài)的卵石(3) 延長動畫到40幀 第六章制作引導線動畫利用運動引導層繪制路徑，將某個圖層鏈接到該運動引導層，使得圖層中包含的對象沿著所繪制的路徑運動，實現(xiàn)自由路徑動畫效果?？梢詫⒍鄠€圖層鏈接到一個運動引導層，使多個對象沿同一條路徑運動。起始幀定義路徑起

24、點 結束幀定義路徑終點 單擊要作引導線動畫的圖層，單擊“添加引導層按鈕在運動引導層上使用鉛筆工具 等繪制路徑注意繪制時選中平滑圖標 ,將對象吸附在自由路徑上在幀屬性面板上創(chuàng)立補間動作動畫 第七章制作遮罩動畫利用遮罩層，可以做出聚光燈效果和流動效果遮罩層下面的內(nèi)容就像透過一個窗口一樣顯示出來，這個窗口的形狀就是遮罩層上內(nèi)容的形狀。 遮罩層中的對象可以是填充的形狀、文字對象、圖形元件的實例或影片剪輯的實例?？梢詫⒍鄠€圖層組織在一個遮罩層之下來創(chuàng)立復雜的效果。 第一節(jié)遮罩動畫-探照燈1.新建文檔,400*200,背景黑色2.第1層改名為 “文字,使用文本工具,輸入文字,顏色黃色3.創(chuàng)立第2個圖層,用橢圓工具畫無邊圓,綠色,(制作探照燈效果(1).把圓轉換為圖形庫文件(2).第10幀和第20幀分別插入關鍵幀,第10幀把圓移到右面,第20幀把圓移回左面(3)在第1幀和第10幀分別創(chuàng)立補間動畫4.把文字層延長到20幀5.在圓所在層設置為遮罩層6.添加背景層，附屬于遮罩層，紅色矩形,并鎖定該圖層,放到文字層下面 第二節(jié)遮罩動畫-水波1. 新建文檔，2. 導入 “涼亭450*500.jpg 圖像 (1) 在信息面板上設置圖像的大小和位置與舞臺完全重合 (2) 把圖層1 命名為 “背景 (3) 選擇圖像，復制4) 將該圖層鎖定、隱藏3. 新建圖層2 ，命名為 “剪裁的背