Mouse Rollover Photo Effect

Bu dersimizde mouse ile üzerine gelince alpha efekti uygulanan bir fotoğraf efektinin anlatımın göreceğiz…

Adım 1:

İlk olarak istediğimiz boyutlarda yeni bir sayfa açalım ve File>İmport>İmport to Library ile kütüphanemize efekti uyguluyacağımız fotoğrafı alalım.

Adım 2:

Daha sonra Insert>New Symbol (Kısayol:Ctrl+F8) ile yeni bir buton açalım ve içine resmimizi yerleştirelim.

Adım 3:

Daha sonra hazırladığımız butonu sahneye yerleştirelim ve Instance Name kısmını photo olarak değiştirelim.

Adım 4:

Ardından butonumuzun Actions kısmına aşağıdaki kodu ekliyelim.

on (rollOver) {
_alpha = 350
}

on (rollOut) {
_alpha = 170
}

Adım 4:

Son olarak da sahnemizin 1.framesine aşağıdaki kodu yerleştirelim.

_root.photo._alpha = 30

Önizleme

http://colakdizayn.com/sanalkurs/index.swf

Başka bir derste buluşmak üzere esen kalın…

Kaynak dosyayı indirmek için tıklayın

Transitions Class Animasyon

Bu dersimizde ActionScript 2.0 ve 3.0 kullanarak çeşitli efektler yapmasını öğreneceğiz.

Bu efektler birini gösterelim.

Adım 1:

İlk olarak yeni bir dosya açalım ve File/İmport/İmport to Stage komutu ile istediğimiz bir resmi alalım.( Kısayol:Ctrl+R )

Adım 2:

Daha sonra yeni bir movie clip açalım ve içerisine import ettiğimiz resimi istediğimiz boyutlarda atalım.( mc_resim )

Adım 3:

Ardından mc_resim i sahneye alalım ve instance name’i mc_resim yapalım.

Adım 4:

Layerinin 1.framesine aşağıdaki kodu ekleyelim.

ActionsSript 2.0 için

import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start
(
mc_resim,
{
type : Wipe ,
direction : Transition.IN ,
duration : 1 ,
easing : Bounce.easeOut
}
)

ActionsSript 3.0 için

import fl.transitions.*;
import fl.transitions.easing.*;
TransitionManager.start
(
mc_resim,
{
type : Wipe ,
direction : Transition.IN ,
duration : 1 ,
easing : Bounce.easeOut
}
)

Başka bir derste görüşmek üzere esen kalın.

Kaynak dosyayı indirmek için tıklayın