Grafik ve Animasyon dersi içeriği olarak hazırlanan bu yazıda Flash Animasyonlarda maske ekleme ve ayarlarını yapma konusu anlatılmıştır. Aşağıda bu işlemler adım adım anlatılmıştır ve defalarca denenmiştir. Yine de yapamadığınız aşamalarda yorum kısmından soru sorarak cevap alabilirsiniz.

• Yeni bir katman ekleyiniz.
• Yukarıdaki katmanın adını “maske” olarak belirleyiniz.
• Alttaki katmanın adını “fotoğraf” olarak belirleyiniz.
• “maske” katmanının adına sağ tıklayıp maske olarak seçiniz. Katmanların görüntüsü aşağıdaki gibi ise doğru yaptık demektir.
   

• Katmanlar kısmından üstteki Kilit sembolüne tıklayarak katmanların kilidini açınız.
• Fotoğraf katmanında iken 1. Kareye tıklayıp Dosya>İçe Aktar>Sahne Alanına İçe Aktar tıklayarak sahneye bir resim alınız veya dışardaki resmi sürükleyerek sahne alanına bırakınız.
• Fotoğraf katmanında 70. Kareye sağ tıklayarak “Anahtar Kare Ekle” seçiniz.
• Maske katmanında 1. Karede iken sahnenin sol üst köşesine bir daire çiziniz, F8’ basarak daireyi grafiğe dönüştürelim.

• Maske katmanında 15. Karede sağ tıklayıp “Anahtar Kare Ekle” seçiniz. Daireyi sürükleyerek sahnenin sağ alt köşesine bırakınız.
• Maske katmanında 30. Karede sağ tıklayıp “Anahtar Kare Ekle” seçiniz. Daireyi sürükleyerek sahnenin sol alt kısmına bırakınız.
• Maske katmanında 50. Karede sağ tıklayıp “Anahtar Kare Ekle” seçiniz. Daireyi sürükleyerek sahnenin tam orta kısmına bırakınız.
• Maske katmanında 70. Karede sağ tıklayıp “Anahtar Kare Ekle” seçiniz. Daire seçili iken sol kısımda araçlar panelinden “Serbest Dönüştürme Aracı” seçiniz. Dairenin köşelerinden çekerek sahne büyüklüğünde genişletiniz.
• Maske katmanında 1-15 kareleri arasında, 15-30 kareleri arasında, 30-50 kareleri arasında ve 50-70 kareleri arasında sağ tıklayarak “Klasik Ara Oluştur” seçiniz.
• Eğer aşamaları doğru yaptıysanız zaman çizelgesi aşağıdaki gibi olacaktır.

• CTRL + Enter ile animasyonu test edebilirsiniz.

Animasyon bitmiş hali aşağıda görüldüğü gibi olacaktır.

Grafik ve Animasyon dersi içeriği olarak hazırlanan bu yazıda Flash’a kılavuz ekleme ve kontrolü konusu anlatılmıştır. Ayrıca katmanlar konusu da pekiştirilmiştir. Aşağıda bu işlemler adım adım anlatılmıştır ve defalarca denenmiştir. Yine de yapamadığınız aşamalarda yorum kısmından soru sorarak cevap alabilirsiniz.

• 600x300 sahne açalım.
• Yeni bir katman daha ekleyelim.
• Üstteki katman adına çift tıklayarak adını Kılavuz olarak değiştirelim.
• Alttaki katmana çift tıklayarak adını Nesne olarak değiştirelim.
• “Kılavuz” katmanının adına sağ tıklayıp kılavuz olarak seçelim.
• Nesne katmanını Kılavuz katmanının hemen altına biraz sağa doğru sürükleyelim. Daire şeklini görünce fareyi bırakınız. Katmanların görüntüsü aşağıdaki gibi ise doğru yaptık demektir.

• Kılavuz katmanının 1. Karesine tıklayalım ve araçlar panelinden kurşun kalem alarak sahneye istediğimiz şekilde bir kılavuz çizelim. Ben aşağıda gördüğünüz gibi içten dışa açılan bir spiral çizdim.

• Kılavuz katmanında 20. Kareye sağ tıklayarak “Anahtar Kare Ekle” seçelim.
• Nesne katmanında 1. Karede iken sahneye bir daire çizelim. Daireyi seçip F8 tuşuna basarak sembole dönüştürelim.
• Nesne katmanının 1. Karesinde iken daireyi sürükleyerek dairenin orta noktasını kurşun kalemle çizdiğiniz kılavuzun başlangıç noktasına yerleştirelim.
• Nesne katmanında 20. Karede sağ tıklayıp “Anahtar Kare Ekle” seçelim.
• Nesne katmanında 20. Karede daireyi sürükleyip orta noktasını kılavuzun bitiş noktası ile birleştirelim.
• Nesne katmanında 1-20 kareleri arasında sağ tıklayarak “Klasik Ara Oluştur” seçelim.

Bu aşamada Flash ekranınız aşağıdaki gibi olmalıdır.

• İsterseniz sahne rengini değiştirebilirsiniz.
• CTRL + Enter ile animasyonu test edebilirsiniz.

Animasyon bitmiş hali aşağıda görüldüğü gibi olacaktır.

Grafik ve Animasyon dersi içeriği olarak hazırlanan bu yazıda Flash ActionScript ile buton kontrolü konusu anlatılmıştır. Ayrıca bir flash animasyonu buton yardımı ile durdurma ve tekrar hareket ettirme işlemleri yapılmıştır. Aşağıda bu işlemler adım adım anlatılmıştır ve defalarca denenmiştir. Yine de yapamadığınız aşamalarda yorum kısmından soru sorarak cevap alabilirsiniz.

• 600x150 sahne açılır.
• Katman1 adına çift tıklayarak katman adını “Animasyon” olarak değiştirilir.
• Animasyon katmanında 1. Kareye git ve sahnenin sol kısma 120 x 120 ebatlarında tekerlek çizilir.
• Tekerleği seçip F8 tuşuna basarak Grafiğe dönüştürülür.
• Kareye sağ tıklayarak “Anahtar Kare Oluştur” seçilir.
• Yine 20. Karedeyken tekerlek sahnenin sağında biraz boşluk kalacak şekilde sağ tarafa çekilir.
• Zaman çizelgesinde 1-20 kareleri arasında herhangi bir karede sağ tıklayarak “Klasik Ara Oluştur” seçilir.
• Yine aynı aralıkta herhangi bir kare tıklandıktan sonra ekranın sağ kısmında bulunan Özellikler panelinden “Döndür” ayarını SY (saat yönü) olarak seçilir.
• Animasyon CTRL+ENTER tuş kombinasyonu ile test edilir.
• Eğer tekerlek dönerek sağa doğru ilerliyorsa doğru yoldayız demektir.
• Yeni bir katman eklenir ve katman adı “butonlar” olarak değiştirilir.
• Butonlar katmanının 1. Karesine tıklanır.
• Menü çubuğundan Pencere/Bileşenler seçilir (CTRL+F7).
• Kullanıcı ara yüzü bölümünden Buton çift tıklanarak sahneye alınır.
• Sahnenin sol üst köşesine iki tane buton üst üste yerleştirilir.
• Üstteki buton tıklanır ve sağ kısımda bulunan “Özellikler” panelinden “label” yazan alana “Oynat” yazılır. Yine “Özellikler” panelinde en üst kısımda yer alan “Örnek Adı” kısmına “buton1” adı verilir.
• Alttaki buton tıklanır ve sağ kısımda bulunan “Özellikler” panelinden “label” yazan alana “Durdur” yazılır. Yine “Özellikler” panelinde en üst kısımda yer alan “Örnek Adı” kısmına “buton2” adı verilir.
• Zaman çizelgesinde butonlar katmanında 1. Kareye tıklanır ve F9 tuşuna basılarak actionscript kod penceresi açılır.
• Kod penceresine aşağıdaki kodlar aynı şekilde yazılmalıdır. Büyük/küçük harf duyarlılığı olduğundan mutlaka yazıma dikkat edilmelidir.
• Kodlar yazıldıktan sonra zaman çizelgesinde butonlar katmanında 20. Kare sağ tıklanarak “Anahtar Kare Oluştur” seçilir.

  buton1.addEventListener(MouseEvent.CLICK, oynat);
     function oynat (e:MouseEvent)

       {   
          play(); 
       }
  buton2.addEventListener(MouseEvent.CLICK, durdur);
     function durdur (e:MouseEvent)

      {
          stop();
      }

Animasyonun bitmiş hali aşağıda görüldüğü gibidir.