Flash電子相冊畢業(yè)論文.doc

商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 商商丘丘職職業(yè)業(yè)技技術術學學院院 畢畢 業(yè)業(yè) 設設 計計 F Fl la as sh h 電電子子相相冊冊 學生姓名 院 系 計算機系 專 業(yè) 計算機應用 學 號 輔導教師 提交日期 2012 年 3 月 12 日 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 摘摘 要要 FLASH 是美國 MACROMEDIA 公司推出的優(yōu)秀軟件 它是一種交互式動畫設計 工具 如今 FLASH 作為網絡動畫的創(chuàng)作軟件 已經越來越多地深入到傳媒的各 個領域 包括廣告 影視 動漫 游戲 網頁 課件 演示產品宣傳等 FLASH 作為一個矢量動畫的制作軟件 其用途和功能已經超越了普通動畫制作軟件的 標準 正在向一個交互平臺的方向前進 在全球范圍內 它已經成為網絡多媒 體的代名詞 這些都說明 FLASH 軟件的真正用途 那就是交互多媒體 它有著 信息傳遞效率高 受眾接受度高 宣傳效果好的顯著優(yōu)勢 本次畢業(yè)設計以 FLASH 軟件作為主要的動畫制作工具 并用 ACDSEE 軟件進 行圖片格式的轉化和大小的壓縮 完成了電子相冊的制作 本論文主要介紹了電子相冊的設計過程和實現方法 最后 在論文的結尾 部分 對動畫設計過程中出現的問題作了深入的思考和總結 并向在本次制作 畢業(yè)設計過程中為我提供幫助的老師和同學表示感謝 關鍵詞 flash 動畫 電子相冊 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 Abstract FLASH is the United States of America MACROMEDIA company introduced the excellent software It is an interactive animation design tools Now FLASH as the web animation creation software has been more and more depth to the media in various fields including advertising film animation games webpage courseware demo product promotion FLASH as a vector animation software its uses and functions have been beyond the ordinary animation software standard is to an interactive platform direction in the global scope it has become synonymous with multimedia network these are examples of FLASH software real purpose that is the interactive multimedia it has the information transmission efficiency is high the audience acceptance publicity advantage The graduation design with FLASH software as the main animation tool and use ACDSEE software for image format transformation and the size of the compressed completed the electronic album production This paper mainly introduces the electronic album design process and implementation method Finally in the last part the animation design process problems made a thorough thinking and summing up and to the production of graduation design process for me to help the teachers and students to express thanks Keyword flash Animation Electronic album 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 目錄目錄 第一章 引言 1 第二章 電子相冊的概述 2 2 1 電子相冊簡介 2 2 2 電子相冊制作過程 2 2 3 電子相冊的優(yōu)點 2 第三章 Flash 概述 3 3 1 Flash 簡介 3 3 2 Flash 技術特點 3 3 3 Flash MX 2004 的開發(fā)環(huán)境 4 第四章 電子相冊設計 5 4 1 總體設計結構 5 4 2 具體制作過程 5 4 2 1 素材準備 6 4 2 2 單元元件制作 6 4 2 3 準備畫廊圖像 11 4 2 4 編輯代碼 11 結 論 15 參考文獻 16 致 謝 17 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 1 第一章第一章 引言引言 今天數碼相機開始普及 越來越多的人喜歡用拍照這種方式來記錄生活 過去照片都沖洗出來制作成厚厚的影集供人們追憶美好時光 在計算機普及和 計算機技術飛速發(fā)展的今天這種方式正在發(fā)生徹底的改變 人們有了更好的選 擇 制作電子相冊 針對人們的這種需求出現了各種電子相冊制作軟件 我 利用 FLASH 軟件制作了這個翻頁相冊 在本文中我將介紹關于電子相冊和 FLASH 的相關內容 并詳細介紹翻頁電子相冊的制作過程 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 2 第二章第二章 電子相冊的概述電子相冊的概述 2 12 1 電子相冊簡介電子相冊簡介 電子相冊是指可以在電腦上觀賞的區(qū)別于 CD VCD 的靜止圖片的特殊文檔 其內容不局限于攝影照片 也可以包括各種藝術創(chuàng)作圖片 電子相冊具有傳統(tǒng) 相冊無法比擬的優(yōu)越性 圖 文 聲 像并茂的表現手法 隨意修改編輯的功 能 快速的檢索方式 永不褪色的恒久保存特性 以及廉價復制分發(fā)的優(yōu)越手 段 2 22 2 電子相冊制作過程電子相冊制作過程 制作電子相冊首先要獲得數字化的圖片 即圖片文件 用數字相機拍攝 可以直接得到電子圖片文件 也可以使用普通相機拍攝 通過掃描儀得到圖片 文件 如果是游戲畫面或 VCD DVD 畫面 可采用屏幕拷貝或功能更強的截屏工 具獲得圖片 其次要對圖片進行加工處理 專業(yè)人士可以使用專業(yè)級的軟件 PHOTOSHOP 想要操作簡單快速 高畫質也可以使用國內第一圖像處理軟件彩影 實現更加精美的相冊制作 最后使用電子相冊制作軟件將處理后的圖片制作成電子相冊 2 32 3 電子相冊的優(yōu)點電子相冊的優(yōu)點 欣賞方便 傳統(tǒng)的相冊在多人欣賞時只好輪流進行 而電子相冊可以很 多人同時欣賞 交互性強 可以象 VCD 點歌一樣 將相冊做成不同的標題 比如說 1 我的童年 2 我的大學生活 這樣可以在遙控器上按下 1 鍵就播放你童年 的照片 2 鍵播放你大學時代的照片 根據你的照片具體內容可以細分 比 如說增加 我的朋友 大約在冬季 等等 儲存量大 一張 VCD 光盤可儲存幾百張照片 永久保存 CD R 光盤可以金碟為存儲介質 壽命長達上百年 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 3 欣賞性強 以高科技專業(yè)視頻處理技術處理照片 并配上優(yōu)美的音樂 可以得到雙重的享受 歡歌笑語 歲月如歌 盡在一張薄而亮麗的視頻光碟中 永久保存 輕巧方便 時尚新潮 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 4 第三章第三章 FlashFlash 概述概述 3 13 1 FlashFlash 簡介簡介 FLASH 的前身是 FUTURE WAVE 公司的 FUTURE SPLASH 是世界上第一個商用 的二維矢量動畫軟件 用于設計和編輯 FLASH 文檔 1996 年 11 月 美國 MACROMEDIA 公司收購了 FUTURE WAVE 并將其改名為 FLASH 在出到 FLASH 8 以后 MACROMEDIA 又被 ADOBE 公司收購 最新版本為 ADOBE FLASH CS5 FLASH 是一種創(chuàng)作工具 設計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿 應用程序和其它允許用戶交互的內容 FLASH 可以包含簡單的動畫 視頻內容 復雜演示文稿和應用程序以及介于它們之間的任何內容 通常 使用 FLASH 創(chuàng) 作的各個內容單元稱為應用程序 即使它們可能只是很簡單的動畫 您也可以 通過添加圖片 聲音 視頻和特殊效果 構建包含豐富媒體的 FLASH 應用程序 FLASH 特別適用于創(chuàng)建通過 INTERNET 提供的內容 因為它的文件非常小 FLASH 是通過廣泛使用矢量圖形做到這一點的 與位圖圖形相比 矢量圖形需 要的內存和存儲空間小很多 因為它們是以數學公式而不是大型數據集來表示 的 位圖圖形之所以更大 是因為圖像中的每個像素都需要一組單獨的數據來 表示 3 23 2 FlashFlash 技術特點技術特點 1 使用矢量圖形和流式播放技術 與位圖圖形不同的是 矢量圖形可以任 意縮放尺寸而不影響圖形的質量 流式播放技術使得動畫可以邊播放邊下載 從而緩解了網頁瀏覽者焦急等待的情緒 2 通過使用關鍵幀和圖符使得所生成的動畫 SWF 文件非常小 幾 K 字節(jié) 的動畫文件已經可以實現許多令人心動的動畫效果 用在網頁設計上不僅可以 使網頁更加生動 而且小巧玲瓏下載迅速 使得動畫可以在打開網頁很短的時 間里就得以播放 3 把音樂 動畫 聲效 交互方式融合在一起 并且創(chuàng)作出了許多令人嘆 為觀止的動畫 電影 效果 而且在 FLASH4 0 的版本中已經可以支持 MP3 的音樂 格式 這使得加入音樂的動畫文件也能保持小巧的 身材 4 強大的動畫編輯功能使得設計者可以隨心所欲地設計出高品質的動畫 通過 ACTION 和 FS COMMAND 可以實現交互性 使 FLASH 具有更大的設計自由度 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 5 3 33 3 FlashFlash MXMX 20042004 的開發(fā)環(huán)境的開發(fā)環(huán)境 1 正確安裝 FLASH MX 2004 后 FLASH MX 2004 軟件就會在 WINDOWS 的開 始菜單中 用鼠標單擊 開始 程序 MACROMEDIA MACROMEDIA FLASH MX 2004 就會啟動 FLASH MX 2004 中文版 2 啟動 FLASH MX 2004 中文版后 彈出一個讓用戶選擇 打開最近項目 創(chuàng)建新項目 從模版創(chuàng)建 的窗口 選取 創(chuàng)建新項目 單擊 FLASH 文 檔 按鈕 進入了 FLASH MX 2004 中文版集成開發(fā)環(huán)境 3 在 FLASH 菜單欄共有 10 個菜單項 分別是文件 編輯 視圖 插入 修改 文本 命令 控制 窗口 幫助 4 FLASH 的集成開發(fā)環(huán)境中的 工具 面板有選擇工具 部分選取工具 線條工具 套索工具等美化工具 默認的情況下 FLASH 將自動打開標準工具 為方便用戶操作需要 FLASH 將常用的工具集中放在工具箱中 如果用戶沒有 看到工具的話可以打開 方法 選擇菜單 窗口 工具 將工具的勾選上 或直接按 CTRL F2 調出工具 5 FLASH 中的動作是輸入程序代碼和程序調試的地方 在其左邊有可以調 用的函數 只要雙擊你要調用的函數 函數將會出現在動作編輯區(qū) 動作的快 捷鍵是 F9 6 FLASH 中進行動畫內容編輯的整個區(qū)域叫做場景 場景中進行圖像的繪 制和編輯工作的白色區(qū)域是舞臺 舞臺之外灰色區(qū)域是工作區(qū) 7 FLASH 的 時間軸 就是用來組織和控制文檔內容在一定時間內播放的 層數和幀數 其主要的組件是層 幀和播放頭 還包含一些信息指示器 幀是 進行動畫創(chuàng)作的基本時間單元 8 FLASH 中還有很多面板 例如 顏色 面板 對齊 面板 庫 面板 等 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 6 第四章第四章 電子相冊設計電子相冊設計 本章正式進入用 FLASH MX 2004 制作翻頁電子相冊的具體實施過程 在本 例中將完成一個通過鼠標點擊逐頁瀏覽的包含八頁 包括封面和封底 的電子 相冊 4 14 1 總體設計結構總體設計結構 圖 4 1 相冊設計結構圖 4 24 2 具體制作過程具體制作過程 細節(jié)加工 添加腳本 元件組裝 單頁元件制作 素材準備 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 7 4 2 14 2 1 素材準備素材準備 素材準備是相冊設計的準備階段 把要制作成相冊的照片和將要是用的素 材收集整理放到一個文件夾中待用 也包括素材的預處理 也就是照片的美化 和圖像大小的調整 可以使用美圖秀秀 光影魔術手等美圖工具完成圖片的預 處理 也可使用專業(yè)的圖像合成軟件 PHOTOSHOP 來處理素材 在本例中 使用 PHOTOSHOP 對素材照片進行處理 簡要介紹處理方法如下 1 自動色階 2 飽和度調節(jié) 3 色彩平衡調節(jié) 4 復制圖層 5 使用高反差保 留濾鏡 6 圖層混合模式 柔光 此外 還使用 PHOTOSHOP 制作了封面圖片 4 2 24 2 2 單元元件制作單元元件制作 1 設置文檔屬性并添加素材 添加圖像邊框及按鈕 1 新建一個文件 打開 文檔屬性 對話框 設置文檔大小為 700PX 500PX 單擊 確定 按鈕 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 8 2 執(zhí)行菜單 文件 導入 導入到舞臺 命令 在彈出的 導入 對話框中選擇文件 背景 單擊 確定 按鈕 3 置入的圖像文件同文檔大小一致 在 屬性 面板中設置 X 軸和 Y 軸坐 標都為 0 將圖像和文檔對齊 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 9 4 在 時間軸 面板中新建圖層 命名為 PIC 5 執(zhí)行菜單 文件 導入 導入到舞臺 命令 將圖像文件 蘭博基尼 JPG 導入 在場景中將圖像移動到合適的位置 在工具箱中選擇 矩形工具 設置矩形邊框顏色為 灰色 填充色為 無 在圖像周圍劃一 個邊線 6 新建圖層 命名為 BUTTON 在工具箱中選擇 橢圓工具 繪制一 個橢圓 然后使 箭頭工具 雙擊繪制的圓 在 屬性 面板中設置圓的邊線 為 4 5PX 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 10 7 執(zhí)行菜單 修改 轉換為元件 命令 選擇 按鈕 單擊確定 雙擊按鈕元件 進入元件內部 然后新建圖層 8 選擇 多邊形工具 在屬性面板中單擊 選擇 按鈕 從彈出的 工具設置 中設置 邊數 為 3 單擊 確定 按鈕 9 按住 SHIFT 鍵 在新建的圖層上繪制一個三角形 選擇邊線 將邊線 刪除 并將圖形移到圓形中央 選中三角形 設置填充色為 深灰色 選中 圖層 1 中的第 2 幀 插入一幀 選擇 圖層 2 插入一個關鍵幀 設置三角 形顏色為 白色 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 11 10 回到主場景中 打開 庫 面板 從面板中拖動一個按鈕至圖片左 下方 選擇拖動至場景的按鈕元件 執(zhí)行菜單 修改 變形 水平翻 轉 命令 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 12 11 新建圖層 設置圖層名稱為 TEXT 選擇工具箱中的 文字工具 輸入標題文本 PHOTO GALLERY 選中文字 設置文字字體 大小和顏色等屬 性 4 2 34 2 3 準備畫廊圖像準備畫廊圖像 1 將文件保存 在文件保存同一目錄中創(chuàng)建一個子文件夾 命名為 我的 收藏 準備一些圖片放入該文件夾中 2 使用 PHOTOSHOP 圖像處理軟件 修改圖片的大小為 488 400 同時設置 圖像的名稱為遞增樣式 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 13 4 2 44 2 4 編輯代碼編輯代碼 1 回到文檔場景中 選中圖像 在 屬性 面板中可以知道圖像所在的坐 標位置 將該數值記下來 2 按 DELETE 鍵 將選中的圖像刪除 在 時間軸 面板中新建圖層 命名 ACTION 3 選中該圖層的第 1 幀 按 F9 鍵 打開 動作 面板 在右邊的文本框中 輸入對應的代碼 ROOT CREATEEMPTYMOVIECLIP SLIDE 1 創(chuàng)建空影片剪輯 SETPROPERTY SLIDE X 28 設置 MC 的 X 坐標 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 14 SETPROPERTY SLIDE Y 26 設置 MC 的 X 坐標 4 在場景中選擇向右的按鈕元件 按 F9 鍵 打開 動作 面板 在右邊的 文本框中輸入對應的代碼 ON RELEASE I 設置 I 的值不斷遞增 NUM 設置 NUM 的值不斷遞增 IF NUM 15 NUM 1 NUM 的值不斷遞增直到滿足結束條件 NUM 大于等于 15 時 NUM 等于 1 ROOT SLIDE CREATEEMPTYMOVIECLIP NEW MC I I 在名為 SLIDE 的影片剪輯中創(chuàng)建一個名為 NEM MC 的新的子級影片剪 輯 ROOT SLIDE NEW MC I LOADMOVIE 我的收藏 PIC NUM JPG 在影片剪輯中載入圖片 5 在場景中選擇向左的按鈕元件 按 F9 鍵 打開 動作 面板 在右邊的 文本框中輸入對應的代碼 ON RELEASE I 設置 I 的值不斷遞增 商 丘 職 業(yè) 技 術 學 院 計 算 機 畢 業(yè) 論 文 15 NUM 設置 NUM 的值不斷遞減 IF NUM 0 NUM 14 NUM 的值不斷遞增直到滿足結束條件 NUM 小于等于 0 時 NUM 等于 14 ROOT SLIDE CREATEEMPTYMOVIECLIP NEW MC I I 在名為 SLIDE 的影片剪輯中創(chuàng)建一個名為 NEM MC 的