二維動畫實驗報告

1、江西科技師范學院實驗報告課程二維動畫院系教育學院班級2010教育技術學學號姓名報告 規(guī) 格一、實驗目的二、實驗原理四、實驗方法及步驟三、實驗儀器五、實驗記錄及數(shù)據(jù)處理六、誤差分析及問題討論1. flash 基礎操作2. flash運動補間3. flash弓I導層與遮罩層4. flash綜合賀卡制作5. 時間軸命令應用6. 數(shù)字運算語句7. 影片剪輯事件8. 交互性手繪場景制作9. 課件作品綜合設計10. 腳本作品綜合每次實驗課必須帶上此本子，以便教師檢查預習情況和記錄實驗原始數(shù)據(jù)。實驗時必須遵守實驗規(guī)則。用正確的理論指導實踐袁必須人人親自動手實驗， 但反對盲目亂動，更不能無故損壞儀器設備。這是

2、一份重要的不可多得的自我學習資料袁它將記錄著你在大學生涯中的學習 和學習成果。請你保留下來，若干年后再翻閱仍將感到十分新鮮，記憶猶新。它將 推動你在人生奮斗的道路上永往直前實驗一、實驗課程名稱二維動畫、實驗項目名稱Flash 基礎操作三、實驗目的和要求初步了解flash 制作界面，掌握flash 基本操作及用法四、實驗內(nèi)容和原理熟悉 flash 操作界面五、主要儀器設備電腦 Flash8.0六、操作方法與實驗步驟1、打開flash軟件，出現(xiàn)下面的界面點擊界面上的flash文檔，然后進入下面的界面2、下面分別熟悉一下界面，下圖是時間軸界面，是 Flash MX中進行動畫制作和內(nèi)容編排的主要場所

3、下面是場景，場景是指在當前動畫編輯窗口中，編輯動畫內(nèi)容的整個區(qū)域 右圖是動作面板，在操作界面的右側(cè)，顯示的是各個浮動面板的組合，如圖 所示，面板用來設置不能在屬性面板中設置的功能。3、熟悉了這些界面之后，接下來是要熟悉文件的操作：新建文件的幾種方法：執(zhí)行【文件（File ）】 【新建（Ne® 命令。單擊常用工具欄中的【新建】按鈕。按【Ctrl+N ）組合鍵保存文件的操作步驟:1、執(zhí)行【文件】【保存（Save）】命令，打開【另存為（Save As）】對話框。2、在【保存在】下拉列表中選擇保存路徑，然后在【文件名】文本框中輸入文件的 名稱。3、單擊【保存】按鈕，即可將創(chuàng)建的文件保存起來，

4、此時文件的擴展名為 .fla o可以使用以下幾種方法將文件打開以前創(chuàng)作或編輯的動畫：執(zhí)行【文件】【打開（Open）】命令，打開需要的文件。單擊常用工具欄中的【打開】按鈕。按【Ctrl+O ）組合鍵快速打開文件。如果要將某文件作為元件庫打開，可以執(zhí)行【文件】【作為庫打開（Open AsLibrary ）命令。可以使用下面幾種方法關閉文件：執(zhí)行【文件】【關閉（Close）命令或者按【Ctrl+W】組合鍵，將當前文件 關閉。單擊文件窗口右上角的【關閉】按鈕關閉文件按【Ctrl+Q】組合鍵快速關閉文件并退出應用程序，執(zhí)行【文件】【退出(Exit )】命令在退出應用程序的同時關閉文件。單擊窗口左上角的【

5、文件】控制圖標，在彈出的文件控制菜單中選擇【關閉】 命令。4、下面介紹一些基本工具的操作：(1)直線工具：使用方法：用鼠標從工具箱中單擊【直線工具】，然后將鼠標移到舞臺中，按下鼠標左鍵并從起點拖動到終點，此時會隨鼠標的移動出現(xiàn)一條直線， 如圖。單擊直線工具欄中的【筆觸顏色(Stroke Color )】按鈕，可以打開顏色面板，如圖所示。只要將鼠標移動到顏色面板中，當鼠標變成吸管狀時，單擊即可將其設置為筆觸顏色(2)鉛筆工具：作用：用于繪制線條，【鉛筆工具】繪制的線條可以是直線，也可 以是曲線。用鼠標單擊工具箱中的【鉛筆工具】后，其屬性面板如圖所示。橢圓工具：要想繪制橢圓，需要先設置橢圓的筆觸顏

6、色、填充色、筆觸樣式及筆觸 局度。從工具箱中選擇【橢圓工具】，顏色區(qū)中的【筆觸顏色】和【填充顏色( FillStroke Color )】兩個按鈕分別用于設置橢圓的筆觸顏色和填充顏色，設置筆觸無色有兩種方法：1、從上圖所示的顏色面板中選擇右上角的【無顏色(No Color )按鈕2、先選擇工具箱顏色區(qū)中的【筆觸顏色】按鈕，然后單擊其下方的【無顏色】按鈕按前面介紹過的方法設置好筆觸樣式、筆觸顏色及填充顏色后，在起點處按下鼠標左鍵并拖動到終點，即可繪制出一個橢圓。如圖所示是幾個設置了不同顏色、筆觸樣式后的橢圓（ 4） 輸入文字：在 Flash 中輸入文字，如果所有格式及版式均使用默認設置，一般方法

7、如下：1、從工具箱中選擇【文本工具】，然后將輸入法切換為需要的輸入法。2、在舞臺上單擊鼠標，出現(xiàn)文本輸入框，這種文本輸入框其右上角有一個小圓圈，表示單行文本框，不會自動換行，按回車鍵可換行。在 Flash 中，要設置文字的格式，需要在【文本工具】的屬性面板中進行。七、實驗結(jié)果與分析、心得1 、了解了二維動畫的制作界面，熟悉了操作面板；2、學會了一些flash 的基本操作。實驗二一、實驗課程名稱二維動畫二、實驗項目名稱Flash 運動補間三、實驗目的和要求掌握運動補間、形狀補間四、實驗內(nèi)容和原理學會插入補間：運動補間和形狀補間五、主要儀器設備電腦 Flash8.0六、操作方法與實驗步驟1 、補間

8、動畫是相對于逐幀動畫而言的，它通過定義動畫某一部分的起點和終點的內(nèi)容，然后由Flash 自動生成兩端點間各幀(一般稱這些幀為補間幀)的內(nèi)容。在Flash中可以建立兩種補間動畫形狀補間(Shape Tween)和運動補間(MotionTweed),每種都有其自己的特性。運動補間實例：彈跳小球風車的轉(zhuǎn)動形狀補間實例：動感球體F面講具體步驟:彈跳小球1 、新建元件“小球”，繪制小球2、回到場景，拖入小球，設置關鍵幀1、 10、 11、 12、 22幀。1 10為上下補間動畫，11為小球壓縮狀態(tài)，12 22正常狀態(tài)上下補間動畫3、設置補間屬性，添加小球的彈性風車轉(zhuǎn)動1 、繪制黑邊黃色矩形，并拖動邊緣制

9、作風車葉片，保存為元件“葉片”2、修改葉片的編輯中心，打開窗口的變形工具，復制并旋轉(zhuǎn)45度3、將所有葉片存為元件“風車”4、回到場景，將風車拖入舞臺，改變大小，創(chuàng)建起點與終點關鍵幀5、創(chuàng)建補間，設置屬性為順時針旋轉(zhuǎn)6、測試影片動感球體1、 、在舞臺繪制小球2、 5幀建立關鍵幀，改變球體內(nèi)部的漸變亮點3、 10、 15建立關鍵幀，再次改變球體內(nèi)部的漸變亮點 4、創(chuàng)建形狀動畫七、實驗結(jié)果與分析、心得通過這些課的講述，我也認真按照老師的步驟一步步進行操作，這些補間將動畫更加有活力了實驗三一、實驗課程名稱二維動畫二、實驗項目名稱Flash 引導層和遮罩層三、實驗目的和要求掌握如何運用引導層和遮罩層四、

10、實驗內(nèi)容和原理學會用遮罩層來制造閃動的效果五、主要儀器設備電腦 Flash8.0六、操作方法與實驗步驟遮罩層：遮照層中的對象被看作是透明的，其下被遮罩的對象在遮罩層對象輪廓范圍內(nèi)可正常顯示。2、接下來舉一些實例：引導層實例曲線運動激光筆曲線運動3、新建引導層，繪制非封閉不交叉曲線1、繪制運動對象紙飛機，并存為元件4、元件確定起點與終點關鍵幀，并分別在起點與終點對齊引導線起點與終點2、回到場景，將元件拖入層15、建立補間動畫激光筆3、將圖層2轉(zhuǎn)為引導層，并刪除封閉口1、新建文字圖層1 “F”，打散文字，將文 4、將激光筆對齊引導層起點與終點位置 字內(nèi)部顏色去掉，復制層1至層25、創(chuàng)新補間動畫2、

11、建圖層3,繪制黃色激光筆，并將圖層拖至2下6、圖層1進行逐幀運動，隨著激光筆進行 內(nèi)部刪除遮罩效果11、輸入文字2、新建圖層2,繪制圓形3、F乘為元件4、將圖層2設為遮罩層Lit七、實驗結(jié)果與分析、心得引導層就是起引導作用的，輔助其它圖層對象的運動或定位且必須是非封閉的不交叉 不斷開的線條遮罩層就是遮照的對象被看作是透明的，其下被遮罩的對象在遮罩層對象的輪廓范圍 內(nèi)可正常顯示。利用這種方法可以制作出閃動的效果。實驗四、實驗課程名稱二維動畫、實驗項目名稱Flash 綜合賀卡制作三、實驗目的和要求將以前講過的操作用起來，運用遮罩效果，動畫補間等等，熟練掌握這些操作四、實驗內(nèi)容和原理綜合運用各個操作

12、制作出賀卡五、主要儀器設備電腦 Flash8.0六、操作方法與實驗步驟實例：新年賀卡1 、利用位移動畫制作展開的大門效果2、利用逐幀動現(xiàn)制作鞭炮燃放的效果3、繪制宮燈，利用補間動畫制作宮燈搖擺的效果4、利用遮罩層動畫制作文字輝光效果5、在主場景合理擺放各遠素，并為賀卡添加音樂，提升作品感染力（ 1）過程分解圖第一部分：大門展開制作新建文件，設置500X400，背景為深紅新建元件“大門”繪制無邊紅色矩形，250 X 400,選右側(cè)一部分，改為黑色新建圖層2, 邊黑色填充中黃色，繪制小圓，并復制滿矩形，作為門釘。門把制作:建圖層 3, 繪制黃色黑邊圓環(huán)建圖層4, 復制圓環(huán)，并縮小;建圖層5, 在小

13、圓環(huán)頂部繪制黃色正圓建圖層6, 為門把手增加高光效果場景動畫將元件“大門”從庫中拖入到場景，水平翻轉(zhuǎn)新建圖層2, 復制“大門”，翻轉(zhuǎn)好位置分別在圖層1、 2 的第 40 幀插入關鍵幀，創(chuàng)建補間動畫，將門移向兩側(cè)。并在兩圖層的第 41 針插入空白關鍵幀新 建 圖 層 3, 拖 至 最 后 ， 繪 制 漸 變 背 景(1)RGB:248,197,146;(2)RGB:242,23,23;(3)RGB:176,40,40陰影字：輸入“恭賀新禧”，并復制，后層的使用黑色，前層的使用黃色。第二部分：鞭炮效果制作新建鞭炮元件繪制無邊矩形，設置三色漸變RGB:248,254,242; RGB:254,160

14、,35; 與第一色相同。選取中間部分調(diào)整漸變RGB:255,0,0; RGB:153,0,0; 與第一色相同。繪制鞭炮上的圖案：無邊黃色矩形，調(diào)整為三角形，并復制多個。鞭炮引信繪制爆炸效果新建影片剪輯元件“鞭炮”選擇鋼筆工具，淺灰，繪制爆炸圖形，勾選部分并填充白色，產(chǎn)生高光效果。插入 2 個關鍵幀。第 2 幀，第二幀改變位置，并在圖形周圍繪畫出黃色線條一組鞭炮新建元件“一組鞭炮”拖動庫中的“鞭炮”到舞臺，旋轉(zhuǎn)恰當角度復制鞭炮，并水平翻轉(zhuǎn)選中第一組鞭炮，向下復制九組選擇第 5 幀建立關鍵幀，刪除一組鞭炮第 10、 15、 20、 25、 30、 35、 40、 45 幀分別建立關鍵幀，向上各刪除

15、一組選擇 50 幀，創(chuàng)建幀圖層 2, 拖入元件“爆炸”，在 5 、 10、 15、 20、 25、 30、 35、 40、 45 移動其位置，并在50 幀創(chuàng)建幀第三部分：宮燈效果制作繪制宮燈新建元件“燈 1 ”繪制無邊放射漸變橢圓RGB:254,116,33; RGB:243,1,1新建層 2, 繪制無邊矩形燈托，調(diào)整四色線性漸變RGB:130,30,26; RGB:255,0,0;RGB:236,104,62 RGB:173,44,33新建層3, 繪制二級燈托，金黃色漸變新建層4, 繪制燈內(nèi)金色瓣狀紋理線新建層5, 繪制燈穗新建層6, 繪制金色吊燈繩繪制層7, 輸入“新”，金黃色繪制“燈2”

16、“燈3”“燈4”繪制一組燈：新建影片剪輯“一組燈”拖入燈 1, 修改元件中心點，第10 幀設關鍵幀，旋轉(zhuǎn)一定角度，第20 幀復制第 1 幀，創(chuàng)建補間新建層 2,3， 4分別在第10、 20、 30 設與燈 1， 2， 3相同的補間將所有層延續(xù)到第50 幀第四部分：文字輝光效果新建影片剪輯“文字”輸入文字“江西科技師范學院恭賀”，金黃色復制第 1 幀至圖層2，2 次分離，作為遮罩層新建層3, 繪制無邊線性漸變矩形，透明白透明，旋轉(zhuǎn)層 3 放置在層2 下面， 15 幀為關鍵幀，創(chuàng)建從左到右的補間，其它層延續(xù)幀轉(zhuǎn)圖層2 為層3 遮罩層組合：賀卡效果： 回至場景1新建層 4, 第 40 幀創(chuàng)建關鍵幀，

17、將一組鞭炮拖入左側(cè)復制鞭炮在右側(cè)，在90 幀創(chuàng)新空白關鍵幀在 40 幀刪除恭賀新禧新建層 7, 在 160 幀加入動作“stop()音樂：導入背景音樂和鞭炮聲到庫背景音樂：層7 拖入背景音樂鞭炮聲：層4 第 40 幀拖入鞭炮聲七、實驗結(jié)果與分析、心得制作一個完整的動畫需要很認真的注意每一個步驟，注意細節(jié)，這樣才能做好一個好看的動畫。實驗五一、實驗課程名稱二維動畫二、實驗項目名稱時間軸命令控制三、實驗目的和要求掌握對時間軸命令的操作四、實驗內(nèi)容和原理制作花與蜜蜂五、主要儀器設備電腦 Flash8.0六、操作方法與實驗步驟時間軸控制命令控制幀的停止、播放、跳轉(zhuǎn)實例：花與蜜蜂步驟:設置文件屬性：背景

18、色為淡藍拖動無邊矩形，設置為淡藍-深藍漸變，改名為背景新建圖層，改名為花，將對應的元件拖入場景，并改實例名為“花”新建圖層，改名為蜜蜂，并將對應的蜜蜂拖入場景，并改實例名稱為“蜜蜂”在蜜蜂圖層上新建引導層，繪制繞花運動的引導線在 170 幀延續(xù)引導、花、背景的層，并在蜜蜂圖層加入關鍵幀，將蜜蜂拖致引導線終點位置。在蜜蜂層的68 幀、 140 幀分別建立關鍵幀，將實例放置在入花與出花的位置。新建圖層“落葉”，將葉元件拖入場景，并F8轉(zhuǎn)為影片剪輯“落葉”，更改實例名稱為”落葉”雙擊進入元件編輯區(qū)，制作引導層使葉隨曲線飄落。并新建一個 as 圖層，放置如下動作：1 幀 : stop();50幀： t

19、his._parent.play();回到場景中，新建 AS圖層放置動作如下：1 幀： this. 花 .stop();/使花在一開始停止擺動68 幀：this. 花 .play();/當蜜蜂進入花時，花開始擺動140 幀： stop();/停止在當前幀this.落葉 .play();/播放實例落葉七、實驗結(jié)果與分析、心得操作時間軸的命令時要注意寫好腳本語言，要對操作對象進行命名，然后才能控制到這個對象。實驗六、實驗課程名稱二維動畫、實驗項目名稱數(shù)字運算語句三、實驗目的和要求掌握數(shù)字運算語句的用法四、實驗內(nèi)容和原理控制小球五、主要儀器設備電腦 Flash8.0六、操作方法與實驗步驟運算符、變量

20、、條件語句實例：控制小球運動步驟如下：在圖層 1 建立漸變色背景新建圖層2,繪制一個正圓小球，并轉(zhuǎn)為影片剪輯“mc”，直徑60新建圖層3, 設置幀動作如下：1： var i=20; var j=10;/ 定義變量i,j ，并賦初值分別代表每次移動的值2： if(_root.mc._x<=30|_root.mc._x>=520) /設定條件：如何x 坐標在i=-i;/30之內(nèi)或 520 之外，則使i 變?yōu)樨撝礽f(_root.mc._y<=30|_root.mc._y>=370) /設置 y 在 30 之內(nèi)或 370 之外j=-j;/j變負值_root.mc._x+=i;

21、_root.mc._y+=j;/mc/mcx 坐標更新為原坐標iy 坐標更新為原坐標i3:gotoAndPlay(2);/簡單的實現(xiàn)一個循環(huán)其他幀延續(xù)七、實驗結(jié)果與分析、心得學到這，我們對基本的一些語句都有了了解，關鍵還是在于要注意寫腳本語言時不要出錯，這樣就會成功做出好的動畫了。實驗七一、實驗課程名稱二維動畫二、實驗項目名稱影片剪輯事件三、實驗目的和要求學會制作影片剪輯四、實驗內(nèi)容和原理計時器五、主要儀器設備電腦 Flash8.0enterframe觸發(fā)事件六、操作方法與實驗步驟觸發(fā)次數(shù),觸發(fā)時間:實例：計時器在圖層1輸入靜態(tài)文本觸發(fā)次數(shù)：觸發(fā) 時間:在同一圖層繪制動態(tài)文本區(qū)域，變量為 a_

22、text, b_text新建圖層2,輸入靜態(tài)文字“ enterframe事件”，轉(zhuǎn)為元件。第2幀建立關鍵幀，更改實例名稱為" md,并設置影片剪輯動作:onClipEvent (load) /加載mc時的動作_root.stop();/停止場景中的當前幀var i=0;/賦初值為mc的觸發(fā)事件onClipEvent (enterFrame) /enterFrame i+=1;的賦值root.a_text=i;/變量 a_text_root.b_text=Math.round(i/12*100)/100; / 取四舍五入 / 變量 b_text 的賦值，取小數(shù)點后兩位新建三個按鈕元件：

23、記時，停止，清除。新建圖層3, 拖入三個按鈕，設置按鈕動作記時： on (press) gotoAndStop(2);停止： on (press) gotoAndStop(1);清除： on (press) i=0; _root.a_text="" _root.b_text=""新建圖層4, 設置第 1 幀動作：stop()七、實驗結(jié)果與分析、心得這個影片剪輯事件需要我們插入按鈕，我們可以找按鈕的資源，然后直接運用，再對那個文字做些改動就可以了。實驗八一、實驗課程名稱二維動畫二、實驗項目名稱交互性鼠繪場景制作三、實驗目的和要求掌握交互性鼠繪場景制作過程四

24、、實驗內(nèi)容和原理荷塘月色五、主要儀器設備電腦 Flash8.0六、操作方法與實驗步驟荷塘月色制作步驟:星星繪制白色無邊矩形，使用水籠頭得到三角形,二角度得到一建MC巧41 x1（星星）顆星星在第3, 5, 7, 9幀分別插入關鍵幀，改變星星的顏色為紅、黃、綠等在第2, 4, 6, 8幀插入空白關鍵幀，使星星有閃爍感建按鈕元件x2把x1拖到第一幀在第 4 幀點擊區(qū)加關鍵幀，任意畫一個矩形，要比星星稍大依樣多建幾個不同的星星花朵新建MC巧hl在第一幀拖入按鈕x2在第二幀插入空白關鍵幀，繪制左白右綠放射狀無邊橢圓在第 40 幀加關鍵幀，調(diào)整橢圓的中心點，打開變形面板，旋轉(zhuǎn)20 度，重復點擊拷貝并應用

25、變形按鈕，連續(xù)點擊至復制粘出一朵美麗的花兒在第 41 幀加關鍵幀，把做好的花轉(zhuǎn)變?yōu)閳D形h2在第 55 幀加關鍵幀- 設置花兒的大小為10*10， alpha 為 0第 1 幀動作加stop(); 幀內(nèi)按鈕動作為：on (release, rollOver) play();第 2 幀為形狀補間，第41 幀為動作補間重制多個h1 影片，分別命名h12,h13 等荷塘新建圖形元件t1, 導入荷塘圖片，550*400 像素新建圖形元件t2, 畫一無邊矩形550*400 像素，顏色為0033FF （藍色）新建電影剪輯t3, 新建四層第一層中拖入元件t1,在第二層中拖入元件t1, 與前一個y 軸錯開 1

26、個象素分別設置alpha 為 60-80 ，并在40 幀新建幀第三層設為遮罩層，繪制粗細不同的細長矩形，寬度遮住圖片，下端與圖片下端平齊40 幀處加關鍵幀，移動矩形使其上端和圖片上端平齊，在第一幀建立形狀動畫，第四層拖入圖形元件t2,蓋住場景，設置 alpha 值為20%左右。組合效果（新建兩個圖層）第一層拖入電影剪輯t3第二層拖入電影剪輯h1七、實驗結(jié)果與分析、心得這個荷塘月色需要很多的步驟，需要耐心地做這些小東西。花朵，星星都要精心制作，還要改變其顏色。組合時也要注意不要完全重疊，不然就沒有水的動感。實驗九一、實驗課程名稱二維動畫二、實驗項目名稱課件作品綜合制作三、實驗目的和要求學會按鈕控

27、制的復制操作四、實驗內(nèi)容和原理按鈕控制復制五、主要儀器設備電腦 Flash8.0六、操作方法與實驗步驟1 .在舞臺上繪制一朵小花，按F8轉(zhuǎn)化為影片剪輯，并建立實例名"md'2 .插入“圖層2”，在此圖層的第一幀輸入代碼：var i=03 .在場景中建立兩個按鈕，(復制和刪除按鈕)，分別在兩個按鈕上輸入代碼第一個代碼： on (press) i+; 簿1:if(i<=12)duplicateMovieClip("mc","mc"+i,i);elsei=12;_root"mc"+i._x=275+120*Math.sin(i*1/6*