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.