[Umut Akçıl] [Flash CS3] [Ders Notu]

Flash CS3 Ders Notları-1

FLASH CS3’e GİRİŞ

[Umut Akçıl] [Flash CS3] [Ders Notu]

Frame, Keyframe Ve Blank Key Frame Kavramları

Macromedia Flash programı animasyonu kareler halinde ele alır ve bu şekilde çalıştırır. Her bir

karenin ismi Frame’ dir. Bazı karelerin yani Framelerin özel görevleri vardır. Bu tip Frameler Key

Frame veya Blank Key Frame olarak adlandırılır.

Flash programını çalıştırdığımızda boş bir belge ile

açılmaktadır.Yan taraftaki şekil Flash programı ilk

çalıştırıldığında Timeline panelinden alınmıştır.

Burada dikkat edildiğinde 1 numaralı Frame’in içi

boş bir daire ile gösterildiği görülebilir. Şu anda

çalışmamda 1 adet Frame vardır ve bu Frame içerisinde de bir görüntü bulunmamaktadır. Dikdörtgen

çizim aracı ile bir diktörtgen çizildiğinde aşağıdaki şekilde de görülebileceği gibi bu dairenin içerisi

doldurulacaktır.

Yandaki şekilden de anlaşılacağı gibi dikdörtgen çizim aracı veya herhangi bir araç ile bir şekil

çizdiğimde bu Frame’in içerisi doldurulmuştur. Bu Frame

içerisinde yer alan nokta işareti artık bu framede bir

görüntü olduğunu göstermektedir.

[Umut Akçıl] [Flash CS3] [Ders Notu]

Şu anda çalışmamda 2 adet Frame var. Yeni eklenen Frame bir öncekinin kopyası olarak

eklenecektir ve bu iki Frame birbiri ile bağlıdır. (Eğer Insert Frame komutu ile yeni bir Frame

eklerseniz yeni eklenen Frame bir öncekine bağlı olacaktır.)

Şimdi de 10. Frame üzerinde farenizin sağ tuşuna basın ve Insert Frame seçeneğini seçin.

Insert KeyFrame komutu yeni bir Frame eklerken bir öncekinin kopyası olarak ekler, Insert

Blank KeyFrame komutu ise içerisi boş bir Frame ekler. Her iki komut da yeni bir frame eklerken

öncekilerden bağımsız olarak ekler.

Şimdi yeni bir Flash çalışması başlatalım ve bu seçenekleri deneyelim. 1. Frame’e bir daire

çizdim ve 2. frame üzerinde farenin sağ tuşuna basarak Insert KeyFrame komutu verdim.

2. Frame’e yeni bir anahtar kare eklendi. Bu eklenen yeni Frame bir öncekinin kopyası olarak

eklenmesine rağmen onunla ilişki değil. Yani bu Framelerden herhangi birinde yer alan görüntü

silinirse diğeri bundan etkilenmeyecek.

Eğer Insert Blank KeyFrame komutu vermiş olsaydık eklenen anahtar kare boş olarak

eklenecekti. Aşağıdaki şekilde bu işlemi görmektesiniz.

[Umut Akçıl] [Flash CS3] [Ders Notu]

Motion Tween

Bu Tween çeşidinde doğrusal hareketler yapabiliriz. Örneğin ;

1.frame bir daire çiziniz,

10. frame insert keyframe ekleyerek 1. frame deki harketi 10. frame kadar uzatılmasını sağlanır.

Daha sonra 1. Frame giderek üzerinde sağ tuş yapıp create motion tween seçeneğini seçiniz,

10. frame giderek dairenizi sahnenin başka bir köşesine çekiniz,

Eğer motion tween harekti doğru olmuş ise framler arası bir düz çizgi ve ucunda ok işareti olacaktır.

Şimdi işlem tamamlanmıştır test etmek için control menüsünden test movie seçeneğini seçiniz yahut

ctrl+enter tuşularını kullanınız.

MOTION TWEEN İŞLEMİ

TAMAM

[Umut Akçıl] [Flash CS3] [Ders Notu]Shape Tween

Bu tween şeklinde bir renkten başka bir renke bir boyuttan başka bir boyuta haraketlendirmeler

yapabiliriz.

1.frame bir kare çiziniz rengi mavi olsun,

10. frame insert keyframe komutunu uygulayınız ve dairemizin rengini 10. Frame de iken siyah

yapınız.

1. frame gidip üzerinde sağ tuş create shape tween komutunu veriniz.

Eğer doğru işlemi yaptıysanız yine frameler arası bir düz çizgi ve ucunda ok olacaktır.

Şimdi test movie yapınız yahut ctrl+enter tuşlarını kullanınız.

SHAPE İŞLEMİ TAMAM

[Umut Akçıl] [Flash CS3] [Ders Notu]Yazıya Shape Tween Uygulamak

Bir yazıya Shape uygulanacaksa şekle uygulanan yoldan biraz farklı işlemler

yapılmalıdır. Aşağıdaki örnekte daha iyi anlayacaksınız.

Öncelikle 1. Frame de sahneye “FLASH” yazısı yazınız

20. frame kadar bu yazıyı uzatınız. 20. Frame insert key frame komutunu veriniz.

20. frame de iken flash yazısına tıklayarak yerine “DERSİ” yazınız.

frame giderek “FLASH” yazısını seçip üzerinde iki kez sağ tuş yaparak break apart

komutunu vererek harfleri teker teker ayırma işlemi yapmış olursunuz.

20. frame giderek “DERSİ” yazısını seçip üzerinde iki kez sağ tuş break apar komutunu

veriniz.

1. frame giderek sağ tuş shape tween komutunu seçiniz eğer shape olmuş ise frame ler

arası bir düz çizgi ve ucunda ok olacaktır. Kesik kesik çizgi olması durumunda işlem

olmamıştır muhtemelen iki kez break apar komutlarını yazılara uygulamamışsınızdır.

İKİ KEZ BREAK APART KOMUTU SONRASI

BİR KEZ BREAK APART KOMUTU SONRASI

BİR KEZ BREAK APART

KOMUTU GÖRÜNTÜSÜ

İKİ KEZ BREAK APART

KOMUTU GÖRÜNTÜSÜ

[Umut Akçıl] [Flash CS3] [Ders Notu]

Motion Tween Animasyonlarda Klavuz Katman Kullanımı

Motion Tween animasyonları özelliği, animasyonun yalnızca başlangıç ve bitiş karelerini

tasarlamamızdır. Flash programı geri kalan hareketi kendisi tamamlayacaktır. Flash programı bu işlemi

gerçekleştirirken iki nokta arasını doğrusal bir yol ile belirlemektedir.

Eğer biz farklı bir yol belirlemek (doğrusal olmayan) suretiyle Flash programının bu yolu takip etmesini

istiyorsak o zaman bir klavuz katman kullanmalıyız.

İlk Frame deki

görüntü

Son Frame deki

görüntü

İzlenecek Yol

ŞEKİL 1

İlk Frame deki

görüntü

Son Frame deki

görüntü

İzlenecek Yol

ŞEKİL 2

SHAPE İŞLEMİ TAMAM

[Umut Akçıl] [Flash CS3] [Ders Notu]Şekil 2 ‘de görüldüğü gibi farklı bir yol belirlemek istiyorsak bir adet Klavuz Layer kullanmamız gerekir.

Şimdi böyle bir uygulamayı hazırlamaya çalışalım.

Önce boş bir Flash dosyası açalım ve 1. Frame bir adet daire çizelim. Bu dairemi çizmiş olduğum

Layer’ın ismini daire olarak değiştirelim.

Daha sonra kalvuz katmanı eklemek için (guide layer) bu seçenek

seçilmelidir. Bu katmana yolu çizelim.

Klavuz katmana çizdiğimiz yola dairemizi yapıştırmalıyız bunun için, dairemizi orta noktasından

tutalım, bu işlemi yapınca dairenin ortasında küçük bir nokta çıkar bu bizim merkez noktamızdır.

Bu nokta klavuz çizgimizin başlangıç noktasına yapışacak şekilde dairemizi yerleştiriyoruz. Eğer

daire klavuz yola yapışmış ise daire bir mıklatıs gibi çizgiye yapıştığını göreceksiniz.

Daha sonra hem klavuz katmanı hem daire katmanımızı 20. Frame insert keyframe diyerek

uzatalım.

20. frame de dairemizi tutalım ve klavuz yolumuzun sonuna ucuna bırakalım yine dairenin merkez

noktası çizginin sonuna mıklatıs gibi yapışması lazım.

Son olarak daire layerinde 1. Frame sağ tuş yapıp create motion tween komutunu verelim.

Test movie yapıp çalışmanızı izleyiniz.

[Umut Akçıl] [Flash CS3] [Ders Notu]Mask Kullanımı

Maskeleme yapmak demektir. Sahne üzerinde maskeleme yapmak istediğiniz bir bölümü mask layeri kullanarak, sadece mask alanı içerisinde gözükmesini istediğiniz nesneleri görüntüleye bilirsiniz. Aşağıdaki örnekte mask yapmayı öğreneceksiniz,

2 layer yaratınız. 1.layer de içerik olacak 2. Layerde mask alanını belirteceğiz. 2. leyer üzerinde sağ tuş mask komutunu veriniz. Böylece şu görüntü elde edilecektir.

2. layer yani üsteki layer de iken sahneye mask alanını çiziniz. 10. frame kadar uzatınız

İçerik için altaki yani 1. Layer de birinci frame de sahnede mask alanının soluna bir yazı yazınız.

Yine 1. Layer de iken 10. Frame insert keyframe komutunu verip 10. Frame de yazıyı mask alanının sağına taşıyınız. Ve bu layerde iken 1.frame gidip motion tween hareketini uygulayın ve test movie yapınız. Eğer yazı sadece mask alanı içinde gözüküyorsa işlem olmuş demektir.