遮簾過(guò)渡:Blinds
參數(shù)
numStrips,"遮簾"效果中的遮罩條紋數(shù)。建議的范圍是 1 到 50。
dimension,一個(gè)整數(shù),指示遮簾條紋是垂直的 (0) 還是水平的 (1)。
下面我們來(lái)制作這個(gè)效果:
1. 新建flash文檔,導(dǎo)入一張圖片到舞臺(tái),打開(kāi)對(duì)齊面板,寬高匹配,居中對(duì)齊。
2. 點(diǎn)中圖片:將其轉(zhuǎn)換為MC,實(shí)例名稱(chēng)為:img1_mc.,在第50幀插入幀。
3. 點(diǎn)第1幀,右鍵打開(kāi)動(dòng)作面板,輸入如下代碼:
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Blinds, irection:Transition.IN, duration:2, easing:None.easeNone, numStrips:10, dimension:0});
測(cè)試影片,怎么樣?看到效果了吧。
這些代碼不用解釋了吧。
淡化過(guò)渡:Fade
制作方法跟前面一樣,只是把代碼改為:
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Fade, direction:Transition.IN, duration:3, easing:None.easeNone});
這個(gè)過(guò)渡跟上面的過(guò)渡比較起代碼不同的是,上面的過(guò)渡自已有兩個(gè)參數(shù),而這個(gè)過(guò)渡則沒(méi)有自已的參數(shù)。
現(xiàn)在你可能已經(jīng)感覺(jué)到用代碼實(shí)現(xiàn)的過(guò)渡效果比自已在計(jì)設(shè)環(huán)境中去設(shè)透明度,做遮罩要簡(jiǎn)單得多。廢話(huà),要不我在這廢這么多口舌干啥呢?繼續(xù)往下看吧,好東西還多呢。
飛行過(guò)渡:Fly
參數(shù):startPoint,一個(gè)指示起始位置的整數(shù);范圍是 1 到 9:
左上,1;上中,2;右上,3;左中,4;中心,5;右中,6;左下,7;下中,8;右下,9。
代碼:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc,{type:Fly, direction:Transition.IN, duration:3, easing:None.easeNone, startPoint:9});
這里最后又跟了一個(gè)自帶的參數(shù),你可以改變一下這個(gè)參數(shù),讓圖片從不同的方向飛入。
光圈過(guò)渡:Iris
參數(shù):startPoint,一個(gè)指示起始位置的整數(shù);范圍是 1 到 9:
左上,1;上中,2;右上,3;左中,4;中心,5;右中,6;左下,7;下中,8;右下,9。
shape,值為Iris.SQUARE(方形)或Iris.CIRCLE(圓形)的遮罩形狀
代碼:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Iris, direction:Transition.IN, duration:2, easing: None.easeNone, startPoint:5, shape:Iris.CIRCLE});
照片過(guò)渡:Photo
代碼:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start (img1_mc, {type:Photo, direction:Transition.IN, duration:1, easing:None.easeNone});
像素溶解過(guò)渡:PixelDissolve
參數(shù):xSections,一個(gè)整數(shù),指示沿水平軸的遮罩矩形部分的數(shù)目。建議的范圍是 1 到 50。
ySections,一個(gè)整數(shù),指示沿垂直軸的遮罩矩形部分的數(shù)目。建議的范圍是 1 到 50。
代碼:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:PixelDissolve, direction:Transition.IN, duration:2, easing:None.easeNone, xSections:10, ySections:10});
旋轉(zhuǎn)過(guò)渡:Rotate
參數(shù):ccw 一個(gè)布爾值:對(duì)于順時(shí)針旋轉(zhuǎn)為 false;對(duì)于逆時(shí)針旋轉(zhuǎn)為 true。
degrees,一個(gè)整數(shù),指示對(duì)象要旋轉(zhuǎn)的度數(shù)。建議是范圍是 1 到 9999。例如,degrees 設(shè)置為 1080 時(shí),會(huì)將對(duì)象完全旋轉(zhuǎn)三次。
代碼:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Rotate, direction:Transition.IN, duration:3, easing:None.easeNone, ccw:false, degrees:720});
擠壓過(guò)渡:Squeeze
參數(shù):dimension,一個(gè)整數(shù),指示"擠壓"效果應(yīng)是水平的 (0) 還是垂直的 (1)。
代碼:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Squeeze, direction:Transition.IN, duration:2, easing:None.easeNone, dimension:1});
劃入/劃出過(guò)渡:Wipe
參數(shù):startPoint,一個(gè)整數(shù),指示開(kāi)始位置。范圍是 1 到 4 和 6 到 9:
左上,1;上中,2;右上,3;左中,4;右中,6;左下,7;下中,8;右下,9。
代碼:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Wipe, direction:Transition.IN, duration:2, easing:None.easeNone, startPoint:1});
縮放過(guò)渡:Zoom
代碼:import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Zoom, direction:Transition.IN, duration:2, easing:None.easeNone});
以上是十種過(guò)渡效果,你可以更改其中的參數(shù),以實(shí)現(xiàn)不同的效果,同時(shí)你也可以調(diào)整圖片MC的注冊(cè)點(diǎn),也可能出現(xiàn)不同的效果。
上面的easing參數(shù)我們?nèi)玫氖荖one.easeNone,即不使用緩動(dòng)效果,在這里你可以更改這個(gè)參數(shù)將緩動(dòng)效果應(yīng)用于過(guò)渡效果中。不過(guò)我經(jīng)測(cè)試,加上緩動(dòng)效果后,很多過(guò)渡效果失去原味,不是很理想,我不提昌在過(guò)渡中使用緩動(dòng)效果,但這必竟是我個(gè)人的意見(jiàn),因此緩動(dòng)效果還得介紹,何況下節(jié)課還要用到它的,下面再說(shuō)說(shuō)緩動(dòng)效果。
緩動(dòng)類(lèi)
代碼為:
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(img1_mc, {type:Zoom, direction:Transition.IN, duration:2, easing:Bounce.easeOut});
你可以將這個(gè)代碼與上面的縮放過(guò)渡代碼比較一下。
其它的過(guò)渡效果,就由你自已去試驗(yàn)了。
本課作業(yè):完成本節(jié)開(kāi)頭的圖片轉(zhuǎn)場(chǎng)效果。
制作建議:將十種過(guò)渡效果按上面介紹的方法分別做成MC,并在第50幀上輸入:stop();。在主場(chǎng)景第1層放一張背景圖片,從第2層開(kāi)始每隔50幀放一個(gè)做好的MC并延長(zhǎng)100幀,每層只放1個(gè)MC。如第2層第1幀放1個(gè),第100幀插入幀,第3層第51幀放1個(gè),第150幀插入幀,以此類(lèi)推。