畢業(yè)設(shè)計(jì)----flash電子相冊設(shè)計(jì)

1、<p><b>　　摘　　要</b></p><p>　　隨著計(jì)算機(jī)科學(xué)的發(fā)展和計(jì)算機(jī)的普及，計(jì)算機(jī)已經(jīng)和人們的日常生活密切聯(lián)系在一起。現(xiàn)如今很少有人在抱著厚厚的影集來追憶過去的美好時光，取而代之的是電子相冊。本文首先介紹電子相冊和電子相冊制作工具flash, 然后通過電子相冊設(shè)計(jì)實(shí)例詳細(xì)介紹翻頁電子相冊的設(shè)計(jì)開發(fā)。</p><p>　　關(guān)鍵詞：flash

2、 電子相冊</p><p><b>　　ABSTRACT</b></p><p>　　With the development of computer science and the popularization of computer, computer has closely related with people’s daily life. Now people

3、 no longer hold a photograph album to recall the beautiful past. The photograph album has been replaced by Electronic Album. This paper first introduces electronic albums and electronic albums production tools Flash, the

4、n introduces how to design a electronic album by using a example. </p><p>　　Keywords: Flash, Electronic Albums目　　錄</p><p><b>　　摘　　要1</b></p><p>　　ABSTRACT2</p>

5、<p><b>　　目　　錄3</b></p><p><b>　　第一章 引言4</b></p><p>　　第二章 電子相冊概述5</p><p>　　2.1電子相冊簡介5</p><p>　　2.2 電子相冊制作過程5</p><p>　　2.3

6、電子相冊的優(yōu)點(diǎn)5</p><p>　　第三章 Flash 概述6</p><p>　　3.1 Flash簡介6</p><p>　　3.2 Flash 技術(shù)特點(diǎn)6</p><p>　　3.3 Flash MX 2004 的開發(fā)環(huán)境6</p><p>　　第四章 電子相冊設(shè)計(jì)8</p><

7、p>　　4.1 總體設(shè)計(jì)結(jié)構(gòu)8</p><p>　　4.2 具體制作過程8</p><p>　　4.2.1 素材準(zhǔn)備8</p><p>　　4.2.2 單頁元件制作9</p><p>　　4.2.3 元件組裝19</p><p>　　4.2.3 添加腳本20</p><p>　

8、　4.2.4 細(xì)節(jié)加工21</p><p>　　4.2.5添加背景音樂22</p><p><b>　　結(jié) 論23</b></p><p><b>　　參考文獻(xiàn)24</b></p><p><b>　　致 謝25</b></p><p>&

9、lt;b>　　第一章 引言</b></p><p>　　今天數(shù)碼相機(jī)開始普及，越來越多的人喜歡用拍照這種方式來記錄生活。過去照片都沖洗出來制作成厚厚的影集供人們追憶美好時光。在計(jì)算機(jī)普及和計(jì)算機(jī)技術(shù)飛速發(fā)展的今天這種方式正在發(fā)生徹底的改變，人們有了更好的選擇——制作電子相冊。針對人們的這種需求出現(xiàn)了各種電子相冊制作軟件。我利用flash mx 2004 軟件制作了這個翻頁相冊。在本文中我將介紹關(guān)

10、于電子相冊和flash的相關(guān)內(nèi)容，并詳細(xì)介紹翻頁電子相冊的制作過程。</p><p>　　第二章 電子相冊概述</p><p>　　2.1 電子相冊簡介 </p><p>　　電子相冊是指可以在電腦上觀賞的區(qū)別于CD／VCD的靜止圖片的特殊文檔，其內(nèi)容不局限于攝影照片，也可以包括各種藝術(shù)創(chuàng)作圖片。電子相冊具有傳統(tǒng)相冊無法比擬的優(yōu)越性：圖、文、聲、像并茂的表現(xiàn)手法，隨

11、意修改編輯的功能，快速的檢索方式，永不褪色的恒久保存特性，以及廉價(jià)復(fù)制分發(fā)的優(yōu)越手段。</p><p>　　2.2 電子相冊制作過程</p><p>　　制作電子相冊首先要獲得數(shù)字化的圖片，即圖片文件。用數(shù)字相機(jī)拍攝，可以直接得到電子圖片文件。也可以使用普通相機(jī)拍攝，通過掃描儀得到圖片文件。如果是游戲畫面或VCD／DVD畫面，可采用屏幕拷貝或功能更強(qiáng)的截屏工具獲得圖片。 </p>

12、;<p>　　其次要對圖片進(jìn)行加工處理，專業(yè)人士可以使用專業(yè)級的軟件Photoshop，想要操作簡單快速，高畫質(zhì)也可以使用國內(nèi)第一圖像處理軟件彩影，實(shí)現(xiàn)更加精美的相冊制作。 </p><p>　　最后使用電子相冊制作軟件將處理后的圖片制作成電子相冊。</p><p>　　2.3 電子相冊的優(yōu)點(diǎn)</p><p>　?、毙蕾p方便：傳統(tǒng)的相冊在多人欣賞時只好

13、輪流進(jìn)行，而電子相冊可以很多人同時欣賞。 </p><p>　　⒉交互性強(qiáng)：可以象VCD點(diǎn)歌一樣，將相冊做成不同的標(biāo)題，比如說：1我的童年 ，2我的大學(xué)生活。這樣可以在遙控器上按下“1”鍵就播放你童年的照片，“2”鍵播放你大學(xué)時代的照片，根據(jù)你的照片具體內(nèi)容可以細(xì)分，比如說增加“我的朋友”、“大約在冬季”等等。 </p><p>　?、硟Υ媪看螅阂粡圴CD光盤可儲存幾百張照片； </

14、p><p>　　⒋永久保存：CD-R光盤可以金碟為存儲介質(zhì)，壽命長達(dá)上百年； </p><p>　　⒌欣賞性強(qiáng)：以高科技專業(yè)視頻處理技術(shù)處理照片，并配上優(yōu)美的音樂，可以得到雙重的享受。歡歌笑語、歲月如歌、盡在一張薄而亮麗的視頻光碟中，永久保存、輕巧方便、時尚新潮！</p><p>　　第三章 Flash 概述</p><p>　　3.1 Flas

15、h簡介 </p><p>　　Flash的前身是Future Wave公司的Future Splash，是世界上第一個商用的二維矢量動畫軟件，用于設(shè)計(jì)和編輯Flash文檔。1996年11月，美國Macromedia公司收購了Future Wave，并將其改名為Flash。在出到Flash 8以后，Macromedia又被Adobe公司收購。，最新版本為：Adobe Flash CS5。</p>&l

16、t;p>　　Flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡單的動畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用 Flash 創(chuàng)作的各個內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡單的動畫。您也可以通過添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 Flash 應(yīng)用程序。 </p><p>　　Fla

17、sh 特別適用于創(chuàng)建通過 Internet 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ?。Flash 是通過廣泛使用矢量圖形做到這一點(diǎn)的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲空間小很多，因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來表示的。位圖圖形之所以更大，是因?yàn)閳D像中的每個像素都需要一組單獨(dú)的數(shù)據(jù)來表示。</p><p>　　3.2 Flash 技術(shù)特點(diǎn)</p><p>　　1. 使用矢量圖形和流式播放

18、技術(shù)。與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動畫可以邊播放邊下載，從而緩解了網(wǎng)頁瀏覽者焦急等待的情緒。 </p><p>　　2. 通過使用關(guān)鍵幀和圖符使得所生成的動畫(.swf)文件非常小，幾K字節(jié)的動畫文件已經(jīng)可以實(shí)現(xiàn)許多令人心動的動畫效果，用在網(wǎng)頁設(shè)計(jì)上不僅可以使網(wǎng)頁更加生動，而且小巧玲瓏下載迅速，使得動畫可以在打開網(wǎng)頁很短的時間里就得以播放。 </p>

19、<p>　　3. 把音樂，動畫，聲效，交互方式融合在一起，并且創(chuàng)作出了許多令人嘆為觀止的動畫(電影)效果。而且在Flash4.0的版本中已經(jīng)可以支持MP3的音樂格式，這使得加入音樂的動畫文件也能保持小巧的‘身材’。 </p><p>　　4. 強(qiáng)大的動畫編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動畫，通過ACTION和FS COMMAND可以實(shí)現(xiàn)交互性，使Flash具有更大的設(shè)計(jì)自由度。<

20、/p><p>　　3.3 Flash MX 2004 的開發(fā)環(huán)境</p><p>　　1. 正確安裝Flash MX 2004后，F(xiàn)lash MX 2004軟件就會在Windows的開始菜單中，用鼠標(biāo)單擊【開始】/【程序】/【Macromedia】/【Macromedia Flash MX 2004】，就會啟動Flash MX 2004中文版。</p><p>　　2.

21、 啟動Flash MX 2004中文版后，彈出一個讓用戶選擇【打開最近項(xiàng)目】、【創(chuàng)建新項(xiàng)目】、【從模版創(chuàng)建】的窗口。選取【創(chuàng)建新項(xiàng)目】，單擊【Flash 文檔】按鈕，進(jìn)入了Flash MX 2004中文版集成開發(fā)環(huán)境。</p><p>　　3. 在Flash菜單欄共有10個菜單項(xiàng)，分別是文件、編輯、視圖、插入、修改、文本、命令、控制、窗口、幫助。</p><p>　　4. Flash的集成

22、開發(fā)環(huán)境中的【工具】面板有選擇工具、部分選取工具、線條工具、套索工具等美化工具，默認(rèn)的情況下Flash將自動打開標(biāo)準(zhǔn)工具。為方便用戶操作需要，F(xiàn)lash將常用的工具集中放在工具箱中。 如果用戶沒有看到工具的話可以打開，方法：選擇菜單【窗口】/【工具】，將工具的勾選上或直接按Ctrl+F2調(diào)出工具。</p><p>　　5. Flash中的動作是輸入程序代碼和程序調(diào)試的地方。在其左邊有可以調(diào)用的函數(shù)，只要

23、雙擊你要調(diào)用的函數(shù)，函數(shù)將會出現(xiàn)在動作編輯區(qū)。動作的快捷鍵是F9。</p><p>　　6. Flash中進(jìn)行動畫內(nèi)容編輯的整個區(qū)域叫做場景。場景中進(jìn)行圖像的繪制和編輯工作的白色區(qū)域是舞臺，舞臺之外灰色區(qū)域是工作區(qū)。</p><p>　　7. Flash的【時間軸】就是用來組織和控制文檔內(nèi)容在一定時間內(nèi)播放的層數(shù)和幀數(shù)。其主要的組件是層、幀和播放頭，還包含一些信息指示器。幀是進(jìn)行動畫創(chuàng)作的

24、基本時間單元。</p><p>　　8. Flash中還有很多面板，例如【顏色】面板，【對齊】面板，【庫】面板等。</p><p>　　第四章 電子相冊設(shè)計(jì)</p><p>　　本章正式進(jìn)入用Flash MX 2004 制作翻頁電子相冊的具體實(shí)施過程。在本例中將完成一個通過鼠標(biāo)點(diǎn)擊逐頁瀏覽的包含八頁（包括封面和封底）的電子相冊。</p><p&g

25、t;　　4.1 總體設(shè)計(jì)結(jié)構(gòu)</p><p>　　圖4.1相冊設(shè)計(jì)結(jié)構(gòu)圖</p><p>　　4.2 具體制作過程</p><p>　　4.2.1 素材準(zhǔn)備</p><p>　　素材準(zhǔn)備是相冊設(shè)計(jì)的準(zhǔn)備階段，把要制作成相冊的照片和將要是用的素材收集整理放到一個文件夾中待用。也包括素材的預(yù)處理，也就是照片的美化和圖像大小的調(diào)整。可以使用美圖秀秀

26、，光影魔術(shù)手等美圖工具完成圖片的預(yù)處理。也可使用專業(yè)的圖像合成軟件Photoshop來處理素材。</p><p>　　在本例中，使用Photoshop對素材照片進(jìn)行處理。簡要介紹處理方法如下：1.自動色階。2.飽和度調(diào)節(jié)。3. 色彩平衡調(diào)節(jié)。4.復(fù)制圖層。5.使用高反差保留濾鏡。6.圖層混合模式—柔光。此外，還使用Photoshop制作了封面圖片“東師建筑”。</p><p><b&

27、gt;　　圖4.2 封面素材</b></p><p>　　4.2.2 單頁元件制作</p><p><b>　　1． 封面制作</b></p><p>　?、?打開Flash MX 2004，新建Flash文檔。在“屬性”中設(shè)置大小為“1000*450”像素。以“東師建筑”文件名保存。</p><p>　?、?/p>

28、 新建影片剪輯元件“封面”，進(jìn)入元件編輯界面。</p><p>　　⑶ 把圖冊1改名為“封面”，選擇第1幀導(dǎo)入素材“封面”到舞臺。在屬性中設(shè)置圖片大小為“寬480，高360”。在對齊面板中設(shè)置圖片相對于舞臺“垂直中齊”，“左側(cè)分布”。在第50幀插入關(guān)鍵幀。</p><p>　?、?新建元件“東師建筑文字”。用文本工具輸入“東師建筑”。在屬性中設(shè)置字體為“華文彩云”，字號為“30”，顏色為“

29、灰色”。復(fù)制粘貼文字一次。更改文字屬性中字體為“華文琥珀”，顏色為“淺藍(lán)”。使用移動工具使兩組文字重合。</p><p>　?、?回到封面元件編輯界面，新建圖層“文字”。在第1幀中拖入元件“東師建筑文字”。位置位于圖片左下角。在第15幀插入關(guān)鍵幀，將文字元件平移到右下角。選中第1幀創(chuàng)建動作補(bǔ)間。在第16幀插入關(guān)鍵幀，用變形面板將文字元件旋轉(zhuǎn)40度。在第30幀插入關(guān)鍵幀，移動文字到左上角，創(chuàng)建第16幀到第30幀的補(bǔ)

30、間動畫，設(shè)置旋轉(zhuǎn)為“逆時針1次”，在第31幀插入關(guān)鍵幀，旋轉(zhuǎn)元件至水平，在第50幀插入關(guān)鍵幀。創(chuàng)建補(bǔ)間動畫。</p><p>　　封面元件最終效果如下：</p><p>　　圖4.3 封面元件效果圖</p><p>　　2．第2頁——卷首語制作</p><p>　　在本頁中運(yùn)用遮罩層制作逐字顯示“卷首語：”和逐行顯示卷首語具體內(nèi)容的顯示效果。

31、由于第2頁是在翻頁后顯示，所以本頁中的文字內(nèi)容需要水平翻轉(zhuǎn)，在制作完成翻頁效果后才能得到正常的效果。.</p><p>　?、判陆ā熬硎渍Z”影片剪輯元件。在圖層1中選中第1幀，導(dǎo)入背景圖片“內(nèi)頁”，調(diào)整大小為“480*360”，在對齊面板中設(shè)置對齊方式為相對于舞臺“垂直中齊”，“左側(cè)分布”。在第60幀插入關(guān)鍵幀，選中該幀，在動作面板中添加命令“stop();”。</p><p>　?、?新

32、建圖層，命名為“文字1”，用文本工具輸入文字“卷首語：”，設(shè)置文字屬性，具體過程不再贅述。選中文本對象執(zhí)行“修改——變形——水平翻轉(zhuǎn)”。</p><p>　?、?新建圖冊，命名為“遮罩1”。在第1幀用矩形工具拖拽出一個矩形，大小以能蓋住文字圖層文字為宜，移動至文字左側(cè)。在第10幀插入關(guān)鍵幀，將矩形移動到蓋住文字位置。創(chuàng)建補(bǔ)間動畫。</p><p>　?、?右鍵單擊圖層“遮罩1”，在彈出的選

33、項(xiàng)中選中“遮罩層”。至此，“卷首語：”逐字顯示效果完成。</p><p>　　⑸ 制作卷首語具體內(nèi)容逐行顯示效果。方法參考步驟⑵，⑶，不再贅述。</p><p><b>　　最終效果如下圖：</b></p><p>　　圖4.4 卷首語頁效果圖</p><p>　　3．第3頁——東師地標(biāo)制作</p><

34、;p>　　在本頁中制作單擊“播放”按鈕后兩張圖書館照片過渡切換的效果。</p><p>　?、?圖片元件制作。新建圖形元件“圖書館1”，選中第1幀，導(dǎo)入邊框素材和照片素材，調(diào)整大小。如法制作元件“圖書館2”效果如下圖：</p><p>　　圖4.5 元件“圖書館1”效果圖</p><p>　　圖4.6 元件“圖書館2”效果圖</p><p&

35、gt;　?、?按鈕制作。新建按鈕元件“播放”。設(shè)置筆觸顏色為“透明”，填充顏色為“灰色”，用橢圓工具按住shift鍵繪制一個正圓，更改填充顏色為“黑色”，用矩形工具按住shift鍵繪制一個矩形。選中矩形，執(zhí)行“修改——變形——扭曲”，調(diào)整矩形角的位置得到一個三角形。調(diào)整三角形大小和位置，使其位于圓內(nèi)。按鈕制作完成，如圖：</p><p>　　圖4.7 “播放”元件效果圖</p><p>　

36、　⑶ 新建影片剪輯元件“圖書館”。導(dǎo)入背景素材“內(nèi)頁”到圖層1第1幀，如卷首語制作步驟⑴所述調(diào)整大小和位置。在第40幀插入幀。新建圖層，命名為“文字”，用文本工具輸入“東師地標(biāo)——圖書館”，文字屬性自行設(shè)置。在第40幀插入幀。新建圖層，命名為“圖片切換”。選中第1幀拖入元件“圖書館1”，調(diào)整位置使其中心和“內(nèi)頁”圖片中心重合。在第5幀插入關(guān)鍵幀用變形面板調(diào)整“圖書館1”大小為10%，在屬性面板中設(shè)置顏色Alpha值為10%。創(chuàng)建補(bǔ)間動畫

37、。在第6幀插入空白關(guān)鍵幀，拖入元件“圖書館2”，用變形面板調(diào)整其大小為10%，在屬性面板中設(shè)置顏色Alpha值為10%，在第11幀插入關(guān)鍵幀，調(diào)整大小為100%，Alpha值為100%.，創(chuàng)建補(bǔ)間動畫。在第20幀插入關(guān)鍵幀，然后在第25幀插入關(guān)鍵幀，調(diào)整大小為10%，Alpha為10%。創(chuàng)建補(bǔ)間動畫。在第26幀插入空白關(guān)鍵幀，拖入元件“圖書館1”，調(diào)整大小為10%，Alpha為10%，在31幀插入關(guān)鍵幀，調(diào)整大小為100%，Alpha值

38、為100%.，創(chuàng)建補(bǔ)間動畫。在第40幀插入幀。新建圖層“播放”，選中第1幀，從庫中拖入元件“播放”，置于圖片中央位置，調(diào)節(jié)</p><p>　　gotoAndPlay(2);</p><p>　　};”。至此，第3頁制作完成。</p><p>　　4．第4頁——綜合建筑制作</p><p>　　在本頁中制作圖片旋轉(zhuǎn)飛入顯示效果。同樣本頁中的文

39、字要進(jìn)行水平翻轉(zhuǎn)。</p><p>　　⑴ 圖片元件制作。方法同上。</p><p>　　⑵ 新建影片剪輯元件“綜合建筑”。把圖層1改名為“背景”，導(dǎo)入“內(nèi)頁”圖片，調(diào)整大小位置如前所述。用文本工具輸入文字“綜合建筑”和建筑名，設(shè)置文字屬性，對文字進(jìn)行水平翻轉(zhuǎn)，方法同前面所述。調(diào)整文字位置，要考慮到和將要進(jìn)入的照片相對應(yīng)（可在圖片飛入效果完成后回到此步驟調(diào)整文字與圖片相對應(yīng)）。在第110幀

40、插入幀。如圖：</p><p>　　圖4.8背景層文字效果圖</p><p>　?、?新建圖層，命名為“逸夫樓”，在第5幀插入關(guān)鍵幀，拖入步驟⑴所制元件“逸夫樓”，位置于“內(nèi)頁”圖片右下角，設(shè)置其Alpha值為0。在第25幀插入關(guān)鍵幀，移動“逸夫樓”元件到對應(yīng)的文字位置，Alpha值調(diào)回100%，調(diào)整大小為20%。創(chuàng)建動作補(bǔ)間，旋轉(zhuǎn)設(shè)為“逆時針1次”。在第110幀插入幀。</p>

41、;<p>　?、?新建圖層，在上一圖層動畫結(jié)束后5幀用上述方法制作其他圖片旋轉(zhuǎn)飛入的效果。</p><p>　?、?分別在第1幀和第110幀添加命令“stop（）;”。</p><p><b>　　該頁最終效果如圖：</b></p><p>　　圖4.9第3頁效果圖</p><p>　　5．第5頁——學(xué)院風(fēng)

42、光制作</p><p>　?、?圖片元件制作。方法同前所述。</p><p>　?、?“學(xué)院風(fēng)光文字”元件制作。新建影片剪輯元件，選中第一幀，輸入文字“學(xué)院風(fēng)光”，設(shè)置文字屬性，在第35幀插入關(guān)鍵幀，將文字向左平移，創(chuàng)建補(bǔ)間動畫。在第70幀插入關(guān)鍵幀，把文字移至第1幀所在位置，創(chuàng)建補(bǔ)間動畫。</p><p>　?、?新建元件“學(xué)院風(fēng)光”，把圖層1改名為“背景”，導(dǎo)入

43、“內(nèi)頁”圖片，調(diào)整大小和位置。在第140幀插入關(guān)鍵幀。</p><p>　?、?新建圖層，命名為“小照片”，把步驟⑴中所制圖片元件拖入到第1幀，大小調(diào)整為20%，10個元件呈“L”形排列于“內(nèi)頁”圖片的左部和下部。在第140插入幀。新建圖層，命名為“文字”，選中第1幀，拖入元件“學(xué)院風(fēng)光文字”。在第2幀插入空白關(guān)鍵幀。</p><p>　?、?新建圖層，“照片1”，在第2幀插入關(guān)鍵幀拖入元

44、件“照片1”，調(diào)整大小為20%，移動使其與“小照片”中的“照片1”重合。在第8幀插入關(guān)鍵幀，將圖片元件大小調(diào)整為70%，移動到右上空白處適當(dāng)位置。創(chuàng)建補(bǔ)間動畫。在第15幀插入關(guān)鍵幀，將“照片1”大小調(diào)整為20%。創(chuàng)建補(bǔ)間動畫。選中第8幀，在動作面板中添加命令“stop（）;”，選中元件“照片1”添加命令“on (press) {</p><p>　　gotoAndPlay(9);</p><p

45、>　　}。選中“文字”圖層第8幀，用文本工具輸入學(xué)院名“外國語學(xué)院”，設(shè)置文字屬性，調(diào)整位置。在其后一幀插入空白關(guān)鍵幀。</p><p>　　⑹ 新建圖層“照片2”，以第16幀為起始幀執(zhí)行相似于步驟⑸過程。如此繼續(xù)下去，直到10個圖片元件處理完畢。</p><p>　　⑺ 新建圖層“動作腳本”，在第1幀中添加命令“stop（）;”，在每個照片圖層動畫結(jié)束對應(yīng)的幀中添加動作命令“got

46、oAndStop(1);”。</p><p>　　該頁最終時間軸和效果如下：</p><p><b>　　圖4.10時間軸 </b></p><p>　　圖4.11第5頁效果圖</p><p>　　6．第6頁——公寓與餐廳制作</p><p>　　在本頁中制作兩種切換效果展示學(xué)生公寓和餐廳照片。&

47、lt;/p><p>　?、?制作圖片元件，方法同前。</p><p>　?、?新建影片剪輯元件“東師生活”，把圖層1改名為背景，選中第1幀，導(dǎo)入“內(nèi)頁”，調(diào)整大小和位置。用文本工具輸入“學(xué)生公寓”和“北苑餐廳”文字，調(diào)整文字屬性和位置。對文字進(jìn)行水平翻轉(zhuǎn)。</p><p>　?、?新建圖層“公寓1”，導(dǎo)入步驟⑴所制元件“公寓1”，調(diào)整大小和位置與背景層相對應(yīng)。在第5幀插

48、入關(guān)鍵幀。在第13幀插入關(guān)鍵幀，調(diào)整該幀中“公寓1”元件高度為1%，寬度不變，Alpha值為0。選中第5幀創(chuàng)建補(bǔ)間動畫。新建圖層“公寓2”，在第13幀插入關(guān)鍵幀，拖入元件“公寓2”，調(diào)整大小和位置與該幀中元件“公寓1”重合，Alpha值設(shè)為0。在第20幀插入關(guān)鍵幀，調(diào)整元件“公寓2”大小和位置與第1幀中元件“公寓1”一致，Alpha值為100%。選中第13幀，創(chuàng)建補(bǔ)間動畫。</p><p>　?、?模仿步驟⑶，新

49、建兩個圖層，制作餐廳的展示效果。</p><p>　?、?新建圖層“腳本動作”，在第1幀和第20幀中添加動作命令“stop();”</p><p>　　該頁最終時間軸和效果如下：</p><p><b>　　圖4.12時間軸</b></p><p>　　圖4.13第6頁效果圖</p><p>　　

50、7．第7頁——為美而生制作</p><p>　　在本頁中制作壞掉的電視機(jī)閃爍顯示效果，單擊播放按鈕閃爍顯示圖片一張。</p><p>　　⑴ 制作圖片元件，方法同前。</p><p>　?、?新建元件“為美而生”，把圖層1命名為“背景”，導(dǎo)入“內(nèi)頁”圖片。在第63幀插入幀。</p><p>　?、?新建圖層“電視機(jī)”，選中第1幀，用矩形工具，

51、填充顏色為“灰色”，筆觸顏色為“透明”，繪制一個矩形，在該矩形內(nèi)在繪制一個比它小的矩形，選中小矩形，按Delete鍵刪除小矩形。得到一個矩形環(huán)，在矩形環(huán)下部放入按鈕“播放”。電視機(jī)制作完畢。效果如圖：</p><p>　　圖4.14電視機(jī)效果圖</p><p>　?、?新建圖層“圖片”，拖動圖層使該圖層位于“電視機(jī)”圖層下方。選中第1幀，用矩形工具，填充顏色為“黑色”，筆觸為“透明”，繪制

52、大小能填充矩形環(huán)內(nèi)部空白的矩形。在第2幀插入關(guān)鍵幀，在屬性面板中，把矩形填充顏色改為“淺灰”，在第3幀插入關(guān)鍵幀，把矩形填充顏色改為“白色”。復(fù)制第1幀到第3幀，在其后粘貼數(shù)次，到第63幀為止。選中第一幀，用文本工具輸入“為美而生的建筑”，在第7幀和7的倍數(shù)幀分別放入圖片元件。調(diào)整圖片元件大小和位置使其位于環(huán)行框內(nèi)。</p><p>　　⑸ 選中第1幀，在動作面板中添加命令“stop();”，選中該幀中的按鈕“播

53、放”，添加命令“on (press) {</p><p>　　gotoAndPlay(2);</p><p>　　}”。圖片元件對應(yīng)的幀中添加以上命令，注意：按鈕的命令中的數(shù)字為當(dāng)前幀后一幀，最后一幀為1。</p><p>　　該頁最終時間軸和效果如下：</p><p><b>　　圖4.15時間軸 </b></p

54、><p>　　圖4.16第7頁效果圖</p><p>　　8．第8頁——封底制作</p><p>　　本頁制作簡單的封底，只要導(dǎo)入素材背景，添加必要文字即可。注意文字需要水平翻轉(zhuǎn)。</p><p>　　4.2.3 元件組裝</p><p>　　在前面的過程，制作完成了8頁的單頁顯示效果，接下來要做的就是把這八個單頁元件組裝

55、成一個翻頁相冊，就好比把八頁紙裝訂成一個冊子。</p><p>　　1．新建影片剪輯元件“相冊”。把圖層1命名為“1頁”。在第1幀拖入元件“封面”，在對齊面板中執(zhí)行相對于舞臺“垂直中齊”，“左側(cè)分布”。把元件以變形中心移動到與舞臺中心重合。在第5幀插入關(guān)鍵幀，用變形面板調(diào)整元件“封面”寬度為80%，傾斜上下傾斜-45度。選中第1幀，創(chuàng)建補(bǔ)間動畫。在第10幀插入關(guān)鍵幀，把“封面”元件寬度調(diào)整為10%，傾斜為上下傾斜

56、-89度。選中第5幀，創(chuàng)建動作補(bǔ)間。</p><p>　　2．新建圖層“2頁”，在第10幀插入關(guān)鍵幀，拖入元件“卷首語”。用對齊面板執(zhí)行“垂直中齊”，“左側(cè)分布”。調(diào)整其變形中心與舞臺中心重合。用變形面板調(diào)整其寬度為10%,傾斜為上下傾斜-89度。即與圖層“1頁”第10幀中元件“封面”重合。在第20幀插入關(guān)鍵幀，將元件“卷首語”寬度調(diào)回100%，傾斜調(diào)回0度。選中第10幀創(chuàng)建補(bǔ)間動畫。在第40幀插入幀。</

57、p><p>　　3． 新建圖層，命名為“3頁固定”，將其移動到圖層“1頁”下。在第1幀中拖入元件“圖書館”，對齊面板中設(shè)置“垂直中齊”，“左側(cè)分布”。在第20幀插入幀。目的是在第1,2頁翻頁時，下一頁內(nèi)容顯示出來，不會出項(xiàng)空白界面。</p><p>　　通過以上三個步驟，完成了第一次翻頁。整個相冊一共8頁，要完成4次翻頁，可參考上述步驟，新建圖層實(shí)現(xiàn)其它三次翻頁效果。不在贅述。最終時間軸和效果

58、為：</p><p>　　圖4.17翻頁時間軸效果</p><p>　　圖4.18翻頁效果圖</p><p>　　4.2.3 添加腳本</p><p>　　在上一步驟中，實(shí)現(xiàn)了翻頁效果，但是翻頁是自動的，要添加動作腳本實(shí)現(xiàn)對翻頁的控制。</p><p>　　自作翻頁按鈕。新建按鈕元件“翻頁”，在彈起幀中繪制兩個小矩形，

59、對其中一個執(zhí)行“修改——變形——扭曲”，調(diào)整矩形角的位置得到一個三角形。效果如圖：</p><p>　　圖4.19“翻頁”按鈕效果一</p><p>　　在指針經(jīng)過幀中插入關(guān)鍵幀，用橢圓工具繪制一個圓形。效果如圖：</p><p>　　圖4.20“翻頁”按鈕二</p><p>　　2．在元件“相冊”新建圖層，命名為“腳本”。在第1幀，第20幀

60、，第40幀，第60幀，第80幀中添加命令“stop();”。在上述各幀中拖入按鈕元件“翻頁”。在第80幀中把“翻頁”元件的Alpha值調(diào)為0%，位置與文字“謝謝欣賞，點(diǎn)擊回首頁”重合。在動作面板中對這幾個幀中的“翻頁”元件添加命令“on (press) {</p><p>　　gotoAndPlay(*);</p><p><b>　　}”</b></p>

61、<p>　　注：*為當(dāng)前幀的下一幀，第80幀中*=1。</p><p>　　至此實(shí)現(xiàn)了對相冊翻頁的控制。</p><p>　　4.2.4 細(xì)節(jié)加工</p><p>　　相冊的主體已經(jīng)制作完成，好的相冊除了能夠?qū)崿F(xiàn)預(yù)期的顯示效果，還要在視覺上給人美的享受。在這一環(huán)節(jié)就是對細(xì)節(jié)進(jìn)行加工美化。本例中制作的是翻頁電子相冊，為了讓它看起來像一本相冊而不是一頁相冊

62、，可以制作書脊和書頁效果進(jìn)行細(xì)節(jié)修飾。</p><p>　　在元件“相冊”中新建圖層“書脊”。在第1幀導(dǎo)入“書脊”素材，一個矩形的圖片，也可用矩形工具繪制一個矩形長條。用變形面板調(diào)整“書脊”使其略微傾斜，并調(diào)整大小和位置。用線條工具繪制直線制作書頁效果。完成后效果如圖：</p><p>　　圖4.21正面書脊書頁效果</p><p>　　在第60幀插入關(guān)鍵幀，將“書

63、脊”水平翻轉(zhuǎn)，調(diào)整位置。并移動書頁線條至左頁下方。最終效果如圖：</p><p>　　圖4.22翻頁后書脊書頁效果</p><p>　　至此書脊和書頁效果制作完畢，實(shí)現(xiàn)了真正的書本式翻頁相冊。</p><p>　　4.2.5添加背景音樂 </p><p>　　音樂是電子相冊的一打亮點(diǎn)，最后來實(shí)現(xiàn)音樂的添加。導(dǎo)入目標(biāo)音樂到庫，在本例中選擇了肖邦

64、的《夜曲》做為背景音樂?；氐綀鼍爸性趫D層1第1幀中拖入元件“相冊”，調(diào)整位置。新建圖層命名為“背景音樂”，拖入聲音元件“夜曲”。</p><p><b>　　結(jié) 論</b></p><p>　　在本例的制作中我以東師建筑照片為素材，用Flash MX 2004作為開發(fā)工具，綜合運(yùn)用Flash的各種功能，包括運(yùn)用補(bǔ)間動畫和逐幀動畫實(shí)現(xiàn)了照片的展示效果，同時也用到遮罩層

65、來制作文字逐字逐行顯示效果，按鈕和動作命令的綜合運(yùn)用實(shí)現(xiàn)了交互效果。最終完成了實(shí)現(xiàn)了翻頁電子相冊的設(shè)計(jì)，經(jīng)測試，運(yùn)行良好。但由于本人專業(yè)水平有限，雖力求完美，卻仍有很大的不足亟待改正。在以后的學(xué)習(xí)中，我將會不斷努力，提高自己的專業(yè)水平，設(shè)計(jì)制作出更為完美的Flash作品。</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1]王波 著. FLASH:

66、技術(shù)還是藝術(shù) .中國人民大學(xué)出版社，2005</p><p>　　[2]網(wǎng)冠科技 編著. Flash MX 特效 時尚創(chuàng)作百例 .機(jī)械工業(yè)出版社 2002</p><p>　　[3] 楊格 編著. Flash 8中文版全程自學(xué)手冊. 電子工業(yè)出版社,  2007 </p><p>　　[4] 張凡，李嶺編著. Flash MX 2004精彩設(shè)計(jì)

67、零距離. 電子工業(yè)出版社, 2004</p><p>　　[5] 劉廣瑞 編著. 中文Flash MX 2004應(yīng)用實(shí)踐教程. 西北工業(yè)大學(xué)出版社, 2007.</p><p>　　[6] 龍飛 編著. Flash MX 2004完全自學(xué)手冊. 中國鐵道出版社, 2007</p><p>　　[7] 方晨 編著. Flash MX 2004中文版實(shí)例教程.

68、上?？茖W(xué)普及出版社,  2007</p><p>　　[8] 孫全黨 編著. Flash MX 2004中文版應(yīng)用教程.  電子工業(yè)出版社, 2008</p><p>　　[9] 張繼皇，王凱 編著. Flash MX 2004標(biāo)準(zhǔn)教程.海洋出版社, 2004</p><p>　　[10] 黃樂，石偉玉 編著. Flash MX

69、 2004中文版入門與提高實(shí)用教程 .中國鐵道出版社, 2004</p><p>　　[11] 陳冠竹 編著. Flash MX 2004互動設(shè)計(jì) .科學(xué)出版社, 2005</p><p><b>　　致 謝</b></p><p>　　Flash相冊制作、論文寫作和準(zhǔn)備答辯期間，得到了指導(dǎo)老師羅娜的大力支持和幫助，