Flash動(dòng)畫課程設(shè)計(jì)

1、動(dòng)畫課程論文題 目 論文寫作規(guī)范及格式模板 院（系） 中印計(jì)算機(jī)軟件學(xué)院 專業(yè) 軟件工程 學(xué) 號 學(xué)生姓名 任課教師 時(shí) 間 中文摘要首先對動(dòng)畫的定義、用途和今后的發(fā)展進(jìn)行了深入的研究，從而介紹了制作動(dòng)畫的軟件Flash。其中包括了Flash的應(yīng)用、實(shí)際操作。并且進(jìn)行相關(guān)展示，從而在文字基礎(chǔ)上更進(jìn)一步的熟悉掌握Flash這門技術(shù)，使運(yùn)用該軟件的記憶更加深刻。最后講述了學(xué)習(xí)Flash這個(gè)軟件的心得體會(huì)。關(guān)鍵字：動(dòng)畫，F(xiàn)lash，軟件AbstractFirst of all, the definition, use and future development of animation are s

2、tudied, and the software of animation is introduced, Flash. Including the application of Flash, the actual operation. And related display, in order to further understand the text on the basis of mastering the Flash technology, so that the use of the software more profound memory. Finally about learn

3、ing Flash software experience.Key Words: Animation, Flash, software目 錄中文封面I中文摘要IIAbstractIII目 錄第1章 緒論1第2章 正文22.1 動(dòng)畫的概念22.2 動(dòng)畫的分類32.3 Flash的簡介及應(yīng)用42.4 動(dòng)畫設(shè)計(jì)的概述62.5 動(dòng)畫設(shè)計(jì)的需求描述62.6 動(dòng)畫的總體設(shè)計(jì)72.7 制作迎新動(dòng)畫82.8 結(jié)語16參考文獻(xiàn)17第1章 緒論動(dòng)畫是一種綜合藝術(shù)門類，是工業(yè)社會(huì)人類尋求精神解脫的產(chǎn)物，它集合了繪畫、漫畫、電影、數(shù)字媒體、攝影、音樂、文學(xué)等眾多藝術(shù)門類于一身的藝術(shù)表現(xiàn)形式。本論文就是為了讓大家對制作

4、動(dòng)畫的軟件Flash 有更深層次的了解，通過文字與圖片相結(jié)合，使理解更加方便快捷。第2章 正文2.1 動(dòng)畫的概念動(dòng)畫是一種綜合藝術(shù)門類，是工業(yè)社會(huì)人類尋求精神解脫的產(chǎn)物，它集合了繪畫、漫畫、電影、數(shù)字媒體、攝影、音樂、文學(xué)等眾多藝術(shù)門類于一身的藝術(shù)表現(xiàn)形式。 動(dòng)畫是一門幻想藝術(shù)，更容易直觀表現(xiàn)和抒發(fā)人們的感情，可以把現(xiàn)實(shí)不可能看到的轉(zhuǎn)為現(xiàn)實(shí)，擴(kuò)展了人類的想像力和創(chuàng)造力。廣義而言，把一些原先不活動(dòng)的東西，經(jīng)過影片的制作與放映，變成會(huì)活動(dòng)的影像，即為動(dòng)畫。 動(dòng)畫是通過把人、物的表情、動(dòng)作、變化等分段畫成許多畫幅，再用攝影機(jī)連續(xù)拍攝成一系列畫面，給視覺造成連續(xù)變化的圖畫。它的基本原理與電影、電視一樣

5、，都是視覺原理。醫(yī)學(xué)已證明，人類具有“視覺暫留”的特性，就是說人的眼睛看到一幅畫或一個(gè)物體后，在1/24秒內(nèi)不會(huì)消失。利用這一原理，在一幅畫還沒有消失前播放出下一幅畫，就會(huì)給人造成一種流暢的視覺變化效果。因此，電影采用了每秒24幅畫面的速度拍攝播放，電視采用了每秒25幅（PAL制，中國電視就用此制式）或30幅（NTSC制）畫面的速度拍攝播放。如果以每秒低于24幅畫面的速度拍攝播放，就會(huì)出現(xiàn)停頓現(xiàn)象。 定義動(dòng)畫的方法，不在于使用的材質(zhì)或創(chuàng)作的方式，而是作品是否符合動(dòng)畫的本質(zhì)。時(shí)至今日，動(dòng)畫媒體已經(jīng)包含了各種形式，但不論何種形式，它們具體有一些共同點(diǎn)：其影像是以電影膠片、錄像帶或數(shù)字信息的方式逐格

6、記錄的；另外，影像的“動(dòng)作”是被創(chuàng)造出來的幻覺，而不是原本就存在的。2.2 動(dòng)畫的分類2.2.1 形狀動(dòng)畫 在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀，F(xiàn)lash 根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。 形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐幀動(dòng)畫和動(dòng)作補(bǔ)間動(dòng)畫二者之間，使用的元素多為用鼠標(biāo)或壓感筆繪制出的形狀，如果使用圖形元件、按鈕、文字，則必先“打散”才能創(chuàng)建變形動(dòng)畫。 形狀補(bǔ)間動(dòng)畫，只要編輯首尾兩幀上的圖形，中間的形變過程由過渡幀來完成。過渡幀在幀面板上的標(biāo)志是一個(gè)向右的長箭頭。 動(dòng)作

7、動(dòng)畫 在一個(gè)關(guān)鍵幀上放置一個(gè)元件，然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等，F(xiàn)lash 根據(jù)二者之間的幀的值創(chuàng)建的動(dòng)畫被稱為動(dòng)作補(bǔ)間動(dòng)畫。 動(dòng)作補(bǔ)間動(dòng)畫，也只要編輯首尾兩幀上的對象，中間的形變過程由過渡幀來完成。跟形狀補(bǔ)間動(dòng)畫不同的是，動(dòng)作補(bǔ)間動(dòng)畫首尾兩幀上的對象，必須是元件實(shí)例，且必須是同一個(gè)元件的實(shí)例。包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等，但不能是形狀，只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動(dòng)作補(bǔ)間動(dòng)畫”。2.3 Flash的簡介及應(yīng)用2.3.1 Flash的簡介Flash是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)，由Ad

8、obe公司收購。網(wǎng)頁設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個(gè)商用的二維矢量動(dòng)畫軟件，用于設(shè)計(jì)和編輯Flash文檔。1996年11月，美國Macromedia公司收購了Future Wave，并將其改名為Flash。后又被Adobe公司收購。Flash通常也指Macromedia Flash Player(現(xiàn)Adobe Flash Player)。2012年8月15日，F(xiàn)lash退出Android平臺，正式告別移動(dòng)端。Flash是一種創(chuàng)作工具，目前最新的版本為Adobe

9、Flash CS5.5 Professional（2011年發(fā)布）。設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其他允許用戶交互的內(nèi)容。Flash可以包含簡單的動(dòng)畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于他們之間的任何內(nèi)容。通常，使用Flash創(chuàng)作的各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡單的動(dòng)畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的Flash應(yīng)用程序。Flash特別適用于創(chuàng)建通過Internet提供的內(nèi)容，因?yàn)樗奈募浅Ｐ?。Flash是通過廣泛使用矢量圖形做到這一點(diǎn)的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲空間小很多，因?yàn)樗麄兪且詳?shù)學(xué)公式而不是以

10、大型數(shù)據(jù)集來表示的。位圖圖形之所以更大，是因?yàn)閳D像中的每一個(gè)像素都需要一組單獨(dú)的數(shù)據(jù)來表示。 Flash動(dòng)畫的特點(diǎn)Flash動(dòng)畫在網(wǎng)上廣為使用，使得大眾對他好評以及熱衷的原因在于它擁有很多的獨(dú)特和便利的特點(diǎn)：（1）Flash動(dòng)畫使用矢量圖形系統(tǒng)，使用Flash創(chuàng)建的元素是用矢量來描述的。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量。（2）Flash動(dòng)畫具有流式播放技術(shù)，使得動(dòng)畫可以邊下載邊播放，即使后面的內(nèi)容還沒有下載到硬盤，用戶也可以開始欣賞動(dòng)畫。（3）Flash動(dòng)畫文件容量小，通過關(guān)鍵幀和組件技術(shù)的使用使得所生成的動(dòng)畫（.swf）文件非常小，幾K字節(jié)的動(dòng)畫文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫效

11、果，使得動(dòng)畫可以在打開網(wǎng)頁很短的時(shí)間里就得以播放。用戶只要為自己的瀏覽器安裝一次插件（Flash Plug-in），以后就可以直接觀看動(dòng)畫。（4）Flash動(dòng)畫支持MP3數(shù)據(jù)流式音頻，可以將MP3音頻壓縮格式的文件直接導(dǎo)入Flash中，將音樂、動(dòng)畫、聲效等融為一體。（5）Flash動(dòng)畫具有增強(qiáng)的Flash交互功能，即使Flash使用ActionStript語句，增強(qiáng)了對于交互事件的動(dòng)作控制，使用戶可以更精確、更容易的控制動(dòng)畫的播放。（6）Flash動(dòng)畫擁有強(qiáng)大的網(wǎng)絡(luò)傳播能力。（7）Flash動(dòng)畫擁有嶄新的視覺效果。（8）Flash動(dòng)畫制作成本低。（9）Flash動(dòng)畫在制作完成后可以把生成的文件

12、設(shè)置成帶保護(hù)的格式，從而維護(hù)了設(shè)計(jì)者的版權(quán)利益。2.3.3 Flash動(dòng)畫的應(yīng)用領(lǐng)域（1）隨著計(jì)算機(jī)的普及以及網(wǎng)絡(luò)的快速發(fā)展，網(wǎng)絡(luò)動(dòng)畫是Flash的一個(gè)重要的應(yīng)用領(lǐng)域。（2）用Flash制作游戲有很多優(yōu)勢，如成本較低、跨平臺開發(fā)、集成多種媒體形式和媒體設(shè)備、成果易于發(fā)布、DIY精神的體現(xiàn)等。（3）制作教學(xué)課件。（4）Flash電子賀卡。（5）制作廣告、游戲特效。（6）搭建Flash動(dòng)態(tài)網(wǎng)站以及網(wǎng)站導(dǎo)航條。（7）制作企業(yè)作品展示。2.4 動(dòng)畫設(shè)計(jì)的概述動(dòng)畫設(shè)計(jì)是指在平面上表現(xiàn)事物的運(yùn)動(dòng)和發(fā)展。本課設(shè)以相關(guān)動(dòng)畫理論為指導(dǎo)，以Flash 8為創(chuàng)作工具，進(jìn)行二維圖元設(shè)計(jì)與動(dòng)畫的設(shè)計(jì)與開發(fā)。具體涉及Fl

13、ash鼠繪、Flash動(dòng)畫短片制作、多媒體軟件制作等。2.4.1.平面的概念平面指沒有高低曲折的面。數(shù)學(xué)上稱最簡單的面，即在相交的兩直線上各取一動(dòng)點(diǎn)，并用直線連接起來，所有這些直線構(gòu)成一平面。2.4.2 動(dòng)畫的概念動(dòng)畫是一種綜合藝術(shù)門類，是工業(yè)社會(huì)人類尋求精神解脫的產(chǎn)物，它集合了繪畫、漫畫、電影、數(shù)字媒體、攝影、音樂、文學(xué)等眾多藝術(shù)門類于一身的藝術(shù)表現(xiàn)形式。最簡單的說，動(dòng)畫就是利用短時(shí)間內(nèi)播放連續(xù)動(dòng)作序列的畫面，藉由視覺殘留造成畫面中角色動(dòng)作的視覺假象，這點(diǎn)原理其實(shí)跟電影一樣，只不過電影是由真人的連續(xù)動(dòng)作演出，而一般動(dòng)畫片必須以手繪或手調(diào)整人偶動(dòng)作來達(dá)到同樣的效果。但是并不是任意把幾張靜止的圖

14、片連起來便可稱之為動(dòng)畫，由于是逐格地創(chuàng)造，要將膠卷不同格與格之間的動(dòng)作連貫起來、并表現(xiàn)出獨(dú)特的美感與意念，這才是此類藝術(shù)的要點(diǎn)所在。2.5動(dòng)畫設(shè)計(jì)的需求描述動(dòng)畫設(shè)計(jì)是一個(gè)綜合性行業(yè)，是民族文化傳統(tǒng)，人類文明成果和時(shí)尚之間的紐帶，動(dòng)漫又是一個(gè)青春與活力迸發(fā)的藝術(shù)，是一種傳統(tǒng)與創(chuàng)新交融的藝術(shù)，更是廣大青少年尋夢的舞臺。可以預(yù)見，在傳統(tǒng)藝術(shù)逐漸被邊緣化之時(shí)，動(dòng)漫藝術(shù)將逐步主導(dǎo)大眾文化潮流，動(dòng)漫產(chǎn)業(yè)作為21世紀(jì)知識經(jīng)濟(jì)的核心產(chǎn)業(yè)，近年來在我國獲得了迅猛發(fā)展，給動(dòng)漫教育帶來了前所未有的發(fā)展機(jī)會(huì)。2.6 動(dòng)畫總體設(shè)計(jì)2.6.1 設(shè)計(jì)的總體思想隨著上網(wǎng)人數(shù)的劇增，越來越多的商業(yè)客戶開始重視網(wǎng)絡(luò)這個(gè)宣傳、展示

15、的平臺，網(wǎng)絡(luò)廣告近些年也呈快速發(fā)展之勢。在網(wǎng)絡(luò)廣告的發(fā)展歷程中，簡單的靜態(tài)的banner廣告形式已經(jīng)不能滿足客戶的要求，因此，出現(xiàn)了Flash動(dòng)畫廣告。本課設(shè)就是一個(gè)運(yùn)用Flash軟件結(jié)合原創(chuàng)的動(dòng)畫展現(xiàn)給大家的公益廣告。把保護(hù)環(huán)境的重要性從一些小事到大事形象生動(dòng)的展現(xiàn)在你眼前，希望大家意識到公德心與環(huán)境保護(hù)是息息相關(guān)的，希望人人都樹立起公德心，共同保護(hù)我們的生活環(huán)境! 手繪圖片其他圖片Photoshop CSFlash圖片素材Flash制作工具動(dòng)畫調(diào)試動(dòng)畫完成2.6.2動(dòng)畫設(shè)計(jì)結(jié)構(gòu)圖圖2-12.7 制作迎新動(dòng)畫2.7.1 設(shè)計(jì)目的此次課程設(shè)計(jì)的目的是通過對文本、圖像的制作方法和工具的學(xué)習(xí)，使自

16、己能夠獨(dú)立的運(yùn)用相關(guān)軟件進(jìn)行圖像處理和動(dòng)畫制作，并在此次實(shí)訓(xùn)中檢驗(yàn)自己的掌握程度。運(yùn)用動(dòng)畫制作軟件Flash設(shè)計(jì)制作動(dòng)畫。目的是：做一個(gè)迎春動(dòng)畫短片，要求除開頭結(jié)尾總共20S。2.7.2 概要設(shè)計(jì)前段時(shí)間在網(wǎng)上看過一個(gè)迎新年的動(dòng)畫，大致展現(xiàn)的是主人公在給大家拜年時(shí)，祝福的話語慢慢的蹦了出來，之后與祝福相關(guān)的圖片就隨之而出，我的動(dòng)畫在制作時(shí)的靈感就來自于此。因?yàn)槲覀兇舜蔚淖髌犯履暧嘘P(guān)，所以背景的顏色主要以紅色為主，在中國人的概念里新年是一定要有燈籠和春聯(lián)還有鞭炮的，所以這些都會(huì)出現(xiàn)在我的作品里。主人公當(dāng)然是跟今年的羊年有關(guān)，就是小羊了。2.7.3 詳細(xì)設(shè)計(jì)雙擊桌面上的Flash 8,進(jìn)入后點(diǎn)擊

17、左上角的文件選擇里面的導(dǎo)入，導(dǎo)入到舞臺。把事先下載在桌面的背景圖導(dǎo)入到舞臺作為背景，并把圖層1改名為背景，把圖片放在背景的第一幀里。因?yàn)楸尘耙恢痹趧?dòng)畫中所以在300多幀的地方選中幀點(diǎn)擊右鍵插入幀。做好背景后我們，我們就把事先從網(wǎng)上下載的燈籠和春聯(lián)放在背景上接下來我們就可以做開場的帷幕了。在背景圖層的上方新建一個(gè)圖層，選擇該圖層的第一幀，使用“矩形工具”直接在舞臺中繪制一個(gè)筆觸顏色為“取消”，填充顏色為“黑色”的大矩形，其大小是舞臺的一半，且將該矩形放置于舞臺左半部分，矩形的左邊與舞臺背景的左邊緣對齊。選擇該圖層的第38幀，按F6，插入關(guān)鍵幀。選擇該幀的矩形，使用“任意變形工具”，橫向縮小矩形

18、，即調(diào)小矩形的寬度。注意，不要調(diào)整矩形的高度，縮小后的矩形與舞臺的左邊緣對齊。選擇該圖層的第一幀，鼠標(biāo)右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”，此時(shí)在“時(shí)間軸”面板中的第一幀到第三十八幀之間出現(xiàn)一個(gè)箭頭，且時(shí)間軸的底紋顏色改變?yōu)椤熬G色”。在該圖層的上方新建一個(gè)圖層，選擇該圖層的第一幀，使用“矩形工具”直接在舞臺中繪制一個(gè)筆觸顏色為“取消”，填充顏色為“黑色”的大矩形，其大小是舞臺的一半，且將該矩形放置于舞臺右半部分，矩形的右邊與舞臺背景的右邊緣對齊。其余的重復(fù)與左邊相同步驟即可。制作完成后如下圖所示：接下來我們就要做會(huì)旋轉(zhuǎn)飛動(dòng)的“新年快樂”。在剛才做好的帷幕圖層上新建一個(gè)圖層，命名為“文字

19、”，在該圖層的第一幀，使用“文字工具”在舞臺中輸入文字“新年快樂”的字樣。打開“屬性”面板，將文本方向設(shè)置為“垂直，從左到右”，字體為“隸書”，字號為“30”，靜態(tài)文本，顏色為“黑色”，選中該文本，按一次Ctrl+B組合鍵，將文字分離一次。用選擇工具全選中這四個(gè)字，右鍵單擊，在出現(xiàn)的菜單中選擇“分散到圖層”，執(zhí)行該菜單操作后，則四個(gè)字被分散到了四個(gè)圖層中。選中文字圖層“新”的第40幀和50幀，分別插入關(guān)鍵幀。然后選擇第50幀，用鼠標(biāo)將“新”字向右平移，選擇圖層“月”的第40幀，鼠標(biāo)右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。選擇該圖層50幀，打開“屬性”面板，設(shè)置“補(bǔ)間”欄中的“旋轉(zhuǎn)”為“順時(shí)針，1次”。選擇

20、該圖層的100幀，鼠標(biāo)右擊，選擇“插入幀”。選擇圖層“年”的第50幀和第60幀，插入關(guān)鍵幀。選擇第60幀，在該幀將“年”字平移到“新”字的右邊，且與圖層“新”第40幀的“新”字平行。選擇“年”的第50幀，鼠標(biāo)右擊，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。選擇圖層“年”的第50幀，打開“屬性”面板，設(shè)置“補(bǔ)間”欄中的“旋轉(zhuǎn)”為“順時(shí)針，1次”。選擇該圖層的105幀，鼠標(biāo)右擊，選擇“插入幀”。模仿這幾步驟選擇圖層“快”、“樂”，對這兩個(gè)圖層中的兩個(gè)文字分別在第60至70幀、70至80幀之間設(shè)置相同的傳統(tǒng)補(bǔ)間動(dòng)畫效果，并且在這兩個(gè)圖層的第105幀處均插入幀。接下來開始畫小羊，點(diǎn)擊“插入”選擇“新建元件”，選擇圖形后在元件里粘貼從網(wǎng)上下載好的小羊圖片，開始用鉛筆工具繪畫小羊，筆觸選擇“4.25”。返回場景中，新建一個(gè)圖層，命名為“小羊”。選中該圖層的80幀鼠標(biāo)右擊“插入關(guān)鍵幀”把小羊從庫中拉入舞臺背景圖片的右下方，使其一半在舞臺中一半在舞臺外，分別再在95幀、105幀、115幀處插入關(guān)鍵幀。然后依次在這些幀里移動(dòng)小羊的位置使其慢慢走入舞臺中央，到115幀時(shí)剛好到達(dá)。做好后，選擇80幀，鼠標(biāo)右鍵“創(chuàng)建動(dòng)畫補(bǔ)間”，會(huì)出現(xiàn)如下圖形。接下來我們就開始做祝福的話語。在“小羊”圖層上新建一個(gè)