Flash實例教程:簡單的圖片切換特效動畫

2020-07-17 13:13:35

字體：大中小

來源：轉載

供稿：網友

1、打開FLASH，版本8.0以上都可，新建文件，大小自定，我這里默認550*400，導入幾張圖片到庫里。圖層1上拖張圖片1，匹配舞臺大小，水平、垂直中齊。加鎖。

2、添加圖層2，在第一幀上再拖張圖片2，水平、垂直中齊，右鍵--轉換為影片剪輯，名為“轉換1".雙擊進入編輯區，將圖層1延長至125幀（長短可自定），加鎖。添加圖層2，在圖層2第一幀上，選擇“矩形工具“，關閉筆觸色，關閉“對象繪制”和“緊貼至對象”，顏色碼CDCDCD，共四個色塊，從左至右的透明度分別是0%、0%、100%、100%，色塊位置如圖1：

填充類型“線性”，畫一個大小為1400*450的矩形，如圖2：

選中矩形，垂直中齊，右鍵轉換為“影片剪輯”，名“遮罩”。用右方向鍵將它右移至圖片左邊對齊，如圖3：

在第45幀處插入關鍵幀，用左方向鍵將它向左移至和圖片的右邊對齊，兩幀之間創建動畫補間。再回到第一幀上，在屬性面板里的“混合”模式里選擇“Alpha"，第45幀上“混合”模式也是“Alpha”。繼續在第75幀上插入關鍵幀，在第95幀上插入關鍵幀，將兩幀上的圖層混合模式都改為“Alpha"，選中第95幀，將屬性面板里的“顏色”模式定為“Alpha、0%”，兩幀之間再創建動畫補間。延長至125幀。回場景。如圖4：

3、在場景中將圖層1和圖層2都延長至125幀，選中圖層2的第一幀，將屬性面板的混合模式改為“圖層"，切記這是最關鍵的，不然就不會出效果的。如圖5：

再打開圖層1的鎖，在第70幀上插入關鍵幀，選中圖片，打開屬性面板，點選“交換”，將圖片交換為另一張圖片。

4、如要再繼續切換圖片就插入圖層3，在第125幀上插入關鍵幀，再選擇一張圖片重復第2、3項.這里就不重復了。為了和第一張圖片想吻合，就選中圖層1的第一幀右鍵“復制幀”，到圖層3的第125幀上“粘貼幀”，選中圖片右鍵轉換為影片剪輯,名為名為“轉換2”，雙擊進入編輯，延長至65幀，加鎖。添加圖層2，將“遮罩”影片剪輯拖入，左邊和圖片左邊對齊，45幀上插入關鍵幀，再將右邊和圖片右邊對齊，兩幀間創建動畫補間，將兩幀上的圖層混合模式都改為“Alpha"。延長至65幀，回場景。

5、將圖層3上的影片剪輯“轉換2”延長至190幀，屬性面板里的混合模式改為“圖層”。

上一篇：AS3.0與JS(HTML頁面)的數據傳送交互(自己總結)

下一篇：Flash AS 入門教程調入外部文本和加載外部mp3文件