Flash CS3 Professional `deki Yenilikler

Flash CS3 versiyonu ile beraber Adobe firmasıradikal değişikliklere gitmiştir. Bu değişiklik 2 yönde olmuştur.Birincisi Flash arayüzünde oluşturulmuştur. Tüm Adobe ürünlerindeçalışma alanı ve elemanlarının standart görünüme kavuşturulmasındakiamaç kullanıcıların programlarda yabancılık çekmesini önlemek içindir.Panellerin kullanımına getirilen yeniliklerle çok daha hızlı ve pratikolarak çalışma yapmak mümkün olacaktır. İkinci değişiklik bilindiğigibi Actionscript dilindedir.As3 diline geçilmesi tüm flashseverlerinciddi bir sorunu olacaktır. Çünkü artık en basit kod yazılımı biletamamen değişmiştir. Giderek Java diline benzeyen bu kodlarla FlashPlayer`ın 10 kat daha hızlı ve işlevsel çalışacağı Adobe yetkililerinceifade edilmiştir.
Flash CS3 deki yenilikleri arayüz ve eklenen özellikler olmak üzere 2 bölümde inceleyeceğiz:

Arayüzdeki Değişiklikler

Flash programı diğer versyonlaragöre çok daha uzun bir kurulum aşamasından geçtikten sonra ilk açılıştaalttaki görüntü ile bizi karşılar:


İstediğiniz seçimi yaptığınızda değişik bir arayüz göreceksiniz:

 

Solda Tools panelinde varsayılan dizilim teklisıralama şeklindedir. Solda ise mevcut Flash panelleri bulunmaktadır.Burada amaç size geniş bir çalışma alanı sağlamaktır. Panellerinüstündeki çift oklara tıklayarak klasik görüntüye geçebilirsiniz.

Üstteki panelde tool panelinin çift oka tıklayarakgenişletilmiş şeklini görüyorsunuz. Sağdaki diğer panellerin görünümünüdeğiştirmek veya özelleştirmek istiyorsanız timeline`ın hemen altındakiworkspace butonuna basabilirsiniz.
Panellerin üstündeki bara tıkladığınızda ilgili panelin genişleyerek kullanıma açıldığı gözlenir:
Aynı bara tıklayarak tekrar kapanması sağlanabilir.
Tools panelinde pen ve rectangle aracındaki 2 önemli değişiklik göze çarpmaktadır.
Dikdörtgen ve oval aracına primitive tool denilen 2 eklenti yapılmıştır. Bunlar özelliğini değiştirebileceğiniz çizimler sağlar. Birini tıkladığınızda sahnedeki görüntü:

Properties paneline baktığınızda :

 

Altta 4 tane çeyrek çember var.İşte bunlar corner radiusayarlarıdır. Buradan anladığınız gibi araç kutusundan bu özellik alınıpproperties paneline aktarılmış.Açılır menüden istediğiniz köşe açısınısağlayabilirsiniz.Alttaki resimde gördüğünüz gibi kilit simgesinetıklayarak kilidi açabilir ve dört köşeye de ayrı ayrı açılandırmasağlayabilirsiniz.
Eğer değerleri negatif yaparsanız çizim açısını tersine çevirmiş olursunuz:

Tools panelinde ikinci eklenti pen aracına yapılmıştır:,
Daha iyi ve etkili çizimler yapabilmeniz amacı ile yapılan bu eklentinin kullanımı ileride anlatılacaktır.
Şimdi component paneline gözatalım. 2 bölüm altında toplanmıştır.User İnterface ve Video.
Heriki alanın açılımı alttaki gibidir:
Heriki bölümede ek elemanlar eklenmiştir.Bunlarınkullanımı ve kodlar anasayfamızda component panel kodları başlığıaltında incelenecektir.
Şimdi en çok istenen bir özelliğe gelelim.Component elemanlarını artık kolaylıkla düzenleyebiliriz.Tekyapmanız gereken sahneye aldığınız component üzerine çift tıklamayapmanızdır.Aynı iç içe geçmiş film lipleri gibi tıklayarak tümelemanlara ulaşabilirsiniz:
Sahneye aldığınız bir component elemanı üzerine çift tıkladığınızda:
Tüm elemanlar elinizin altındadır. Up Skin klibiniçift tıklayarak altta gördüğünüz gibi gradient renklendirme yaptım. Herelemanı tek tek tıklayarak açıp istediğiniz düzenlemeyi yapabilirsiniz:
Flash ana menüsüne baktığımızda birkaç eklenti dışında farklılık olmadığını görüyoruz:
Üstte gördüğünüz gibi motion tween işlemini (shapetween de bu özellik yok) xml olarak kopyalayabiliyor, export ve importedebiliyorsunuz. Bu sayede bir tween işlemini xml olarak kodlayabilirve bunu benzer çalışmalarda pratik olarak kullanabilirsiniz.Konudetaylarından ileride bahsedilecektir.
Aynı özelliği frame üzerine sağ klik yaparak da elde edebilirsiniz:
Actionscript paneline gözatarsak burada kodlarınfarklı sınıflandığı görülür. As2 dilini hemen kaldırmamak için bu türbir sınıflama yapıldığı görülüyor.Muhtemelen bir sonraki versiyonda bukarmaşık sınıflandırma kaldırılıp sadece As3 dili üzerinden sınıflamayapılacak gibi duruyor.Aynı karmaşa flash mx2004 versiyonunda As2diline geçişte de olmuştu ve Flash8 versiyonu ile As1 dili bırakılıpAs2 diline göre kod sınıflaması düzenlenmişti.

Gördüğünüz gibi her As2 ve As3 kodlarını kullanabiliyoruz:
İlk panel gördüğünüz gibi klasik Flash8 paneli.Diğerpanelde ise Actionscript3 ile gelen değişik kodlar belli bir gruplamayapılmadan alt alta sıralanmış .Buradaki iki panele de gözatın.Componet paneline eklenmiş yeni elemanlara (ColorPicker, slider vs) aitkodlara üstteki 2 panelde de rastlayamıyorsunuz. Aynı sıkıntı Flashmx2004 çıktığında da olmuştu. Düzensiz actionscript paneli deneyimliolmayan kullanıcıya sıkıntı yaratacaktır. Help dosyasına gözattığınızda Flash8 deki mükemmelliği göremeyeceksiniz. Flash8 de herkod grubuna help kısmından baktığınızda kodun kullanım şekli,kullanılan argümanların açıklaması ve bu koda ait birkaç örnek önünüzeçıkardı.Help dosyasına bakıp kolaylıkla kod kullanımıöğrenebiliyordunuz. Şimdiki help dosyası herkesin flash4 den beri buprogramla ilgilenen kullanıcılar için hazırlanmış gibi duruyor. Önce debelirttiğim gibi bu karmaşa yeni dile geçiş nedeniyle ortayaçıkmıştır.As2 dilinin tamamen panelden çıkarılması karmaşaya yolaçacağı düşünülmüş ve bu ara görüntü ortaya çıkmıştır. Bir sonrakiversiyonda Flash8 de olduğu gibi tüm olumsuzluklar ortadan kalkacak veeski dil terkedilerek mükemmel bir yapıya kavuşturulacaktır.

 

İçerikteki Değişiklikler


Bu yazı Adobe Flash ürün müdürü Richard Galvan'ın; Adobe sitesinde yayınlanan "Introducing Adobe Flash CS3 Professional" makalesinden çevrilmiştir.
Çeviri mmistanbul.com editörlerinden Sayın Zehra Doruk tarafından yapılmıştır

Yaklaşık bir buçuk yıl kadar önce sunulan Flash 8'i gördüğünde insanlaro zamana kadar görmedikleri kadar iyi bir sürüm olduğunu ve Flash'ınhiç o kadar iyi bir sürümünün olmadığını söylediler. Fakat görünen oki; Flash CS3 Professional demolarından sonra yine aynı şekildetebrikler yükseliyor. Flash CS3 tester'ları, CS3 versiyonunun gerçektende devrim niteliğinde özelliklerle donatıldığından bahsediyorlar veözellikle de Flash 8 versiyonu ile kıyaslıyorlar.
Adobe Flash CS3 Professional, eğlenceli, etkileşimliiçerikler hazırlamak için fonksiyonel bir takım özelliklerle donatıldı.İşte Adobe Flash CS3 ün en önemli 10 yeniliği...
Photoshop ve Illustrator 'dan import özelliği
Flash için gelen taleplerin en başında AdobePhotoshop ve Adobe Illustrator ile uyum içerisinde çalışabilir olmasıidi (Figure 1). Adobe Creative Suit 3 ailesinin bir ferdi olarak FlashCS3 Professional şimdi Photoshop ve Illustrator ile bütün isteklerecevap verecek şekilde mükemmel bir uyumla çalışıyor. Tasarımcı vegeliştiriciler artık kullanmak istedikleri tasarım ortamını seçmekteözgürler; hem de herhangi bir iş kaybı kaygısı duymaksızın.
Importing a Photoshop file directly into the Flash authoring environment
Resim 1. Photoshop dosyasını Flash ortamına import etme.
Animasyonları ActionScript3.0'a dönüştürme
Tasarımcıların büyük bir çoğunluğu, daha küçük dosya boyutları vedaha fazla esneklik ve kontrol gibi amaçlarla ActionScript'i, Stageelemanlarının hareketlerini tanımlamak için kullanır. ÖrneğinActionScript ile izleyiciden gelen bir input ile başlayacakanimasyonlar hazırlamak gibi. Pek çok tasarımcı ve geliştirici buözelliğin farkındaydı fakat; gerekli kodları yazmak hem çok karmaşıkhem de zaman harcayan bir iş olarak karşılarına çıkabiliyordu.
Şimdi, Flash CS3 Professional ile, Timeline animasyonları anındaActionScript 3.0 'e dönüştürülebiliyor. Bu da size öncelikle görselolarak animasynlarınızı hazırlama şansı veriyor; sonra da bunu yenidenkullanılabilir ve düzenlenebilir kodlara dönüştürüyor. Şimdiye kadarhiç ActionScript kullanmamış olsanız bile, TimeLine üzerinde tanımlıbir hareketi kopyalayıp, kod alanına yapıştırmak öğrenmeye başlamakiçin güzel bir adım olabilir. Öyle değil mi?
Converting a Timeline animation to ActionScript 3.0
Resim 2. Timeline animasyonlarını ActionScript 3.0'e dönüştürme
Adobe Creative Suit 3 Ortak Arayüzü
Flash CS3 Professional'ın en görünen özelliklerinden birisi de yeniarayüzü. Flash artık Photoshop ve Illustrator ile ortak interface'esahip. Sadece görüntüde bir değişiklik anlamına gelmesin bu, çalışmaalanında da işlevsellik adına önemli bir adım.
Bildiğiniz üzere çalışma alanı hiç bir zaman yetmez. Özelliklelaptop çalışanları için. Flash CS3 Professional 'ın yeni arayüzüsayesinde optimum organizasyonu sağlamak için pencere ve panellerinüstüste binmesini engelleyebiliyor, çalışma alanı panellerinigruplayabiliyorsunuz. Hazırladığınız yeni çalışma alanıkişiselleştirdikten sonra kaydedebiliyorsunuz. Görsel çalışma alanı veklavye kısayolları gibi kullanım ile ilgili düzenlemelerinizi diğerAdobe ürünleri ile; Adobe Photoshop CS3, Adobe Illustrator CS3, AdobeInDesign CS3, Adobe After Effects CS3, Adobe Premiere Pro CS3, ve AdobeSoundbooth CS3 ile ortaklaştırabiliyorsunuz.
Yeni hata ayıklayıcısıyla ActionScript 3.0 geliştirimi
Flash CS3, kodlama yapmayı sevenler için de etkileyici birgeliştirim ortamını ActionScript ile sunuyor. ActionScript 3.0 ileçalışmak ve içeriklerinizi test etmek hiç bu kadar kolay olmamıştı.Yeni ActionScript debugger sayesinde, çalışmanızı yaparken, yanikodlarken çalışır ve hataları tespit etmenizi sağlar. Yani hatayapmanızı engeller. Bu esnekliğini, geri dönütleri ile destekliyor.Aynı zamanda bahsettiğimiz bu yeni hata ayıklayıcı Adobe Flex Builder 2ile de ortaklaştırılmıştır. İki uygulama arasında dönüşüm ve paylaşımyaptığınızda tutarlı ve uyumlu geri dönütlerle karşılaşacaksınız.
Yeni hata ayıklayıcı tek bir panel yerine; birden fazla panel içerenDegug Mode çalışma alanı ile görüntüleniyor. Uygulamanızı debug mod'adönüştürdüğünüzde çalışmanızın SWF dosyası stand-alone çalışan biroynatıcıda açılır.
Adobe Device Central CS3
Diğer Adobe Creative Suite 3 ürünlerinde olduğu gibi Flash CS3Professional ile de entegre edilen Adobe Device Central CS3 mobiliçerikleri hazırlığını basitleştiren ve hazırladığınız içerikleri mobilaraç skinleri -mobil araç profilleri sürekli güncellenmektedir-içerisinde test etmenize olanak sağlayan bir araçtır. Şimdi çok kolaybir şekilde mobil içerikler geliştirebilecek, ön izleyebilecek, veAdobe Flash Lite ile hazırladığınız etkileşimli içerikleri testedebileceksiniz.
Examining mobile device skins in Adobe Device Central CS3
Resim 3. Adobe Device Central CS3 içerisinde mobil araç skini ile çalışmak
Yeni Çizim Aracı - Pen
Adobe Illustrator içerisinde yer alan vector çizim aracınıprofesyonel tasarımcıların çok beğendiklerini duyuyorduk. ArtıkIllustrator 'da da yer alan Pen aracını benzer özellikler veişlevsellikle Flash CS3 içerisinde de kullanabileceksiniz.
Bézier kontrol noktalarını, Illustrator klavye kısayol tuşlarınınişlevselliğine benzer şekilde dönüştürebileceksiniz. ÇalışmanızıIllustrator'dan Flash içerisine copy / paste yapsanız bile, bütünözellikleri korunuyor. Ayrıca, Flash, Shape Primitives aracının yenibir setini de içeriyor: bu araç dinamik şekiller yaratmanıza olanaksunuyor.
ActionScript 3.0 için optimize edilmiş ve giydirilmiş UI bileşenleri (component)
Flash CS3 Professional, ile artık etkileşimli içeriklerinizigörselliği çok kolay düzenlenen hazır komponentler ile rahat ve hızlıbir şekilde hazırlayabileceksiniz. Bütün bu komponentler ActionScript3.0 ile kodlanmıştır. Kullanıcı arayüzü (UI)bileşenleri koleksiyonu, butonlar, işleme çubuğu, liste kutularınınyanı sıra geniş ölçekte video bileşenleri de içeriyor.Kişiselleştirilmeleri oldukça kolay olduğu için arayüzünüzle ilgilibileşenleri değiştirmek için kodlama yapmanıza gerek kalmayacak. Sadecebileşen alanına çift tıklamanız ve bileşenin yeni şeklini çizmenizyeterli. (Figure 4).
Skinning UI components
Resim 4. UI bileşenini düzenleme
Geliştirilmiş QuickTime export seçeneği
Artık pek çok insan video içeriklerini Adobe Flash Player ileyayınlasa da; bazen animasyon ya da video içeriklerinizz farklıoynatıclarda çalıştırılmak üzere yayınlama ihtiyacı içerisinegirebilirsiniz. Örneğin; Apple QuickTime gibi. FlashCS3 Professional, geliştirilmiş QuickTime ihraç etme özelliği ile FlashPlayer içerisinde nasıl oynatılıyorsa aynen kare kare yakalanmışgörüntüleri içeren videonuzun QT içerisinde sorunsuz çalışmasınısağlıyor. Bu da demek oluyor ki; flash içeriğiniz içerisindeki bütünkomplex yapılar ve AS kodları Flash Player içerisinde nasıl izleniyorsao şekilde ihraç ediliyor.
Video encoding
Web te yayınlanan içerik tipleri her geçen gün değişiyor vegelişiyor olmasına rağmen, her an yüzyüze gelebileceğiniz, pekçoğunuzun geldiği bandwith problemleri nedeniyle artık video içerikleriiçin Flash Player vazgeçilmez bir araç olarak karşımıza çıkıyor. Butercihin diğer bir göstergesi de; Flash Video teknolojisine verilenEmmy Ödülleri olmuştur.
Video içeriklerinizi Flash projeniz içerisine almak için öncelikle videoyu FLV (FlashVideo) formatına dönüştürmelisiniz. Videonuzu Flash içerisine importederken FLV formatına dönüştürebileceksiniz. Flash projeniz içerisindebirden fazla video içerik eklemek istiyorsanız, bunun için Adobe FlashVideo Encoder'ı kullanabilirsiniz. Bu yeni araç sayesinde videolarınızıbatch processing'den geçirip, fomatlayabilirsiniz. (batch processingişlemi, bir dosyaya uygulanan işlemlerin, farklı pek çok dosyaya birhareketle uygulanmasına verilen isimdir)
Zaman kazandıran programlama araçları
Kod editörü geliştirmeleri, ActionScript 3.0 için Script Assist modunu içeriyor. Bu da eğer Flex Builder kullanıcısıysanız sizlere aşina gelecektir.
İşte yeni özelliklerden bir kaçı daha:

    • Actions paneli ve Script penceresi seçilenkodun bir süreliğine görüntülenmemesi için collapse edilmesini sağlayanaraçlar içeriyor.
    • Script penceresine eklenen kodların seçilen kısmına yorum girmeyi sağlayan araçlar içeriyor.
    • AutoFormat uygun ActionScript 3.0 kodlama yazım şeklini sunar ve kodların okunurluğunu arttırır.
    • ActionScript3.0 doküman class'ları için yeni bir concept sunuyor —class tanımlamasıTimeLine ile ilişkilendiriliyor. Ana zaman çizgisi başlatıldığındaclass otomatik olarak oluşturuluyor.
    • Kütüphane ögesiiçin bir class adı belirleyebiliyorsunu; bu da bu sembol ile ilgiliinstant 'ları dinamik olarak yaratmanızı sağlıyor.
    • CompilerErrors panelinde yer alan hata mesajına çift tıklayarak Actions ya daScript panelinde hatanın bulunduğu yere ulaşabiliyorsunuz.
Sonuç:
Bunlar sadece çok göze çarpan yeni özelliklerdi. Daha detaylıbilgiler için Flash CS3 ürün sayfasını ziyaret etmeyi ihmal etmeyin.