二維動畫基礎(chǔ)(FLASH)實(shí)驗(yàn)報(bào)告.doc

學(xué) 生 實(shí) 驗(yàn) 報(bào) 告（理工類）課程名稱： 二維動畫基礎(chǔ)（FLASH）專業(yè)班級:xxx計(jì)算機(jī)科學(xué)與技術(shù) 學(xué)生學(xué)號： 1205601xxx 學(xué)生姓名： xxx 所屬院部： 信息技術(shù)學(xué)院 指導(dǎo)教師： xxx 20 13 20 14 學(xué)年 第 2 學(xué)期 金陵科技學(xué)院教務(wù)處制實(shí)驗(yàn)報(bào)告書寫要求實(shí)驗(yàn)報(bào)告原則上要求學(xué)生手寫，要求書寫工整。若因課程特點(diǎn)需打印的，要遵照以下字體、字號、間距等的具體要求。紙張一律采用A4的紙張。實(shí)驗(yàn)報(bào)告書寫說明實(shí)驗(yàn)報(bào)告中一至四項(xiàng)內(nèi)容為必填項(xiàng)，包括實(shí)驗(yàn)?zāi)康暮鸵?；?shí)驗(yàn)儀器和設(shè)備；實(shí)驗(yàn)內(nèi)容與過程；實(shí)驗(yàn)結(jié)果與分析。各院部可根據(jù)學(xué)科特點(diǎn)和實(shí)驗(yàn)具體要求增加項(xiàng)目。填寫注意事項(xiàng)（1）細(xì)致觀察，及時(shí)、準(zhǔn)確、如實(shí)記錄。（2）準(zhǔn)確說明，層次清晰。（3）盡量采用專用術(shù)語來說明事物。（4）外文、符號、公式要準(zhǔn)確，應(yīng)使用統(tǒng)一規(guī)定的名詞和符號。（5）應(yīng)獨(dú)立完成實(shí)驗(yàn)報(bào)告的書寫，嚴(yán)禁抄襲、復(fù)印，一經(jīng)發(fā)現(xiàn)，以零分論處。實(shí)驗(yàn)報(bào)告批改說明實(shí)驗(yàn)報(bào)告的批改要及時(shí)、認(rèn)真、仔細(xì)，一律用紅色筆批改。實(shí)驗(yàn)報(bào)告的批改成績采用百分制，具體評分標(biāo)準(zhǔn)由各院部自行制定。實(shí)驗(yàn)報(bào)告裝訂要求實(shí)驗(yàn)批改完畢后，任課老師將每門課程的每個實(shí)驗(yàn)項(xiàng)目的實(shí)驗(yàn)報(bào)告以自然班為單位、按學(xué)號升序排列，裝訂成冊，并附上一份該門課程的實(shí)驗(yàn)大綱。實(shí)驗(yàn)項(xiàng)目名稱： Flash基礎(chǔ) 實(shí)驗(yàn)學(xué)時(shí)： 4 同組學(xué)生姓名： / 實(shí)驗(yàn)地點(diǎn)： 工科樓A210 實(shí)驗(yàn)日期： 2014.3.6 實(shí)驗(yàn)成績： 批改教師： 批改時(shí)間： 一、實(shí)驗(yàn)?zāi)康?通過本課程的訓(xùn)練，熟悉flash界面，掌握Flash界面中各組成元素和功能。二、實(shí)驗(yàn)要求 在d盤建立自己的文件，進(jìn)行立體圖形的繪制。 要求：1.獨(dú)立設(shè)計(jì)完成。2. 繪制美觀。三、實(shí)驗(yàn)儀器和設(shè)備 586以上計(jì)算機(jī)、裝有IE6、flash軟件。四、實(shí)驗(yàn)步驟及內(nèi)容1、單擊“矩形工具”，然后顯示設(shè)置屬性。2、繪制圓角矩形。3、單擊“圓角矩形”點(diǎn)擊“插入”“時(shí)間抽特效”“幫助”“復(fù)制到網(wǎng)格”。通過“復(fù)制到網(wǎng)絡(luò)”對話框，設(shè)置相關(guān)參數(shù)。4、改變各矩形的顏色。、5、創(chuàng)建立體效果。 五、討論、思考題FLASH是什么? FLASH電影是專為網(wǎng)頁服務(wù)的畫像或動畫(當(dāng)然，也可用于其它用途)。主要含有矢量圖形，但是也可以包含導(dǎo)入的位圖和音效，還可以把瀏覽者輸入的信息同交互性聯(lián)系起來，從而產(chǎn)生交互效果，也可以生成非線性電影動畫。該動畫可以同其它的WEB程序產(chǎn)生交互作用。網(wǎng)頁設(shè)計(jì)師可以利用FLASH來創(chuàng)建導(dǎo)航控制器、動態(tài)LOGOS、含有同步音效的長篇動畫、甚至可以產(chǎn)生完整的、富于敏感性的網(wǎng)頁。 使用 Flash 創(chuàng)建功能強(qiáng)大的互動式營銷、演示文稿、豐富的媒體廣告、電子教學(xué)、娛樂、商業(yè)應(yīng)用、互動視頻體驗(yàn)等內(nèi)容。 六、實(shí)驗(yàn)結(jié)果與分析在學(xué)習(xí)繪制和編輯圖形的制作之前，用戶應(yīng)該先對Flash3和Flash 8 中的圖形要有所認(rèn)知，主要包括位圖和矢量圖概念和區(qū)別，以及圖形色彩的相關(guān)知識。用Flash的繪圖功能能夠繪制出藝術(shù)繪畫相媲美的作品，嚴(yán)謹(jǐn)?shù)脑煨秃蛥f(xié)調(diào)的色彩綜合運(yùn)用，加上光影效果的點(diǎn)綴，將畫畫變得更加生動，富有情趣。Flash的獨(dú)特繪圖功能，使它在圖像王國里能夠獨(dú)占鰲頭，用Flash進(jìn)行的商業(yè)繪畫，正運(yùn)用于越來越多的領(lǐng)域。實(shí)驗(yàn)項(xiàng)目名稱： 簡單動畫的創(chuàng)建 實(shí)驗(yàn)學(xué)時(shí)： 4 同組學(xué)生姓名： / 實(shí)驗(yàn)地點(diǎn)： 工科樓A210 實(shí)驗(yàn)日期： 2014.3.20 實(shí)驗(yàn)成績： 批改教師： 批改時(shí)間： 一、實(shí)驗(yàn)?zāi)康耐ㄟ^本課程的訓(xùn)練，集中基本類型動畫的創(chuàng)建；創(chuàng)建元件的基本操作；庫的基本操作；聲音的基本操作；圖片的基本操作。二、實(shí)驗(yàn)要求在d盤建立自己的文件，進(jìn)行動畫的創(chuàng)建。三、實(shí)驗(yàn)設(shè)備、環(huán)境586以上計(jì)算機(jī)、裝有IE6、flash軟件。四、實(shí)驗(yàn)步驟及內(nèi)容1、啟動Flash程序，打開工作環(huán)境的窗口，可以使用下列方法之一。方法一：單擊“開始”按鈕 打開“程序”項(xiàng) 打開“Macromedia”程序組項(xiàng) 單擊“Macromedia Flash MX”命令，即可啟動程序。方法二：鼠標(biāo)直接雙擊計(jì)算機(jī)桌面上的“Macromedia Flash MX”的程序快捷圖標(biāo)（如果有的話），即可打開程序窗口。2、設(shè)置動畫影片的舞臺大小，可以使用下列方法之一。方法一：使用“修改|文檔”菜單命令（快捷鍵為Ctrl+J），打開“文檔屬性”對話框，如下圖所示： 在FlashMX文檔中默認(rèn)的舞臺大小為寬度550px（像素），高度400px（像素），背景色為“白色”，幀頻為“12fps”（每秒鐘播放12幀,每1幀即為一個動畫畫面）。在我們制作的第一個幾何圖形漸變的簡單動畫中，將舞臺的大小設(shè)置為寬“400px”，高 “100px”，背景色為“黃色”，幀頻 “12fps”,設(shè)置完畢后如下圖所示：方法二：單擊展開“屬性面板”，再單擊面板中的“550 x 400像素”按鈕，即可打開“文檔屬性”對話框。接著就可以設(shè)置文檔舞臺的寬度、高度、背景顏色以及幀頻了。如果只是想簡單的修改舞臺的背景色和影片的幀頻，則可以在屬性面板中直接設(shè)置。3、在舞臺的左側(cè)使用“橢圓工具”繪制出一個正圓。單擊“工具箱”中的“橢圓工具”按鈕，在“顏色”區(qū)域中，將“筆觸顏色”禁用，然后將“填充色”設(shè)置為“紅色球形”，最后按住Shift鍵，在舞臺的左側(cè)繪制出一個正圓，如下圖所示。 4、在舞臺的右側(cè)使用“矩形工具”繪制出一個正方形。此時(shí)，我們可以看到在時(shí)間軸面板的圖層1的時(shí)間線的第1幀變成了一個小黑點(diǎn)（關(guān)鍵幀圖標(biāo)）。下面，我們再選中圖層1時(shí)間線上的第40幀，使用“插入|空白關(guān)鍵幀”菜單命令（或者鼠標(biāo)右擊時(shí)間線第40幀，在快捷菜單中選用“插入空白關(guān)鍵幀”命令，也可以使用快捷鍵F7，直接在時(shí)間線上插入空白關(guān)鍵幀，空白關(guān)鍵幀的圖標(biāo)在時(shí)間線上顯示為一個空心小圓點(diǎn)，如下圖所示：這時(shí)，我么可以發(fā)現(xiàn)原先在舞臺左側(cè)繪制的紅色圓“消失”了，舞臺上什么對象都沒有。這是因?yàn)?，我們現(xiàn)在看到的是影片第40幀（即第40個畫面）暫時(shí)還是一個空白關(guān)鍵幀，所以我們可以選用工具箱中的“矩形工具”，在“顏色”區(qū)域中，將“筆觸顏色”禁用，將“填充色”設(shè)置為“藍(lán)色球形”，最后按住Shift鍵，拖曳鼠標(biāo)，在舞臺的右側(cè)繪制出一個正方形，如下圖所示：如果細(xì)心的同學(xué)可以發(fā)現(xiàn)，圖層1時(shí)間線的第40幀處的空白關(guān)鍵幀已經(jīng)轉(zhuǎn)變成了一個關(guān)鍵幀。5、為影片創(chuàng)建補(bǔ)間動畫。單擊選中圖層1時(shí)間線上的第1幀，打開“屬性面板”，選用“補(bǔ)間”下拉列表中的“形狀”命令即可，如下圖所示：所謂的補(bǔ)間就是讓FlashMX程序?yàn)橛脩糇詣拥卦趦蓚€關(guān)鍵幀之間創(chuàng)建動畫效果，補(bǔ)間動畫有兩種類型：（1）動作，一般用于關(guān)鍵幀含有元件對象，使用動作類型的補(bǔ)間，在創(chuàng)建完成后關(guān)鍵幀之間用淡紫色填充；（2）形狀，一般用于關(guān)鍵幀含有的是形狀對象，使用形狀補(bǔ)間，在創(chuàng)建完成后關(guān)鍵幀之間用淡綠色自動填充，如下如所示： 此時(shí)，如果我們想預(yù)覽動畫效果，只要按鍵盤上的“Enter”就可以了。6、保存并導(dǎo)出我們的第一個動畫作品。使用“文件|保存”菜單命令（快捷鍵為Ctrl+S），打開“另存為”的對話框，設(shè)置文檔的存儲路徑，文檔的文件名后，單擊“保存”按鈕即可，如下圖所示。請同學(xué)們注意，此時(shí)我們存儲的是作品的.fla格式的文檔。下面，我們接著學(xué)習(xí)如何導(dǎo)出動畫作品。使用“文件|導(dǎo)出影片”菜單命令，在彈出的“導(dǎo)出影片”對話框中，設(shè)置影片的導(dǎo)出路徑和影片的文件名，最后單擊“保存”按鈕即可。 五、討論、思考題1、制作一個舞臺大小為400 x 100像素，背景色、幀頻自定的紅色短線條漸變?yōu)樗{(lán)色長線條的作品。 2、制作一個舞臺大小400x100像素，背景色、幀頻自定，動畫內(nèi)容為紅色三角漸變?yōu)榫G色圓，再漸變?yōu)樗{(lán)色正方形的作品。3、補(bǔ)間動畫有兩種類型：（1）動作，一般用于關(guān)鍵幀含有元件對象，使用動作類型的補(bǔ)間，在創(chuàng)建完成后關(guān)鍵幀之間用淡紫色填充；（2）形狀，一般用于關(guān)鍵幀含有的是形狀對象，使用形狀補(bǔ)間，在創(chuàng)建完成后關(guān)鍵幀之間用淡綠色自動填充。4、使用“文件|導(dǎo)出影片”菜單命令，在彈出的“導(dǎo)出影片”對話框中，設(shè)置影片的導(dǎo)出路徑和影片的文件名，最后單擊“保存”按鈕即可。六、實(shí)驗(yàn)結(jié)果與分析在Flash中的效果有兩種方法：1、一種方法可以創(chuàng)建形狀效果，一種是“補(bǔ)間形狀”。在補(bǔ)間形狀中，用戶只要創(chuàng)建好開始幀和結(jié)束幀，中間的過度幀，將由Flash自動生成。用戶可以通過連續(xù)改變幀的內(nèi)容來實(shí)現(xiàn)形狀效果，例如使對象在舞臺上穿梭行動、變形等等，這些形狀可以單獨(dú)發(fā)生也可以組合發(fā)生。2、一種方法可以創(chuàng)建動畫效果，一種是“補(bǔ)間動畫”。在補(bǔ)間動畫中，用戶只要創(chuàng)建好開始幀和結(jié)束幀，中間的過度幀，將由Flash自動生成。用戶可以通過連續(xù)改變幀的內(nèi)容來實(shí)現(xiàn)動畫效果，例如使對象在舞臺上穿梭行動、放大或縮小、旋轉(zhuǎn)等等，這些動畫可以單獨(dú)發(fā)生也可以組合發(fā)生。實(shí)驗(yàn)項(xiàng)目名稱： ActionScript語句基礎(chǔ) 實(shí)驗(yàn)學(xué)時(shí)： 4 同組學(xué)生姓名： / 實(shí)驗(yàn)地點(diǎn)： 工科樓A210 實(shí)驗(yàn)日期： 2014.4.2 實(shí)驗(yàn)成績： 批改教師： 批改時(shí)間： 一、實(shí)驗(yàn)?zāi)康耐ㄟ^本課程的訓(xùn)練，掌握ActionScript的基本語法；熟悉常用的ActionScript語句二、實(shí)驗(yàn)要求在d盤建立自己的文件，制作能夠跳轉(zhuǎn)到網(wǎng)頁的按鈕。三、實(shí)驗(yàn)設(shè)備、環(huán)境586以上計(jì)算機(jī)、裝有IE6、flash軟件。四、實(shí)驗(yàn)步驟及內(nèi)容1、設(shè)置作品舞臺屬性新建一個Flash文檔，將舞臺大小定義為200x300像素，背景色為“黑色”，默認(rèn)幀頻12fps，并保存為“能夠跳轉(zhuǎn)到網(wǎng)頁的按鈕.fla”，完成后如下圖所示：2、創(chuàng)建一個“搜狐”的按鈕元件（1）使用“插入新建元件”命令，在“創(chuàng)建新元件”對話框中，將元件名稱命名為“搜狐”，行為類型中選用“按鈕”，然后單擊“確定”按鈕，如下圖所示，進(jìn)入元件舞臺。（2）選用“矩形工具”，在選項(xiàng)區(qū)域中將“筆觸顏色”禁用，設(shè)置填充色為“球紅”，然后在元件舞臺的中心位置畫出一個矩形（可用對齊面板調(diào)整矩形的舞臺位置），如圖所示：（3）將“搜狐”按鈕元件的圖層重命名為“圖形”，然后分別在“指針經(jīng)過”幀和“按下”正中插入關(guān)鍵幀。再把“指針經(jīng)過”幀和“按下”幀中的矩形填充顏色設(shè)置為“球綠”和“球藍(lán)”，完成后的時(shí)間軸如下圖所示：（4）先將“圖形”圖層鎖定，接著在該圖層的上方插入一個新的圖層，并重命名為“搜狐文字”，然后使用“文本工具”在舞臺中心位置輸入字體為“隸書”，字號為“20”，字體顏色為“黃色”的字符“搜狐網(wǎng)站”，完成后如下圖所示：3、參照“搜狐”按鈕元件的制作過程，再創(chuàng)建“新浪”和“上海熱線”2個圖形按鈕，如下圖所示：4、在場景舞臺中使用按鈕元件，創(chuàng)建按鈕實(shí)例返回到場景舞臺中，按F11鍵打開作品素材庫，將3個不同的圖形按鈕拖曳到場景舞臺上，并對創(chuàng)建出的按鈕實(shí)例合理布局，調(diào)整大小，完成后如下圖所示：5、為按鈕實(shí)例設(shè)置正確的action動作命令（1）選中舞臺上的“上海熱線”按鈕實(shí)例，單擊展開“動作按鈕”面板，雙擊“動作工具箱”中的“動作|瀏覽器/網(wǎng)絡(luò)|getURL”命令，在URL輸入框中輸入需要跳轉(zhuǎn)到的URL地址，此處由于我們試圖在單擊“上海熱線”按鈕之后，能夠跳轉(zhuǎn)到上海熱線的首頁，所以輸入“”，注意統(tǒng)一資源定位器的地址一定要完整的輸入，否則會出錯。然后在窗口下拉列表中選用“_blank”，作用是在一個新的窗口中打開網(wǎng)頁，完成action動作設(shè)置后如下圖所示：（2）對于“搜狐”和“新浪”按鈕的action動作設(shè)置參照“上海熱線”按鈕的設(shè)置過程，只要修改其要跳轉(zhuǎn)到的URL地址即可，此處不再贅述。至于action動作中不同的窗口選項(xiàng)（_self，_blank，_parent，_top）的不同效果。（3）選中舞臺上的“搜狐網(wǎng)站”按鈕實(shí)例，在“動作按鈕”面板中輸入以下代碼。（4）選中舞臺上的“新浪網(wǎng)站”按鈕實(shí)例，在“動作按鈕”面板中輸入以下代碼。五、討論、思考題1、action動作中不同的窗口選項(xiàng)（_self，_blank，_parent，_top）有何區(qū)別。2、單擊“上海熱線”按鈕之后，能夠跳轉(zhuǎn)到上海熱線的首頁，所以輸入“”，否則會出錯。然后在窗口下拉列表中選用“_blank”，就能直接打開網(wǎng)站。3、單擊“搜狐網(wǎng)站”按鈕之后，能夠跳轉(zhuǎn)到搜狐網(wǎng)站的首頁，所以輸入“”，否則會出錯。然后在窗口下拉列表中選用“_parent”，就能直接打開網(wǎng)站。六、實(shí)驗(yàn)結(jié)果與分析ActionScript語句就是動作或者命令，動作可以相互獨(dú)立地運(yùn)行，也可以在一個運(yùn)作，還可以在一個動作內(nèi)使用另一個動作，從而達(dá)到嵌套效果，使動作之間可以相互影響。ActionScript是Flash與程序進(jìn)行通信的方式。用戶可以通過它告訴Flash將要執(zhí)行的任務(wù)，并詢問在影片運(yùn)行時(shí)發(fā)生了什么樣的。這種雙向的通信方式，使得用戶可以創(chuàng)建具有交互功能的影片，能使得Flash能優(yōu)于其他動畫制作軟件。實(shí)驗(yàn)項(xiàng)目名稱： 動畫制作綜合實(shí)例 實(shí)驗(yàn)學(xué)時(shí)： 4 同組學(xué)生姓名： / 實(shí)驗(yàn)地點(diǎn)： 工科樓A210 實(shí)驗(yàn)日期： 2014.4.16 實(shí)驗(yàn)成績： 批改教師： 批改時(shí)間： 一、實(shí)驗(yàn)?zāi)康耐ㄟ^本課程的訓(xùn)練，通過站點(diǎn)綜合實(shí)例的練習(xí)，全面了解動畫創(chuàng)建的全過程。二、實(shí)驗(yàn)要求在d盤建立自己的文件，制作一個復(fù)雜動畫。三、實(shí)驗(yàn)設(shè)備、環(huán)境 586以上計(jì)算機(jī)、裝有IE6、flash軟件。四、實(shí)驗(yàn)步驟及內(nèi)容1、打開 “鉆戒廣告動畫素材。fla”文件，新建影片剪輯元件“飾品一動”，在第15-50幀添加“閃光動”實(shí)例。新建圖層2，在第160幀添加“飾品1”實(shí)例，插入相應(yīng)的關(guān)鍵幀，并創(chuàng)建傳統(tǒng)補(bǔ)間動畫。依次調(diào)整第1、13幀所對應(yīng)實(shí)例的Alpha值和X值，以及第60幀所對應(yīng)實(shí)例的Alpha值，制作出實(shí)例從左向右、由無變清晰的出場，然后隱退的動畫。2、新建圖層3，在第1450幀添加“閃光動1”實(shí)例，插入相應(yīng)的關(guān)鍵幀，并創(chuàng)建傳統(tǒng)補(bǔ)間動畫，制作實(shí)例由無變清晰的動畫。3、新建“圖層4”圖層，在第1650幀添加“閃光動1”實(shí)例，插入相應(yīng)的關(guān)鍵幀，并創(chuàng)建傳統(tǒng)補(bǔ)間動畫，制作實(shí)例由無變清晰的動畫。4、新建“圖層5”圖層，在第1750幀添加“閃光動1”實(shí)例，多次復(fù)制實(shí)例，并分別調(diào)整實(shí)例的大小和位置，將其分布在飾品上。5、參照“飾品1動”影片剪輯元件的創(chuàng)建方法，創(chuàng)建“飾品2動”影片剪輯元件，并制作相應(yīng)的飾品和閃光動畫。6、用同樣的方法，創(chuàng)建影片剪輯元件“飾品3動” “飾品4動”，并制作相應(yīng)的飾品動畫。新建“廣告語”影片剪輯元件，在第150幀添加“合成倒影”實(shí)例。在圖層1下方新建圖層2，在第823幀添加“合成倒影”實(shí)例并創(chuàng)建傳統(tǒng)補(bǔ)間動畫，修改第23幀所對應(yīng)實(shí)例的縮放值和Alpha值。7、返回主場景，將圖層1重命名“背景”，在第240幀插入幀并添加位圖image1，在“屬性”面板中調(diào)整其位置和大小。8、新建“飾