讓畫卷打開(kāi)來(lái) ——用Flash做轉(zhuǎn)軸效果-鄭州市第一〇二高級(jí)中學(xué)

1，轉(zhuǎn)軸的制作
（1） 新建一動(dòng)畫文件，使用Ctrl + M快捷鍵打開(kāi)Movie Properties對(duì)話框，設(shè)置場(chǎng)景屬性：width=200 height=400


（2） 調(diào)出填充（Fill）對(duì)話框，選擇Window>Panels>Fill，

（3） 在下拉菜單中選擇Linear Gradient,在兩個(gè)小游標(biāo)的中間點(diǎn)擊鼠標(biāo)左鍵，大家會(huì)發(fā)現(xiàn)多了一個(gè)游標(biāo)。大家會(huì)發(fā)現(xiàn)，后面的小框里的顏色和游標(biāo)所指的地方的顏色是一樣的，鼠標(biāo)單擊后面的小框，彈出顏色板，選取白色。單擊前面的游標(biāo)，單擊后面的小框，彈出顏色板，選取深褐色。同樣，將后面的游標(biāo)所指的地方設(shè)為深褐色。完成后如圖1所示。




(4)選取工具欄浮動(dòng)面板上的矩形工具（Rectangle Tool）,在工作窗口的畫布上畫一如圖2所示的矩形。用箭頭工具（Arrow Tool）去掉邊框（在邊框處雙擊鼠標(biāo)左鍵選中整個(gè)邊框，按下Delete鍵,即可刪除）。



圖 2 　　　　　　


（4）選中圖2中的矩形（點(diǎn)擊鼠標(biāo)左鍵），按F8鍵，在彈出的組件屬性（Symbol Properties）的Name欄填入“軸”，在Behavior中選Graphic。完成后如圖3所示。 點(diǎn)擊“OK”。至此，我們創(chuàng)建了一個(gè)軸組件。


（5）添加兩個(gè)層，雙擊第一層的層名，將其名稱改為“紙”，其他的兩層分別為“遮罩”和“滾動(dòng)軸”。刪除畫布上的所有對(duì)象。完成后如圖4所示：



注意：層的順序千萬(wàn)不要弄錯(cuò)！

（6）點(diǎn)擊紙層的第一幀，選取矩形工具，選取填充顏色為深褐色，在畫布上畫一矩形。再選取填充顏色為白色，在畫布上畫一矩形，比上一矩形要小一些。完成后如圖5所示。



（7）點(diǎn)擊文字工具，激活文字對(duì)話框，選擇好字體和字體的大小。字體建議采用華文行楷，字體的大小與你的紙張的大小和所要輸入文字的多少有關(guān)。在畫布的中間的白色區(qū)域單擊鼠標(biāo)左鍵，鍵入想寫的文字（輸入一個(gè)字就回車一次，以使得它們排成一列）。調(diào)整文字到合適大小。完成后如圖6所示。


　
　圖 6 　　　　　　　　　

（8）按下Ctrl+L鍵，打開(kāi)組件庫(kù)。選中我們?cè)谏厦娼ǖ妮S。按住鼠標(biāo)左鍵將它拖到畫布上，放在紙的最上面。調(diào)整其長(zhǎng)度（如果不方便調(diào)整，請(qǐng)用縮放工具將其放大到合適大小，再進(jìn)行調(diào)整），以確保與紙同寬度。完成后如圖7所示。




（9）點(diǎn)擊遮罩層的第一幀。選取矩形工具，在畫布上畫一矩形，矩形與紙同寬度，但是比紙稍長(zhǎng)。填充顏色不限，但是最好不要與紙同色。

（10）雙擊鼠標(biāo)左鍵，選中該矩形。按下F8鍵，在彈出的組件屬性（Symbol Properties）的Name欄填入“遮罩”，在Behavior中選Graphic。完成后如圖8所示。




（11）將遮罩組件拖到紙的上方，使得遮罩的下邊緣正好遮住紙層的上軸。完成后如圖9所示。



（12）選取“滾動(dòng)軸”層的第一幀，按下Ctrl+L鍵，打開(kāi)組件庫(kù)。選中我們?cè)谏厦娼ǖ妮S。按住鼠標(biāo)左鍵將它拖到畫布上，放在紙層軸的正下方。調(diào)整其長(zhǎng)度，使它的長(zhǎng)度與紙層軸的長(zhǎng)度完全一樣。如果不方便放置，請(qǐng)講遮罩層隱藏（單擊遮罩層層名后的小黑點(diǎn)，是它變?yōu)榧t叉）。完成后如圖10所示。


　　　　

（13）點(diǎn)擊紙層的第一幀，按下F5鍵，大家會(huì)發(fā)現(xiàn)時(shí)間線上的幀增加了，我們使它增加到20幀。用同樣的方法使遮罩層和滾動(dòng)軸層也增加到20幀。完成后如圖11所示。




（14）單擊遮罩層的20幀，按下F6鍵，我們?cè)谶@里添加一個(gè)關(guān)鍵幀。將遮罩組件下移到正好蓋住紙層，完成如圖12所示。



（15）單擊滾動(dòng)軸層的20幀，按下F6鍵，我們?cè)谶@里添加一個(gè)關(guān)鍵幀。將軸組件下移到紙層的最下方，完成后如圖13所示。



（16）在滾動(dòng)軸層的時(shí)間線的0-20幀中間的任意幀上按下鼠標(biāo)右鍵。在彈出的快捷菜單里選擇Create Motion Tween。在遮罩層的時(shí)間線的0-20幀中間的任意幀上按下鼠標(biāo)右鍵。在彈出的快捷菜單里選擇Create Motion Tween。完成后如圖14所示。
　　　 　　　


　圖 14

（17）在遮罩層的層名上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇Mask.如圖15所示。完成后如圖16所示。


圖 15




到這里，已經(jīng)基本上完成，大家可以按Ctrl+Enter（回車）來(lái)看一下效果。

大家會(huì)發(fā)現(xiàn)，效果是出來(lái)了，但是在打開(kāi)后沒(méi)有半刻停留就又“合”上了（實(shí)際上是回到第一幀有開(kāi)始播放）。我們希望它能在打開(kāi)后停留一會(huì)。下面我們用action來(lái)解決這個(gè)問(wèn)題。

（18）延時(shí)控制

在滾動(dòng)軸層的20幀上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇Action.加入以下代碼。

stop ();//停止播放

var timer1;//定義變量

timer1 = getTimer();//將已播放時(shí)間存在變量中

flag = 0;//設(shè)立一個(gè)標(biāo)志

while (flag == 0) {

if (getTimer()-timer1>5000) {

flag = 1;

}

}//如果停留了5秒鐘，那么將標(biāo)志改變，以便結(jié)束循環(huán)。

gotoAndPlay (1);//回到第一幀，繼續(xù)播放。


到這里，我們已經(jīng)將轉(zhuǎn)軸的效果做出來(lái)。還可以吧：）