當前位置:妙知谷 >

母嬰教育 >學習交流 >

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

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中插入了空白關鍵幀導致的。可以修改下。

  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/jy/jiaoliu/6qz34.html