1.3　制作第一個簡單動畫

根據上一小節中講述的Flash基本操作，以項目式的操作方式來制作完成一個簡單的電子相冊，舞臺的畫面效果如圖1.27所示，最終的動畫效果可參見光盤中的文件“效果\ch0ss11\電子相冊.swf”。

Step1　單擊“文件”|“新建”命令，或按【Ctrl+N】組合鍵，在彈出的“新建文檔”對話框的“常規”選項卡中選擇“ActionScript 3.0”選項，設置舞臺寬度和高度為720像素×540像素，幀頻默認為24fps，單擊“確定”按鈕，如圖1.28所示。

Step2　單擊“文件”|“導入”|“導入到庫”命令，在彈出的“導入到庫”對話框中選擇光盤中的“素材\ch01\1.電子相冊”中的所有圖片文件，接著單擊“打開”按鈕，“庫”面板中就出現了所需要的素材。

Step3　單擊工具箱中的“矩形工具”，在“屬性”面板中將筆觸大小設置為“0”。單擊“窗口”|“顏色”命令，或者單擊附加工具欄中的“顏色”按鈕，在“顏色類型”下拉列表框中選擇“線性漸變”選項，單擊左邊的顏色滑塊并輸入十六進制值為“FFFFFF”，單擊右邊的顏色滑塊并輸入十六進制值為“1898C3”，如圖1.29所示。

Step4　拖動鼠標將矩形覆蓋整個舞臺，如圖1.30所示，單擊工具箱中的“漸變變形工具”，將矩形順時針旋轉90°，如圖1.31所示。

Step5　將“圖層1”重命名為“背景”，新建“圖層2”并重命名為“海底沙”，單擊“海底沙”圖層的第1幀，單擊工具箱中的“線條工具”，在舞臺上繪制一個閉合的路徑，再單擊工具箱中的“選擇工具”，在路徑的上方拖動鼠標，將直線拉彎成曲線，如圖1.32所示。

Step6　在工具箱中單擊“填充顏色”，在“顏色”文本框中輸入十六進制值“#F9EECD”，按【Enter】鍵，再在工具箱中單擊“顏料桶工具”，保持“海底沙”圖層的第1幀為選中狀態，在舞臺中的閉合路徑中單擊，將顏色填充到路徑內部，如果填充不成功，可在“空隙大小”工具中選擇其他選項，效果如圖1.33所示。

Step7　新建“圖層3”重命名為“相框”，單擊工具箱中的“矩形工具”，在“屬性”面板中設置“筆觸顏色”為“#8CCBE0”，“填充顏色”為“#FFFFFF”，“筆觸大小”為“10”，“矩形選項”區域的“矩形邊角半徑”為“10”，保持“相框”圖層的第1幀為選中狀態，在舞臺中拖動鼠標繪制圓角矩形，設置該圓角矩形的寬度為“600”，高度為“450”，并放到合適的位置，如圖1.34所示。

Step8　新建“圖層4”重命名為“魚”，單擊“庫”面板，將其中的Fish、Starfish1、Starfish2、Starfish3、Starfish4、Starfish5這6張位圖拖到舞臺中合適的位置，單擊工具箱中的“任意變形工具”，將位圖進行適當縮放，效果如圖1.35所示。

Step9　單擊“插入”|“新建元件”命令，或按【Ctrl+F8】組合鍵，在彈出的“創建新元件”對話框中選擇“圖形”選項，并命名為“氣泡”。單擊工具箱中的“橢圓工具”，在“屬性”面板中設置“筆觸顏色”為“無”，“填充顏色”為“白色”，按住【Shift】鍵在“氣泡”元件的舞臺中拖動鼠標繪制白色的正圓，對白色正圓進行多次復制，并適當調整圓形大小，效果如圖1.36所示。

Step10　新建“圖層5”重命名為“氣泡”，將“庫”面板中的“氣泡”元件多次拖到場景1的舞臺中，并調整好大小、方向和位置，效果如圖1.37所示。

Step11　新建“圖層6”重命名為“照片”，將“庫”面板中的Beaver1位圖拖到舞臺中心，保持位圖為選中狀態，單擊“窗口”|“變形”命令，在彈出的“變形”面板中設置“縮放寬度”和“縮放高度”為“80％”。在“照片”圖層的第15幀右擊，在彈出的快捷菜單中選擇“插入關鍵幀”命令或者按【F6】鍵，將“庫”面板中的Beaver2位圖拖到舞臺中心，使用相同的方法進行變形，效果如圖1.38所示。

Step12　在“照片”圖層的第30幀、第45幀、第60幀均插入關鍵幀，分別將“庫”面板中的Beaver3、Beaver4、Beaver5這3張位圖拖到舞臺中心，按照Beaver1位圖的變形方式進行變形。按住【Shift】鍵選中所有圖層的第75幀右擊，在彈出的快捷菜單中選擇“插入幀”命令，時間軸的效果如圖1.39所示。

Step13　保存文件，單擊“控制”|“測試場景”命令或者按【Ctrl+Enter】組合鍵對文件進行測試。