1、-PAGE . z.小型管理系統(tǒng)設(shè)計(jì)綜合實(shí)訓(xùn)技術(shù)報(bào)告課題名稱Flash動(dòng)畫設(shè)計(jì)與制作實(shí)訓(xùn)系/專 業(yè) 班 級(jí)學(xué) 號(hào)學(xué)生*指導(dǎo)教師：2014年6月6日摘要隨著網(wǎng)絡(luò)技術(shù)的迅速開展和網(wǎng)頁、技術(shù)的日益深入，互聯(lián)網(wǎng)的世界也越來越豐富多彩。不管是游戲、廣告還是MV，絕大多數(shù)都采用了Flash 技術(shù)。本次實(shí)訓(xùn)主要是利用flash軟件做交互式電子展示系統(tǒng)的設(shè)計(jì)與開發(fā)。以下講的是我們組制作的交互式日歷。我們制作此交互式日歷為的是改變大家對(duì)傳統(tǒng)日歷的看法，現(xiàn)在電子技術(shù)十分興旺，不再僅限于實(shí)物上的日歷，因此我們將用Flash軟件來制作交互式日歷。在制作的過程中，充分發(fā)揮了組員的能動(dòng)性，每個(gè)成員分配了兩個(gè)月份，各自在F

2、lash軟件中制作元件，將原本只是平面圖的日歷，用動(dòng)畫的形式展現(xiàn)了出來，細(xì)數(shù)組員運(yùn)用了遮罩、引導(dǎo)層、輝光、百葉窗、翻頁等等效果。在最后的合成元件的時(shí)候，又參加了向后翻、向前翻、控制音樂按鈕等效果，使得我們做的作品內(nèi)容更加豐富。本交互式日歷的特點(diǎn)是：每個(gè)月份都制作了它特有的效果，結(jié)合我們的作品構(gòu)思，我們還參加了自己的照片，這是一本交互式日歷，更是一本紀(jì)念我們青春友誼的日歷！目錄TOC o 1-3 h z uHYPERLINK l _Toc2784485901.1編寫目的 PAGEREF _Toc278448590 h 6HYPERLINK l _Toc2784485911.2背景 PAGEREF

3、 _Toc278448591 h 6HYPERLINK l _Toc2784485921.3定義 PAGEREF _Toc278448592 h 6 HYPERLINK l _Toc278448593 1.4任務(wù)概述 PAGEREF _Toc278448593 h 7 HYPERLINK l _Toc278448594 小組成員 PAGEREF _Toc278448594 h 7 HYPERLINK l _Toc278448595 小組成員的分工 PAGEREF _Toc278448595 h 7 HYPERLINK l _Toc278448596 作品元件大小的規(guī)定 PAGEREF _Toc

4、278448596 h 7 HYPERLINK l _Toc278448597 1.5向前翻頁 PAGEREF _Toc278448597 h 7 HYPERLINK l _Toc278448598 向前翻頁的制作步驟 PAGEREF _Toc278448598 h 7 HYPERLINK l _Toc278448607 向前翻頁的考前須知 PAGEREF _Toc278448607 h 12 HYPERLINK l _Toc278448623 1.6向后翻頁 PAGEREF _Toc278448623 h 171.7音樂按鈕1.7.1 音樂按鈕的制作過程1.8作品效果、特效1.8.1立體字的

5、制作1.8.2遮罩的效果1.8.3引導(dǎo)層的效果1.9我們作品的特點(diǎn)、優(yōu)勢(shì)Flash動(dòng)畫設(shè)計(jì)與制作實(shí)訓(xùn)1.1編寫目的通過本次Flash的實(shí)訓(xùn)，我們按時(shí)完成了自己的作品。在結(jié)合我們制作的理念：當(dāng)下人們對(duì)生活中的日歷并不是很在意，因此我們從日歷出發(fā)，通過興旺的計(jì)算機(jī)技術(shù)來制作交互式電子日歷，打破了傳統(tǒng)的實(shí)物日歷的局限性。運(yùn)用更多的效果來豐富作品，構(gòu)造合理。為了記錄作品的來源，特此編寫。1.2背景本實(shí)訓(xùn)作品是用Flash 4軟件制作的，在以前學(xué)習(xí)Flash 4的根底上又參加了交互式功能，能夠?qū)崿F(xiàn)自動(dòng)播放和向前翻頁、向后翻頁。1.3定義Flash CS4 Professional不是目前Flash的最新

6、版本(最新版本于2008年9月發(fā)布) , 目前最新版本為Adobe Flash CS6 Professional，于2012年4月26日發(fā)布。使用全新的動(dòng)畫編輯器體驗(yàn)對(duì)關(guān)鍵幀參數(shù)的細(xì)致控制, 這些參數(shù)包括旋轉(zhuǎn)、大小、縮放、位置和濾鏡等。使用圖形顯示以全面控制輕松實(shí)現(xiàn)調(diào)整。Flash CS4 動(dòng)畫中包含矢量圖，聲音，圖片，片段，字體，文本，腳本等復(fù)雜元素，利用FLASH反編譯工具來解析FLASH，反編譯獲得FLA文件中的資源并直接應(yīng)用。借助 Adobe Media Encoder 編碼為 Adobe Flash Player 運(yùn)行時(shí)可以識(shí)別的任何格式, 其它 Adobe 視頻產(chǎn)品也提供這個(gè)工具,

7、 新Flash CS4 新增了 H.264 支持。借助發(fā)布到 Adobe AIR2運(yùn)行時(shí)的全新集成功能, 實(shí)現(xiàn)交互式桌面體驗(yàn)。面向跨更多設(shè)備 - Web、移動(dòng)和桌面的更多用戶。1.4任務(wù)概述1.4.1任務(wù)成員經(jīng)過班級(jí)討論、同學(xué)商量后，我們成立了自己的小組。我們的組員有：小組成員的分工經(jīng)過組員討論，我們確定了以下幾個(gè)內(nèi)容：確定本組的實(shí)訓(xùn)作品主題是：風(fēng)景日歷分配好各自制作的月份：a、一、二月: b、三、四月份： c、五、六月份： d、七、八月份： e、九、十月份： f、十一、十二月份：另外每個(gè)人完成各自制作的封面、交互式按鈕、最后整合，擇優(yōu)選擇作品元件大小的規(guī)定規(guī)定每個(gè)人制作的原件大?。?00*3

8、00P*1.5向前翻頁向前翻頁的步驟拖動(dòng)按鈕元件到舞臺(tái)，在第一幀按F9時(shí)間軸雙擊stop，在后一幀選中按鈕的同時(shí)點(diǎn)擊行為影片剪輯轉(zhuǎn)到幀 或標(biāo)簽并在該處播放選中root改變幀數(shù)后面以30幀為一輪，以次類推代碼如下：on(release)var id;var frameStart=30;var frameEnd=1;_parent.gotoAndStop(frameStart);_parent.onEnterFrame=function()if(_parent._currentframe=frameEnd)_parent.prevFrame();elsedelete _parent.onEnter

9、Frame;向前翻頁的考前須知1.6向后翻頁向后翻頁的步驟1、新建圖層2、從庫中把元件拖到舞臺(tái)，根據(jù)背景確定位置，按Q鍵將控制點(diǎn)拖到圖片左端中心位置右擊創(chuàng)立補(bǔ)間動(dòng)畫到第30幀30幀一個(gè)翻頁3、第30幀選中圖片變形垂直傾斜-180度4、為保證翻頁時(shí)下面不是空白在每個(gè)月份的圖層下面拖下一個(gè)月份的普通幀。使之可以控制翻轉(zhuǎn)：拖動(dòng)按鈕元件到舞臺(tái)，在第一幀按F9時(shí)間軸雙擊stop，在后一幀選中按鈕的同時(shí)點(diǎn)擊行為影片剪輯轉(zhuǎn)到幀 或標(biāo)簽并在該處播放選中root改變幀數(shù)后面以30幀為一輪，以次類推1.7音樂按鈕音樂按鈕的制作過程聲音做在影片剪輯里，選中影片剪輯的第一幀，翻開屬性，選擇音樂，再將同步那里設(shè)置為數(shù)據(jù)

10、流，然后將幀延長(zhǎng)到音樂波形完畢?；氐綀?chǎng)景后單獨(dú)新建一個(gè)圖層，再從庫中拖出聲音的影片剪輯，命名為sy(屬性實(shí)例名稱)，然后參加兩個(gè)按鈕，分別設(shè)置動(dòng)作： 播放：on(release)sy.play(); 暫停：on(release)sy.stop();1.8效果、特效立體字的制作1新建一個(gè)圖層，把這個(gè)圖層命名為背景。為背景添加填充效果。2再新建一個(gè)圖層，把這個(gè)圖層命名為文字1。選用文字工具，在場(chǎng)景中寫風(fēng)景日歷，字體顏色為白色。3再新建一個(gè)圖層，把這個(gè)圖層命名為文字2。選用文字工具，在場(chǎng)景中寫風(fēng)景日歷,字體顏色為黃色。4再新建一個(gè)圖層，把這個(gè)圖層命名為遮罩層。選用矩形工具，在文字2這個(gè)圖層中把矩形畫

11、在風(fēng)景日歷前面，然后為背景層，文字1層，文字2層，遮罩層都插入關(guān)鍵幀。5在遮罩層按鼠標(biāo)右鍵，創(chuàng)立補(bǔ)間形狀。把鼠標(biāo)放到遮罩層的最后一幀，選用任意變形工具，把矩形拉大能夠遮住文字。6在文字2層單擊鼠標(biāo)右鍵，選遮罩層。然后運(yùn)行一下，文字效果就做成了。遮罩的效果1 創(chuàng)立文件,執(zhí)行.修改.文檔.,背風(fēng)光改藍(lán)色2 用文本工具工作區(qū)輸入想要文字3 執(zhí)行插入,新建文件,添加元件, 4 單擊工具箱橢圓工具,其充色白色,線條設(shè)無色,繪畫區(qū)繪制小圓5單擊左上角場(chǎng)景按鈕,圖層上方建圖層 6圖層上單擊鼠標(biāo)右鍵,選擇遮罩層 7圖層單擊小鎖圖標(biāo),大開鎖定圖層 8執(zhí)行窗口,庫,把小圓從庫拖入文字前面 9分別建兩圖層第禎單擊鼠標(biāo)右鍵,選擇創(chuàng)立補(bǔ)間動(dòng)畫,兩層25禎處插入關(guān)鍵禎,把小球移文字面 10按下ctrl+enter看遮罩效引導(dǎo)層的效果1繪畫區(qū)畫圓 2時(shí)間軸上第禎單擊右鍵,創(chuàng)立補(bǔ)間動(dòng)畫 3第25禎安F6插入關(guān)鍵禎, 4單擊時(shí)間軸下方左起第二按鈕,圖層上訪創(chuàng)立引導(dǎo)層 5引導(dǎo)層上用鋼筆繪制條路徑 6單擊圖層第關(guān)鍵禎,選圖形拖路徑端點(diǎn) 7單