» Animasyonlu Gif Oluþturalým

Web sayfalarýnýn vazgeçilmez unsurlarýndan biri tabii ki animasyonlu GIF dosyalarý. Bir seri GIF dosyasýnýn üst üste getirilerek oynatýlmasýndan oluþan animasyonlu GIF'ler web sayfasýnda aktif içeriði saðlamak için kullanýlabilecek ilgi çekici ve basit bir teknik. Peki Animasyonlu GIF yapmak için neye ihtiyacýnýz var? Kullanabileceðiniz programlar neler?

Animasyonlu GIF yapmak için önünüzde bir çok seçenek var. Animagic, GIF Constructor, Animator Pro, Microsoft GIF Animator gibi programlar bunlardan sadece birkaç tanesi. �imdi bu programlardan www.microsoft.com/imagecomposer/gifanimator/gifanin.htm adresinden indirebileceðiniz Microsoft GIF animatorý tanýtacak ücretsiz ve kullanýmý basit olan bu program ile bir animasyonu nasýl oluþturacaðýnýzý anlatacaðýz… (Örnek Site: http://www.erenet.net)

Programý çalýþtýrdýðýnýzda ve bir GIF dosyasýný açtýðýnýzda karþýnýza her bir kareyi görebileceðiniz bir alan ile birlikte animasyonun akýþýný ve karakterini belirleyebileceðiniz üç adet sekme gelecektir. Programda bir menü bulunmuyor fakat üstteki tuþ takýmýný kullanarak dosya açma, dosya kaydetme, kesme, kopyalama gibi iþlemleri gerçekleþtirebiliyorsunuz.

Options ve Animation sekmelerinin, resmin tümünü, Image sekmesinin sadece seçili olan kareyi etkilediðini belirttikten sonra dilerseniz her bir sekmenin ve alt seçeneklerinin ne iþe yaradýðýný açýklayalým:

Options Sekmesi
Thumbnails Reflect Image Position: Karelerin öngösterim penceresinde nasýl görüneceðini belirler. Bu seçeneði iþaretlediðinizde kareler animasyonda görüleceði þekilde öngösterim penceresinde tekrar boyutlandýrýlýr.

Main Dialog Window Always On Top: GIF Animator'ýn tüm pencerelerin üzerinde görülmesini saðlar.
Import Color Palette: GIF paletinin cinsini belirler. Optimal palette seçildiðinde tüm karelerin paletleri birleþtirilir ve 256 renge indirgenir. Browser Palette ise tüm karelerin paletlerini web tarayýcýsýnýn 216 renklik paletine çevirir.

Import Dither Method:
Solid: Karenin renklerine en yakýn renkleri seçer.
Pattern: Çok fazla renge sahip animasyonlar için en optimal renkleri seçer
Random: Pattern'den daha iyi bir seçenektir fakat daha yavaþtýr.
Error Diffusion: Karelerde hata düzeltmesi yapar, parlama gibi yanlýþlýklarý törpüler.

Animation Sekmesi
Animation Width, Animation Height, Image Count: Animasyonlu GIF dosyasýnýn uzunluk ve geniþliðini, kaç adet kareden oluþtuðunu gösterir.
Looping: Animasyonun kaç defa tekrarlanacaðýný belirler. Repeat Forever seçeneði iþaretlendiðinde metin kutusundaki deðer gözardý edilir ve animasyon sonsuza kadar devam eder.
Trailing Comment: Animasyon hakkýnda genel bir açýklama yapmanýza olanak tanýr.

Image sekmesi
Bu bölümde karenin yükseklik ve geniþliðini veren Image Width ve Image Height seçenekleri her zaman sabit kalýr.
Left: GIF parçasýnýn ana GIF dosyasýnýn solundan ne kadar uzaða yerleþtirileceðini,
Top: parçacýðýn üstten ne kadar uzaða yerleþtirileceðini gösterir. Bu iki deðer küçük parçacýðýn ana parçacýk üzerindeki koordinatýný vermesi açýsýndan önemlidir.

Bu sekmedeki "Duration" seçeneði karenin kaç milisaniye (Saniyenin yüzde biri) ekrana duracaðýný belirler.
Undraw Method seçeneði küçük parçacýðýn iþi bittikten sonra ne olacaðýný belirler.
"Leave" alt seçeneði parçacýðýn iþi bittikten sonra ekranda kalmasýný, "Restore Previus" parçacýðýn kullanýlmadan önceki halinin geri getirilmesini, "Restore Background" ise parçacýðýn kullanýldýðý alanýn boþaltýlmasýný saðlar. Image sekmesindeki "Transparancy" seçeneði karenin hangi renginin transparan renk olacaðýný belirler. Kullanýlmasý pek kolay olmayan bu seçenek iyi göz kararý istiyor çünkü transparan rengi önizleme karesinden deðil de renk paleti içerisinden seçmenizi istiyor. Son olarak her kare için ayrý bir açýklama getirebileceðinizi belirtelim. Açýklamalarý yazmak için "Comment" kutusunu kullanabilirsiniz.
 
Animasyonu oluþturalým…
GIF Animator ile animasyon oluþturmak çok kolaydýr. Animasyonunuzun parçalarýný bir grafik editörüyle oluþturduktan sonra ister teker teker kaydederek GIF Animator'a sürükler isterseniz grafik editörünüzden panoya yapýþtýrarak Animator penceresinde Shift+Insert tuþlarýna basarsýnýz.

GIF Animator en iyi sonucu önceden kaydedilmiþ resimlerin sürüklenip býrakýlmasýyla elde ediyor.
�stediðiniz kareleri Animator penceresinde oluþturup ok tuþlarýyla sýralarýný belirledikten sonra sýra animasyonun kaç kere tekrarlanacaðýna geliyor. Bu iþlemi de bitirdiðinizde artýk Image sekmesine geçerek her bir karenin pozisyonunu ayarlayabilir ve iþi bittikten sonra ne olacaðýný belirleyebilirsiniz.

GIF Animatoru, daha doðrusu tüm animasyon programlarýný kullanýrken dikkat etmeniz gereken bir iki nokta var. Bunlardan birincisi resmin sadece deðiþen parçalarýný almanýz ve bunu animator penceresine yapýþtýrmanýz, diðeri ise animasyonlarýnýzda fazla renk kullanmamanýz. Eðer animasyonlarýnýzda tekrarlanmayan parçalarý tekrar tekrar kullanýrsanýz dosyanýn büyümesi, dolayisiyle yüklenmesinin zorlaþmasýný saðlamýþ olursunuz.

Bu makale HTML Öðreniyorum kategorisinde kayıtlıdır.

Etiketler: Animasyonlu Gif Olu tural m

Copyright © Erenet.NET Tüm hakları saklıdır.

Yayınlanma 2006-11-18 (4083 okunma)

Geri Dön    Tavsiye Edin    Yazdır