Anasayfa | Web'den haberler | webbilisim Hakkında | İletişim | Filmler| || | | üye girişi | kayıt

11. DÜĞMELERLE ETKİLEŞİM

Düğmeler ve onlarla ilişkili düğme eylemleri, seyircileri sürücü koltuğuna oturtur ve bir Flash filmiyle etkileşime girebilmelerini sağlar. Düğmeler son derece basit olabilir, onların üzerine geldiğinizde ve tıkladığınızda değişen grafikler gösterilebilir veya film kliplerini, sesleri ve herşeyi kullanarak son derece hareketli olabilir.

Flash’ta bir düğmeyi bir sembol yaratıp, bu sembole düğme davranışı atayarak yaratılır. Düğmeler aslında etkileşimli film klipleridir. Bir sembol için düğme davranışı seçildiğinde Flash dört anahtar kareye sahip bir timeline ayarlar. İlk üç anahtar kare bir diğmenin sahip olabileceği üç düğme durumunu gösterir. Dördüncü anahtar kare düğmenin aktif alanını tanımlar.

Anahtar kareler arasında nesnelerin görünümünde yapılan herhangi bir değişikli, hareket yanılmasını yaratır. Diğer Flash animasyon serilerinde, değişiklikler oynatım kafası karelerinin arasında hareket eden zaman içinde gerçekleşir. Ancak Flash düğmelerinde, değişiklikler kullanıcı imlecinin ekranın belirli bir alanının üzerine getirildiğinde ortaya çıkar.

Düğme semboleri animasyona interaktive katmak için kullanılmaktadır. Yaratılan düğmeler başka animasyonlara gitmek, bir Web sitesine gitmek, bir ses çıkarmak, yada animasyonda bir şeylerin gidişatını değiştirmek için kullanılmaktadır.

11.1. Düğme Yaratılması

Bir düğmenin her karesinin içine bir Movie Clip ekleyerek tümüyle hareketli düğmeler yaratılabilir ve seyircinize film üzerinde daha fazla denetim sunmak üzere düğmelere eylemler eklenebilir [8].

 

 

11.1.1. Rollover Düğmesinin Yaratılması

Bir düğmenin içeriğinde 4 farklı durumun olduğu belirtilmişti. En basit düğmeyi yaratabilmek için, basit bir geometrik şekil çizilir. Düğmenin oluşturulmasını ve üstlendiği 4 görevi nasıl yapacağını kısaca açıklayalım.

Düğme sembolü yaratmak için;
1.Yeni bir Flash dökümanı yaratılır.
2. Insert menüsünden New Symbol seçilir.

  • Symbol Properties metin kutusundan bir isim girilir, Behavior Button seçilir ve 
  • Ok’e tıklanır.

5. Up, Down, Over, Hit durumlarını yaratmak için;
6. Basit bir düğme yaratılır.
7. Timeline’dan istenilen vazife seçilir.
8. Insert menüsünden keyframe seçilir.
Bu düğmelerin içerikleri:
Up: İmleç düğmenin aktif alanının dışındayken görülmesini sağlar.
Over: Üzerine gelindiğinde nesnenin nasıl görüneceğini belirler.
Down: Bir düğmenin üzerine tıklanıldığında nesnenin nasıl görüneceğini belirler.
Hit: Düğmenin sınırını tanımlayan nesne yaratılmasını sağlar [7].

11.1.2. Şekil Değiştiren Düğmeler Yaratmak

Şekil değiştiren düğmeler sayesinde animasyon daha egzotik hale getirilebilir. Örneğin çıkış işlemi için bir kapı çizebilir ve üzerinde gelindiğinde kapının açılması sağlanabilir.
Çeşitli nesnelerde Up, Over ve Down durumlarını yaratmak için;
1Yeni bir Flash dökümanı yaratılır.
Insert menüsünden New Symbol seçilir.

Şekil 11.1. Buton Oluşturma

  Metin kutusuna bir isim girilir. Behavior’dan da Button seçilir.
1. Timeline’dan Over, Up, Down ve Hit kareleri seçilir.
2. Insert menüsünden Blank Keyframe seçilir.
3. Timeline’ dan Up karesi seçiliyken, sahne üzerinde yeni bir nesne yaratılır ve Up durumu için kullanılmak istenilen grafik sembolü yerleştirilir.
4. Over ve Down kareleri çinde bir önceki adım tekrarlanır.

Çeşitli şekillerdeki nesneler için Hit durumunu ayarlamak için;
Önceki alıştırmada yaratılan dosya kullanılarak Hit karesi seçilir.
Timeline’dan Hit karesi seçiliyken, Onion Skin’i açarak tam olarak neyi içermesi gerektiği görülür.
Flash’ın Edit Copy ve Edit Paste komutları kullanılarak grafik öğelerini ilk üç kareden Hit karesine kopyalanır.

11.1.3. Hareketli Düğme Yaratmak

Hareketli düğmeler oluşturmak programın ilgi çekmesini sağlamaktadır. Tümüyle hareketli öğeleri oluşturmanın püf noktası düğmenin karelerine Movie Clip eklemekle olmaktadır.

Bir rollover düğmesini canlandırmak için;
1. Yeni bir Flash dökümanı yaratılır.
2. Insert menüsünden New Symbol seçilir.
3. Symbol Properties iletişim kutusundan Behavior kısmına Buton girilir.
4. Düğmeye isim verilir ve OK’e tıklanır.

  • Düğmenin Timeline’da Up, Over ve Down kareleri seçilir ve Insert menüsünden   
  • Blank Keyframe seçilir.

7. Timeline’da Up karesi seçilir ve Movie Clip yaratılır yada mevcut filmlerden biri ithal edilir.
8. Timeline’dan Over karesi seçilir ve bir Movie Clip yaratılır yada mevcut filmlerden biri ithal edilir.
9. Timeline’dan Down karesi seçilir ve bir Movie Clip yaratılır yada mevcut filmlerden biri ithal edilir.
10. Timeline’dan Hit karesi seçilir ve üç düğme durumunun tüm düğme alanlarını kaplayan bir grafik yaratılır.
11. Pencerenin sol üst köşesinden sahnenin adını tıklayarak film düzenleme moduna geri dönülür.
12. Library’den düğmenin bir kopyası sahne’ye sürüklenir.

11.2. Düğmelerin İzlenmesi

Yapılan düğmelerde etkileşimdeki hataları izleyebilmeniz için Test modunda çalıştırmanız gerekmektedir. Çoğu zaman düğmelerle etkileşimde bulunurken yaptığınız hatalar fark edilmeyebilir.

Tamamen aktif düğmeyi test etmek için;
1. Denemek istenilen düğmeyi içeren bir Flash filmi açılır.
2. Control menüsünden Test Scene yada Test Movie seçilir. Dosya .swf uzantılı olarak kaydedilir.
3. Filmin ihracı bittiğinde Flash, Flash Player’da SWF dosyasını açar.

4. Düğmelerin test etme işlemini tamamladıktan sonra Close düğmesine tıklanarak Player’dan çıkılır