Flash’a Giriş
18 Aralık 2007 |
10 Yorum
3 kez puan verildi, Ortalama: 5 (5 üzerinden)
Loading ...Sayfalar: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
BUTTON OLUŞTURMA
Flash’la buton oluşturmak için, yuvarlatılmış bir dikdörtgen çizilir. F8 ile Button Symbol yapılır. Düğme çift tıklanınca button’un farklı timeline’ına ulaşılır. Up fare üzerinde basıldığına aktif olur, Over fare üzerine gelindiğinde aktif olur(mesela bu bölüme F6 ile anahtar kare ekleyip düğmenin rengini değişmesi sağlanabilir), Down farenin tuşuna basıldığında aktif olur. Hit ise düğmenin nerelerinin tıklanabilir olduğunu belirtir. F6 ile anahtar kare konulursa her yeri tıklanabilir olur.
Görünmez buton oluşturmak için şekil çizilir, Button Symbol yapılır, içine çift tıklanır, Up alanı sürüklenerek Hit’e bırakılır. Bu durumda düğme görünmez ama tıklanabilir. Bu düğme tasarım anında görünür. Control menüsünden Enable Simple Buttons ile tasarım ekranında button’un görünmesi sağlanabilir. Görünmez button harita üzerinde filan kullanılabilir.
Hareketli butonlar yapmak için, Stage’in arka planını siyah yapıyoruz. Sonra dolgu rengi yeşil, çizgisi beyaz, kenarları yuvarlatılmış bir kare çiziyoruz. Karenin çizgi kalınlığını iki piksel yapıyoruz. Şekil xp btn adlı Movie Clip Symbol yapılır. Ctrl+F8 yapılıp solma ismi verilir. Xp btn alınır, to stage seçiliyken sol üst köşe merkeze hizalanır. 20. frame’e gidilip F6 ile keyframe eklenir. 1. karede Alpha 100 son karede Alpha 20 değer girilip, Motion Tween yapılır. Üste as katmanı konulup, en son kareye F6 elenip action script’e Stop eklenir. Sahneye dönülür. Daha sonra yeni bir Movie Clip Symbol daha Ctrl+F8 ile oluşturulur. Adına parlama verilir. Yine xp btn eklenir ve sol üst köşesi merkeze hizalanır. Gene 20. kareye gidilip bir keyframe eklenir. Bu sefer ilk frame’de Alpha 20 son frame’de 100 verilir. Ctrl+F8 ile yeni Esas Dugme isimli bir Button Symbol oluşur. Up olayına solma, Over’a parlama, Down’a xp btn eklenir. Çizgi rengini de değiştirmek için, xp btn’den çift tıklanarak sadece çizgi kopyalanır. Esas Dugme’ye dönülüp Over olayına çizgi katmanı eklenir. Buraya çizgi yapıştırılır ve rengi turuncu yapılır. Daha sonra sahneye dönülür. Library’den sahneye Esas Dugme sürüklenir. Yeni bir katman oluşturulup üzerine harfler yazılır.
Bir sonraki aşamada düğmeye ses eklenecek. Ses bulmak için www.flashkit.com’dan soundfx tıklanır. Biz örnek uygulamada düğmenin üzerine gelince ayuigo.mp3, tıklanınca da Car_Horn.mp3 seslerini kullanacağız. Flash içine alınacak ses dosyası, wav, aiff, mp3 olabilir. Sesler Flash’a import edilir. Ctrl+R ile sahneye veya Library’e dosyalar import edilir. Library bölümünden dosya seçildikten sonra alttaki i harfi dosya hakkında bilgi verilir. Buradan sıkıştırma seçilir. Default ayarlarlar Publish Settings’te yer alır. Ses eklemek için Esas Dugme çift tıklanır ve ses isimli katman eklenir. Tüm olaylara F7 ile boş kare eklenir. Library’den hangi olaylarda ses olmasını istiyorsak sürükleriz. Properties panelindeki Sync bölümünden Event seçilir. Start site açıldığında müzik çalmasını sağlar, bir karakterin konuşması için ise Stream, butonlarda ise Event seçilir.
Düğmelere link şu şekilde eklenir. Düğme seçilir ve Actions seçilip aşağıdaki kod yazılır.
on (release) {
getURL(”http://www.tdk.gov.tr”,”_blank”);
Frame’e kod yazmak için, yeni bir katman eklenir. Düğmelere isim verilir. Yeni katmandaki frame’e gidip F9 yapılır ve aşağıdaki kod yazılır.
tarihce_btn.onRelease=function(){
getURL(”http://www.google.com.tr”,”_blank”);
}
forum_btn.onRelease=function(){
getURL(”http://www.yahoo.com”,”_blank”);
}
Not: Düğmeye kod yazarken release küçük yazılır, frame’e yazarken onRelease şeklinde yazılır.
Actions penceresinin adının yazdığı yerin hemen yanında, kodun nereye yazıldığı görülebilir.
getURL ile yapılan linkler yerelde yeni pencerede çalışmaz, internete atınca çalışır.
Sayfalar: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
Yazdır
| 9,792 Görüntülenme | Kategori: Flash & Action Script & Flex & Silverlight, Web Grafik Tasarımı | 
Geri İzleme
Etiketler: giriş, flash, temelBenzer Yazılar
Yorum Yap
XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Yazarlar
