Hareket tweeni bir sembolün konum, boyut, rotasyon, renk ya da saydamlık
gibi bir veya birkaç özelliğini interpole etmektir. ( interpole=iki konum
ve iki boyutan yararlanarak aradaki bir konu mu saptama işlemidir). Özetle
bir hareket tweeninde iki frame arasındaki boş framelerin bu yöntemle
Flash tarafından doldurulmasıdır.
Ara framelerin Flash tarafından nasıl doldurulduğunu
toplu olarak görmenin en iyi yolu "onion skin" seçeneğini kullanmaktır.
Şekildeki ilk buton "onion skin", dördüncü buton" modify onion
markers"butonudur. Önce 1. sonra 4. butona basın,açılan menüden "onion
all" seçeneğini seçtiğinizde aşağıdaki gibi tüm frameleri sahnede
göreceksiniz.
İpucu: Şayet framelerden birinde iyi yerleştirilmemiş
bir hareket mevcutsa, burada bir key frame eklenerek kullanıcı
tarafından yeniden düzenlenebilir. Yeni keyframe`e göre Flash tweeni
yeniden düzenler.Böylece Flasha biraz yardımla daha akıcı animasyonlar
elde edebilirsiniz. Şimdi örneklerimize geçelim. Örnekler basitten ileri
düzeye doğru yapılandırılmıştır.
Uygulamalar:
Motion Tween Örnekleri-1
Swf dosyasında da gördüğünüz gibi 1.animasyonda konum
değişikliği, 2.animasyonda renk değişikliği, 3.animasyonda rotasyon
değişikliği, 4.animasyonda şeffaflık değişikliğini uygulanmıştır.
Uygulama
1- Araç kutusundan oval aracını seçin ve sahneye bir daire çizin.
Çizim seçili iken F8 e basın,açılan menüden grafik davranışını seçin.
2- Timeline`dan 15.frame`i işaretleyin ve F6`ya basın (
veya sağ klik insert keyframe veya menüden İnsert > Keyframe seçin)
3- Sahnede sembolün seçili olduğuna dikkat edin. Mouse
ile tutarak sahnede istediğiniz bir alana sürükleyin. ( Bunu klavyeden yön
tuşları ile de yapabilirsiniz) Bu işlem sırasında 15.frame`in seçili olma
sı gereklidir.
4- İlk frame`e geri dönün. Sağ klik yapıp Motion tweening
seçeneğini işaretleyin. Eğer hata yapmamışsanız aşağıdaki görüntü timeline
üzerinde izlenmelidir.
Ok çizgisi kesik kesikse hata yaptınız demektir. En sık hata grafiğin
sembol haline getirilmemesidir.
İpucu: Motion tween işleminde grafikler mutlaka sembole
çevrilmelidir. Shape tweende ise tersine sembol kullanılmaz .Eğer elinizde
bir sembol varsa "break apart"komutu (veya CTRL+B ) ile sembol özelliği
kırılmalıdır.
5- Renk değişikliği için ilk 3 işlemi yapın. 15.frame
seçili iken Properties panelinde Color menüsünü açın. Buradan Tint`i
seçin,istediğiniz renge ayarlayın. Brightness renk koyuluğunun ayarını,
alpha şeffaflık ayarını, advanced`ta bu işlemlerin kombine ayarını
sağlar.Cismin boyutunu küçültmek ve isteniyorsa döndürmek için araç
kutusunda Free Transform aracına tıklayın ve en altına yerleştirilmiş olan
"Rotate" ve "Scale" kullanın.
6- Rotasyon için Properties paneline dönün,
Rotate kısmını saat yönü veya tersi olarak
kullanabilirsiniz. Times bölümü rotasyonun işlem boyunca kaç kez
yapılacağını gösterir. Easing bölümü tween işleminin hız ayarını yapar.
Varsayılan "0" durumunda her frame hızı aynıdır. Artı değerlerde animasyon
hızlı başlar,yavaş biter. Eksi değerlerde yavaş başlar hızlı biter. Bu
akıcı bir animasyon için önemlidir. Bir topun yere çarpıp yukarı doğru
sekmesi animasyonunu hazırladığınızı düşünün. Topun yukarıdan aşağıya
doğru hareketi önce yavaş sonra giderek hızlanmalı, yere çarpıp sektiğinde
önce hızlı sonra giderek yavaş olmalıdır. Bunlar basit ama önemli
noktalardır. Label bölümü frame etiketlenmesinde, Tweening bölümü tween
şeklinin seçiminde kullanılır. Diğerleri klavuz çizgi için kullanılan
seçeneklerdir. Bir sonraki örnekte anlatılacaktır.
Motion Tween Örnekleri-2
1 - Sahnede 5 adet şekil oluşturalım ve align komutu ile
aynı hiza ve boyuta getirelim.
2 - Tüm şekilleri seçtikten sonra menüden Modify > Group ( CTRL+G) ile
gruplayalım. Artık şekil blok halinde hareket edecektir.
3 - Sahnedeki gruplanmış şekil üzerine Sağ klik > Copy , sonra sahnede boş
alana yeniden Sağ klik > Paste komutu ile şekli çoğaltalım.
4 - Bu ikinci grubu, birinci grup şekil hizasına getirelim ( Align komutu
ile )
5 - Birbirinin devamı gibi gözüken bu iki grubun herikisini de seçelim. (Shift
tuşuna basılı olarak birden fazla seçim yapabilirsiniz ). CTRL+G ile
yeniden gruplandıralım.Artık elimizde tek bir grup var.
İpucu: İlk beşli grubu sahneye koyarken yukarıdaki
şekildeki gibi sahnenin sol yanına yaslanmış olmalıdır. Bu sayede kayma
hareketi sırasında grafik sahnenin sol kenarından çıkıyormuş gibi gö zükür.
İkinci grubu birincinin yanına koyduğunuzda mutlaka sahnenin dışına taşmış
olması gerek lidir. (Şekili inceleyin) Şayet taşma olmamışsa grafik sah ne
dışına uzanana kadar 2, 3, 4 vs. kere çoğaltma ve hizalama yapmalısınız.
Taşma olmazsa yeterli kaymada olmaz.
6 - Şimdi 15.frame`i seçip F6 ya basarak bir keyframe ekleyin. Grafiğin
seçili olmasına dikkat edin. Klavyeden sol yön tuşuna basarak grafiği sola
doğru kaydırın. Kaydırma 1.grubun tam olduğu yere 2.grup gelene kadar
devam eder. Tam yerine gelmezse kayma animasyonu sırasında kopukluk dik
kati çeker. ( Yön tuşu ile kaydırma yapılırken Shift tuşuna basılı
tutarsanız kayma 8 piksel olarak artar.)
8 - Bitmedi. Şimdi 14.frame`i seçip F6 ya basarak bir
keyframe ekleyin. Tekrar 15.frame`i seçip sağ klik > Remove Frame komutu
ile bu 15.frame`i silin. Filminizi test edin.
9 - Şimdi 15.frame niçin silindi? 7.maddeden sonra
filminizi test ettiğinizde kayma sırasında bir kopukluk göreceksiniz. 1.frame
sırasında sahneye dikkat ederseniz en solda bir daire şekli göreceksiniz.
15.framede ne yaptık. İkinci grubu birinci gurubun tam hizasına getirdik.
Solda yine bir daire mevcut. (üstteki iki şekli dikkatle inceleyin ) Bu
durumda daire
iki framede de mevcut olacağından iki kez kaymada gözükecek bu da
kopukluğa neden olacaktır. 15.frame`i silerek bir fazla daireyi yok ettik.
Kaynak: FlashDersleri.COM
