?> Duvar Kağıdı Animasyon AS3 - photoders
Site » ActionScript 3.0

Duvar Kağıdı Animasyon AS3

[ 04 Eki 2009 | 5 Yorum ]

photodersFlash çalışmamızda resim üzerinde Actions Script kod kullanarak mouse etkili animasyon uygulayacağız. İlk olarak çalışmamızda kullanacağımız resmimizi import edelim CTRL+R resmimizi movie clip yapalım F8 layer1 adını resim olarak isimlendirelim.

 

 

 

 
photodersl
2-Resim_mc klipi sahnemize ortalayalım bu işlemi Align paneli kullanarak kolayca yapabiliriz CTRL+K
photoders
3-Properties Paneli gelelim Instance name kutusuna resim_mc klipimizi yazalım.
4-Son olarak AS3 kodumuzu ekleyelim eklemek için resim layer 1.framesinde F9 actions paneli açalım ekli kodu ekleyelim.

var bevelSpeed:Number = 8;

resim_mc.addEventListener (MouseEvent.MOUSE_OVER, mouseOverresim_mc);

resim_mc.addEventListener (MouseEvent.MOUSE_OUT, mouseOutresim_mc);

resim_mc.addEventListener (Event.ENTER_FRAME, enterFrameresim_mc);

var bevelFilter:BevelFilter = new BevelFilter(10,
                                   45,
                                   0x14173a,
                                   1,
                                   0x79ac9d,
                                   1,
                                   0,
                                   0,
                                   0,
                                   BitmapFilterQuality.HIGH,
                                   BitmapFilterType.INNER,
                                   false);

resim_mc.filters = [bevelFilter];

var mouseIsOverresim_mc:Boolean = false;

function mouseOverresim_mc (event:MouseEvent):void {
mouseIsOverresim_mc = true;
}

function mouseOutresim_mc (event:MouseEvent):void {
mouseIsOverresim_mc = false;
}

function enterFrameresim_mc (event:Event):void {

if (mouseIsOverresim_mc == true && bevelFilter.blurX < 100) {
bevelFilter.blurX += bevelSpeed;
bevelFilter.blurY += bevelSpeed;

bevelFilter.strength = 5;
}

if (mouseIsOverresim_mc == false) {
bevelFilter.blurX -= bevelSpeed;
bevelFilter.blurY -= bevelSpeed;
}

if(bevelFilter.blurX == 0) {
bevelFilter.strength = 0;
}

resim_mc.filters = [bevelFilter];
}

5-Son olarak hızımızı belirleyelim frame rate 40 yaparak çalışmamızı deneyelim.
CTRL+ENTER

FLA İndir

Etiket: , , , ,

5 Yorum »

  • polidol diyor'ki:
    30 Eki 2009 saat 19:27

    çok güzel bir çalışma ellerinize sağlık..

  • kaya diyor'ki:
    14 Kas 2009 saat 03:10

    hocam mrb photoshopu uzun zamandır kullanıyorum flaş derslerine yeni başladım…farklı geliyor bana…flaşda yaptığım çalışmaları gif olarak kaydedemiyorum…kaydettiğimde renkleri solgun görünümde düşüklük oluyor..flaşda gif i fla daki görüntü gibi kaydedebileceğim bir kaynak veya yol varmı yardımcı olursanız sevinirim..netin altını üstüne getirdim..çok karışık geliyo bana flaş programı…birde temelden öğretici site adresi verebilirmisiniz…flaş 9 kullanıyorum..

  • admin (author) diyor'ki:
    14 Kas 2009 saat 14:18

    Evet flash ile gif olarak kayıt yapabilirsiniz kısa olarak anlatayım siz deneyin. Flash ile gerekli çalışmayı scene1 sahnesinde hazırlayın yani animasyon burada oluyor.İşlem bittiğinde file>Puplish Settings (Ctrl+Shift+F12) açılan pencerede formats seçeneğinden Gif image seçeneğini seçin Formats yanından Gif alanına geçin oradan Animadet seçeneğini işaretleyin alt kısımda palette seçeneğinden Adaptive seçimini yapın çalışmanın Fla olarak kayıtlı yerine gif resmi atmak için şimdi alt kısımdan Puplish buttonuna tıklayın dosyaya gif eklenmiş olacaktır seçeneklerle oynayıp kaliteyi arayın.

  • kaya diyor'ki:
    16 Kas 2009 saat 18:03

    ..ilginize alakanıza..teşekkürler hocam..sitenizi zevkle takip ediyorum…derslerden öğrendiklerimle kendimi geliştirme fırsatı buluyorumm..flaş dersleri ilgimi çekiyor…ilk başlayanlar için eğitici derslerinize biraz daha ayrıcalık katarsanız çok sevinirim…bu haldeyken derslerinizde takıldığım yerleri nette araştırarak yada photoshop bilgimle harmanlayarak yapmaya çalışıyorum..kolay gelsin…

  • admin (author) diyor'ki:
    16 Kas 2009 saat 19:51

    Yeni başlayanlar kategorisindeki deslerine baktınızmı?

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş