Ana -SayfaTasarım PhotoshopFlashMsn Vß.OyunHtml Kodlar

Child Club V .7,0 !

Tasarım Yeni Uygulamaya Sokulduğu İçin Aksaklıklar Olabilir..

buton kullanımı

Buton-Menü-Klavye girdileri


Bu bölümde bahsedilecek konuları şu ana başlıklar altında toplayabiliriz:

1- Basit butonlar

2- Komplike ve animasyonlu butonlar

3- Butonlara tween uygulaması

4- Pop-up menü ( Çekme menüsü ) oluşturma

5- Buton izleme seçenekleri

6- Key-press ( Klavye girdileri ) olayları

7- Buton over alanına film klibi ekleyerek animasyonlu buton oluşturma

Butonlar sadece başka bir sayfaya yönlendirme amacıyla kullanılmazlar. Film klip leri içinde actionscriptlerle beraber kullanıldığında çok çarpıcı sonuçlar elde edilir. Bu amaçla gizli butonlar sıklıkla tercih edilir.

Gizli butonlarda up, over, down alanları boş bırakılıp sadece hit bölgesine dolgu içeren bir alan eklenir. Flash`ta bu buton sahneye sürüklendiğinde açık mavi renkte gözlenir.Filmi browser`da açıldığında ise hiçbir imaj görülmez, fakat mouse ile üzerine gelindiğinde el imajı ortaya çıkar.Bu butona eklenen tüm komutlar kusursuz olarak çalışır.

Şöyle bir menü görüntüsü düşünün: Ana butona basıldığında alt grup butonlar açılıyor ve bu gruplara ulaşmak için fareye basma hareketini bırakmadan sürükleme yöntemi ile diğer butonlara ulaşma animasyonunu oluşturmak istiyorsunuz. Alt butonlar üzerine gelindiğinde fare bırakılıyor ve bağlantılı adrese ulaşılıyor. Ana butona basıldığında ortaya çıkan menü basma hareketinden vazgeçildiği an kayboluyor. İşte bu tür bir menü için "Track as Menu Item" seçeneğini kullanmalısınız. Örnek dosyamızda heriki izleme seçeneğini aynı anda göreceksiniz. Kullanılan semboller, kodlar hatta timeline aynı olmasına rağmen izleme seçeneğinin değiştirilmesiyle tamamen farklı bir animasyon elde edilmiştir.

Bir klavye girdisi için flash`ta 2 yöntemi kullanabilirsiniz:

1- Örnekteki gibi basit bir keypress olayı yaratmak

2- Key nesnesini kullanmak.

Key nesnesi actionscript bölümünde anlatılacaktır

Uygulamalar:

   Örnek 1
             Görünüm ve Açıklamalar            Download

Basit bir buton örneği. Butonu oluşturmak için 3 katman kullanılmıştır. Alttaki katman gölge efekti , sonraki butonun genel görüntüsü, en üst katman ise yazı için hazırlanmıştır.

Amaç, imleçle tıklandığında butonun bir basılma efektini vermesidir

   Örnek 2              Görünüm ve Açıklamalar            Download

Animasyonlu buton örneği. Animasyonlu butonu, hazırladığınız veya elinizde mevcut bir animasyonu buton düzenleme modunda up, over, down alanlarına ekleyerek hazırlayabilirsiniz. Bu örnekte ise tamamen tersi bir yöntem kullanılmıştır.Önce sahnede butonun görmek istediğiniz grafik şeklini çizip sonra bu grafiği parçalayarak buton ve animasyonlar oluşturacaksınız.

   Örnek 3              Görünüm ve Açıklamalar            Download

Butona tween uygulanmasına ait bir örnek. Buton da bir sembol olduğundan motion tween uygulamak mümkündür. Uygun animasyonlar seçilirse güzel efektler yaratabilirsiniz..

   Örnek 4              Görünüm ve Açıklamalar            Download

Flash`ın temel özelliklerini kullanarak hazırlanan bir menü örneği

   Örnek 5              Görünüm ve Açıklamalar            Download

Bir buton seçilip properties paneline bakıldığında 2 tür buton izleme seçeneğinin olduğu görülecektir.İlki ve varsayılan olan "Track as Button" en sık kullanılanıdır ve klasik buton hareketleri için tek seçenektir. "Track as Menu Item" ise yeni kullanıcılar tarafından pek bilinmeyen bir seçenektir. Karmaşık çekme menülerinin hazırlanmasında sık kullanılırlar.

   Örnek 6              Görünüm ve Açıklamalar            Download

Hazırlanan basit bir keypress filmi. Amaç fare kullanmadan bir sonraki frame`e klavye yoluyla atlamak. Swf dosyasını açtıktan sonra klavyedeki "a" tuşuna bastığınızda bir sonraki frame`deki görüntü ortaya çıkacaktır. Swf dosyasında bu mümkündür ama bir html sayfası açmışsanız bu fonksiyonun çalışması için bir kez sahneye tıklamalı sonra "a" harfine basılmalıdır.

   Örnek 7              Görünüm ve Açıklamalar            Download

Animasyonlu buton hazırlamanın en basit yöntemi buton over alanına istediğiniz bir film klibini yerleştirmektir. Animasyon sadece over alanında etkili olduğundan ancak fare ile buton üzerine geldiğinizde çalışır. basit çalışmalarda oldukça etkili bir yöntemdir.

Bu bölümde bahsedilecek konuları şu ana başlıklar altında toplayabiliriz:

1- Basit butonlar

2- Komplike ve animasyonlu butonlar

3- Butonlara tween uygulaması

4- Pop-up menü ( Çekme menüsü ) oluşturma

5- Buton izleme seçenekleri

6- Key-press ( Klavye girdileri ) olayları

7- Buton over alanına film klibi ekleyerek animasyonlu buton oluşturma

Butonlar sadece başka bir sayfaya yönlendirme amacıyla kullanılmazlar. Film klip leri içinde actionscriptlerle beraber kullanıldığında çok çarpıcı sonuçlar elde edilir. Bu amaçla gizli butonlar sıklıkla tercih edilir.

Gizli butonlarda up, over, down alanları boş bırakılıp sadece hit bölgesine dolgu içeren bir alan eklenir. Flash`ta bu buton sahneye sürüklendiğinde açık mavi renkte gözlenir.Filmi browser`da açıldığında ise hiçbir imaj görülmez, fakat mouse ile üzerine gelindiğinde el imajı ortaya çıkar.Bu butona eklenen tüm komutlar kusursuz olarak çalışır.

Şöyle bir menü görüntüsü düşünün: Ana butona basıldığında alt grup butonlar açılıyor ve bu gruplara ulaşmak için fareye basma hareketini bırakmadan sürükleme yöntemi ile diğer butonlara ulaşma animasyonunu oluşturmak istiyorsunuz. Alt butonlar üzerine gelindiğinde fare bırakılıyor ve bağlantılı adrese ulaşılıyor. Ana butona basıldığında ortaya çıkan menü basma hareketinden vazgeçildiği an kayboluyor. İşte bu tür bir menü için "Track as Menu Item" seçeneğini kullanmalısınız. Örnek dosyamızda heriki izleme seçeneğini aynı anda göreceksiniz. Kullanılan semboller, kodlar hatta timeline aynı olmasına rağmen izleme seçeneğinin değiştirilmesiyle tamamen farklı bir animasyon elde edilmiştir.

Bir klavye girdisi için flash`ta 2 yöntemi kullanabilirsiniz:

1- Örnekteki gibi basit bir keypress olayı yaratmak

2- Key nesnesini kullanmak.

Key nesnesi actionscript bölümünde anlatılacaktır

Uygulamalar:

   Örnek 1
             Görünüm ve Açıklamalar            Download

Basit bir buton örneği. Butonu oluşturmak için 3 katman kullanılmıştır. Alttaki katman gölge efekti , sonraki butonun genel görüntüsü, en üst katman ise yazı için hazırlanmıştır.

Amaç, imleçle tıklandığında butonun bir basılma efektini vermesidir

   Örnek 2              Görünüm ve Açıklamalar            Download

Animasyonlu buton örneği. Animasyonlu butonu, hazırladığınız veya elinizde mevcut bir animasyonu buton düzenleme modunda up, over, down alanlarına ekleyerek hazırlayabilirsiniz. Bu örnekte ise tamamen tersi bir yöntem kullanılmıştır.Önce sahnede butonun görmek istediğiniz grafik şeklini çizip sonra bu grafiği parçalayarak buton ve animasyonlar oluşturacaksınız.

   Örnek 3              Görünüm ve Açıklamalar            Download

Butona tween uygulanmasına ait bir örnek. Buton da bir sembol olduğundan motion tween uygulamak mümkündür. Uygun animasyonlar seçilirse güzel efektler yaratabilirsiniz..

   Örnek 4              Görünüm ve Açıklamalar            Download

Flash`ın temel özelliklerini kullanarak hazırlanan bir menü örneği

   Örnek 5              Görünüm ve Açıklamalar            Download

Bir buton seçilip properties paneline bakıldığında 2 tür buton izleme seçeneğinin olduğu görülecektir.İlki ve varsayılan olan "Track as Button" en sık kullanılanıdır ve klasik buton hareketleri için tek seçenektir. "Track as Menu Item" ise yeni kullanıcılar tarafından pek bilinmeyen bir seçenektir. Karmaşık çekme menülerinin hazırlanmasında sık kullanılırlar.

   Örnek 6              Görünüm ve Açıklamalar            Download

Hazırlanan basit bir keypress filmi. Amaç fare kullanmadan bir sonraki frame`e klavye yoluyla atlamak. Swf dosyasını açtıktan sonra klavyedeki "a" tuşuna bastığınızda bir sonraki frame`deki görüntü ortaya çıkacaktır. Swf dosyasında bu mümkündür ama bir html sayfası açmışsanız bu fonksiyonun çalışması için bir kez sahneye tıklamalı sonra "a" harfine basılmalıdır.

   Örnek 7              Görünüm ve Açıklamalar            Download

Animasyonlu buton hazırlamanın en basit yöntemi buton over alanına istediğiniz bir film klibini yerleştirmektir. Animasyon sadece over alanında etkili olduğundan ancak fare ile buton üzerine geldiğinizde çalışır. basit çalışmalarda oldukça etkili bir yöntemdir.