怎樣用Flash製作展開畫卷效果?

Tags: 效果, 圖層, 畫卷,

利用Flash的繪製圖形、創建補間動畫、遮罩等功能,來實現一個展開的畫卷效果。下面和大家一塊分享一下。

怎樣用Flash製作展開畫卷效果

工具/原料

flash cs3

步驟/方法

雙擊Flash CS3圖標

怎樣用Flash製作展開畫卷效果

選擇Flash文件(ActionScript2.0)

怎樣用Flash製作展開畫卷效果

一個新文件就打開了

怎樣用Flash製作展開畫卷效果

使用“矩形工具”在場景中繪製一個矩形,將矩形的邊線設為無色,填充設為土黃色。

怎樣用Flash製作展開畫卷效果

再使用“矩形工具”在場景中繪製一個小點的矩形,將矩形的邊線設黑色2像素,填充設為白色。

怎樣用Flash製作展開畫卷效果

選擇“文本工具”,在白色矩形中創建文字“難得糊塗”,設置字體、字號、顏色。

怎樣用Flash製作展開畫卷效果

添加一個圖層“圖層2”

怎樣用Flash製作展開畫卷效果

選擇“圖層2”第一幀,使用“矩形工具”繪製一個矩形,邊線設為“無”,內部填充設為“藍色”,將此矩形作為蒙板,把“圖層1”中所有的內容都矇住。

怎樣用Flash製作展開畫卷效果

選擇“圖層1”中的第40幀,右鍵選擇“插入幀”。

怎樣用Flash製作展開畫卷效果

選擇“圖層2”中的第40幀,右鍵選擇“插入關鍵幀”。

怎樣用Flash製作展開畫卷效果

選中“圖層2”中的第1幀,用“任意變形工具”將該幀的圖形由左向右在水平方向上縮小。

怎樣用Flash製作展開畫卷效果

下面是矩形縮小後的效果

怎樣用Flash製作展開畫卷效果

在“圖層2”第1幀到第40幀之間,任意一幀處,點右鍵選擇“創建補間形狀”

怎樣用Flash製作展開畫卷效果

新建一圖層“圖層3”

怎樣用Flash製作展開畫卷效果

下面先來製作一個畫軸的元件。選擇“插入”—“新建元件”

怎樣用Flash製作展開畫卷效果

元件名稱寫為“畫軸”,類型設為“影片剪輯”

怎樣用Flash製作展開畫卷效果

先用“矩形工具”繪製一個豎長的矩形,設矩形邊框為“無”,填充為“黑-白-黑”漸變,類型為“線性”。

怎樣用Flash製作展開畫卷效果

再用“矩形工具”繪製一個小的矩形,並用“選擇工具”把這個矩形調整成一個倒的梯形(邊框為“無”,填充為“黑”,類型為“純色”)。

怎樣用Flash製作展開畫卷效果

選中繪製好的倒梯形,右健選擇“複製”

怎樣用Flash製作展開畫卷效果

選中複製好的倒梯形,選擇“修改”—“變形”—“重直翻轉”。

怎樣用Flash製作展開畫卷效果

把反轉後的梯形移到軸的下部,點場景1。

怎樣用Flash製作展開畫卷效果

把畫軸拖到“圖層3”上,將畫軸移至畫卷的最右端。

怎樣用Flash製作展開畫卷效果

新建一圖層“圖層4”

怎樣用Flash製作展開畫卷效果

選中“圖層3”第1幀,右鍵選擇“複製幀”。

怎樣用Flash製作展開畫卷效果

選中“圖層4”第1幀,右鍵選擇“粘貼幀”。

怎樣用Flash製作展開畫卷效果

選擇“圖層4”第40幀,右鍵選擇“插入關鍵幀”。

怎樣用Flash製作展開畫卷效果

選擇“圖層4”第40幀,將此幀上的畫軸水平移至畫面的左側。

怎樣用Flash製作展開畫卷效果

在“圖層4”第1幀到第40幀之間,任意一幀處,點右鍵選擇“創建補間動畫”

怎樣用Flash製作展開畫卷效果

在“圖層2”名稱位置上,右鍵選擇“遮罩層”

怎樣用Flash製作展開畫卷效果

選擇“圖層4”第40幀,右鍵選擇“動作”。

怎樣用Flash製作展開畫卷效果

在動作面板裡寫上代碼“stop();”

怎樣用Flash製作展開畫卷效果

OK了,按CTRL+ENTER,效果出來了

怎樣用Flash製作展開畫卷效果

注意事項

可根據自己的喜好製作自己喜歡的畫軸。

為畫卷加上自己所需的印章和落款。

相關問題答案