search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

[ Flash教程 ] Flash實例教學:簡單的圖片切換特效動畫- Flash/3D/CAD教程 - 骨子愛創意

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

大家好!! 小編今天來和大家分享關於 Flash/3D/CAD教程中的Flash教程教學

今天的這個教學主題是: Flash實例教程:簡單的圖片切換特效動畫

這教學的重點為這幾點 [ 切換,特效,動畫,圖片,簡單,實例,教程,插入,模式,轉換, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

本教程主要用Flash繪製簡單的圖片切換特效動畫,用這種方式進行的圖片轉換在網上很常見,其實方法很簡單。

用這種方式進行的圖片轉換在網上很常見,其實方法很簡單。

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

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

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




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

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

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

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

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

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

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

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

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

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




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

參與討論:http://www.missyuan.com/viewthread.php?tid=439243

看完小編分享的教學之後 是不是對Flash教程中的Flash/3D/CAD教程教學更熟悉了呢?

希望我們所介紹的 Flash實例教程:簡單的圖片切換特效動畫 這教學會喜歡

文章標題: 骨子愛創意- Flash實例教程:簡單的圖片切換特效動畫–轉載請註明來源處

本教學分類為Flash教程中的 Flash/3D/CAD教程相關教學

文章相關關鍵字為: 切換,特效,動畫,圖片,簡單,實例,教程,插入,模式,轉換,

本文永久連結 :Flash實例教程:簡單的圖片切換特效動畫

本文轉載自 :VIA






熱門推薦

本文由 designhtd01com_0 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦