nayzuko.com || animation n web tutorial

Fade In Fade Out

Email Print PDF

Flash selalu menjadi favorit untuk header atau banner website. Salah satu animasi yang sangat umum pada header adalah transisi efek fade in fade out. Image akan mengabur pelan sebelum image berikutnya muncul. Bagaimana membuat efek transisi seperti itu?

Kita bisa menggunakan efek transisi pada Flash MX.

Flash MX f8.png

Alternative content

Get Adobe Flash player

 

Actionscript di frame 1

import mx.transitions.*;
import mx.transitions.easing.*;

function sxFadeout(){
mx.transitions.TransitionManager.start(sx, {type:mx.transitions.Fade, direction:mx.transitions.Transition.OUT, duration:2, easing:mx.transitions.easing.Back.easeInOut});
}
function sxFadein(){
mx.transitions.TransitionManager.start(sx, {type:mx.transitions.Fade, direction:mx.transitions.Transition.IN, duration:2, easing:mx.transitions.easing.Back.easeInOut});
}
function saFadeout(){
mx.transitions.TransitionManager.start(sa, {type:mx.transitions.Fade, direction:mx.transitions.Transition.OUT, duration:2, easing:mx.transitions.easing.Back.easeInOut});
}
function saFadein(){
mx.transitions.TransitionManager.start(sa, {type:mx.transitions.Fade, direction:mx.transitions.Transition.IN, duration:2, easing:mx.transitions.easing.Back.easeInOut});
}

function lanjut() {
sxFadeout()
saFadein()
myFlag=false;

}

function lanjut2() {
saFadeout()
sxFadein()
myFlag=true;

}

myFlag=true;

btnku1.onRelease=function(){
 if (myFlag) {
 lanjut()
 } else {
 lanjut2()
 }
};

stop();

Download source
f8.png