Bir Banner Hazırlıyoruz
admin
->
Fireworks programında 468*60 boyutlarında yeni bir dosya açıyoruz.
İster Modify>Canvas Color menüsünü kullanarak, isterseniz Properties menüsünü kullanarak bir arka plan rengi belirliyoruz. Ben açık yeşil bir renk kullanacağım.
Hareketli bir banner yapacağız, bu bir kaç kareden oluşacak. Bu yüzden ilk karemizde kullanacağımız metnimizi banner üzerine yazıyoruz:

Şimdi açık değilse Window>Frames (Kısa yol tuşu: Shift+F2) menüsünü aktif hale getirelim.
İlk karemiz hazır ve zaten Frames panelinde aşağıdaki gibi görünüyordur:
Şimdi ikinci frame ekleyip işlemlerimize devam edeceğiz. İkinci frame’i eklemek için şu işlemlerden birini yapın:
1. Edit>Insert>Frame menüsünü kullanabilirsiniz.
2. Ya da Frames panelinde sağ alt köşede bulunan (çöp sepeti işaretinin solundaki) butonu kullanabilirsiniz.
3. Ya da, panel üzerinde Frames and History yazısının sağındaki işaret üzerine tıklayarak açılan menüden "Add Frame" seçeneğini tıklayabilirsiniz.
Bu üç işlemden birini yaparak yeni bir frame ekleyelim:

Yukarıda da görüldüğü gibi şu an iki adet karemiz bulunuyor. Bu menüden 2.kareye tıklayarak şimdi bu karemizi düzenlemeye başlayalım. Bu karemizde daha önce yazmış olduğumuz ForumFavori metininin yanına .Org metnini yazacağız. Bu işlemi yaparken Frame panelinde Frame 2 bölümü seçili olmalı.
Metinimizi yazdık, peki iki karede de bulunan metinlerin birbirine göre hizalanmasını nasıl yapacağız? Her seferinde frame menüsünden bir o kareye bir bu kareye gitmemiz mi gerekiyor? Tabii ki, hayır.
Frame panelinin sol alt köşesinde onion skinning adında (soldan ilk buton) bir buton bulunmaktadır. Bu buton karemizde bulunan nesnelerimize belli bir şeffaflık vermektedir. Bu sayede, biz bir kareyi düzenlerken diğerlerini de görebilmekte ve istediğimiz gibi bir banner hazırlayabilmekteyiz. Bu butona tıklandığı zaman karşımıza bir menü çıkmaktadır. Bu menüden Multi frame editing ve Show all frames özellikleri işaretliyoruz. Şimdi karşımıza aşağıdaki gibi bir görüntü çıkması gerekmektedir:

Yukarıda anlattığımız frame ekleme adımlarından birini tekrarlayarak yeni bir kare daha oluşturuyoruz. Bu karede .ORG metinimizin yanına ne yapabileceğini göster metnini ekleyeceğiz:

Gerekli düzenlemeleri yaptıktan sonra elimizde 3 karesi bulunan bir gif animasyonumuz olacaktır. Fakat animasyonumuza daha güzel bir görüntü kazandırabilmek için yeni bir kare daha ekliyoruz. Bu eklediğimiz dördüncü kareyi boş olarak kullanacağız ve frame menüsünden üstüne tıklayıp, tutarak en üst sıraya taşıyacağız. Yani eklediğimiz son frame, ilk frame’in üstünde olacak.
İstersek tuvalde alttaki "play" işaretine basarak banner’in son halini izleyebiliriz. Ancak okunamayacak kadar hızlı bir şekilde tekrarlandığını göreceksiniz. Öyleyse animasyonumuzun hızını biraz yavaşlatmamız gerekiyor.
Frame panelinde gördüğünüz gibi her bir frame’in karşısında bir rakam yazmaktadır. Bu rakam "default" olarak "7" şeklinde ayarlıdır. Biz bu rakamın üzerine çift tıklayarak "Frame delay" değerini belirleyelim. Gördüğünüz gibi bir frame hızlı olabilirken diğeri yavaş olarak ayarlanabilir. Yani birbirinden bağımsız olarak değerleri değiştirebiliyoruz. Bu sayede dilediğimiz kare uzun, dilediğimiz kare de kısa olabilir.

Artık bannerimiz hazır hale geldi. Sizler hayal gücünüzü kullanarak daha farklı ve etkileşimli bannerlar hazırlayabilirsiniz. Biz sadece basit bir banner örneği verdik burada.
Şimdi son bir işlem daha kaldı; dosya boyutunu belirleyeceğiz. İnternette boyut hususu çok önemlidir bildiğiniz gibi. Şimdi Window>Optimize menüsünü kullanarak Optimize panelini aktif hale getirin. Değerler aşağıdaki gibi olmalı.

"Animated GIF" olmasına dikkat etmeliyiz. Bu tür banner yapımlarında size tavsiyemiz, zemin rengi olarak tek renk kullanmanız olacaktır. Bu sayede yukarıdaki menüde bulunan Loss seçeneğinin değerini %50ye kadar çıkarabilmekteyiz ve animasyonumuzu minimal boyutlara indirebiliriz. Ayrıca tek renk kullanımı animasyonumuz içerisindeki contrast değerlerinin sabit bir düzeyde kalmasına yardımcı olacaktır. Son olarak banner animasyonumuzda kullandığımız renk sayısını da azaltarak animasyonumuzu yayınlayabileceğimiz bir hale getiriyoruz.
Artık hazır haldeki "banner"imizi export (ihraç) edelim. File>Export menüsünü kullanarak ihraç ediyoruz. Dosyamızı kaydettikten sonraki hali şu şekilde olacaktır.

Katagori
Fireworks Dersleri |









































































