Bu eğitimde , Action Script’i kullanarak  RollOver ve RollOut etkisi ile gelişmiş bir  düğmenin nasıl oluşturduğunu öğreneceksiniz.

Download :  
buton.fla        buton.swf

Adım 1

 Flash’ta boş sayfanıza 120px – 70px  boyutlarında bir seçtiğiniz herhangi bir resmi ekleyin.

Adım 2

Ctrl+J (Document Properties) ile aşağıdaki ayarları verin.

Adım 3

Eklediğiniz resmi seçin ve Ctrl+K (Align Pannel) tuşlarına basın ve Align Panel’de   Align to Stage’ı seçtikten sonra , Align Vertical Center ve Align Horizontal Center ikonlarına basın.
 

Şimdi,  resminiz sayfada ortalanmış olacaktır.

Adım 4

Layer 1 adını “buton” olarak değiştirin. Resminizi seçin ve F8 (Convert to symbol) tuşuna basın, Type kısmında “Movie Clip” seçeneğini seçin ve buton_ac ismini verin.

Adım 5

Yeni resminize (Move Clip) çift tıklayın. Hala seçili olan resimiz üzerindeyken F8 (Convert to symbol) tuşuna basın ve  Type kısmında “Graphic” seçeneğini seçin ve buton_gr ismini verin.

Adım 6

Layer 1’ın 20.frame ‘ine tıklayın ve F6 yapın. Resminiz seçin , Properties Panel’i açın  (Ctrl+F3) ve  resimdeki ayarları yapın. Eğer -65 olarak ayarlarsanız  Rollover olayında resmin rengi koyulaşacaktır.

Adım 7

Layer 1’in ilk frame’ıne tıklayın ve  Properties Panel’de  Tween olarak “ Motion” ayarını seçin.

Adım 8

Layer 1’in üstüne yeni bir layer ekleyin ve isim verin.

Adım 9

Action isimli Layer’in 20.frame ‘ıne tıklayın ve  F7 (Blank keyframe) tuşuna basın.

Adım 10

Action Layer’ın 1.frame’ıne tıklayarak  , Action Script Panelini açın (F9), ve aşağıdaki kodu yapıştırın.

[code]stop ();
this.onEnterFrame = function(){
if(rewind == true){
prevFrame();
}
}
this.onRollOver = function(){
rewind = false;
play();
}
this.onRollOut = function(){
rewind = true;
}
this.onRelease = function(){
getURL("http://www.bilgisayarcafe.com");
}[/code]

Adım 11

Action 20.frame’ine tıklayın ve Action Script Panel’ine  aşağıdaki kodu yazın.

stop();