Animasyonlu Banner Hazırlama by altunyayn

VIEWS: 0 PAGES: 2

									                      Animasyonlu Banner Hazırlama


     468x60 boyutlarında bir dosya açalım. Genelde bu sayılar reklam bannerları için
standart rakamlar. Herneyse işimize bakalım. Arka planı istediğiniz renkte seçin.
Animation penceresi açık değilse Window > Show Animation kullanarak bu pencereyi
açalım çünkü ileride en çok kullanacağımız pencerelerden biri bu olacak. Animation
pencresinde de gördüğünüz gibi ilk karemiz hazır. Ben önceden hazırladığım resmi Image
Ready'de açıp, onun üstüne bir kere tıkladıktan sonra, mouse tuşunu kaldırmadan onu
açtığımız 468x60'lık dosyaya taşıyoruz. İlk karede de yazımız gözükeceği için Type
Tool'a gidip ilk yazımızı yazıyoruz.




     Şimdi Animasyon pencersine gidip aşağıda gösterildiği gibi yeni bir Frame açalım.




     Sıra ikinci karenin içine yazacaklarımızda. Ama birde ortalıkta görünen birinci yazı
var. Peki onu nasıl kaldıracağız ? İlk yazıyı yazdığımız layerın solundaki göze bir kere
tıklayıp onu şu anda çalıştığımız kare üzerinde gözden kaybedelim. Dikkat ederseniz bu
layer ilk karenin üstüne bastığında görünür hale geliyor. Animasyonun genel mantığı bu.
Görülmesi istediğiniz layeri kareler üstünde, yanındaki göz'e tıklayarak görünür veya
görünmez hale getiriyorsunuz. Ne kadar karışık gözüksede, bunu yaparken kolay
olacağını göreceksiniz. Herneyse bıraktığımız yere dönelim ve ikinci yazımı yazalım. Bu
işlemi diğer yazılar içinde yapalım. Unutmayın, her layer için bir yazı, her yazı için bir
kare. Soldaki resmin animasyon boyunca görünmesini istiyorsanız o layer'a dokunmanıza
gerek yok.
    Şimdi animasyonu olusturan kareler arasındaki zamanı ayarlayalım. Bunun için
aşağıdaki grafikleri takip edelim.




    Hepsi bu kadar. Şimdi geldi banner'ı save etmeye. Burada üzerinde duracağımız
nokta resmin save edilirken mutlaka .gif formatında olmasıdır. Aksi takdirde animasyonu
göremezsiniz. Bunun için File > Save Optimized As .. gidip banner'ı .gif formatında
save edelim. Animasyon konusunda kafanız karışmış ise Image Ready teknikleri
sayfasından yukleme tekniğine göz atabilirsiniz.

								
To top