《flash8動(dòng)畫設(shè)計(jì)實(shí)例教程》第八章

1、flash8動(dòng)畫設(shè)計(jì)實(shí)例教程第八章 本章重點(diǎn)：制作網(wǎng)頁banner、導(dǎo)航條、相冊和幻燈片。 本章難點(diǎn)：Flash網(wǎng)站。8.1 Flash 8在網(wǎng)頁制作中的運(yùn)用 使用Flash制作網(wǎng)站具有以下特點(diǎn)：1、Flash使用矢量技術(shù)，生成的文件存儲量小，并且采用的流式播放技術(shù)，解決了網(wǎng)絡(luò)帶寬這一影響網(wǎng)絡(luò)多媒體發(fā)展的瓶頸問題。2、交互性強(qiáng)，使網(wǎng)絡(luò)交互多媒體成為現(xiàn)實(shí)。 網(wǎng)頁banner的制作技巧實(shí)例 Banner也叫旗幟廣告或橫幅廣告，通常放置在網(wǎng)頁的上方，大小為468*60像素或233*30像素，大多做成動(dòng)畫形式，以吸引訪問者瀏覽和點(diǎn)擊。 用Flash來做網(wǎng)頁中的橫幅廣告。 制作的步驟是：1）新建一個(gè)Fl

2、ash動(dòng)畫文件。2）單擊【修改】【文檔】命令，在“文檔屬性”對話框中修改文檔尺寸為750ps120ps，幀頻為24pbs3）在圖層第1幀，使用矩形工具繪制一個(gè)無邊框，大小為750120的矩形，填充顏色為放射狀深藍(lán)（#0169BB）到藍(lán)黑（#031B32）的漸變色。再使用填充變形工具對填充的顏色進(jìn)行調(diào)整，在矩形上點(diǎn)擊右鍵，選擇“轉(zhuǎn)換為元件”，命名為“背景”，圖形類型。選中矩形元件，打開屬性面板，輸入X和Y的值都為0，與舞臺對齊。選中第75幀，按【F5】插入幀，鎖定圖層1。4）新建圖層2，使用文本工具輸入文字“智慧人士 品位之選”，選中文字，在屬性面板設(shè)置字體為黑體，字號為33，白色加粗，字間距為

3、4。將文字放在舞臺正中間。 5） 選中文字，按【Ctrl】【B】鍵將文字打 散，在文字上點(diǎn)擊右鍵，選擇“分散到圖層”，這樣每個(gè)文字位于一個(gè)單獨(dú)的圖層上。將8個(gè)文字分別轉(zhuǎn)換為圖形元件。 然后同時(shí)選中8個(gè)文字所在圖層的第4幀，按【F6】鍵插入關(guān)鍵幀。同樣的方法，在這8個(gè)圖層的第10和第30幀分別插入關(guān)鍵幀。時(shí)間軸效果如圖所示。 6）同時(shí)選中第一幀的8個(gè)文字，在屬性面板設(shè)置它們的Alpha值為0，再同時(shí)選中第10幀的8個(gè)文字，設(shè)置Alpha值為0。然后同時(shí)選中8個(gè)文字圖層的第一幀，點(diǎn)擊右鍵，選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。 同樣地方法創(chuàng)建這8個(gè)圖層第4幀到第10幀，第10幀到第30幀的補(bǔ)間動(dòng)畫。 時(shí)間軸效果如

4、圖所示。 7） 將鼠標(biāo)移到圖層“智”的第1幀上，按下鼠標(biāo)左鍵向后拖動(dòng)到第30幀處釋放鼠標(biāo)，第1幀到第30幀都處于被選中的黑色狀態(tài)，然后按下鼠標(biāo)左鍵拖動(dòng)這些幀向后移動(dòng)3幀。 采用同樣的方法，將其他7個(gè)文字圖層的前30幀均往后移動(dòng)若干幀，每一層移動(dòng)的距離都不相同。最后時(shí)間軸效果如圖所示。 8）解除圖層1的鎖定，在該圖層的第76幀和第100幀分別按F6鍵插入關(guān)鍵幀，選中第100幀的背景圖片，打開屬性面板，選擇“顏色”“色調(diào)”，設(shè)置顏色為黑色。創(chuàng)建第76幀到第100幀的補(bǔ)間動(dòng)畫。鎖定圖層1。 9）選中圖層2，在第100幀插入關(guān)鍵幀。單擊【文件】【導(dǎo)入】【導(dǎo)入到舞臺】，從彈出的對話框中找到文件“imag

5、e1.jpg”，點(diǎn)擊打開。將圖片與舞臺對齊，并轉(zhuǎn)換為圖形元件，命名為“車頭”。 10）在圖層2的第120幀插入關(guān)鍵幀，選中第100幀中的“車頭”圖形元件，打開屬性面板，設(shè)置Alpha值為0%。創(chuàng)建第100幀到第120幀的補(bǔ)間動(dòng)畫。11）在圖層2的第145幀和第170幀分別按F6鍵插入關(guān)鍵幀。選中第170幀中的“車頭”元件，打開變形面板，選中約束，在左邊的文本框中輸入120，使其水平垂直方向同時(shí)放大。然后再打開屬性面板，將其Alpha值設(shè)為0。創(chuàng)建第145幀到第170幀的補(bǔ)間動(dòng)畫。 12）在圖層2上新建圖層11，在第168幀插入關(guān)鍵幀，將圖片“image2.jpg”導(dǎo)入到舞臺，并拖放到舞臺中間偏

6、右的位置，將其轉(zhuǎn)換為圖形元件，命名為“文字”。在圖層11上新建圖層12，導(dǎo)入圖片“image3.jpg”，放置在舞臺中間偏左的位置，并轉(zhuǎn)換為圖形元件，命名為“車”。此時(shí)“文字”和“車”的位置如圖所示。 13）同時(shí)選中圖層11和圖層12的第178幀，按F6鍵插入關(guān)鍵幀。將“文字”向右移動(dòng)，“車”向左移動(dòng)，此時(shí)兩者的位置如圖所示。同時(shí)選中第168幀的“文字”和“車”，在屬性面板設(shè)置其Alpha值為0，創(chuàng)建第168幀到第178幀的補(bǔ)間動(dòng)畫。 14）在圖層11和圖層12的第220幀和第230幀分別按【F6】鍵插入關(guān)鍵幀。選中第230幀中的“文字”，將其向右水平拖動(dòng)一段距離，并將其Alpha值設(shè)為0。再

7、選中第230幀中的“車”，將其向左水平拖動(dòng)一段距離，并將其Alpha值設(shè)為0。創(chuàng)建圖層11和圖層12第220幀到第230幀的補(bǔ)間動(dòng)畫。15）在圖層12的第231幀插入空白關(guān)鍵幀，從庫中將圖形元件“背景”拖入到舞臺上，并與舞臺對齊。在第245幀插入關(guān)鍵幀，選中第231幀中的背景設(shè)置其Alpha值為0，創(chuàng)建第231幀到第245幀的補(bǔ)間動(dòng)畫。因?yàn)閯?dòng)畫是循環(huán)播放的，這一步就是使動(dòng)畫的結(jié)尾和開頭有一個(gè)過渡。16）保存并測試動(dòng)畫。注意：注意： 網(wǎng)頁中的banner是一個(gè)廣告，因此一般我們在動(dòng)畫制作完之后，還要在動(dòng)畫的最上層做一個(gè)透明的按鈕，這樣網(wǎng)頁瀏覽者如果對這個(gè)banner宣傳的內(nèi)容感興趣，可以馬上點(diǎn)擊

8、進(jìn)入相關(guān)的頁面就行瀏覽。 給這個(gè)汽車banner加上透明的按鈕的操作步驟如下： 1）打開“汽車banner”動(dòng)畫，單擊【插入】【新建元件】命令，在彈出的對話框中輸入名稱“透明按鈕”，類型為按鈕。點(diǎn)擊確定，進(jìn)入“透明按鈕”元件的編輯窗口。在第4幀插入關(guān)鍵幀，繪制一個(gè)無邊框、填充為任意色的矩形。2）回到場景1，在圖層12上新建圖層13。將庫中的“透明按鈕”拖放到舞臺上，在信息面板輸入?yún)?shù)，使其與舞臺大小一致，并與舞臺對齊。信息面板參數(shù)如圖所示。 3）選中“透明按鈕”，打開動(dòng)作面板，輸入動(dòng)作命令: on (release) getURL( :/ sohu ); 這樣點(diǎn)擊動(dòng)畫后就可以鏈接到其它的網(wǎng)頁上

9、了 Banner制作完畢。 8.1.2 網(wǎng)頁導(dǎo)航條的制作技巧實(shí)例導(dǎo)航條在網(wǎng)頁中起著很重要的作用，它不僅是整個(gè)網(wǎng)站的方向標(biāo)，而且還能體現(xiàn)整個(gè)網(wǎng)站的內(nèi)容，如同書的目錄一樣，點(diǎn)擊導(dǎo)航條中的圖像可以鏈接到不同的頁面。用Flash制作導(dǎo)航條，實(shí)際上就是做若干個(gè)按鈕排列在一起，每一個(gè)按鈕可以鏈接到一個(gè)頁面上去。下面以一個(gè)基本的橫式導(dǎo)航條為例，操作步驟如下：1)新建一個(gè)Flash動(dòng)畫文件。2）點(diǎn)擊【修改】【文檔】命令，在打開的文檔屬性對話框中，設(shè)置舞臺大小為95090，幀頻為24。3）點(diǎn)擊【文件】【導(dǎo)入】【導(dǎo)入到舞臺】命令，找到文件“image1.png”和“image2.png”，導(dǎo)入到舞臺上，將imag

10、e1覆蓋到image2的左端，鎖定圖層1，如圖所示。4）點(diǎn)擊【插入】【新建元件】命令，在打開的對話框中輸入名稱“收縮的方塊”，類型為影片剪輯。點(diǎn)擊確定經(jīng)入該元件的編輯窗口。使用矩形工具繪制一個(gè)沒有邊框，填充為白色，大小為7545的矩形，并將其轉(zhuǎn)換為圖形元件。由于背景也是白色，難以區(qū)分，我們可以將背景顏色改為黑色，等動(dòng)畫完成后重新改為白色。5）在該圖層的第10幀按【F6】鍵插入關(guān)鍵幀，選中矩形，在信息面板設(shè)置其寬度為1。信息面板如圖所示。在第1幀上點(diǎn)擊右鍵，選擇“創(chuàng)建補(bǔ)間動(dòng)畫”。在第12幀插入關(guān)鍵幀，選中這個(gè)小矩形，設(shè)置其Alpha值為0，創(chuàng)建第10到第12幀的補(bǔ)間動(dòng)畫。6）選中第12幀，打開動(dòng)

11、作面板，輸入動(dòng)作命令“stop；”，影片剪輯在播放一次后停止。 7）點(diǎn)擊【插入】【新建元件】命令，在打開的對話框中輸入名稱“首頁”，類型為按鈕。點(diǎn)擊確定進(jìn)入按鈕的編輯窗口。在第1幀用文本工具輸入文字“首頁”，設(shè)置字體為華文新魏，字號為18，白色加粗，字間距為-3。屬性面板如圖所示。將文字對齊到舞臺正中間位置，在第三幀按【F5】鍵插入幀，鎖定該圖層。8）在圖層1上新建圖層2，并把圖層2拖到圖層1下方。在圖層2的第2幀插入空白關(guān)鍵幀，從庫中將元件“收縮的方塊”拖放到舞臺正中間位置上，與文字對齊。并設(shè)置其Alpha值為33。9）在圖層2的第3幀插入空白關(guān)鍵幀，選中第4幀，使用矩形工具重新繪制一個(gè)沒有

12、邊框，填充為白色，大小為7545的矩形，并對齊到舞臺正中間。10）回到場景1，在圖層1上新建圖層2，打開庫面板，將按鈕元件“首頁”拖放到舞臺上，位置如圖所示。選中該按鈕，打開動(dòng)作面板輸入動(dòng)作命令： on (release) getURL(); 引號中的代表該按鈕所鏈接到的網(wǎng)頁的網(wǎng)址或路徑。11）重復(fù)步驟7到10，制作其他的按鈕分別放到對應(yīng)的位置上，最終效果如圖所示。將背景重新改為白色，保存并測試動(dòng)畫。 8.1.3 Flash網(wǎng)站設(shè)計(jì)綜合實(shí)例Flash網(wǎng)站一般以圖形和動(dòng)畫為主，比較適合制作那些文字內(nèi)容不太多，以平面、動(dòng)畫效果為主的網(wǎng)站，例如企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)站等。制作全

13、Flash網(wǎng)站和制作html網(wǎng)站類似，事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖，包括：網(wǎng)站的主題、要用什么樣的元素、用什么風(fēng)格的音樂、整個(gè)網(wǎng)站有幾個(gè)網(wǎng)頁，各網(wǎng)頁之間的聯(lián)系等等。 網(wǎng)站做法分為兩種：網(wǎng)站做法分為兩種：一種是把網(wǎng)站做成很多個(gè)Flash文件，例如每個(gè)頁面單獨(dú)做成一個(gè)flash文件，然后再進(jìn)行連接調(diào)用，這樣做的好處是修改容易，且思路清晰，比較適合頁面多，比較復(fù)雜的網(wǎng)站。另外一種就是將所有內(nèi)容都做在一個(gè)FLASH文件當(dāng)中，這種方法適合制作頁面少，比較簡單的網(wǎng)站。本例采用第二種方法。 本實(shí)例制作的是一個(gè)個(gè)人網(wǎng)站，站點(diǎn)的主題是My World，共有5個(gè)頁面。制作流程為：loading片頭動(dòng)畫站點(diǎn)首頁和其

14、他各級頁面添加按鈕和聲音。 第一步 制作loading1）新建一個(gè)Flash動(dòng)畫文件。2）點(diǎn)擊【修改】【文檔】命令，在打開的文檔屬性對話框中，設(shè)置舞臺大小為770600，背景顏色為淡灰色（CECFCE），幀頻為30。3）點(diǎn)擊【文件】【導(dǎo)入】【導(dǎo)入到舞臺】命令，在打開的對話框中找到文件“media”導(dǎo)入到舞臺上，并與舞臺對齊，圖層1改名為“背景”，第200幀插入幀，鎖定該圖層。4）點(diǎn)擊【插入】【新建元件】，命名為loading，影片剪輯類型。點(diǎn)擊確定進(jìn)入該元件的編輯窗口，使用矩形工具繪制一個(gè)灰色邊框黑色填充的的長條矩形，將矩形邊框剪切到剪切板，新建圖層2，將邊框粘貼到當(dāng)前位置。5）選中圖層1，在

15、邊框下方輸入白色文字“l(fā)oading”，在第100幀插入幀。選中圖層2，在第100幀插入關(guān)鍵幀。選中第一幀中的矩形，使用任意變形工具將其向左壓縮，創(chuàng)建第1到第100幀的補(bǔ)間動(dòng)畫。如圖所示。 6）回到場景1，新建圖層2改名為“l(fā)oading”，將做好的loading元件放在舞臺正中間位置。選中該影片剪輯，在動(dòng)作面板輸入命令： onClipEvent (load) total = _root.getBytesTotal(); onClipEvent (enterFrame) loaded = _root.getBytesLoaded(); percent = int(loaded/total*10

16、0); text = percent+%; gotoAndStop(percent); if (loaded = total) _root.gotoAndPlay(2); 在第2幀插入空白關(guān)鍵幀。loading制作完畢。第二步 制作片頭動(dòng)畫 1）新建圖層3，改名為“白色背景”。第2幀插入空白關(guān)鍵幀，在舞臺上繪制一個(gè)無邊框745409的白色矩形。將矩形轉(zhuǎn)換為圖形元件，第15幀插入關(guān)鍵幀，將第2幀的矩形縮小，創(chuàng)建第2幀到第15幀的補(bǔ)間動(dòng)畫。第280幀插入幀，鎖定該圖層。如圖所示。 2）新建圖層4，改名為“左背景”。第20幀插入空白關(guān)鍵幀，在白色矩形左邊繪制一個(gè)無邊框285383的圓角矩形，填充色為

17、F0F0F0。將矩形轉(zhuǎn)換為圖形元件，在第40幀插入關(guān)鍵幀，將第20幀的矩形縮小，創(chuàng)建動(dòng)畫補(bǔ)間完成矩形由小變大的過程。鎖定該圖層。3）新建圖層5，改名為“右背景”。第20幀插入空白關(guān)鍵幀，同上一步方法，在白色背景右邊做一個(gè)圓角矩形由小變大的動(dòng)畫。該矩形大小為426.6381.6。效果如圖。4）新建圖層6，改名為“圓圈”。第20幀插入空白關(guān)鍵幀，使用橢圓工具繪制幾個(gè)白色小圓作為左背景的圖案。如圖所示。鎖定該圖層。5）點(diǎn)擊【插入】【新建元件】，命名為“導(dǎo)航條”，圖形類型。點(diǎn)擊確定進(jìn)入該元件的編輯窗口，使用矩形工具和直線工具繪制一個(gè)導(dǎo)航條，并在上面輸入文字。 6）回到場景1，新建圖層7，在第20幀插入

18、空白關(guān)鍵幀，將導(dǎo)航條元件拖放到舞臺上方，如右圖。在第35幀插入關(guān)鍵幀，將導(dǎo)航條向下移動(dòng)到舞臺。如圖所示。創(chuàng)建第20到第35幀的補(bǔ)間動(dòng)畫。鎖定該層。 7）新建圖層8，改名為“標(biāo)題”。在第20幀插入關(guān)鍵幀，在舞臺左上角輸入文字“My World”，文字屬性設(shè)置如圖 8）點(diǎn)擊【插入】【新建元件】，命名為“女孩”，影片剪輯類型。點(diǎn)擊確定進(jìn)入該元件的編輯窗口，使用橢圓工具和直線工具繪制一個(gè)陰井的圖形，如圖所示。將該圖形轉(zhuǎn)換為圖形元件，在第22、70、85幀分別插入關(guān)鍵幀，將第1和第85幀中的圖形縮小，創(chuàng)建第1到第22，第70到第85幀的動(dòng)作補(bǔ)間，完成陰井由小變大，再變小的過程。9）新建圖層2，第24幀插

19、入關(guān)鍵幀，從打開的外部庫中將位圖Media 13拖放到舞臺上，位于陰井上方，將該圖片轉(zhuǎn)換為圖形元件。在第65幀插入關(guān)鍵幀，并將第24幀的元件向下移動(dòng)，制作動(dòng)作補(bǔ)間。完成女孩由井下上升到地面的效果。10）新建圖層3，第24幀插入關(guān)鍵幀，在井的上方繪制一個(gè)任意顏色的形狀塊，使他剛好能遮蓋住女孩圖形。圖層3轉(zhuǎn)換為遮罩層，圖層2為被遮罩層。 11）新建圖層4，在第85幀插入關(guān)鍵幀，在女孩嘴邊繪制一個(gè)如圖所示的紅色圓球，作為泡泡糖。將該圖形轉(zhuǎn)換為影片剪輯類型的元件，命名為“泡泡”。雙擊進(jìn)入“泡泡的編輯窗口。12）將圖層1的泡泡圖形再次選中，轉(zhuǎn)換為圖形元件。在第150幀插入關(guān)鍵幀，將第1幀中的泡泡壓縮變小

20、，創(chuàng)建第1到第150幀的動(dòng)作補(bǔ)間，完成泡泡由小變大的過程。第154幀插入空白關(guān)鍵幀。12）將圖層1的泡泡圖形再次選中，轉(zhuǎn)換為圖形元件。在第150幀插入關(guān)鍵幀，將第1幀中的泡泡壓縮變小，創(chuàng)建第1到第150幀的動(dòng)作補(bǔ)間，完成泡泡由小變大的過程。第154幀插入空白關(guān)鍵幀。13）新建圖層2，第150幀插入空白關(guān)鍵幀，繪制一個(gè)如圖所示的多角星形并轉(zhuǎn)換為圖形元件。 第155和160幀分別插入關(guān)鍵幀，將第155幀中的圖形放大，創(chuàng)建第150到第155，第155到第160的動(dòng)作補(bǔ)間，完成多角星形由小變大，再變小的過程。第161幀插入空白關(guān)鍵幀，第240幀插入幀作為延續(xù)。14）回到“女孩”影片剪輯的編輯窗口，新建

21、圖層5，在第85幀插入關(guān)鍵幀，打開動(dòng)作面板輸入命令“stop();”，這樣，這個(gè)影片剪輯播放一次就會停止。15）回到場景1，新建圖層9，改名為“女孩”。在第30幀插入空白關(guān)鍵幀，將做好的“女孩”影片從庫中拖放到舞臺左下方。CtrlEnter鍵測試影片，調(diào)整“女孩”影片的位置。效果如圖所示。 第三步 制作主頁及其他頁面 1）點(diǎn)擊【插入】【新建元件】，命名為“內(nèi)容背景”，圖形類型。點(diǎn)擊確定進(jìn)入該元件的編輯窗口。導(dǎo)入圖片Media3，放到舞臺正中間，并轉(zhuǎn)換為圖形元件。第15幀插入關(guān)鍵幀，將第1幀中圖片的縮小，創(chuàng)建補(bǔ)間動(dòng)畫。2）新建圖層2，在第10幀插入空白關(guān)鍵幀，將圖片media4導(dǎo)入到舞臺上，位于

22、方形左邊。將該圖片轉(zhuǎn)換為元件，在第15幀插入關(guān)鍵幀，將第10幀的圖片向左壓縮，創(chuàng)建補(bǔ)間動(dòng)畫。3）新建圖層3，在該圖層使用步驟2的方法，在方形右邊制作一個(gè)相同的動(dòng)畫。時(shí)間軸與效果如圖所示 4）回到場景1，新建圖層10，改名為“內(nèi)容背景”。在第80幀插入關(guān)鍵幀，將“內(nèi)容背景”從庫中拖放到舞臺上，選中該元件，打開屬性面板，設(shè)置為播放一次。如左圖。5）選中“內(nèi)容背景”圖層的第80幀，打開屬性面板，輸入幀標(biāo)簽為“home”，說明主頁home從第80幀開始。如右圖。6）新建圖層11，改名為“網(wǎng)頁內(nèi)容”。在第110幀插入關(guān)鍵幀，在內(nèi)容背景區(qū)域輸入主頁Home的圖片和文字內(nèi)容。7）新建圖層12，改名為“內(nèi)容遮

23、罩”。在第110幀插入關(guān)鍵幀，使用矩形工具繪制一個(gè)與內(nèi)容背景一樣大小的矩形，顏色任意。 在第120幀插入關(guān)鍵幀，選中第110幀中的矩形，用任意變形工具將其向上壓縮，創(chuàng)建第110到120幀的形狀補(bǔ)間動(dòng)畫。 將圖層“內(nèi)容遮罩”設(shè)為遮罩層。第110幀和第120幀遮罩矩形如圖所示。8）新建圖層13，改名為“AS”。在第120幀插入關(guān)鍵幀，選中該幀，在動(dòng)作面板輸入命令“stop();”。主頁Home制作完畢，從第80幀開始到第120幀結(jié)束。9）選中“內(nèi)容背景”圖層第121幀，插入關(guān)鍵幀。在屬性面板設(shè)置幀標(biāo)簽為“about me”，表示第二個(gè)頁面從該幀開始。選中121幀中的“圖形背景”元件，在屬性面板設(shè)置

24、為“從第1幀開始，播放一次”。10）解除“網(wǎng)頁內(nèi)容”圖層的鎖定，分別選中第121幀和第150幀插入空白關(guān)鍵幀，選中第150幀在舞臺上輸入第2個(gè)頁面的內(nèi)容。11）選中圖層“內(nèi)容遮罩”的第110幀到第120幀之間的所有幀，復(fù)制這些幀，并粘貼到該層的第150幀處。選中圖層“AS”的第160幀，插入關(guān)鍵幀，在動(dòng)作面板輸入命令“stop();”。第二個(gè)頁面制作完畢，從第121幀開始到第160幀結(jié)束。 重復(fù)步驟9-11，制作其他3個(gè)頁面。頁面my picture從第160幀開始到第200幀結(jié)束；頁面diary從第201幀開始到第240幀結(jié)束；頁面contactme從第241幀開始到第280幀結(jié)束。這兩個(gè)頁

25、面的時(shí)間軸效果如圖所示 ：網(wǎng)頁制作完畢。第四步：插入按鈕和聲音1）點(diǎn)擊【插入】【新建元件】，命名為“透明按鈕”，按鈕類型。點(diǎn)擊確定進(jìn)入該元件的編輯窗口。用鼠標(biāo)在“點(diǎn)擊”幀上插入關(guān)鍵幀，使用矩形工具繪制一個(gè)無邊框任意顏色得矩形塊。這是一個(gè)透明的按鈕。2）回到場景1，在圖層“導(dǎo)航條”上新建圖層14，改名為“按鈕”。在第35幀插入關(guān)鍵幀，從庫中拖出5個(gè)透明按鈕，分別放置在導(dǎo)航條5個(gè)項(xiàng)目上，并根據(jù)項(xiàng)目長短調(diào)整隱形按鈕的大小3）選中“HOME”上方的透明按鈕，打開動(dòng)作面板，添加動(dòng)作“on”。再添加動(dòng)作“goto”，注意，要在腳本助手中選擇“幀標(biāo)簽”，“home”，這樣，點(diǎn)擊HOME上的透明按鈕后會跳轉(zhuǎn)到

26、添加了“home”標(biāo)簽的幀上開始播放。4）采用同樣的方法，為其他4個(gè)按鈕添加動(dòng)作，他們分別跳轉(zhuǎn)到幀標(biāo)簽為“about me”、“my picture”、“diary”、“contact me”的幀上繼續(xù)播放。 5）將所使用到的聲音素材“Media1.wav”、“Media3.wav”、“Media6.wav”、“Media10.wav”、“Media12.wav”、“Media14.wav”、“Media15.wav”、“Media19.wav”導(dǎo)入到庫中 6）首先添加背景音樂。在AS圖層上新建圖層，改名為聲音。在第二幀插入關(guān)鍵幀，打開屬性面板設(shè)置聲音為“Media1.wav”、同步為“事件”

27、，重復(fù)0次。 7）在第35幀插入關(guān)鍵幀，添加聲音“Media12.wav”，同步為“事件”，重復(fù)0次。在第82、123、163、203、243幀分別插入關(guān)鍵幀，并分別添加聲音“Media3.wav”，同步為“事件”，重復(fù)0次。8）在第77幀插入關(guān)鍵幀，添加聲音“Meida19.wav”，同步為“事件”，重復(fù)999次。這個(gè)是主要的背景音樂，因此要不停的重復(fù)播放。9）給按鈕添加聲音。打開“透明按鈕”元件，新建圖層2，在“指針經(jīng)過”幀插入關(guān)鍵幀，添加聲音“Meida10.wav”，同步為“事件”，重復(fù)0次。在點(diǎn)擊幀插入關(guān)鍵幀，添加聲音“Media6.wav”，同步為“事件”，重復(fù)0次。10）給影片剪

28、輯添加聲音。打開“泡泡”元件，新建圖層3，在第33幀插入關(guān)鍵幀，添加聲音“Meida14.wav”，同步為“事件”，重復(fù)0次。在第155幀插入關(guān)鍵幀，添加聲音“Meida15.wav”，同步為“事件”，重復(fù)0次。最后按【Ctrl】【Enter】鍵測試影片進(jìn)行修改，個(gè)人網(wǎng)站制作完成。 8.2 利用利用Flash進(jìn)行電子相冊的制作技進(jìn)行電子相冊的制作技巧巧寵物電子相冊制作方法寵物電子相冊制作方法 ：1）新建一個(gè)Flash動(dòng)畫文件。點(diǎn)擊【修改】【文檔】命令，在打開的文檔屬性對話框中，設(shè)置舞臺大小為800600，幀頻為12。2）將圖層1改名為“背景”。我們首先來繪制背景，使用直線工具和箭頭工具在舞臺上

29、繪制如圖所示的線條。然后給4個(gè)部分填充顏色，每部分顏色RGB值如圖所示。然后將線條全部刪除，只剩下顏色塊。在第9幀插入幀，鎖定該層 3）新建圖層2，改名為“圖案文字”。使用矩形工具，在舞臺中心繪制一個(gè)圓角矩形，邊框是粗細(xì)為5的紅色點(diǎn)狀線，填充色為30透明度的白色。然后再繪制一個(gè)白色的小狗爪子的圖案，并轉(zhuǎn)換為元件“狗爪”。4）使用文本工具在舞臺上輸入文字“Photo Album”，字體為Arial Baltic，70號，顏色值為D64100，加粗，字間距為-3，然后將其順時(shí)針旋轉(zhuǎn)90度，放置在舞臺左側(cè)。在舞臺中心輸入文字“My Pets ”，字體為DFKanTingLiu-B5，90號，白色，加

30、粗，字間距為2。然后在第2幀插入空白關(guān)鍵幀，鎖定該層。5）新建圖層3，改名為“照片背景”。使用矩形工具繪制一個(gè)大矩形，邊框是粗細(xì)為5的紅色點(diǎn)狀線，填充色為30透明度的白色，放置在舞臺偏下的位置。然后在舞臺左上角輸入文字“My Pets Album”，字體為DFKanTingLiu-B5，90號，白色，加粗。然后從庫中將“狗爪”元件拖放到文字右邊，效果如圖所示。鎖定該層。6）新建圖層4，改名為“遮罩”。第2幀插入關(guān)鍵幀，點(diǎn)擊【視圖】【標(biāo)尺】命令，從標(biāo)尺處拖出2條水平輔助線，縱坐標(biāo)分別為100和550；再拖出2條垂直輔助線，橫坐標(biāo)分別為50和750。然后在輔助線圍成的方形處繪制一個(gè)任意顏色矩形，如

31、圖所示。這個(gè)矩形實(shí)際上就是播放相片的窗口。7）新建圖層5，拖放在“遮罩”層下方，并改名為“相片”，將“遮罩層”隱藏。點(diǎn)擊【文件】【導(dǎo)入】【導(dǎo)入到庫】命令，將圖片1.jpg至8.jpg導(dǎo)入到庫中。在“相片”層的第2幀插入關(guān)鍵幀，從庫中將圖片1.jpg拖放到舞臺上，調(diào)整其大小和位置，使其能充滿輔助線圍起的矩形框。 8）在圖層“相片”的第3幀插入空白關(guān)鍵幀，將圖片2.jpg拖放到舞臺上，調(diào)整其大小和位置。使用相同的方法，繼續(xù)插入空白關(guān)鍵幀并放入圖片，最終將8張圖片全部放進(jìn)“相片”圖層，每個(gè)關(guān)鍵幀中有一張圖片。9）顯示“遮罩”圖層，并在該層上點(diǎn)擊右鍵，選擇“遮罩”，“相片”圖層為被遮罩層。時(shí)間軸及效果

32、如圖所示。10）“遮罩”層上新建圖層6，改名為“按鈕”。選中第一幀，在矩形框下輸入文字“entry”，字體為Arial，30號，白色。將文字轉(zhuǎn)換為按鈕元件，打開其編輯窗口，在“點(diǎn)擊”幀插入關(guān)鍵幀，在文字位置繪制一個(gè)小矩形做為點(diǎn)擊反應(yīng)區(qū)。11）回到場景1，選中該按鈕，在動(dòng)作面板輸入命令： on (release) nextFrame(); 再選中“按鈕”層的第一幀，在動(dòng)作面板輸入命令“stop();”。這樣，動(dòng)畫不會自動(dòng)播放，只有當(dāng)點(diǎn)擊按鈕后才會跳轉(zhuǎn)到第2幀。12）在第2幀插入空白關(guān)鍵幀，單擊【窗口】【公用庫】【按鈕】命令，在打開的公用按鈕庫中，找到classic buttons 文件夾下ova

33、ls文件夾中的按鈕，依次從庫中拖出紅色、黃色、綠色、橙色四個(gè)按鈕放在舞臺右上方，從左到右水平排列。13）使用文本工具在紅、黃、綠、橙4個(gè)按鈕下依次輸入文字“Home”、“Back”、“Next”、“Exit”，字體為Arial Black，15號，白色，加粗。按鈕及文字位置如圖所示。14）選中紅色按鈕，在動(dòng)作面板輸入： on (release) gotoAndPlay(1);/返回第一幀；選中黃色按鈕，在動(dòng)作面板輸入： on (release) prevFrame();/跳轉(zhuǎn)并停止到前一幀；選中綠色按鈕，在動(dòng)作面板輸入： on (release) nextFrame();/跳轉(zhuǎn)并停止到下一幀；

34、選中橙色按鈕，在動(dòng)作面板輸入： on (release) fscommand(“quit”);/退出。15）按【Ctrl】【Enter】鍵測試影片，電子相冊制作完畢。Flash 8提供了一個(gè)電子相冊的模板，我們使用這個(gè)模版，只需要向里面添加關(guān)鍵幀，再導(dǎo)入自己的照片就可以了，下面我們對這個(gè)模板的使用方法進(jìn)行簡單的說明。使用這個(gè)模板，首先要點(diǎn)擊【文件】【新建】命令，在打開的“新建文檔”對話框中，選擇【模板】選項(xiàng)卡，如圖所示。然后，在左側(cè)類別中選擇“照片幻燈片放映”，在右側(cè)模板中選擇“現(xiàn)代照片幻燈片放映”，點(diǎn)擊確定進(jìn)入一個(gè)新文檔的編輯窗口，如圖所示。圖層“piature layer”是放置照片的圖層

35、，每個(gè)關(guān)鍵幀中放置一張照片；圖層“Captions”是在舞臺左下角給每張照片添加文字說明的圖層；圖層“Title,Date”是在舞臺左上方輸入此相冊的主題和日期的圖層。因此，使用這個(gè)模板我們只需要修改這三個(gè)圖層的內(nèi)容，其他的圖層只需要插入幀向后延續(xù)即可。最后保存文件，使用模版制作的電子相冊就完成了。 8.3 利用利用Flash進(jìn)行幻燈片的制作進(jìn)行幻燈片的制作用Flash自帶的幻燈片演示文稿模板制作一個(gè)商業(yè)產(chǎn)品推廣的幻燈片。步驟如下：1）單擊【文件】【新建】命令，在打開的“新建文檔”對話框中，選擇【模板】選項(xiàng)卡，然后在類別中選擇“幻燈片演示模板”，再在模板中選擇“古典型幻燈片簡報(bào)”。2）點(diǎn)擊確定后，創(chuàng)建一個(gè)如圖所示的幻燈片文件。 窗口分為兩個(gè)部分，左邊是屏幕窗口，顯示了幻燈片的縮略圖和結(jié)構(gòu)，右邊的舞臺中是幻燈片的內(nèi)容，這些幻燈片也稱為“屏幕”。這些屏幕都是層層嵌套的，即下面的屏幕繼承上面屏幕的內(nèi)容。 最頂層的“Presentation”中是幻燈片的背景圖片和兩個(gè)上下翻頁的按鈕， “Title”中是幻燈片的標(biāo)題，“ContentHeader”中是幻燈片的主體部分，下面的“MarchSales”、“WidgetSuccess”等都是幻燈片的內(nèi)容。打開時(shí)間軸面板，再選擇不同的幻燈片，我們可以看到，每個(gè)幻燈片都有自己獨(dú)立的時(shí)間軸，可以根據(jù)需要在右邊窗口進(jìn)行修改。 3）在屏幕窗口選中幻