Artık bu site güncellenmeyecek. kuponadam.com‘dan devam ediyorum.

WordPress e flash gömememe sorunu sebebiyle başka bi yere taşıyacam siteyi. Tabi bulabilirsem.

İlk frame’e KM yazıyorum

Yazımızı ortalamak için “Align&info&transform” penceresinden kırmızıyla işaretlenmiş butonlara basıyorum. (Pencere sağ menüde yer almıyorsa üstteki menüden window sekmesini tıklayıp align’ı aktif hale getirebilirsiniz.)

Daha sonra modify>break apart diyerek text’i vektöre dönüştürüyorum.(İlk yaptığımızda K ve M olarak ikiye ayrılır tekrar yaptığımızda ise vektöre dönüşür.

Sonrada 10.frame’e sağ tıklayıp insert blank keyframe diyorum ve buraya KuponadaM yazıyorum ve align penceresinde yukarıda yaptığım gibi ortalama tuşlarına basıyorum. Ve yine modify>break apart seçeneğinden vektöre dönüştürüyorum.

1 ile 10. frame arasında bi kareye tıklayıp aşağıdan Tween seçeneklerinden shape’i aktif hale getiriyorum

(Sahnede sağ tıklayıp document properties dediğimizde frame rate ibaresindeki sayı saniyede gösterilecek olan frame sayısını gösterir. Ben burda 20 yaptım)

Şuanda KM yazımız KuponadaM’a dönüşüyor. Birazdaha güzelleştirmemiz lazım.
20. frame’e sağ tıklayıp boş kare ekliyorum (insert blank keyframe) KM yazıyorum, align’ı kullanarak yazının sahnede tam ortada yer almasını sağlıyorum (yukardaki işlem) sonrada modify>break apart diyorum (2 kere) ve 10 ile 20. kare arasında bi yeri tılayıp tween özelliğini shape olarak seçiyorum. Şuan ki hal. Ama hala iyi değil biraz daha çalışalım.

1 ile 10 arasında bi kareye tıklayıp aşağıdan ease seçeneğini -100 yapalım sonra 10 ile 20. kare arasında biyeri tıklayıp 100 yapalım. Ve son olarak 30. kareyi sağ tıklayıp insert frame diyelim. Son hali. Biraz daha üzerinde çalışılabilir.

İlk frame’e istediğimiz bi metin giriyoruz.

Arkasından yazımızı sağ tıklayıp convert to symbol diyip movie klibi işaretleyip ok diyoruz.

Sonra 10. frame’i sağ tıklayıp insert keyframe diyoruz.

Metnimizi tıklayıp aşağıdan color seçeneklerinden tint’i seçiyoruz.

İstediğimiz bir rengi seçip %100 e çıkarıyoruz.

Şimdi ise 1 ile 10. frame arasında bi yere sağ tıklayıp create motion tween diyoruz.
Metnimiz seçtiğimiz renge dönüşüyor ama böyle bırakırsak hoş bi görüntü olmuyor çünkü geçişte pat diye renk değişikliği var. O yüzden 1 den 10. frame’e kadar seçili hale getirip copy frames diyoruz sonrada 10. kare ile 20. kareyi seçili hale getirip sağ tıklayıp past frames diyoruz, ve yapıştırdığımız (10-20 frame arası) frameleri seçili hale getirip sağ tıklayıp reverse frames’i seçiyoruz.
Ve işlem tamam.

Onion skin özelliği bize önceki framelerde ne yapmış olduğumuzu hatırlatan bi özelliktir. Aktif hale getirdiğimizde sahnede son karelerimizdeki görüntüleri gösterir ve buna göre değişiklik yapmamıza olanak sağlar.

Burda ilk frame’e bir top çiziyorum. Ve sonra ikinci kareyi sağ tıklayıp insert keyframe diyorum böylelikle ilk karedeki topun aynını ikinci karedede görmüş oldum. Sonrada ikinci karedeki topun yerini çok az sağa doğru oynatıyorum (klavyeden ok tuşlarını kullanarak ince ayar yapılabilir) ve sonra 3.kareyede insert keyframe diyip yine sağa doğru eşit miktarda oynatıyorum. Bunu 10.kareye kadar yaptıktan sonra onion skin özelliğimizi aktif hale getiriyorum.

Kırmızıyla gösterdiğim yeleri isteğimize göre oynatabiliriz. Bunlar sahnedeki sanal görüntünün nereden başlayıp nereden biteceğini gösterir.

İlk “frame”i tıklayıp “text tool” aracıyla sahnemize buton yazıyoruz.

yazımızın üstünde sağ tıklayıp convert to symbol diyoruz.

Sonra button u seçiyoruz ve ok diyoruz.

Sonra butonumuzu çift tıklayarak içine giriyoruz.

Burdaki

up > butonumuzun ilk görünen hali

over > fare üzerine geldikten sonraki hali

down > fare tıklandığındaki hali

hit > butonumuzun alanını ifade eder.

Over’ı sağ tıklayıp insert keyframe dedim

ve butonun üstüne tıklayıp rengini kırmızı yapıyorum.

sonra down’u sağ tıklayıp insert keyframe deyip butona tıklayıp rengini yeşil yapıyorum.

sonra hit’i sağ tıklayıp insert blank keyframe diyorum ve butonumuzun tamamını kaplayacak bi kare çiziyorum.

Sonrada scene 1 i tıklıyorum.

sonra action penceresini açıp

on (release) {
getURL(“http://kuponadam.com”, “_blank”);
}

kodunu yazıyorum.

ve işte sonuç

Fla dosyası download

Bu flash’ın çalışma dosyası(.fla). download

Bir topu bir kutuya çevirelim.

İlk kareye “oval tool”u kullanarak bir top çizelim.

sonrada 20. kareyi sağ tıklayıp “insert blank keyframe” diyelim.

Buraya “rectangle tool”u kullanarak bir kare çizelim.

Ve 1 ile 20. kare arasında biyeri tıklayıp “properties” sekmesinden “shape”‘i seçelim

ve son hal

Cismimizi çalışma alanımıza çiziyoruz. Ben oval tool’u kullanarak bi top çizdim.

sonra layer 1 de 20.kareyi sağ tıklayıp “insert keyframe”i tıkladım.

Sonra 20. kareyi tıklatıp topun yerini değiştirdim. Ve 1. kare ile 20. kare arasındaki bi kareyi sağ tıklayıp “creat motion tween” dedim.

ctrl ve enter’a aynı anda basıp animasyonu izleyebilirsiniz. yada control menüsünden test movie’yi tıklayarak.

Ipucu;

20. karede topu göderdiğiniz yerden 1. kareye tekrar getirmek isterseniz;

1 ile 20. kare arasında bi kareyi sağ tıklayıp “select all frames”‘i tıklayın sonrada seçili framelerden birinin üstünü tekrar sağ tıklayıp “copy frames” diyin. sonrada 21. karede sağ tıklayıp “past frames”‘i tıklayın, sonrada 21. kareden 40. kareye kadar olan frameleri seçili hale getirip sağ tıkladıktan sonra “reverse frames”i tıklayın.

Sonuç;

Flash üzerine örnek çalışmalar olacak bu sitede.