酷知百科網

位置:首頁 > 母嬰教育 > 學習交流

Flash中怎麼製作圖片切換動畫特效

Flash是動畫的意思,經常用來處理圖片動畫製作剪輯。Flash的安裝簡單,用破解版本可以一步搞定,介面也很簡潔、可以根據個人需要而做出調整。現在,我們來看看怎麼使用Flash製作圖片切換的動畫特效吧。

Flash中怎麼製作圖片切換動畫特效

操作方法

(01)新建文檔雙擊桌面上的Flash圖標,開啟Flash軟件。在Flash軟件的主介面上找到【檔案】--【新建】--【ActionScript 2.0或3.0】,新建一張Flash文檔。ActionScript 2.0和ActionScript 3.0在沒有使用as腳本的情況下其實並沒有什麼區別。

Flash中怎麼製作圖片切換動畫特效 第2張

(02)尋找素材把需要進行圖片切換的素材先放到檔案夾中,這裏因爲我主要是爲了說明如何製作圖片的切換效果,因此我的圖片是隨便找的風景圖。

Flash中怎麼製作圖片切換動畫特效 第3張

(03)匯入到庫中然後把這三張圖片匯入到Flash軟件的庫中。匯入的方法:在Flash選單欄中找到【檔案】--【匯入】--【匯入到庫】,即可將圖片匯入到庫中。所有的圖片可以一次性匯入,不要一張張匯入,浪費時間。

Flash中怎麼製作圖片切換動畫特效 第4張

(04)設定圖片的大小和位置然後將庫中的圖片拉到舞臺上,設定好圖片的大小,即與舞臺重合:550*400像素。

Flash中怎麼製作圖片切換動畫特效 第5張

(05)轉化爲元件然後將圖片轉化爲【圖形元件】。轉化方法:右擊圖片--【轉化爲圖形元件】。輸入元件名稱和元件類型,點擊【確定】按鈕即可。另外兩張圖片也安裝第4步和第5步這樣做。

Flash中怎麼製作圖片切換動畫特效 第6張

(06)插入圖層2然後我們在圖層1上方插入圖層。添加圖層的方法:右擊【圖層1】--【插入圖層】即可。然後把圖層2轉化爲遮罩層。

Flash中怎麼製作圖片切換動畫特效 第7張
Flash中怎麼製作圖片切換動畫特效 第8張

(07)對圖層2解鎖,使用【矩形工具】繪製一個跟舞臺相同大小的矩形。起初矩形移動到舞臺外,並轉化爲圖形元件。

Flash中怎麼製作圖片切換動畫特效 第9張

(08)圖層1:在第40幀插入空白關鍵幀,拉入第二張圖片,在第80幀位置插入空白關鍵幀,拉入第三張圖片,在第120幀位置創建關鍵幀。

Flash中怎麼製作圖片切換動畫特效 第10張

(09)圖層2遮罩效果先從無到有顯示圖片,然後關閉圖片,再顯示另一張圖片,以此類推。具體做法,第一幀遮罩矩形在舞臺左側,第39幀移動過舞臺在舞臺的右側。第二張圖片和第三張圖片同理。

Flash中怎麼製作圖片切換動畫特效 第11張

(10)預覽效果在Flash軟件中預覽效果。預覽方法:【檔案】--【預覽效果】--【Flash】。結果如下圖所示:

Flash中怎麼製作圖片切換動畫特效 第12張

特別提示

圖片的切換,是利用Flash的遮罩效果做的,當然也可以用腳本代碼寫。不過要先理解下圖片的走向。在預覽中我們可以看到在圖片的切換過程中有一瞬間的頁面空白,那是因爲我們在圖2中插入了空白關鍵幀導致的。可以修改下。