《flash8動畫設計實例教程》第八章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

15、邊框下方輸入白色文字“l(fā)oading”，在第100幀插入幀。選中圖層2，在第100幀插入關鍵幀。選中第一幀中的矩形，使用任意變形工具將其向左壓縮，創(chuàng)建第1到第100幀的補間動畫。如圖所示。 6）回到場景1，新建圖層2改名為“l(fā)oading”，將做好的loading元件放在舞臺正中間位置。選中該影片剪輯，在動作面板輸入命令： 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幀插入空白關鍵幀。loading制作完畢。第二步 制作片頭動畫 1）新建圖層3，改名為“白色背景”。第2幀插入空白關鍵幀，在舞臺上繪制一個無邊框745409的白色矩形。將矩形轉(zhuǎn)換為圖形元件，第15幀插入關鍵幀，將第2幀的矩形縮小，創(chuàng)建第2幀到第15幀的補間動畫。第280幀插入幀，鎖定該圖層。如圖所示。 2）新建圖層4，改名為“左背景”。第20幀插入空白關鍵幀，在白色矩形左邊繪制一個無邊框285383的圓角矩形，填充色為

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

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

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

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

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

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

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

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

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

26、添加了“home”標簽的幀上開始播放。4）采用同樣的方法，為其他4個按鈕添加動作，他們分別跳轉(zhuǎn)到幀標簽為“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”導入到庫中 6）首先添加背景音樂。在AS圖層上新建圖層，改名為聲音。在第二幀插入關鍵幀，打開屬性面板設置聲音為“Media1.wav”、同步為“事件”

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

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

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

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

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

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

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

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

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