【正文】 第 1 幀、第 10幀（插入空白關(guān)鍵幀）、第 20幀（插入空白關(guān)鍵幀）第 21幀（插入關(guān)鍵幀）、第 28幀（插入關(guān)鍵幀）、第 33幀（插入關(guān)鍵幀）、第 40幀（插入空白關(guān)鍵幀），第 55幀延長幀。 第 40幀插入空白關(guān)鍵幀，用矩形工具，筆觸無，畫一矩形，筆觸無，填充顏色隨意，畫一正方矩 形大小 258*462，把矩形右下角移到“頁 1”頁上左下角壓在豎標(biāo)尺與橫標(biāo)尺之間，用黑剪頭選擇工具放在矩形的右上角上，待鼠標(biāo)出現(xiàn)小三角符號時，調(diào)整矩形。或用直線工具劃線刪除。如圖 20： 第 20幀插入空白關(guān)鍵幀，用矩形工具，筆觸無，畫一矩形，筆觸無，填充顏色隨 意，畫一正方矩形大小 300*240， X值為 50， Y值為 145。用線條工具斜角對斜角畫一直線刪除下半部并刪除直線。也可用黑剪頭選擇工具放在矩形右下角，待鼠標(biāo)出現(xiàn)小三角符號時向上推。如圖 18： 圖 15 第 1幀 圖 16 第 10幀 圖 17 第 20幀 圖 18 第 40幀 6 遮罩 2圖層打開標(biāo)尺，在“頁”的底部和“頁”的左面各拖一標(biāo)尺線，第 1幀用矩形工具，筆觸無，畫一矩 形，筆觸無，填充顏色隨意，畫一正方矩形大小 16*16。如圖 14： 圖 11 第 1幀 圖 12 第 10幀 圖 13 第 20幀 圖 14 第 28幀 6 首頁圖層第一幀將庫中“首頁”影片剪輯元件拖入， X值為 225， Y 值為 135，打開變形工具把“首頁”影片剪輯元件的注冊點移到頁的右下角，“首頁”影片剪輯元件的左下角與“封面”影片剪輯元件的右下角交叉擺放，如圖 15，第 40幀插入關(guān)鍵幀，第10幀移動“首頁”影片剪輯元件右下角與“封面”影片剪輯元件的左下角對齊，如圖 16。 第 28幀處用變形工具把遮片調(diào)成寬 ， X值為 0， Y值為 ，再用線條工具畫二條斜線。如圖 11： 第 10幀、第 20幀、第 28幀插入關(guān)鍵幀，在第 10幀處用線條工具劃一斜線后去掉右下部分及線條，如圖 12。第 28幀延長幀，第 29幀插入空白關(guān)鍵幀，圖層上鎖。第 28幀延長幀，第 29幀插入空白關(guān)鍵幀，圖層上鎖。打開顏色面板，中間添加一個色碼：從左至右的色碼依次為： 010101,Alpha 值為 0， F9F9F9， Alpha 值為 25，000000， Alpha 值為 0，矩形大小設(shè)為寬 240，高 320， X值為 0， Y值為 150。如圖 9： 圖 9 “翻封面”影片剪輯的圖層 6 頁 1圖層第 1幀將庫中“頁 1”影片剪輯元件拖入，左對齊、垂直中齊， X值： 0； Y 值：150，延長至 55幀 ，上鎖。 制作“翻封面”影片剪輯元件。5 圖案圖層中將文字和圖片刪除 ，將庫中準(zhǔn)備好的位圖拖入全居中，并在圖片下方寫上“ 1”的頁碼，顏色 999900。最后效果如圖 7： 安陽師范學(xué)院 第 5 頁 圖 7 封底 制作“頁 1” 影片剪輯元件，將庫中“首頁”直接復(fù)制改名為“頁 1” 。 20幀插入關(guān)鍵幀，第一幀矩形放在字的左邊， 20幀放在字的右邊，回到第 1幀創(chuàng)建形狀補間，所有圖層延長到 20幀。 4 遮罩文字第 1幀用文本工具寫上謝謝觀賞，字體顏色 999900。如圖 6： 圖 6 “封底”影片剪輯的圖層 4 文字第一幀寫上謝謝觀賞和自己的名字。如圖 5： 圖 5 首頁 制作“封底” 影片剪輯元件，將庫中“首頁”直接復(fù)制改名為“封底” 。 安陽師范學(xué)院 第 4 頁 2 動畫圖層第 1 幀將庫中準(zhǔn)備好的荷花動畫拖入，放在右下角的位置后，調(diào)整大小，如圖 4： 圖 4 封面 制作“首頁” 影片剪輯元件，將庫中“封面”直接復(fù)制改名為“首頁” 3 雙擊進入“首頁”編輯場面，自下至上分別是： 背景色、邊線、花邊、字 4 個圖層，刪除動畫圖層。 2 字圖層第 1 幀用文本工具寫上“花之韻”字體：楷體 _GB2312，大小 35。如圖 2： 圖 2 “封面”影片剪輯的圖層 2 背景色第 1 幀用矩形工具，無筆觸，畫一矩形： 240*320，顏色： 333300，全居中。 制作“頁”影片剪輯元件 2制作“封面” 影片剪輯元件，插入新建元件影片剪輯名為“封面”。 1荷花的動畫。 制作流程 素材準(zhǔn)備： 1準(zhǔn)備 20 張圖片，用 PS處理成： 200*150 像素。 技術(shù)類型 “翻書效果”的 flash 動畫主要運用影片剪輯的動畫效果、圖形的形狀動畫效果，以及遮罩圖層效果。 注意事項 “按鈕效果”的 flash 動畫主要是用按鈕及按鈕上的代碼來控制圖片的播放，即點擊小圖片，便可播放該圖片，因此，動畫幀數(shù)的設(shè)置及按鈕代碼的編寫非常重要，只有正確制作才能實現(xiàn)相應(yīng)的效果。 } on(press){ gotoAndPlay(121)。 } on(press){ gotoAndPlay(81)。 } on(press){ gotoAndPlay(41)。 3打開“按鈕 1”的動作面板，輸入語句： on(press){ gotoAndPlay(1)。 3代碼圖層第 20 幀、第 40 幀、第 60 幀、第 80 幀、第 100 幀、第 120 幀、第 140 幀處，打開動作面板，均寫入語句： stop()。上鎖。 3“圖片 2”圖層第 1幀將“元件 2”拖入，并將其縮小旋轉(zhuǎn)，置于舞臺左側(cè)。第 20 幀處插入關(guān)鍵幀，將“元件 1”放大到正好鋪滿舞臺，創(chuàng)建補間動畫。 3圖層自下而上是：圖片 圖片 圖片 圖片 圖片 圖片 圖片 代碼、按鈕、音樂 10個圖層。 2新建影片剪輯，分別命名為“元件 2” 、“元件 3” 、“元件 4” 、“元件 5” 、“元件 6” 、“元件 7” ，并做與影片剪輯“元件 1”相同的步驟。 制作流程 素材準(zhǔn)備：準(zhǔn)備 7張圖片，用 PS 處理成： 550*400 像素。這種圖片展示效果使人能夠控制圖片的展示過程。 2 “按鈕效果”的 flash 動畫 設(shè)計思路 “按鈕效果”的 flash 動畫實現(xiàn)的主要功能是：點擊畫面左邊分散不等的小圖片，即可播放該圖片。位圖圖形之所以更大，是因為圖像中的每個像素都需要一組單獨的數(shù)據(jù)來表示。 Flash 是通過廣泛使用矢量圖形做到這一點的。本文將主要從設(shè)計思路、技術(shù)類型、制作流程、注意事項四個方面分別分析每種動畫效果。 簽名： 導(dǎo)師簽名： 日期： 安陽師范學(xué)院 第 1 頁 基于 FLASH 動畫的圖片展示系統(tǒng)設(shè)計與開發(fā) 摘要： 筆者以介紹五種典型的圖片展示系統(tǒng)及應(yīng)注意的地方來說明 flash 動畫在圖片展示方面的實際效用。所有合作者對本研究所做的任何貢獻均已在論文中作了明確的說明并表示了謝意。安陽師范學(xué)院 基于 FLASH 動畫的圖片展示系統(tǒng)設(shè)計與開發(fā) 作 者 姓 名 系（院） 教育信息技術(shù)與傳媒學(xué)院 專 業(yè) 教育技術(shù)學(xué)（軟件方向） 年 級 X 級 學(xué) 號 學(xué) 號 指導(dǎo)教師 老 師 日 期 X 年 X 月 X 日 安陽師范學(xué)院 學(xué)生誠信承諾書 本人鄭重承諾：所呈交的論文是我個人在導(dǎo)師指導(dǎo)下進行的研究工作及取得的研究成果。盡我所知，除了文中特別 加以標(biāo)注和致謝的地方外，論文中不包含其他人已經(jīng)發(fā)表或撰寫的研究成果，也不包含為獲得安陽師范學(xué)院或其他教育機構(gòu)的學(xué)位或證書所使用過的材料。 簽名： 日期： 論文使用授權(quán)說明 本人完全了解安陽師范學(xué)院有關(guān)保留、使用學(xué)位論文的規(guī)定，即：學(xué)校有權(quán)保留送交論文的復(fù)印件，允許論文被查閱和借閱；學(xué)校可以公布論文的全部或部分內(nèi)容，可以采用影印、縮印或其他復(fù)制手段保存論文。這五種 flash 動畫分別是“按鈕效果”、“翻書效果”、“電子相冊效果”、“模糊效果”、“緩沖放大與縮小效果”。 關(guān)鍵詞： 圖片展示； flash 動畫；設(shè)計思路；技術(shù)類型；制作流程；注意事項 1 引言 目前的圖片展示系統(tǒng)隨處可見，大到一個個的網(wǎng)站設(shè)計，小到一個個的圖標(biāo)展現(xiàn)，都可以看到圖片展示的藝術(shù)與技巧，每種方法都有自己的優(yōu)點， Flash 是特別適用于創(chuàng)建通過 Inter 提供的內(nèi)容，因為它的文件非常小。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲空間小很多，因為它們是以數(shù)學(xué)公式而不是大型數(shù)據(jù)集來表示的。 FLASH 是一款很好的制作動畫的軟件， FLASH 可以制作豐富 多彩的矢量動畫，并且用它可以將音樂、聲效、動畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的動畫效果，由它制作出的作品，圖文并茂、聲色俱全，并可以根據(jù)自己的特點進行編輯，可以制作出具有個人特點的動畫。這樣左邊分散不等的小圖片就像一個按鈕一樣，點擊即可得到觸發(fā)的事件。 技術(shù)類型 “按鈕效果”的 flash 動畫主要運用影片剪輯的動畫效果，點擊類似按鈕功能的小圖片連接圖片實現(xiàn)播放，同時，小圖片上應(yīng)寫上相應(yīng)的觸發(fā)代碼，實現(xiàn)圖片被按鈕控制的展示效果。 制作影片剪輯： 2新建影片剪輯，命名為“元件 1”，第一幀處將準(zhǔn)備好的“圖片 1”拖入，上鎖。 編輯場景 3進 入場景，在舞臺點擊右鍵，選擇“文檔屬性” ，背景顏色為： 000000。如圖 1： 安陽師范學(xué)院 第 2 頁 圖 1 “按鈕效果” flash動畫的圖層 3“圖片 1”圖層第 1幀將“元件 1”拖入，并將其縮小旋轉(zhuǎn)，置于舞臺左側(cè)。上鎖。第 20 幀處插入幀，第 40 幀處插入關(guān)鍵幀，將“元件 2”放大到正好鋪滿舞臺，創(chuàng)建補間動畫。 3“圖片 3” 、“圖片 4” 、“圖片 5” 、“圖片 6” 、“圖片 7”依次往后推 20 幀，創(chuàng)建動畫。 3將圖層“圖片 1” 、“圖片 2” 、“圖片 3” 、“圖片 4” 、“圖片 5” 、“圖片 6” 、“圖片 7”的第 1 幀復(fù)制，均粘貼到“按鈕”圖層的第 1 幀處，并調(diào)整位置使其與原來的位置重疊，并點擊右鍵“轉(zhuǎn)換為元件”，將其轉(zhuǎn)換為按鈕 元件，并分別命名為“按鈕 1” 、“按鈕 2” 、“按鈕 3” 、“按鈕 4” 、“按鈕 5” 、“按鈕 6” 、“按鈕 7” 。 } 依次類推，打開“按鈕 2” 、“按鈕 3” 、“按鈕 4” 、“按鈕 5” 、“按鈕 6” 、“按鈕 7”的動作面板，分別輸入語句： on(press){ gotoAndPlay(21)。 } on(press){ gotoAndPlay(61)。 } on(press){ gotoAndPlay(101)。 } 安陽師范學(xué)院 第 3 頁 3音樂圖層，延長至 140 幀，將庫中準(zhǔn)備好的音樂拖入舞臺，上鎖。 3 “翻書效果”的 flash 動畫 設(shè)計思路 “翻書效果”的 flash 動畫實現(xiàn)的主要功能是：點擊播放按鈕，即可像翻書一樣一張張的觀看圖片，實現(xiàn)一種別樣的圖片展示效果。同時，在場景中圖層上寫上相應(yīng)的代碼。 1準(zhǔn)備 1 張背景圖片， PS處理成： 600*450 像素。 1新建位 圖文件夾，將位圖全部導(dǎo)入。 2新建五個圖層，自下至上分別是：背景色、邊線、花邊、字、動畫 5 個圖層。 2 新建花邊圖案影片剪輯，圖層第 1 幀畫花邊圖案，顏色： 666600，復(fù)制多枚排列如圖 3： 圖 3 花邊 2 邊線圖層第 1幀用矩形工具，筆觸設(shè)為： 1，顏色為 ： 000000，填充色關(guān)閉，畫一矩形，選中右邊線和下邊線顏色換成 999900，選中全部邊線轉(zhuǎn)為圖片元件名為“頁線” 。顏色 996600。 3 打 開字圖層，寫上字。 4 雙擊進入“封底”編輯場面，自下至上分別是：背景色、邊線、花邊、文字、遮罩圖片、遮罩文字 6個圖層。字體顏色 999900，適當(dāng)