Flash’ta hareketli buton

      Hareketli yıldız butonu yapalım.Buton üzerine gelindiğinde yıldız dönme hareketi olsun . Buton arkaplan resmi aşağıda .Linkten PSD ‘ si indirebilir.En altta ise fla uzantılı buton dosyasını linki var.

Aşağıdaki butonların üzerine gelerek dönme hareketini görebiliriz .

İşlem adımları . . .

Buton arka planınını aşağıdaki linkten indirelim .
buton.psd

Flash’ta 300×400’lük dosya oluşturulur.

buton.psd dosyasını kütüphaneye aktaırlır.

Yıldız grafiksembolü oluşturalım . ekle-yeni sembol ile yeni grafik sembol oluşturulur.

Grafik sembole “yildiz” ismi verilir.

Çokken yıldız aracı seçilir.

Seçenekler ‘den yıldız seçlir.Gelen pencerede kenar sayısı 8 olarak girilir.

Renk paletinden yıldızın rengi seçilir.

Yıldız çizilir.Dilerseniz daha sonradan rengini değişebilirsiniz.

Hareketli yıldız film klibini oluşturmaya başlayalım .ekle-yeni sembol ile yeni sembol oluşturulur.Film klibinin adı yildiz_mv olsun .

yildiz_mv klibinin içine çift tıklamnarak girilir.1-24 . frameler arası klasik ara oluşturulur.

Animasyon 24. frame’de sonlanır.Animasyon akışını 12 fbs olarak ayarlanır.Animasyon başlangıcına “döndür” bölümünden SY seçilerek döneme efekti verilir.

.”Yeni sembol oluştur” penceresinden Düğme seçilir.

Butona btn1 ismi verilir..

Katman 1 e koordinatları x:0 y:0 olacak şekilde yerleştirlir.Üzeri karesi üzerindeyken sağa tıkla “kare ekle” denir.Böylece hem yukarı hem de üzeri bölümüne buton arkaplanı gözükür.Aşağı ve vuruş kareleri kullanılmayacak.

Butona arka plan katmanının üstüne bir katman oluşturulur(katman 2) katman 2 yukarı karesine F6 ile anahtar kare oluşturulur.Ve bu kareye yildiz grafik sembolü eklenir.Ekleyeceğiniz koordinatlar önemli.

 

 

Aynı koordinatlara Üzeri karesindeyken yildiz_mv film klibi eklenir

 

En üst katmana text aracıyla buton ismi yazılır.

İlk ve son frame de aynı yıldızın aynı konumda olması dönüş hareketinde tutukluk göünümüne neden olur.Bunun çözümü yildiz_mv sonkaresine “gotoAndPlay(1);” komutu eklemek olur.

Son olarak butonu dilediğimiz kadar çoğaltabiliriz.

.fla DOSYASINI İNDİR

Paylaş:

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir