Site hosted by Angelfire.com: Build your free website today!

1.                 ADOBE İMAGE READY’DE ANİMASYON YAPIMI

 

1.1.  PHOTOSHOPTA RESMİN HAZIRLANMASI

Bu programda web ortamında gördüğümüz şekilde animasyonlar hazırlayabiliriz.


İmage ready photoshop ile bağlantılı bir programdır. Bunun için biz öncelikle animasyonun resim kısmını photoshop ortamında yapacağız. Öncelikle animasyon uygulayacağımız resim aşağıda gösterilmektedir.

 

 

 

 

 

 

 

Animasyonu nasıl yapacaksak yazılarımızı ona göre farklı katmanlarda hazırlamalıyız.

Photoshop programını daha önce öğrenmiştik. Şimdi resmimizi nasıl yapacağımızı kısaca anlatalım.

Yeni sayfamızı genişlik 825 piksel, yükseklik 100 piksel, RGB mod ve saydam özellikleriyle yeni sayfamızı açıyoruz. Boya kovası  aracını seçerek arka alanımızı siyah renge boyuyoruz. Daha sonra dizgi aracını  seçerek resimdeki gibi “hoş geldiniz” yazını yazıyoruz ve harmanlama seçeneklerini istediğimiz şekilde uyguluyoruz. “yunus yılanın malikanesi” yazısındaki kelimelerin her birini ayrı katmanlarda yazıyoruz çünkü hepsine farklı animasyon ekleyeceğiz. Bu işlemleri gerçekleştirdikten sonra resmimizi bitirmiş bulunuyoruz. Bu resmimizi animasyon şekline getireceğiz. Bunun için araç çubuğunun altında yer alan İmage Ready’ye atla  düğmesine tıklayarak kısa yoldan image ready programına geçiyoruz. İmage ready geçtiğimiz zaman photoshop’ta çizdiğimiz resim aynı özelliklerle orada da görünecektir.

1.1.    İMAGE READY’DE ANİMASYONUN YAPILMASI

 

İmage ready’nin ilk açıldığı zaman görünüm aşağıdaki gibidir.


 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

Animasyon vermek için animasyon paletini kullanacağız.

 

 

 

 

 

 

 


Öncelikle vereceğimiz animasyon için animasyon çerçevelerini araya yerleştir  düğmesine tıkladığımız zaman ekrana aşağıdaki pencere gelir.

 

 

 

 

 

 

 

 

 

 

 

 

Buradan sadece eklenecek çerçeve kısmına 8 yazıp tamamı tıklıyoruz. Bu işlem sonucunda yazımız yavaş yavaş sönen bir efekt alır.

Daha sonra geçerli çerçeveyi çoğaltan  6 tane geçerli çerçeveden oluşturuyoruz. Her çerçeve üzerine ayrı ayrı gelerek görmek istediğimiz animasyonu uyguluyoruz. Daha önce 8 çerçeveye uygulamıştık. Katman paletinde yer alan göz işaretini  kaldırdığımız zaman o katman resimde gözükmez. hoş geldiniz yazısı bütün animasyon boyunca sabit kalacaktır.


              9’uncu çerçeve için yunus,

 

 

 

 

 

 

 


              10’uncu çerçeve için yılanın,

 

 

 

 


 

 

 

11’inci çerçeve için malikanesi,

 

 

 

 

 

 

 

 


                12’inci çerçeve için sadece hoş geldiniz,

 

 

 

 

 

 

 


                13’üncü çerçeve için hepsi,

 


 

 

 

 

 

 

 

14’üncü çerçeve için sadece hoş geldiniz yazıları görünür olacaktır.

 

 

 

 

 

 

 

 

Yaptığınız animasyonu izlemek için animasyonu oynatır  tuşuna bastığınız zaman izleyebilirsiniz. Animasyonu Web’te kullanmak için dosya/ideali farklı kaydet komutlarını seçiyoruz ve kayıt türünden html ve görüntüleri seçerek kaydediyoruz.