Photoshop Magazin
 


Photoshop , After Effects ve Flash CS4 Kardeşliği...

01 December 2009 | Sayı: Dec 2009
 
1 2 3 4 5
 

Adobe CS4 ürünlerindeki yeniliklerle aynı doğrultuda Türkiye’de ve dünyada web erişim hızının da güçlenmesi artık web kullanıcılarının görsel kalitesinin daha ön plana çıkmasını sağlamıştır. Bu olgu bizim süre gelen web anlayışımız da kullanmış olduğumuz klasik programların içine yavaş yavaş video animasyon, 3D modelleme gibi programlarında konumlanması ihtiyacına neden olmuştur.

Bu doğrultuda baktığımızda bir zamanlar TV ve Video Prodüksiyon programları arasında olan After Effects programı Photohop CS4 desteğinide yanına alarak FLASH CS4 kardeşliğine yelken açmaya başlayan devrim niteliğinde programlardan sadece biridir. Dilerseniz bu üçlü koalisyon ortaklığını nasıl canlandırıldığını ufak bir örnekte hep birlikte inceleyelim.
Photoshop CS4 Öncelikli olarak yapmamız gereken Photoshop CS4 programızı kullanarak uygun bir görsel zenginlik hazırlamak olacaktır. Bu projede hayata geçirmek istediğimiz projenin layer’larının sayısı 3 Adetle sınırlandırılmıştır.Yanlış anlaşmalara yer vermeden bu rakam farklı kullanıcılar tarafında istenildiği gibi artırılabileceğini vurgulamak istiyorum.

Proje 3 Layer katmanından oluşan çalışmamızda, bir ‘Background” katmanı, bir “Button” katmanı ve bir de “Resim” katmanımız bulunmakta.Mevcut çalışmamızı .PSD dosya türü olarak kayıt ettikten sonra sıra ile her katmanı ayrı ayrı “Save For Web” sekmesini kullanarak (Optimize ederek) katman katman ayırıyoruz.

Save For Web
1- “Background” katmanı tek parça ve var olan çalışmanın tamamını kaplayacağı için bu layerı “File/Save For Web” sekmesine girerek ‘JPG’ 50 Quality’de kayıt altına almamız

yeterli olacaktır. “Button” olarak adlandırdığımız katmanı ise After Effects programımızda efektler uygulayacağımızdan ‘Transparent (şeffaf)’ olmasını sağlamamız gerekmaktedir.”File/Save For Web” sekmesinde bu sefer PNG-24 formatında kayıt altına alıyoruz. Bu işlem biraz sonra Resim katmanımız içinde geçerli olacaktır. Zira After Effects programımızda bu katmana da uygulama yapacağımızdan şeffaf olarak gelmesi bizimi için önemlidir.


After Effects CS4
Şimdi sıra Video Animasyon programımız olan After effects’te komposizyonumuzu oluşturmaya. Programımız açıldıktan sonra File/Import sekmesini kullanarak Photoshop’tan çıkmış olduğumuz katmanları tekrar sahnemizin içine alıyoruz.

 

 

Biraz inceleme fırsatınız olduysa After Effects programıda Flash ve Photoshop programlarını karıştırılması gibi durmaktadır. Bu noktada programı yeni açan bir kullanıcı olsanız dahi fazla zorlanacağınızı tahmin etmiyorum. Öncelikli olarak “background” katmanımızı sahnedeki yerine Flash’ta kütüphaneden sahneye resim sürüklediğimiz gibi bırakıyorum.

 

  


Ardından da sırası ile “Button” ve “Resim” katmanlarınıda sahneye çekiyoruz. Böylece After programımızda yeni bir Composition” oluşturmuş olduk. Şimdi sıra tüm katmanlar bir aradayken hangi katmana efekt uygulayacaksak o katmanı seçili hale getirmeye geldi. Timeline bölümünden zaman aralığınıda belirledikten sonra efektlerimizi uygulamaya başlayabileceğiz.
Yapmayı düşündüğümüz olgu var olan resim katmanımızın ‘Start’ yazılı butonuna tıklanıldığında, resim katmanımızın buton takımının altından sahnedeki yerini almasını

 

sağlamak olacaktır. Bunu gerçeklektirmek için “Effects/Distort/Liguify” komutunu kullanmakla başlayabiliriz projemize. Bu Effects sayesinde var olan katmanımızı ‘deforme’ ederek yeni bir şekle dönüşmesini sağlamak hedefimizdir. Amacımız belirlemiş

 

olduğumuz süre içerisinde tekrar resmimizin eski konumuna gelmesini sağlamaktır. Burda dikkat edilmesi gereken önemli bir ayrıntı Flash’ta vermiş olduğumuz anahtar karelerin (Keyframe) After Effects programında vermiş olduğumuz efects sekmesinin yanında bulunan Kronometre sekmesini işaretlememizle gerçekleşeceğidir.

 

Flashtaki gibi her kareyi tekrar keylemeye gerek yoktur. Program istenildiği alanları kendi anahtarkarelerle dolduracaktır. Bundan sonra gerçekleştireceğimiz uygumalada zaman çizelgesinde bulunan ‘Playback izleme başlığımızı’ istediğimiz saniyeye çekmek ve fx panelindeki değerimizi değiştirmek olacaktır. “Liquify” efekti var olan nesnenin deforme olmasını

ve yeniden eski şekline kavuşmasını sağlayacaktır.Aslında Photoshop kullanıcılar için çok bilindik bir efektir. Bugüne kadar sabit ( hareketsiz ) uyguladığımız bu effekti after programımızla hareketli hali dönüştürmek mümkündür. İlk efektimizi başarıyla hayata geçirdikten sonra şimdi ikinci efektimizi vermenin zamanı gelmiştir. Bu efekt ile de elde etmek istediğimizi şey deforme olarak beliren resim katmanımızın aynı zamanda etrafından Işık

 

 

efekti çıkartmasını sağlamak olacaktır. “CC Light Rays” efektini kullanarak yine zaman çizelgesinde istemiş olduğumuz zaman karelerini seçili hale getirerek (zaman aralığını belirleyerek) Işık efektinin mevcut sahne kurgusundaki yerini almasını sağlamış olacagız.
After Effects programında efekt kurgularının kullanarak birçok animasyona imza tabilmemiz de mümkündür.
Unutulmaması gereken en önemli olay ise gerçekleştirmiş olduğumuz animasyonların Flash CS4 programımıza FLV formatında Transperen (Şeffaf) olarak alınabilmesidir.

 

 

Flash

Animasyon kurgumuz bittiğine göre After programımızda “FLV” formatında kayıt almamızın zamanı geldi. Bu işlemi gerçekleştirebilmek için üst menüde “Composition/Make Movie” buton sekmesini kullanarak karşımıza çıkan diyalog penceresinde Projemizin ‘FLV formatında’ kayıt altına almak istediğimizi bildirmemiz gerekmekte. Burda dikkat etmemiz gereken diğer bir husus ise Flv formatında kayıt alacağımız dökümanın Transparent(Alpha+RGB) kanallı kayıdın gerçekleştirilmesini sağlamaktır. Bunun içinde “Format Options” sekmesini seçili hale getirip karşımıza çıkan ayar sekmelerinde “Encode Alpha Channel” sekmesini işaretlememiz gerekecektir. Bu ayarıda gerçekleştirdikten sonra artık dosyamızın FLV formatında Render edilmesi olayını gerçekleştirebiliriz.

 

Artık FLASH CS4 programımızda yeni bir sahne açıyoruz. Açmış olduğumuz sahneyi sırasında “Backgroud” katmanını çağırıyoruz. Bu Katmanın üzerine ikinci bir layer katmanı açarak biraz önce After Effects programımızı kullanarak oluşturduğumuz FLV (video) dökümanımızı “File /Import/Import Video” seçeneğiyle sahneye transparen olarak aktarıyoruz.

 


Videomuzu Flash’a alırken ‘Embed FLV’ ve MovieClip’ türünde seçenekler işaretlemeyi unutmuyoruz. Artık ihtiyacımız olan yeni bir katmanda gizli bir buton oluşturmak ve bu butonun üzerine actionScript 2.0 veya 3.0 komutlarımızı işleyerek projeyi sonlandırmak.
Hepinize Kolay gelsin...

 

 

December 2009

 


Flash