目錄導入案例一電子地圖制作導入案例二環形旋轉文字導入案例三寶寶的相冊項目一瀏覽婚禮照片項目拓展風景無限美妙12345目錄學習情境練習67學習情境小結教學要求學習情境學習內容能力要求導入案例一：電子地圖制作隱形按鈕的制作遮罩動畫引導線動畫ActionScript語言電子相冊的種類及風格特點掌握隱形按鈕的制作方法熟練掌握遮罩及引導線動畫的創建及使用ActionScript語言的基本應用方法根據客戶需要完成電子相冊的制作導入案例二：環形旋轉文字導入案例三：寶寶的相冊項目一：瀏覽婚禮照片擴展項目：風景無限美妙3.1導入案例一電子地圖制作

本案例主要介紹在FlashCS5中，創建和使用隱形按鈕的方法。通過隱形按鈕的創建可以對地圖中的建筑物和道路進行動態的介紹，即鼠標一放到某個位置上就會彈出相關文字介紹，例如：該大廈的名稱及相關信息，最終案例效果如圖3-1所示。圖3-1“電子地圖”效果3.1.1案例效果在本案例中，主要解決以下問題：1．“按鈕”元件的創建與作用。2．“對齊”屬性面板的使用方法。3．“鋼筆工具”及“顏料桶工具”的使用方法。3.1.2案例目的1．新建文件并導入素材（1）選擇“文件｜新建”命令，在彈出的新建文檔對話框中選擇“ActionScript2.0”，單擊“確定”按鈕，進入新建文檔舞臺窗口。（2）選擇“文件｜導入｜導入到庫”命令，在彈出的“導入到庫”對話框中選擇“學習情境3｜素材｜電子地圖”文件夾下的文件，單擊“打開”按鈕，該圖片將被導入到“庫”中，使用“選擇工具”將其拖入至舞臺窗口，按“Ctrl+K”組合鍵，調出“對齊”面板，選中“對齊/相對舞臺分布”單選項，然后單擊“水平中齊”、“垂直中齊”、“匹配寬度”、“匹配高度”4個圖標，使圖片與舞臺大小相符合，效果如圖3-2所示。2．制作隱形按鈕（1）將“圖層1”重新命名為“背景”，在“背景”圖層中單擊“鎖定/解除鎖定所有圖層”按鈕，鎖定“背景”圖層。單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“按鈕”。（2）選擇“鋼筆工具”對右邊最高的大廈進行勾勒，再用“顏料桶工具”對此勾選的范圍進行填充，如圖3-3所示。3.1.3案例操作步驟（3）選擇“選擇工具”對鋼筆勾勒的范圍雙擊，將其選取，按下“F8”鍵，在彈出的“轉化為元件”對話框中，在“名稱”選項文本框中輸入“按鈕”，在“類型”下拉列表中選擇“按鈕”類型，將其轉換為按鈕元件，如圖3-4所示。雙擊該“按鈕”元件，進入按鈕編輯狀態，在“點擊”狀態幀上單擊鼠標右鍵，在彈出的菜單中選擇“插入關鍵幀”命令，如圖3-5所示。圖3-3勾勒建筑并填充顏色圖3-2圖片素材

3-4“轉換為元件”對話框圖3-5點擊狀態（4）選取“彈起”狀態幀，按下“Delete”鍵，將該關鍵幀上的內容刪除，如圖3-6所示。（5）在“指針經過”狀態幀上單擊鼠標右鍵，在彈出的菜單中選擇“插入空白關鍵幀”命令，在此空白關鍵幀上，選用文本工具輸入“世貿大廈”幾個字，這時空白關鍵幀變成了關鍵幀，如圖3-7所示。圖3-6彈起狀態圖3-7指針經過狀態（6）用同樣的方法，再為其余2個高層建筑進行標注，當鼠標指針指到該高層建筑上時分別顯示“國際商廈”及“五星級酒店”字樣及相關的說明信息，庫面板如圖3-8所示。（7）單擊“時間軸”面板下方的“場景1”圖標，進入“場景1”的舞臺窗口。大廈被蒙上了一層透明的青色，這就是隱形按鈕，如圖3-9所示。按下“Ctrl+Enter”鍵進行測試，效果如圖3-1所示，鼠標放置在右側最高的大廈上時，鼠標指針變成手形，并且旁邊出現了“世貿大廈”4個字。圖3-9隱形按鈕相關知識1.執行“修改｜變形｜垂直（水平）翻轉”，可將選中的對象垂直（水平）翻轉。2.對象的傾斜：選中“變形”面板中的“傾斜”單選按鈕，即可將選中對象旋轉或復制一個傾斜的對象。相關知識圖3-8庫面板圖3-8庫面板1.將圖形轉換為元件，除了可以按“F8”鍵外，也可在選中的圖形上單擊鼠標右鍵，從彈出的快捷菜單中選擇“轉換為元件”命令，還可以執行菜單命令“修改｜轉換為元件”，這三種方法都會彈出“轉換為元件”對話框。相關知識3.2導入案例二環形旋轉文字

本案例主要介紹通過“文字工具”、“鋼筆工具”、“顏料桶工具”、“任意變形工具”及“遮罩”動畫的綜合使用來制作環形文字旋轉效果。在“遮罩”動畫的創建過程中，重點掌握好“遮罩”層與“被遮罩”層的關系，通過本案例的實施，能夠熟練運用“遮罩”動畫實現文字環繞的立體效果，最終案例效果如圖3-10所示。圖3-10“環形旋轉文字”效果3.2.1案例效果在本案例中，主要解決以下問題：1．“文字工具”的使用。2．“任意變形工具”的使用。3．“顏料桶工具”的使用。4．“鋼筆工具”的使用。5．“遮罩”動畫的創建，確定好“遮罩”層與“被遮罩”層的關系。3.2.2案例目的1．新建文件并導入素材（1）選擇“文件｜新建”命令，在彈出的新建文檔對話框中選擇“ActionScript2.0”，單擊“確定”按鈕，進入新建文檔舞臺窗口。（2）選擇“文件｜導入｜導入到庫”命令，在彈出的“導入到庫”對話框中選擇“學習情境3｜素材｜環形文字”文件夾下的全部文件，單擊“打開”按鈕，將所有圖片都導入到“庫”中，使用“選擇工具”將“環形文字”圖片拖入至舞臺窗口，按“Ctrl+K”組合鍵，調出“對齊”面板，選中“對齊/相對舞臺分布”單選項，然后單擊“水平中齊”、“垂直中齊”、“匹配寬度”、“匹配高度”4個圖標，使圖片與舞臺大小相符合，效果如圖3-11所示。圖3-11環形文字3.2.3案例操作步驟圖3-12轉化為元件圖3-13創建傳統補間2．制作文字旋轉效果（1）選中“環形文字”圖片，按下“F8”鍵，在彈出的“轉化為元件”對話框中，在“名稱”選項文本框中輸入“旋轉文字”，在“類型”下拉列表中選擇“影片剪輯”類型，單擊“確定”按鈕，將其轉換為影片剪輯元件，如圖3-12所示。雙擊該“影片剪輯”元件，進入其編輯狀態，在第200幀上單擊鼠標右鍵，在彈出的菜單中選擇“插入關鍵幀”命令，選中第1幀，單擊鼠標右鍵，從彈出的快捷菜單中選擇“創建傳統補間”命令，如圖3-13所示。（2）單擊第1幀，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“旋轉”下拉列表中選擇“順時針”，次數為1次，設置效果如圖3-14所示。（3）單擊“時間軸”面板下方的“場景1”圖標，進入“場景1”的舞臺窗口。選擇“任意變形工具”，將“環形文字”擠壓成橢圓形，如圖3-15所示。圖3-14設置旋轉參數圖3-15擠壓“環形文字”（4）在當前區域復制該影片剪輯，選中位于下方的影片剪輯，在“屬性”面板中將“色彩效果”下的，“樣式”下拉列表設定為“高級”，設置“紅”、“綠”、“藍”的值均為“-100%”，設置“Alpha”值為“20%”，設置如圖3-16所示，圖片效果如圖3-17所示。圖3-16圣誕樹填充綠色圖3-17設置屬性后的效果3.制作遮罩效果（1）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“人物”，將圖層1命名為“旋轉文字”，并將圖層“人物”拖到“旋轉文字”下面。如圖3-18所示。單擊圖層“人物”，然后選擇“選擇工具”，將“人物”圖片從庫中拖動至舞臺窗口中，如圖3-19所示。圖3-18圖層面板圖3-19將“人物”拖至舞臺窗口（2）調整每個圖形的位置。將“人物”圖片調整到舞臺的中央位置，將作為陰影的影片剪輯“旋轉文字”再壓扁一些并圈在人物的底部，將彩色影片剪輯“旋轉文字”圈在人物的周圍，最終位置如圖3-20所示。（3）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“被遮罩”，將“人物”圖片按原位置復制到該圖層。（4）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“遮罩”，鎖定“遮罩”圖層外的其它圖層，準備在該圖層繪制遮罩區域。（5）用“鋼筆”工具在“遮罩”圖層繪制遮罩區域，該區域用來確定需要顯示的文字前端的人物部分，完成后使用“顏料桶工具”為其填充任意一種顏色，如圖3-21所示。圖3-20調整位置圖3-21繪制遮罩區域并填充顏色圖3-22繪制白色圓形圖3-23測試效果圖（6）完成遮罩的繪制后，在“遮罩”圖層的面板上右擊鼠標選擇“遮罩”，此時“遮罩”圖層和“被遮罩”圖層將建立遮罩關系，時間軸面板如圖3-22所示。（7）按“Ctrl+Enter”組合鍵即可查看效果，如圖3-23所示。1.添加多個“被遮罩”層的方法。其一，將現有圖層直接拖到“遮罩”層下面；其二，在“遮罩”層下面的任何地方創建一個新圖層；其三，選擇“修改｜時間軸｜圖層屬性”命令，然后選擇“被遮罩”選項。相關知識3.3導入案例三寶寶的相冊

本案例主要介紹通過“文字工具”、“任意變形工具”、“顏色”面板、“庫”面板的使用，“按鈕”元件的創建，“傳統補間動畫”的應用，及“ActionScript”語言的編寫及“場景”的綜合運用，來完成“寶寶的相冊”的創作。在本案例的創作過程中，要掌握“ActionScript”腳本語言的編寫方法及作用，明確“場景”的作用，最終案例效果如圖3-24所示。圖3-24“寶寶的相冊”效果3.3.1案例效果在本案例中，主要解決以下問題：1．“文字工具”及“任意變形工具”的使用。2．“顏色”面板及“庫”面板的使用。3．“傳統補間動畫”的創建與作用。4．“ActionScript”語言的編寫與相關語句作用。5．“場景”的綜合運用。3.3.2案例目的1．新建文件并導入素材（1）選擇“文件｜新建”命令，在彈出的新建文檔對話框中選擇“ActionScript2.0”，單擊“確定”按鈕，進入新建文檔舞臺窗口。（2）選擇“文件｜導入｜導入到庫”命令，在彈出的“導入到庫”對話框中選擇“學習情境3｜素材｜寶寶的相冊”文件夾下的全部文件，單擊“打開”按鈕，將所有圖片都導入到“庫”中，使用“選擇工具”將“背景”圖片拖入至舞臺窗口，按“Ctrl+K”組合鍵，調出“對齊”面板，選中“對齊/相對舞臺分布”單選項，然后單擊“水平中齊”、“垂直中齊”、“匹配寬度”、“匹配高度”4個圖標，使圖片與舞臺大小相符合，效果如圖3-25所示。3.3.3案例操作步驟圖3-25背景圖片2．制作“背景”影片剪輯元件（1）選中“背景”圖片，按下“F8”鍵，在彈出的“轉化為元件”對話框中，在“名稱”選項文本框中輸入“背景”，在“類型”下拉列表中選擇“影片剪輯”類型，單擊“確定”按鈕，將其轉換為影片剪輯元件，如圖3-26所示。（2）雙擊該“影片剪輯”元件，進入其編輯狀態，將“圖層1”重新命名為“背景”，在“背景”圖層中單擊“鎖定/解除鎖定所有圖層”按鈕，鎖定“背景”圖層。單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“照片1”。將“背景”圖層移到“照片1”圖層的上方。（3）單擊“照片1”圖層，選中第1幀，然后選擇“選擇工具”，將“照片1”圖片從庫中拖動至舞臺窗口中，如圖3-27所示。圖3-26轉換為元件圖3-27照片1（4）單擊“照片1”圖層，在第13幀、第25幀上單擊鼠標右鍵，在彈出的快捷菜單中選擇“插入關鍵幀”命令，選中第1幀及第13幀，分別單擊鼠標右鍵，從彈出的快捷菜單中選擇“創建傳統補間”命令，時間軸面板如圖3-28所示。（5）單擊“照片1”圖層，選中第1幀，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“旋轉”下拉列表中選擇“順時針”，次數為1次，設置效果如圖3-29所示。圖3-28時間軸面板圖3-29設置旋轉參數（6）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“照片2”。將“背景”圖層移到“照片2”圖層的上方。（7）單擊“照片2”圖層，選中第1幀，然后選擇“選擇工具”，將“照片2”圖片從庫中拖動至舞臺窗口中，如圖3-30所示。（8）單擊“照片2”圖層，在第5幀、第10幀、第15幀及第20幀上單擊鼠標右鍵，在彈出的快捷菜單中選擇“插入關鍵幀”命令，選中第5幀使用“任意變形工具”對其進行適當縮小，選中第10幀使用“任意變形工具”對其進行適當放大，選中第15幀使用“任意變形工具”對其進行適當縮小并逆時針旋轉，選中第20幀使用“任意變形工具”對其進行適當放大并順時針旋轉，時間軸面板如圖3-31所示。圖3-30照片2圖3-31時間軸面板（9）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“文字”。選擇“文本工具”，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“系列”下拉列表中選擇“楷體”，“顏色”設為綠色（#00FF00），大小為62點，設置完成后在左下方輸入“寶寶的相冊”五個字，其“屬性”面板如圖3-32所示，文字效果如圖3-33所示。（10）選中“文字”圖層中的文字，按下“F8”鍵，在彈出的“轉化為元件”對話框中，在“名稱”選項文本框中輸入“字”，在“類型”下拉列表中選擇“圖形”類型，單擊“確定”按鈕，將其轉換為圖形元件，如圖3-34所示。（11）選中“文字”圖層的第10幀及第20幀，按下“F6”鍵插入“關鍵幀”，選中第10幀，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“樣式”下拉列表中選中“Alpha”選項，將其不透明度設為“30%”按如圖3-35所示。圖3-32“文字”屬性面板圖3-33文字效果圖3-35屬性面板圖3-34轉換為元件

圖3-36“場景”面板圖3-37“場景2”舞臺窗口

（2）選中“圖層1”將其重新命名為“底圖”，使用“選擇工具”將“底圖”圖片拖入至舞臺窗口，按“Ctrl+K”組合鍵，調出“對齊”面板，選中“對齊/相對舞臺分布”單選項，然后單擊“水平中齊”、“垂直中齊”、“匹配寬度”、“匹配高度”4個圖標，使圖片與舞臺大小相符合，效果如圖3-38所示。選中“底圖”圖層的第71幀，按“F5”鍵，插入普通幀。3．制作“照片”圖形元件（1）單擊“時間軸”面板下方的“場景1”圖標，進入“場景1”的舞臺窗口。按下“Shift+F2”組合鍵，彈出“場景”面板，單擊“添加場景”按鈕，創建“場景2”，如圖3-36所示。舞臺窗口也相應切換到“場景2”的舞臺窗口，如圖3-37所示。（3）按“Ctrl+F8”組合鍵，彈出“創建新元件”對話框，在“名稱”選項文本框中輸入“寶寶”，在“類型”下拉列表中選擇“圖形”類型，單擊“確定”按鈕，創建“寶寶”圖形元件，如圖3-39所示，舞臺窗口也同時轉換為該元件的舞臺窗口。

圖3-38底圖圖3-39創建新元件（4）選中“圖層1”將其命名為“框1”，使用“選擇工具”將“框1”圖片拖入至舞臺窗口，使用“任意變形工具”適當調整其大小。單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“寶寶”，并將其移到“框1”圖層下方，使用“選擇工具”將“寶寶”圖片拖入至舞臺窗口，使用“任意變形工具”適當調整其大小，效果如圖3-40所示。（5）用同樣的方法，分別創建圖形元件“貝貝”、“真真”、“可可”、“愛愛”，效果分別如圖3-41、圖3-42、圖3-43及3-44所示。

圖1-56將第1個橢圓放在字母“A”上部圖3-42真真圖3-41貝貝圖3-44愛愛圖3-43可可

圖3-45按鈕元件圖3-46星3．制作按鈕元件（1）單擊“時間軸”面板下方的“場景2”圖標，進入“場景2”的舞臺窗口。按“Ctrl+F8”組合鍵，彈出“創建新元件”對話框，在“名稱”選項文本框中輸入“星”，在“類型”下拉列表中選擇“按鈕”類型，單擊“確定”按鈕，創建“星”按鈕元件，如圖3-45所示，舞臺窗口也同時轉換為該元件的舞臺窗口。（2）使用“選擇工具”將“星”圖片拖入至舞臺窗口，單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層。選擇“文本工具”，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“系列”下拉列表中選擇“迷你簡花蝶”，“顏色”設為粉色（#FF00FF），大小為23點，設置完成后輸入“關閉”二個字，文字效果如圖3-46所示。（3）同時選中“圖層1”及“圖層2”的指針經過幀，按“F6”鍵，插入“關鍵幀”，然后選擇“任意變形工具”，按住“Alt+Shift”組合鍵的同時，將其縮小，如圖3-47所示。其時間軸面板如圖3-48所示。

圖3-47縮小“星”圖3-48時間軸（4）按“Ctrl+F8”組合鍵，彈出“創建新元件”對話框，在“名稱”選項文本框中輸入“寶寶的照片”，在“類型”下拉列表中選擇“按鈕”類型，單擊“確定”按鈕，創建“寶寶的照片”按鈕元件，舞臺窗口也同時轉換為該元件的舞臺窗口。（5）使用“選擇工具”將“魚”圖片拖入至舞臺窗口，單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“文字”。選擇“文本工具”，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“系列”下拉列表中選擇“迷你簡花蝶”，顏色為黃綠色（#CCFF00），大小為23點，設置完成后輸入“寶寶的照片”五個字，文字效果如圖3-49所示。（6）同時選中“圖層1”及“文字”圖層的指針經過幀，按“F6”鍵，插入“關鍵幀”，然后選擇“文字”圖層的指針經過幀，按“Ctrl+F3”組合鍵，打開“屬性”面板，將其顏色設為粉色（#FF00FF），文字效果如圖3-50所示。

圖3-49黃縁色文字圖3-50粉色文字

（7）用同樣的方法，分別創建按鈕元件“貝貝的照片”、“真真的照片”、“可可的照片”、“愛愛的照片”，效果分別如圖3-51、圖3-52、圖3-53及3-54所示。圖3-51“貝貝”按鈕元件的彈起及指針經過幀

圖3-52“真真”按鈕元件的彈起及指針經過幀圖3-53“可可”按鈕元件的彈起及指針經過幀圖3-54“愛愛”按鈕元件的彈起及指針經過幀4．制作放大照片（1）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“目錄”。分別將“庫”面板中的按鈕元件“寶寶的照片”、“貝貝的照片”、“真真的照片”、“可可的照片”、“愛愛的照片”，拖曳到舞臺窗口中，選擇“任意變形工具”將按鈕逐個變形并放置到舞臺窗口的左側，效果如圖3-55所示。

圖3-55按鈕元件放入舞臺窗口（2）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“陰影”。選中“陰影”圖層的第2幀，按“F6”鍵，插入“關鍵幀”。單擊“目錄”圖層，選中第1幀，單擊鼠標右鍵，從彈出的快捷菜單中選擇“復制幀”，選中“陰影”圖層的第2幀，單擊鼠標右鍵，從彈出的快捷菜單中選擇“粘貼幀”。（3）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“文字”。選擇“文本工具”，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“系列”下拉列表中選擇“迷你簡花蝶”，顏色為綠色（#006600），大小為38點，設置完成后輸入“點擊選擇”四個字。在“系列”下拉列表中選擇“文鼑齒輪體”，顏色為綠色（#00CC00），大小為46點，設置完成后輸入“寶寶”二個字。在“系列”下拉列表中選擇“文鼑花瓣體”，顏色為綠色（#00FF33），大小為50點，設置完成后輸入“照片”二個字，文字效果如圖3-56所示。在“文字”層的第71幀，按“F5”鍵插入普通幀。

圖3-56文字效果（4）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“寶寶”，選中該圖層的第2幀，按“F6”鍵插入關鍵幀，使用“選擇工具”將庫面板中的圖形元件“寶寶”拖曳至舞臺窗口的右上方，效果如圖3-57所示。（5）單擊“寶寶”圖層，選中第10幀及第15幀，單擊鼠標右鍵，在彈出的菜單中選擇“插入關鍵幀”命令。選中第10幀，在舞臺窗口中選中“寶寶”實例，按住“Shift”鍵同時，將其垂直向下拖曳到舞臺窗口中，效果如圖3-58所示。

圖3-57圖片在窗口右上角圖3-58圖片垂直向下移動5．制作動畫并添加腳本語言（1）分別用鼠標右鍵單擊“寶寶”圖層的第2幀及第10幀，從彈出的快捷菜單中選擇“創建傳統補間”命令，如圖3-59所示。

圖3-59時間軸（2）單擊“時間軸”面板下方的“新建圖層”按鈕，再創建四個新圖層，并將其分別命名為“貝貝”、“真真”、“可可”及“愛愛”。選中“寶寶”圖層的第2幀至第15幀，單擊鼠標右鍵，從彈出的快捷菜單中選擇“復制幀”命令，然后分別選擇“貝貝”、“真真”、“可可”及“愛愛”圖層的第16幀、第30幀、第44幀及第58幀，單擊鼠標右鍵，從彈出的快捷菜單中選擇“粘貼幀”命令。（3）選擇“貝貝”圖層的第16幀及第24幀，單擊鼠標右鍵從彈出的快捷菜單中選擇“創建傳統補間”命令，完成動畫效果的創建。同樣，在“真真”圖層的第30幀及第38幀、“可可”圖層的第44幀及第52幀與“愛愛”圖層的第58幀及第66幀分別單擊鼠標右鍵，從彈出的快捷菜單中選擇“創建補間動畫”命令，完成動畫效果的創建，其時間軸面板如圖3-60所示。

圖3-60時間軸（4）選中“寶寶”圖層的第15幀，選擇菜單“窗口｜動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0”,單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜時間軸控制｜gotoAndStop”命令，如圖3-61所示。在腳本語言后面的括號中輸入數字“1”，在腳本窗口中顯示出選擇的腳本語言，如圖3-62所示。設置完成動作腳本后，關閉“動作”面板。在“寶寶”圖層的第15幀上顯示出標記“a”,如圖3-63所示。

圖3-61腳本語言窗口圖3-62腳本語言圖3-63時間軸（5）同樣，分別選中“貝貝”、“真真”、“可可”及“愛愛”圖層的第29幀、第43幀、第57幀及第71幀，選擇菜單“窗口｜動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0”,單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜時間軸控制｜gotoAndStop”命令，在腳本語言后面的括號中輸入數字“1”，為其添加腳本語言，時間軸面板如圖3-64所示。

圖3-64時間軸（6）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“按鈕”。分別選擇“按鈕”圖層的第10幀及第11幀、第24幀及第25幀、第38幀及第39幀、第52幀及第53幀、第66幀及第67幀，按“F6”鍵，插入關鍵幀。（7）選中“按鈕”圖層的第10幀，將庫面板中的按鈕元件“星”拖曳到相框的右下角，并使用“任意變形工具”調整其大小及位置，效果如圖3-65所示，使用同樣的方法選中“按鈕”圖層第24幀、第38幀、第52幀、第66幀，放置“星”按鈕元件，其時間軸面板如圖3-66所示。

圖3-65“星”按鈕

圖3-66時間軸（8）選中“按鈕”圖層的第10幀，在舞臺窗口中選中“星”實例，選擇菜單“窗口｜動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0”,單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜影片剪輯控制｜on”命令，如圖3-67所示,在腳本語言后面的括號中選擇“press”命令，為其添加腳本語言。接著繼續單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜時間軸控制｜gotoAndPlay”命令，在腳本語言后面的括號中輸入數字“11”，為其添加腳本語言。最終在腳本窗口中顯示出選擇的腳本語言，如圖3-68所示。圖3-67腳本語言

圖3-68腳本語言窗口（9）使用同樣的方法選中“按鈕”圖層第24幀、第38幀、第52幀、第66幀中的“星”實例并對其進行操作，只需將腳本語言后面括號中的數字改成該幀的后一幀的幀數即可，如圖3-69所示。圖3-69腳本語言窗口（10）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“動作腳本”。分別選中第10幀、第24幀、第38幀、第52幀、第66幀，按“F6”鍵，插入關鍵幀。（11）選擇“動作腳本”圖層的第1幀，選擇菜單“窗口｜動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0”,單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜時間軸控制｜Stop”命令，在腳本窗口中顯示出選擇的腳本語言。用相同的方法對“動作腳本”圖層其它關鍵幀進行操作，時間軸面板如圖3-70所示

圖3-70時間軸12）單擊“目錄”圖層，在舞臺窗口中選擇“寶寶的照片”實例，選擇菜單“窗口｜動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0”,單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜影片剪輯控制｜on”命令，在腳本語言后面的括號中選擇“press”命令，為其添加腳本語言。接著繼續單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜時間軸控制｜gotoAndPlay”命令，在腳本語言后面的括號中輸入數字“2”，為其添加腳本語言。最終在腳本窗口中顯示出選擇的腳本語言，如圖3-71所示。

圖3-71腳本語言窗口（13）使用同樣的方法分別對“目錄”圖層中的其它按鈕實例，“貝貝的照片”、“真真的照片”、“可可的照片”及“愛愛的照片”進行操作，只需修改腳本語言后面括號中的數字，將其改成與按鈕實例名稱對應圖層的首個非空白關鍵幀的幀數即可，如圖3-72所示。

圖3-72腳本語言窗口6．制作場景（1）按“Shift+F2”組合鍵，調出“場景”面板，選擇“場景1”，在“場景1”的第55幀，按“F5”鍵，插入普通幀。（2）使“場景1”位于“場景2”的上方，場景面板如圖3-73所示。按“Ctrl+Enter”組合鍵即可查看效果，最終運行效果如圖3-24所示。圖3-73場景面板3.4項目一瀏覽婚禮照片

Flash電子相冊是將照片連接起來，形成動態影片，在Internet上和朋友們分享的一種方式。通過這種方式可以記錄幸福的時光，表達對生活的熱愛。相信大家通過該項目的演練，能夠對電子相冊的創作得心應手。3.4.1項目效果本項目主要介紹通過“文字工具”、“任意變形工具”、“顏色”面板、“庫”面板、“元件”的創建與使用、“傳統補間動畫”的制作、“ActionScriptr語言”的編寫及“場景”的創建與應用等知識來制作“瀏覽婚禮照片”項目。通過該項目的創建，學習腳本語言的編寫與語句作用，掌握“傳統補間動畫”的創建方法及“場景”的創建與作用，最終項目效果如圖3-74所示。圖3-74“瀏覽婚禮照片”場景1及場景2效果在本案例中，主要解決以下問題：1．“文字工具”及“任意變形工具”的使用。2．“庫”面板的使用。3．“傳統補間動畫”的創建與作用。4.“遮罩動畫”的創建與作用。5．“ActionScript”語言的編寫與相關語句作用。6．“場景”的綜合運用。3.4.2案例目的3.4.3項目技術實訓1．導入圖片（1）選擇“文件｜新建”命令，在彈出的新建文檔對話框中選擇“ActionScript2.0”，單擊“確定”按鈕，進入新建文檔舞臺窗口。按“Ctrl+F3”組合鍵，彈出“屬性”面板，單擊“大小”右側“編輯”按鈕，彈出“文檔設置”對話框，將舞臺寬度設為800像素，高度設為450像素，單擊“確定”按鈕，“屬性”面板效果如圖3-75所示。圖3-75文檔屬性設置

（2）在“屬性”面板中，單擊“配置文件”右側的“編輯”按鈕，彈出“發布設置”對話框，選擇“Flash”選項卡，將“播放器”設置為“FlashPlayer10”，將“腳本”設置為“ActionScript2.0”，如圖3-76所示。（3）選擇“文件｜導入｜導入到庫”命令，在彈出的“導入到庫”對話框中選擇“學習情境3｜素材｜瀏覽婚禮照片”文件夾下的所有文件，單擊“打開”按鈕，這些圖片都被導入到“庫”面板中，效果如圖3-77所示。圖3-77“庫”面板

圖3-76“Flash”選項卡設置

單選項，然后單擊“水平中齊”

、“垂直中齊”

、“匹配寬度”

、“匹配高度”

4個圖標，使圖片與舞臺大小相符合，效果如圖3-78所示。（4）使用“選擇工具”將“首”圖片拖入至舞臺窗口，按“Ctrl+K”組合鍵，調出“對齊”面板，選中“對齊/相對舞臺分布”圖3-78背景圖片2．制作“背景”影片剪輯元件（1）選中“背景”圖片，按下“F8”鍵，在彈出的“轉化為元件”對話框中，在“名稱”選項文本框中輸入“背景”，在“類型”下拉列表中選擇“影片剪輯”類型，單擊“確定”按鈕，將其轉換為影片剪輯元件，如圖3-79所示。（2）雙擊該“影片剪輯”元件，進入其編輯狀態，將“圖層1”重新命名為“背景”，選中第30幀，按“F5”鍵，插入普通幀，在“背景”圖層中單擊“鎖定/解除鎖定所有圖層”按鈕，鎖定“背景”圖層。單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“首1”。將“背景”圖層移到“首1”圖層的上方。（3）單擊“首1”圖層，選中第1幀，然后選擇“選擇工具”，將“首1”圖片從庫中拖動至舞臺窗口中，如圖3-80所示。選中該圖片，單擊鼠標右鍵，從彈出的快捷菜單中選擇“轉換為元件”命令，在“名稱”選項文本框中輸入“首1”，在“類型”下拉列表中選擇“圖形”類型，單擊“確定”按鈕，創建“首1”圖形元件。圖3-79轉換為元件

圖3-80首1

（4）單擊“首1”圖層，在第15幀、第30幀上單擊鼠標右鍵，在彈出的菜單中選擇“插入關鍵幀”命令，選中第15幀，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“樣式”下拉列表中選擇“色調”，將“紅”及“縁”的值分別調整為“0”，如圖3-81所示。分別選中第1幀及第15幀，單擊鼠標右鍵，從彈出的快捷菜單中選擇“創建傳統補間”命令，時間軸面板如圖3-82所示。圖3-81設置“色調”參數圖3-82時間軸面板（5）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“首2”。將“背景”圖層移到“首2”圖層的上方。（6）單擊“首2”圖層，選中第1幀，然后選擇“選擇工具”，將“首2”圖片從庫中拖動至舞臺窗口中，如圖3-83所示。選中該圖片，單擊鼠標右鍵，從彈出的快捷菜單中選擇“轉換為元件”命令，在“名稱”選項文本框中輸入“首2”，在“類型”下拉列表中選擇“圖形”類型，單擊“確定”按鈕，創建“首2”圖形元件。（7）單擊“首2”圖層，選中第15幀及第30幀，單擊鼠標右鍵，在彈出的菜單中選擇“插入關鍵幀”命令，選中第15幀，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“樣式”下拉列表中選擇“高級”，將“藍”的值調整為“-100”，如圖3-84所示。圖3-83首2圖3-84設置“高級”參數3．制作“照片”圖形元件（1）單擊“時間軸”面板下方的“場景1”圖標，進入“場景1”的舞臺窗口。按下“Shift+F2”組合鍵，彈出“場景”面板，單擊“添加場景”按鈕，創建“場景2”，如圖3-85所示。舞臺窗口也相應切換到“場景2”的舞臺窗口，如圖3-86所示。圖3-85“場景”面板圖3-86“場景2”舞臺窗口（2）選中“圖層1”將其重新命名為“底圖”，使用“選擇工具”將“底圖”圖片拖入至舞臺窗口，按“Ctrl+K”組合鍵，調出“對齊”面板，選中“對齊/相對舞臺分布”

單選項，然后單擊“水平中齊”

、“垂直中齊”

、“匹配寬度”

、“匹配高度”

4個圖標，使圖片與舞臺大小相符合，效果如圖3-87所示。選中“底圖”圖層的第250幀，按“F5”鍵，插入普通幀。圖3-87底圖

（3）按“Ctrl+F8”組合鍵，彈出“創建新元件”對話框，在“名稱”選項文本框中輸入“照片”，在“類型”下拉列表中選擇“圖形”類型，單擊“確定”按鈕，創建“照片”圖形元件，舞臺窗口也同時轉換為該元件的舞臺窗口。（4）分別將“庫”面板中的圖片“1”、“2”、“3”、“4”、“5”、“6”拖曳到舞臺窗口中，并放置在同一高度，調出其“屬性”面板，將所有照片的“Y”選項設為“-60”，“X”選項保持不變。選擇“選擇工具”，按住“Shift”鍵的同時選中所有照片，按“Ctrl+K”組合鍵，調出“對齊”面板，單擊“水平平均間隔”命令，效果如圖3-88所示。

圖3-88照片元件（5）按“Alt+Shift+F9”組合鍵，調出“顏色”面板，將“填充色”設為“黑色”，“Alpha”選項設為“50%”，如圖3-89所示。選擇“矩形工具”，在工具箱中將“筆觸顏色”設為“無”，在舞臺中繪制一個矩形，將其放置到照片的下方，效果如圖3-90所示。圖3-89“顏色”面板

圖3-90設置矩形

4．制作按鈕元件（1）單擊“時間軸”面板下方的“場景2”圖標，進入“場景2”的舞臺窗口。按“Ctrl+F8”組合鍵，彈出“創建新元件”對話框，在“名稱”選項文本框中輸入“按鈕”，在“類型”下拉列表中選擇“按鈕”類型，單擊“確定”按鈕，創建“按鈕”按鈕元件，如圖3-91所示，舞臺窗口也同時轉換為該元件的舞臺窗口。（2）使用“選擇工具”將“彈起”圖片拖入至舞臺窗口，選中“指針經過”及“按下”幀，按“F7”鍵，插入空白關鍵幀，使用“選擇工具”，分別將“彈起”及“按下”圖片拖入至舞臺窗口，時間軸面板如圖3-92所示。圖3-91按鈕元件圖3-92星5．制作照片瀏覽效果（1）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“按鈕”。選中“按鈕”圖層的第2幀，按“F6”鍵，插入“關鍵幀”。單擊“按鈕”圖層，選中第1幀，將“庫”面板中的按鈕元件“按鈕”拖曳到舞臺窗口右下方，如圖3-93所示。（2）選擇“文本工具”，按“Ctrl+F3”組合鍵，打開“屬性”面板，在“系列”下拉列表中選擇“迷你簡花蝶”，顏色為綠色（#00FF00），大小為50點，設置完成后輸入“瀏覽”二個字，文字效果如圖3-94所示。圖3-93按鈕效果

圖3-94文字效果

（3）選中“按鈕”圖層的第1幀，選擇菜單“窗口｜動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0”,單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜時間軸控制｜Stop”命令，如圖3-95所示。最終在腳本窗口中顯示出選擇的腳本語言，如圖3-96所示。在“按鈕”圖層的第1幀上顯示出標記“a”,如圖3-97所示。圖3-95腳本語言窗口圖3-96腳本語言

圖3-97時間軸

（4）選中“按鈕”圖層的第1幀，在舞臺窗口中選中“按鈕”實例，選擇菜單“窗口｜動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0”,單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜影片剪輯控制｜on”命令，如圖3-98所示,在腳本語言后面的括號中選擇“release”命令，為其添加腳本語言。接著繼續單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜時間軸控制｜gotoAndPlay”命令，在腳本語言后面的括號中輸入數字“2”，為其添加腳本語言。最終在腳本窗口中顯示出選擇的腳本語言，如圖3-99所示。圖3-98腳本語言圖3-99腳本語言窗口（5）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“照片”。選中“照片”圖層的第2幀，按“F6”鍵，插入關鍵幀。將“庫”面板中的“照片”圖形元件拖曳到舞臺窗口的左邊外側，效果如圖3-100所示。（6）選中“照片”圖層的第250幀，按“F6”鍵，插入關鍵幀。按住“Shift”鍵的同時，將“照片”實例水平拖曳到舞臺窗口的右邊外側，效果如圖3-101所示。用鼠標右鍵單擊“照片”圖層的第2幀，在彈出的菜單中選擇“創建傳統補間”命令，生成動畫效果。

圖3-100照片在窗口左邊

圖3-101照片在窗口右邊

（7）在“時間軸”面板中創建新圖層并將其命名為“遮罩”。選中“遮罩”層的第2幀，按“F6”鍵，插入關鍵幀。選擇“矩形工具”，按“Ctrl+F3”組合鍵，打開“屬性”面板，將“筆觸顏色”設為白色，“筆觸高度”設為5，將“填充顏色”設為灰色（#666666），在舞臺窗口繪制一個矩形。選中“任意變形工具”，將其調整到與照片實例等高，并放置到舞臺窗口中下方，效果如圖3-102所示。（8）選擇“選擇工具”，按“Shift+Alt”組合鍵的同時，將矩形水平向左拖曳，進行復制。用相同的方法再次向右拖曳矩形進行復制，效果如圖3-103所示。

圖3-103復制矩形（9）用鼠標右鍵單擊“遮罩”圖層的名稱，在彈出的菜單中選擇“遮罩層”命令，將圖層轉換為遮罩層，如圖3-104所示。在“遮罩”圖層中單擊“鎖定/解除鎖定所有圖層”按鈕，鎖定“遮罩”圖層。

圖3-104創建遮罩效果（10）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層，并將其命名為“白框”。選擇“線條工具”，在“屬性”面板中將“筆觸顏色”設為“白色”，“筆觸高度”設為“2”，按住“Shift”鍵分別在舞臺窗口中繪制一條垂直線段和一條水平線段，如圖3-105所示。選中水平線段的同時，按住“Shift+Alt”組合鍵，向下拖曳線段，復制出一條新水平線段，并將其放置在豎直線段的下端，效果如圖3-106所示。選擇“選擇工具”同時選中3條線段，按“Ctrl+G”組合鍵組合線段，效果如圖3-107所示。將組合線段拖曳到與灰色矩形邊框重合的位置，效果如圖3-108所示。圖3-105繪制水平與垂直直線圖3-106復制水平直線圖3-107組合直線

（11）選中組合線段，按住“Alt”鍵的同時，將其向外側拖曳進行復制，共復制3次。選中任意兩個組合線段，選擇“修改｜變形｜水平翻轉”命令，將其水平翻轉。將組合線段分別放置到與舞臺窗口中的灰色矩形邊框重合的位置，效果如圖3-109所示。圖3-108直線與邊框重合圖3-109直線效果（12）選中“照片”圖層的第250幀，同前，選擇菜單“窗口｜動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設置為“ActionScript1.0&2.0”,單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數｜時間軸控制｜Stop”命令。6．制作場景（1）按“Shift+F2”組合鍵，調出“場景”面板，選擇“場景1”，在“場景1”的第55幀，按“F5”鍵，插入普通幀。（2）使“場景1”位于“場景2”的上方，場景面板如圖3-110所示。按“Ctrl+Enter”組合鍵即可查看效果，最終運行效果如圖3-111所示。圖3-110場景面板圖3-111運行效果

3.5項目拓展風景無限美妙3.5.1項目效果

本項目是“電子相冊”類創作的拓展與延伸，進一步介紹“按鈕”元件的創建與使用，尤其要重點掌握“按鈕”元件4個幀：“彈起”、“指針經過”、“按下”及“點擊”幀所起的作用。同時，進一步使用“庫”面板創建“影片剪輯”元件及“圖形元件”，使用“動作”面板添加腳本語言，使用“創建傳統補間”動畫命令創建動畫效果。本項目以這些內容為基礎進行創作，使學生掌握“電子相冊”類的創作方法與流程，最終能夠根據客戶需求及市場調研結果，設計出對應市場的“電子相冊”類動畫產品。最終項目效果如圖3-112所示。圖1-112“風景無限美妙”效果3.5.2項目目的在本項目中，主要解決以下問題：1．“文字工具”及“任意變形工具”的使用。2．“庫”面板的使用。3．“按鈕”元件的創建與作用。4.“傳統補間動畫”的創建與作用。5．“ActionScript”語言的編寫與相關語句作用。3.5.3項目技術實訓1．導入圖片（1）選擇“文件｜新建”命令，在彈出的新建文檔對話框中選擇“ActionScript2.0”，單擊“確定”按鈕，進入新建文檔舞臺窗口。按“Ctrl+F3”組合鍵，彈出“屬性”面板，單擊“大小”右側“編輯”按鈕，彈出“文檔設置”對話框，將舞臺寬度設為800像素，高度設為450像素，單擊“確定”按鈕，效果如圖3-113所示。圖3-113文檔屬性設置

（2）在“屬性”面板中，單擊“配置文件”右側的“編輯”按鈕，彈出“發布設置”對話框，選擇“Flash”選項卡，將“播放器”設置為“FlashPlayer10”，將“腳本”設置為“ActionScript2.0”，如圖3-114所示。

（3）選擇“文件｜導入｜導入到庫”命令，在彈出的“導入到庫”對話框中選擇“學習情境3｜素材｜風景無限美妙”文件夾下的所有文件，單擊“打開”按鈕，這些圖片都被導入到“庫”面板中，效果如圖3-115所示。圖3-115“庫”面板圖3-115“庫”面板（4）使用“選擇工具”將“背景”圖片拖入至舞臺窗口，按“Ctrl+K”組合鍵，調出“對齊”面板，選中“對齊/相對舞臺分布”圖3-114“Flash”選項卡設置單選項，然后單擊“水平中齊”

、“垂直中齊”

、“匹配寬度”

、“匹配高度”

4個圖標，使圖片與舞臺大小相符合，效果如圖3-116所示。圖3-116背景圖片2．制作按鈕元件（1）按“Ctrl+F8”組合鍵，彈出“創建新元件”對話框，在“名稱”選項文本框中輸入“按鈕1”，在“類型”下拉列表中選擇“按鈕”類型，單擊“確定”按鈕，創建“按鈕1”