Kodların Adresi

Flash Yeni ve klasik motiontween karsilastirmasi

Tasarım camiasını bir heyecan aldı gidiyor. En son böyle tatlı bir telaşı Macromedia’nın Adobe tarafından satın alınması sonrasındaki belirsizlikleri yıkan Creative Suitepaketi ile yaşamıştık. Bundan tam 1buçuk sene önce Mayıs ayıydı Creative Suite 3 paketi dünyayla beraber aynı anda yayınlandığında. Biz de Akatlar Kültür Merkezi’ndeki büyük lansmana gitmiş ve büyük şölene şahit olmuştuk.Evlerimize büyük bir keyifle ve Trial da olsa CS3’lerimizle dönmüştük. Adobe bize yeni oyuncaklarımızı bu sefer tahmin edilen 2 sene zarfından önce hediye ediyor : evet CS4’ler Hazır !

Adobe anasayfasında ve Adobe TV’de bir süredir tanıtımlarında 23 – 09 – 08 rakamlarının olduğu görseller , videolar ve mailingler düzenledi. Bu büyülü rakamlar 23 Eylül 2008 ‘I yani Adobe CS4 ‘ün Resmi Lansman tarihini gösteriyordu. 23 Eylül günü Adobe bütün dünyada eş zamanlı izlenilebilen muhteşem bir online gösteriyle CS4 lansmanını gerçekleşti ve artık rünlerin son halleriyle bilgisayarlarımıza gelmesi an meselesi.

Yazımın başlığını düşünürken aslında Flash CS4’ü ilk gördüğümde bendeki etkisini düşünmeye çalıştım ve 10u aşkın süredir Flash 4 versiyonundan beri ilk kez yeni bir versiyond bambaşka bir programı kullandığım izlenimi aklıma geldi,eminim buna şimdi duyacaklarınız sonrasında sizde katılacaksınız.

Hoşgeldin Yeni Motion Tween :

Flash CS3 ilk çıktığında programlama altyapısındaki değişiklik yani Actionscript 3.0’I kenara koyarsak tasarımsal olarak pek bir yenilik içermiyordu. Copy-Paste Motion ve Primitive Toollar arayüzdeki ender değişikliklerdi. CS3 ‘ün belkide en önemli tasarımsal yeniliği diğer CS3 programları (Photoshop dahil) daha başarılı entegrasyonuydu. Ancak Flash CS4 ‘te onlarca yeni Tool ve teknolojileri var.

Flash CS4 bizleri yeni bir Tween adıyla tanıştıyor.Adı diyorum çünkü aslında o Tween bizim CS3’ten bildiğimiz Motion Tween.Artık CS3’teki Motion Tween ; CS4’te Classic Tween olarak adlandırılmış. Yeni gelen Motion Editor panelinden keyframe eklemeden yapabileceğimiz animasyonlara artık Motion Tween diyoruz. Motion Editor paneli aslında After Effects kullanıcılarına pekte yabancı gelmeyecek. Resim 5’teki gibi bir Flash CS4 logosunu sahnenin sağından sola doğru Classic Tween ve 2 keyframe ile değil Motion Editor yardımıyla Moion Tween kullanarak götürmek istersek yapmamız gereken animasyonun biteceği süreyi belirlemek amaçlı F5 ile bir frame’e gelmekve orada Motion Editor’den Basic Motion,Transformation gibi üst başlıklarda bulunan X,Y,Rotation Z , Skew ve Scale özelliklerini After Effects’teki gibi sarı noktaya ve ya o frame’e sağ tıklayarak bir keyframe ekleyerek bir değrin üstüne gelince çıkan sağa sola doğru oklarla değiştirebiliriz. Böylece Motion Tween animasyonu CTRL-Enter ile önizlenebilir.

Peki Motion Editor’u ve yeni Motion Tween’I neden Classic Tween yerine tercih edelim. Motion Tween artık Tween class altyapısını kullanıyor. Önceden Tween Class kulanarak kod ile yapabileceğimiz bu esnek animasyon yapısını artık panelden de yapabiliyoruz. Nesnenin son noktasına keyframe eklemediğinden nesnenin sadece dinamik olarak özelliklerini değiştiriyor.Bu sayede başka bir tetiklenen animasyon ile de bu nesnenin başka özelliklerini değiştirmek isterseniz hesaplayıp animasyona kaıyor.

Ayrıca Color Effect , Filters ve Ease özelliklerini de bu panelden değiştirebilirsiniz. Özellikle önceden tanımlanmış Tween Class’ta kullandığımız Elastic Ease modeli artık panelden de hazır şekilde verilebiliyor.

Ben Motion Tween örneği olarak Motion Editorden Flash CS4 logosunu sahnenin sağına doğru götürdüğümde Classic Tween’de gösterileyen bu animasyonun izleyeceği yolu yeşil bir çizgiyle Flash bana gösteriyor. Ben Sub Selection Tool ile bu vektörel yoluda istediğim şekilde tasarımsal olarak ta geliştirebiliyorum.

Adobe Flash CS4 tasarımlarınızı derinden etkileyecek devrim diye adlandırabileceğimiz bazı köklü değişikliklere sahip. Animasyon tarafındaki değişikliklerden sonra gelelim paneldeki değişim ve yeni Toollara. Panelde Flash tasarımcıları sevindirecek sayıda yeni Tool’lar mevcut.

3D Translation ve 3D Rotation Tool :

Sırasıyla bakacak olursak 3D Translation ve 3D Rotation Tool paneli. CS4 ile beraberinde gelen yapıda artık nesnelerin x ve y gibi z değerlerini de .z gibi verebileceğiz. Gerçek bir 3D obje üzerinde runtime olmasa da vektörel nesneler üzerinden perspektifler yardımıyla eğip bükerek güzel animasyolar yapabiliyoruz.

Bir Movie Klip seçiliyken panelden 3D Rotation panelini seçersek 3D programlarını kullananların yabancı olmayacağı : Sarı , Mavi , Yeşil ve Kırmızı çizgiler çıkacaktır. Yeşil çizgiyi tutup değiştirdiğimizde y koordinatı üzerinde değişiklikler yapabilir ve tasarımları anlık görebilirsiniz , kırmızı ile x koordinatınca rotation işlemi yapacaksınız , dışarıdaki mavi çizgi ise z koordinatı boyunca değişiklikler yapmamızı sağlayacak.

Eğer 3 boyutlu uygulamalarınızı matematiksel ve panelden yapmak isterseniz 3D Rotation Tool’un sahneden yapabildiği işlemleri 3D Translation seçili hale getirince yukarıda çıkan panelden matematiksel değerlerle geliştirmelerinizi yapabilirsiniz. Buradan yapacağınız z koordinatını içeren animasyonları da Timeline’da 3D Tween olarak adlandırabiliyoruz.

Spray Tool :

Flash CS4 ile beraber gelen yeni Tool’lardan biri de Spray Tool. Illustrator kullanıcılarının aynı adla kullandıkları paneled burada aynı işi görüyor. Spray Tool’u seçip Resim 9 ‘daki gibi Edit kısmına tıkladıktan sonra gelen Library’deki Movie Kliplerden birini seçiyoruz. Devamında Random Scale, Random Position gibi ayarlar ile Spray ile ekrana dağıtacağımız Movie Kliplerin özelliklerini ayarlayalım.

Devamında ekrana basılı tutarak Spray Tool ile istediğimiz Movie Klipi istediğimiz boyut,ve şekillerle ekrana dağıtabiliyoruz , güzel bir kolaylık.

Bone Tool :

Adobe’nin düzenli olarak her sene yaptığı MAX etkinliğinin 2007 yılında Flash CS4 ‘ün ilk görücüye çıktığı etkinlikte en çok gürültüyü ve alkışı Bone Tool koparmıştı. Çünkü karakter animasyonlarında Shape Tween ve Shape Hint ile gerçeksi kol ve dolayısıyla başka şekillere verilen animasyonlara çok zorluk çekiliyordu ancak Bone Tool ile çizdiğimiz şekiller arası ilişiklendirilmeler yaparak herhangi birinin yapacağı anmasyonu Kinematik sayesinde hepsinin birden birbirlerine bağlı yapmasını sağlar.

Adobe Flash ile gelen yenilikler öne çıkan şekilleriyle bunlar ama aslında bu kadar da değil.Şöyle dikkatimi çekenleri son olarak listelemek gerekirse daha ayrıntılı ve anlamlı Debug çıktıları , Geliştirilmiş Pen Tool üzerinde Bezier Path ‘lerle çalışabilme , Indesign dosyaları ( indd ) import edebilme , Library’deki isimleri aramamızı sağlayan Search kısmı , birkaç yeni Blend mode ve 3D Toollarıyla tasarımdan yapabildiğimiz .z özelliğini barındıran yeni Matrix3D classı.