Flash 5動(dòng)畫設(shè)計(jì)項(xiàng)目教程課件學(xué)習(xí)情境三 電子相冊(cè)制作

目錄導(dǎo)入案例一電子地圖制作導(dǎo)入案例二環(huán)形旋轉(zhuǎn)文字導(dǎo)入案例三寶寶的相冊(cè)項(xiàng)目一瀏覽婚禮照片項(xiàng)目拓展風(fēng)景無限美妙12345目錄學(xué)習(xí)情境練習(xí)67學(xué)習(xí)情境小結(jié)教學(xué)要求學(xué)習(xí)情境學(xué)習(xí)內(nèi)容能力要求導(dǎo)入案例一：電子地圖制作隱形按鈕的制作遮罩動(dòng)畫引導(dǎo)線動(dòng)畫ActionScript語(yǔ)言電子相冊(cè)的種類及風(fēng)格特點(diǎn)掌握隱形按鈕的制作方法熟練掌握遮罩及引導(dǎo)線動(dòng)畫的創(chuàng)建及使用ActionScript語(yǔ)言的基本應(yīng)用方法根據(jù)客戶需要完成電子相冊(cè)的制作導(dǎo)入案例二：環(huán)形旋轉(zhuǎn)文字導(dǎo)入案例三：寶寶的相冊(cè)項(xiàng)目一：瀏覽婚禮照片擴(kuò)展項(xiàng)目：風(fēng)景無限美妙3.1導(dǎo)入案例一電子地圖制作

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

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

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

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

圖3-36“場(chǎng)景”面板圖3-37“場(chǎng)景2”舞臺(tái)窗口

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖3-65“星”按鈕

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

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

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

圖3-71腳本語(yǔ)言窗口（13）使用同樣的方法分別對(duì)“目錄”圖層中的其它按鈕實(shí)例，“貝貝的照片”、“真真的照片”、“可可的照片”及“愛愛的照片”進(jìn)行操作，只需修改腳本語(yǔ)言后面括號(hào)中的數(shù)字，將其改成與按鈕實(shí)例名稱對(duì)應(yīng)圖層的首個(gè)非空白關(guān)鍵幀的幀數(shù)即可，如圖3-72所示。

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

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

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

圖3-76“Flash”選項(xiàng)卡設(shè)置

單選項(xiàng)，然后單擊“水平中齊”

、“垂直中齊”

、“匹配寬度”

、“匹配高度”

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

圖3-80首1

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

單選項(xiàng)，然后單擊“水平中齊”

、“垂直中齊”

、“匹配寬度”

、“匹配高度”

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

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

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

圖3-90設(shè)置矩形

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

圖3-94文字效果

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

圖3-97時(shí)間軸

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

圖3-100照片在窗口左邊

圖3-101照片在窗口右邊

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

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

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

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

3.5項(xiàng)目拓展風(fēng)景無限美妙3.5.1項(xiàng)目效果

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

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

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

、“垂直中齊”

、“匹配寬度”

、“匹配高度”

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