Fireworks programında resimlerinize, nesnelerinize ve katmanlarınıza uygulayabileceğiniz birbirinden güzel çok sayıda filtre bulabilirsiniz. Filtreleri biz efekt olarak tanımlayabiliriz. Uygulanan filtreler sayesinde resimlerinizi siyah beyaz hale getirebilir, resminizin tamamının yada bir bölümünün rengini değiştirebilir, resminize ve yazılara gölge ekleyebilir, resminizi bulanıklaştırabilir yada görüntüleri daha keskin hale getirebilirsiniz. Fireworks programında kullanabileceğiniz belli başlı filtreleri ve resimli örneklerini görmek için yazımın devamına bakabilirsiniz.

Öncelikle Fireworks programında kullanacağım filtrelere nasıl erişeceğimizi söyleyelim. Filtre uygulamak istediğiniz resim parçasını yada resmin tamamanı seçili hale getirdikten sonra özellikler panelinden Filtreler alanı yanındaki + işaretine tıklayarak filtre seçeneklerini görüntüleyebilirsiniz. Aynı seçenekleri üst bölümdeki filtreler menüsünden de erişebileceğinizi unutmayın.

Diğer önemli detay ise resmin tamamına bir filtre uygulayabileceğiniz gibi resmin sadece bir bölümünede filtre uygulayabiliriz. Eğer tamamına uygulayacak resmi seçili hale getirmemiz yeterlidir. Fakat sadece bir bölümüne filtre uygulayacak olursak o bölümü seçim araçlarıyla seçip ( gerekirse bu bölümü kesip ayrı bir katman haline getirebilirsiniz) daha sonra filtre uygulamamız gerekecektir. Her iki durumla ilgilide örnekleri yazımın devamında bulabilirsiniz.

Öncelikle sık kullanılabilecek filtreleri örneklendirmek istiyorum. Yani ben programdaki menü sırası yerine daha sık kullanabileceğimiz filtreleri önce anlatmayı tercih edeceğim. Bu derste kullanacağım resimlerin orjinal hallerini konuya başlamadan önce paylaşıyorum, isterseniz resimlerin üzerine tıklayarak büyütebilir ve kaydederek üzerlerinde çalışmaları tekrar edebilirsiniz.

Fireworks ile fotoğrafı siyah beyaz yapma :

Fireworks programında en sık kullanabileceğiniz filtrelerden birisi fotoğrafları siyah beyaz yapan Alfaya dönüştür filtresi olacaktır. Filtreler menüsünü özellikler panelinden erişebileceğinizi yukarıda anlatmıştım. Fotoğraf seçili durumdayken filtreler menüsüne girelim, diğer menüsü altında Alfaya dönüştür seçeneğine tıkladığınızda resminizin siyah beyaz hale dönüştüğünü göreceksiniz.

Hemen hemen bütün filtrelerde kullanabileceğiniz bir diğer yöntem ise fotoğrafın sadece bir bölümüne filtre uygulamaktır. Şimdide yukarıdaki fotoğrafın sadece bir bölümünü renkli diğer kısımlarını siyah beyaz hale getirelim. Bunun için resimdeki futbolculardan bir tanesini çokgen kement yada istediğiniz başka bir seçim aracıyla seçip ctrl+x ile kesiyoruz. Daha sonra hiçbir yere tıklamadan resmimizi yapıştırıyoruz. (Ctrl+V) Yapıştırma işleminide yaptıysanız fotoğrafınızın ilk anda olduğu gibi bir bütün halinde görünmesi gerekiyor. Tek farkı ise bizim seçtiğimiz futbolcu ve onun dışında kalan parça iki ayrı katman haline geldi. Artık biz seçtiğimiz futbolcunun dışında kalan katmana tıklayarak seçili hale getirip siyah beyaz yapıyoruz. Bu durumda sadece bizim kesip yapıştırdığımız futbolcumuzun renkli diğer futbolcuların ise siyah beyaz olması gerekmektedir.

Fireworks ‘ de renk değiştirme filtresi

Şimdide fotoğrafın bir bölümü yada tamamının rengini nasıl değiştireceğimizi görelim. Bunun için araba resmini kullanıp, arabanın rengini değiştirmeye çalışalım. Öncelikle arabamızın kaporta bölümünü seçim araçları ile seçerek yukarıdaki örnekte olduğu gibi kes ve yapıştır işlemini uygulayarak fotoğrafımızı 2 katmana dönüştürüyoruz. Daha sonra kırmızı renkli kaporta bölümünün olduğu katmanı seçerek filtreler menüsünden Renk Ayarla > Ton / Doygunluk seçeneğine tıklıyoruz. Buradaki Ton kadranını sağa sola hareket ettirerek arabanızın rengini değiştirebilirsiniz. Doygunluk ve açıklık değerlerini değiştirerekte parlaklık, matlık gibi değerlerini değiştirebilirsiniz. Benim elde ettiğim 4 farklı rengi aşağıda görebilirsiniz.

Filtreler menüsünü altında yer alan diğer seçenekleri deneyerek sizlerde fotoğraflarınızda farklı efektler oluşturabilirsiniz. Benim birkaç dakika içerisinde denediğim diğer çalışmalarım ise aşağıda.

Sizde deneme yanılma yöntemiyle filtreler menüsü altındaki diğer seçenekleri deneyip, farklı fotoğraf görüntüleri elde edebilirsiniz.

Not : Son 2 hafta içerisinde 8.ders nerede kaldı diye birçok mail aldım. Göstermiş olduğunuz ilgi için teşekkür ediyorum : ) Birbaşka derste görüşmek dileğiyle.

Fireworks programındaki araçlar panelinde belkide en çok kullanılan bölüm seçim araçlarıdır. Bu derste önce seçim araçlarının ne işe yaradıklarını, nasıl kullanıldıklarını anlatacağım, sonrada bu araçların kullanımına örnek olabilecek 3-4 uygulama anlatacağım.

Fireworks Seçim Araçları

Seçim Çercevesi ve Oval Seçim Çerçevesi Araçları : Araçlar panelinde Bitmap bölümünde yer alan bu iki araç sayesinde resmimizde kare şeklinde yada oval bir şekilde istediğimiz alanı seçmeyi sağlarız. Bu seçimi ister kopyalayarak çoğaltabilirsiniz, isterseniz kesip alabilirsiniz, isterseniz kesip yapıştırdığınız bu alana (sadece seçip kestiğimiz alana) özel efektler uygulayabilirsiniz. Bu uygulamayı resimli olarak anlatacak olursak :

1- İlk olarak fireworks’ te açmış olduğumuz resmimizin bir bölümünü Seçim Çercevesi ve Oval Seçim Çerçevesi Araçlarından birisini kullanarak seçiyoruz. Seçmiş olduğum bu alanı önce Ctrl+X ile keselim. Kestiğimizde resmimizin arka planında saydam bir boşluk görünmesi gerekiyor. Hemen ardından Ctrl+V ile yapıştıralım. Resmimizden biraz önce kestiğimiz parçayı yine aynı noktaya yapıştırmış olmamız gerekiyor. Yani ilk bakışta herhangi bir fark yok gibi görünebilir. Fakat ilk durumda resmimiz tek bir parçadan ( tek katmandan) oluşuyorken, artık iki farklı katmandan oluşmaktadır. Şimdi resmimizin büyük olan parçasına tıklayarak onu seçili hale getirelim. Bunun için işaretçi aracını seçerek resimde kestiğimiz alan dışındaki bir noktaya 2 defa tıklamanız yeterli olacaktır. Eğer büyük resim parçasını seçili hale getirdiysek artık bu parçaya filtre uygulamak için 2. adıma geçebiliriz.

2- Henüz filtreler konusunu öğrenmemiş olsakta bu uygulamayı gerçekleştirmek için resmimizin büyük parçası seçiliyken aşağıdaki resimde olduğu gibi altta yer alan özellikler panelinden Filtreler ifadesinin yanındaki + işaretine tıklayarak kullanabileceğimiz filtreleri görüntülüyoruz.

3- son adımda ise açılan filtreler menüsünden Diğer menüsü altından Alfaya Dönüştür’ e tıklıyoruz. Bu durumda resmin büyük parçası siyah beyaz hale gelirken, sadece seçim aracı ile seçip, kesip kopyaladığımız küçük parça renkli olarak kalacaktır. Örneğimizin son halini aşağıda görebilirsiniz.

Çokgen Kement ve Kement Araçları : Firewors’ ün en sık kullandığım seçim araçları diyebilirim. Hatta bu ikisi içerisindende çokgen kement aracı bir adım daha öne çıkmaktadır. Kement aracında birkez sol tuşa tıkladıktan sonra fareyi hiç bırakmadan serbest bir seçim yapmanıza imkan verir. Çokgen kement aracında ise doğrusal şekillerle seçim yapmanızı sağlar. Yani bir noktaya farenin sol tuşuyla tıklayarak seçimi başlatıyoruz. Artık farenin sol tuşundan parmağımızı çektiğimizde fareyi nereye götürürsek o yöne uzayıp giden bir çizginin fareyi takip ettiğini göreceksiniz. İstediğiniz noktaya geldiğinizde tekrar tıklarsanız birönceki nokta ile sonraki nokta arasını seçim çizgisi ile birleştirir. Böylece ilk başladığınız noktaya kadar nokta nokta bir seçim yaparak kement aracına göre daha rahat bir seçim şansı sunmaktadır. ( dinlene dinlene seçim yapma diyebiliriz )

Şimdide bir önceki örnekte yaptığımız seçimi bu sefer çokgen kement aracı ile yapalım. Çokgen kement aracı ile yapacağınız seçimlerde resmin sağ alt bölümünde yer  alan resim ölçeğini 100% yerine 150% veya 200% gibi değerlere getirerek daha büyük bir alan üzerinde çalışmanızı tavsiye ediyorum. Bu durumda daha kusursuz seçimler yaptığınızı göreceksiniz.

Önceki örnekte kare şeklinde bir seçim yaptığımız için Servet ile birlikte arka taraftaki seyircileride seçmek zorunda kalmıştık. Bu sefer çok kement aracı ile sadece futbolcunun kendisini seçmeyi deneyeceğiz. Yukarıda bahsettiğim gibi önce resmi büyütün, sonra bir noktadan başlayarak adım adım, ilk noktaya kadar seçime devam edin. Benim seçim sonundaki görüntüm şu şekilde :

Yine önce Ctrl+x ile seçimi kesiyorum, sonrada Ctrl+V ile yapıştırıyorum. Bir önceki adımda öğrendiğimiz filtreler menüsünden bu sefer büyük resim parçamız seçiliyken Bulanıklaştırma menüsü altındaki Yakınlaştırma Bulanıklaştırmasını uygulayalım. Açılan pencerede ise miktar 35 kaliteyi 60 yapalım. Yada değerleri değiştirerek deneyebilirsiniz. İşte sonucumuz :

ÖDEV : Bu derste öğrendiğiniz özellikleri kullanarak farklı resimlerden aldığınız grafik parçalarını tek bir resimde birleştirmeyi deneyin.

Benim yaptığım basit montaj çalışmam aşağıda.

Seçim araçları konusu çok uzun sürebilecek bir konu olduğu için tek sayfada anlatmak yerine 2 bölüm halinde anlatmanın daha iyi olacağını düşünüyorum. Bu nedenle ilk bölümü bitirmiş olduk. Sihirli değnek, fırça, kalem, silgi, lastik damgası ve leke araçlarınıda 2.bölümde işleyeceğiz. Görüşmek üzere

Bir önceki dersimizde Fireworks programınde kullanılan panelleri ve araçları kısaca tanıttık. Bu dersimizden itibaren araçlar panelini (araçlar çubuğu) bölüm bölüm daha detaylı olarak inceleyeceğiz. Bu panelde yer alan ve sıklıkla kullanacağımız araçlarımızın ne işe yaradıklarını ve nasıl kullanıldıklarını göreceğiz. Araçlarımızın kullanımı ile ilgili resimli örnekleride yazılarımızın devamında bulabilirsiniz.

Fireworks Taşıma araçları ( Select tools) : Fireworks ‘ de 2 adet taşıma aracımız bulunur. Bunlar işaretçi Aracı (V) ve Alt seçim aracı (A)’ dır.

Fireworks programında çalışma alanımız üzerindeki herhangi bir grafik yada katmana bir efekt, filtre vb. bir etki yapmak istediğimizde ilk olarak mutlaka işaretçi aracıyla o grafik yada katmanı seçili hale getirmeliyiz.  İşaretçi aracıyla üzerine tıkladığımızda etrafında beliren mavi çizgiler o grafiğin seçili hale geldiğini gösterir. Aynı zamanda işaretçi aracı yardımıyla belgemizdeki grafiklerin yerini değiştirip, taşıyabiliriz. İşaretçi aracıyla bir grafiğe tıklamadan önce klavyeden alt tuşuna basarsanız tıkladığınız seçili bir kopyasını oluşturup onu almış olursunuz. Bu durumda fareyi hareket ettirdiğinizde kopyaladığınız katmanında hareket ettiğini görürsünüz.

Araçlar panelindeki bazı araçların yanında aşağı doğru küçük siyah bir ok olduğunu göreceksiniz. Bu ok işareti o aracın yanında gizli durumda bulunan benzer araçlarında olduğunu belirtir. Bu araçları görüntülemek için yanında ok işareti bulunan araçlardan herhangi birisinin üzerindeki iken farenin sol tuşu ile 2sn kadar basılı tutmanız yeterli olacaktır. Ölçek aracının olduğu bölümde resimde de görüldüğü ölçek aracı dışında 3 tane daha benzer aracımızın gizli durumda olduğunu görebiliyoruz. Şimdi bu araçların ne işe yaradıklarına bakalım.

Ölçek aracı : Fireworks resmimiz seçili iken ölçek aracına tıkladığımızda aşağıdaki resimde görebileceğimiz gibi resmimizin etrafında 8 farklı nokta belirir. Bu noktalara tıklayarak resminizin genişlik, yükseklik değerlerini değiştirerek bir anlamda resmimizin ölçeğini değiştirmiş oluyoruz.

Eğriltme Aracı : Resmimiz seçili durumda iken eğriltme aracına tıkladığımızda resmimizin etrafında yine 8 nokta belirecektir. Bu noktaları kullanarak resmimiz üzerinde doğrusal olarak eğriltme işlemleri yapabiliriz. Yani resmimizi geometrik olarak yamuk yada türevi şekillere sokmak istersek bu araç işimize yarayabilir. Aşağıda eğriltme aracı ile yaptığım değişikliği görebilirsiniz.

Deformasyon Aracı : Eğriltme aracından farklı olarak resmi daha esnek bir yapıda eğriltmemizi sağlıyor. Yani eğriltme aracında sadece ekranda beliren noktalar arasında bir daraltma genişletme yapabiliyorken, deformasyon aracı yardımıyla köşelere doğruda eğriltme işlemi uygulanabilmektedir. Deformasyon aracının kullanım örneğinide aşağıda görebilirsiniz.

9 Dilimli Ölçekleme Aracı : Sanırım fireworks’ te kullanımı ve anlatması en zor araç 9 dilimli ölçekleme aracıdır. Resmimiz seçili iken bu araca tıkladığımızda isminde de olduğu gibi resmimizi 9 eşit parçaya bölüyor. Ölçek aracında olduğu gibi bu araçtada resmin etrafında oluşan noktalar yardımıyla resmin genişliğini ve yüksekliğini değiştirebiliyoruz. Fakat bu araçta farklı olarak örneğin orta sağdaki nokta yardımıyla resmin genişliğini azalttığımızda resmin sadece orta sütunundaki 3 kareyi küçültüyor. Sağ ve sol sütundaki kareleri ise hiç birşekilde değiştirmiyor. Böylece resmin sadece bir bölümünü ölçekleyip, geriye kalan diğer bölümlerini ise orjinalinde olduğu gibi bırakmış oluyoruz. Örneğimiz aşağıda :

Bu bölümde son olarak kırpma aracını ve onun altında gizli olarak yer alan alanı dışa aktarma araçlarını inceleyeceğiz.

Kırpma Aracı : Kırpma aracı ile resminizin üzerinde bir alanı belirliyoruz. Seçili olan bu alan üzerinde çift tıkladığımızda resmin seçili alan dışında kalan kısmını siliyor, geriye sadece seçili olan bölümünü bırakıyor. Aşağıdaki 2 resimde bu iki adımı görebilirsiniz.

Buradaki seçili olan alan üzerine çift tıkladığımızda ise aşağıdaki resimdede görüldüğü gibi diğer alanların silindiğini göreceksiniz.

Alanı dışa aktarma aracı : Bu bölümde yer alan son aracımız alanı dışa aktarma aracı. Bu araç ise resmin üzerindeki istediğimiz herhangi bir alanın fotoğrafını çekip bize ayrı bir dosya olarak kaydetme imkanı sunar. Böylece resmin orjinali değiştirmemiş ve kaybetmemiş oluruz. Resmin üzerinde istediğiniz bir alanı işaretleyip, seçili bölge üzerinde çift tıkladığınızda, açılan pencere ile belirleyeceğiniz dosya formatında ve istediğiniz isimde dışa aktarabilirsiniz.

ÖDEV : Son olarak bu derste öğrendiğimiz araçları kullanarak aşağıdaki reklam panosu içerisine kendi resminizi eklemeyi deneyebilirsiniz.

Bu ödevle ilgili benim elde ettiğim örnek çalışma ise aşağıda : )

Fireworks programı yardımıyla, fotografın istediginiz bölümünün rengini , çok basit bir sekilde asamalı olarak degistirebilirsiniz. Yazımızın devamındaki örnekte kıyafet rengini nasıl degistirebileceginizi görebilirsiniz. Bu yöntemi kullanarak siz araba rengini, kıyafet rengini yada evinizin rengini kolaylıkla değiştirebilirsiniz.

ilk olarak rengini degistirmek istedigimiz fotografı fireworks ile açıyoruz. Eger fotografın tamamını degilde bizim yapacagımız gibi sadece bir bölümünü degistirmek istiyorsak Tools panelinden Magic Wand Tool (W) aracı yardımıyla istedigimiz bölümü seçiyoruz. Resimdeki renk geçislerinden dolayı her zaman Magic Wand Tool (W) aracı isimizi görmeyebilir, böyle bir durumda daha rahat çalısmak için önce resminizi büyütüp, ardından da Tools panelinden Lasso Tool (L) aracını kullanarak seçiminizi yapabilirsiniz. Seçim islemi bittikten sonra resim üzerinde hiç bir yere tıklamadan Filters menusunden Adjust Color ve Hue/Saturation sekmesine geliyoruz. Artık istedigimiz rengi buluncaya kadar hue ve saturation ayarlarını degistirebilirsiniz. Uygulamayı gecenin bir yarısı yaptıgım için anlatım bozuklugu olabilir

Bakalım orjinal resmi bulabilecekmisiniz?

Fotoğraf makineniz ile çektiğiniz yada internetten bulduğunuz 100lerce resim dosyasının uzantısını tek seferde toplu halde değiştirmek için fireworks programından faydalanabilirsiniz. Çok sayıdaki resim dosyası ile jpg, gif, bmp, png, tif formatları arasında toplu dönüşüm yapabilirsiniz.

Resimlerinizin türünü toplu halde değiştirmek için :

1. Fireworks programında iken File menüsü altından Batch Process butonuna tıklıyoruz.
2. Açılan pencereden isterseniz resimlerinizi mouse yardımıyla toplu halde seçebilirsiniz, isterseniz klavyedeki ctrl tuşuna basarak sadece istediğiniz resimlere tıklayarak seçim yapabilirsiniz. Seçimi yaptıktan sonra sağ alt bölümden Add butonuna basarak resimlerin seçimini tamamlıyoruz. Yada açılan pencerede sağ alt bölümde bulunan Add All butonuna basarak bütün resimleri seçili hale getirebiliriz. Yukarıdaki işlemlerden sonra Next butonuna basarak bir sonraki ekrana geçiyoruz.
3. Sol üstteki Batch Options bölümünden Export’ u seçerek Add butonuna tıklıyoruz.
4. Add butonuna tıklamanızdan sonra alt tarafta Settings bölümü aktif olacaktır. Buradan istediğiniz resim türünü seçebilirsiniz. Eğer gif yada jpg dışında bir resim formatı seçmek istiyorsanız Custom seçeneğini seçmelisiniz. Açılan penceredeki format bölümünden gif, png, jpg, tif seçiminizi yapıp ok butonuna basarak bu ekranı kapatabilirsiniz.
5. Son olarak önce Next sonrada Batch butonlarına basarak işlemi sonlandırıyoruz. Programımız dosyalarızı seçtiğiniz klasör içerisinde yeni bir klasör oluşturarak orjinal dosyaları ve yeni dosyaları birbirinden ayırıyor.

Anlatmış olduğum bu işlem sayesinde 100lerce resim dosyanızın dosya türlerini belkide 1-2 dk içerisinde değiştirebilirsiniz.

İnternette bir çok web sitesinde araştırdım ama fireworks ile photoshop’ da olduğu gibi gerçekçi karakalem dönüşümü yapılan bir örnek bulamadım. Tam pes etmek üzereyken Fireworks örneklerinin yer aldığı ingilizce bir siteden istediğim çalışmayı buldum. Bulduğum örneği sizlerle de paylaşmak istedim. Bu örnek sayesinde resimlerinizi karakalem çizimlere benzetebilirsiniz.

Öncelikler resmimizi fireworks programı ile açıyoruz.

Resmimizi fireworks programı ile açtıktan sonra Filters>Other>Find Edges menüsünü izleyerek resmimizi aşağıdaki hale getiriyoruz.

Şimdide Adjust Color>İnvert komutunu kullanarak resmi aşağıdaki hale getiriyoruz.

Son olarak resmimizi siyah beyaz hale getirerek resimdeki renkli bölümleride yok ediyoruz. Bunun için de resmimiz seçiliyken Others>Convert to Alpha ya tıklıyoruz. Artık resmimiz hazır hale geldi. Eğer daha keskin ve net bir görüntü istiyorsanız Sharpen>Sharpen seçeneğini deneyebilirsiniz. İşte resmimizin son hali :

Gif uzantılı hareketli bir animasyon hazırlamak istiyorsanız yazının devamını okumalısınız. Bu yazının sonunda karelerin arka arkaya konulması mantığıyla basit ama güzel gif animasyonlar yapabilirsiniz.Örnegimizde kullanmak üzere 468*60 boyutlarında bos bir belge açıyoruz ve arka plan rengini de siyah olarak belirliyoruz. Daha önceden hazırlamıs oldugumuz logomuzu fireworks programı ile açarak logo resmini açmıs oldugumuz fireworks dosyasına yapıstırıyoruz. Artık animasyonumuzun sabit kısmını hazırlamıs olduk. simdi 1.resmimizin üzerine web tasarım yazıyoruz. Animasyonda görülecek ilk resmimiz hazır. simdi ikinci resime geçiyoruz. Bunun için Frames And History panelinden sag alt kösedeki New/Dublicate Frame e tıklıyoruz. ikinci resmimizde önceki resimle aynı olmasını istedigimiz kısımları bir üstteki frame e giderek kopyalayabilirsiniz. Bunları ikinci frame yapıstırıp daha önce yazdıgımız web tasarım yazısının altına web grafik yazıyoruz. Aynı sekilde 3.frame i ekleyip onda da istedigimiz degisiklikleri yaptıktan sonra sıra geldi animasyonda yer alan resimlerin göstelis sürelerine. Bunun için Frames Ana History panelinde yer alan frame lerden birisini seçip hemen frame isminin yanındaki standart olarak 7 gözüken kısma tıklayarak degistirebilirsiniz. Burada 7 bir saniyenin 100de 7 sini ifade etmektedir. Yani buraya 7 yerine 100 yazdıgımızda o framedeki resmimiz 1 saniye ekranda gözükecek ve bir sonraki resime geçecektir. simdi de resmimizi kayıt edelim. Resmimizi kayıt etmeden önce resim formatını degistirmemiz gerekli. Daha önceki yazımızda da anlattıgımız gibi resim formatını degistirmek için Optimize panelinden istedigimiz formatı seçiyoruz. Biz animasyon resim olusturacagımız için Animated Gif seçiyoruz ve File / Export menusunden resmimizi kayıt ediyoruz.İşte Örneklerimiz :

Bu yazımızın devamında web sitelerimizde kullanmak üzere 780*140 px boyutunda basit iki banner hazırlayacağız.Banner örneğimiz için ilk olarak File menusunden New sekmesine gelerek 780 genisliginde, 140 yüksekliginde bir belge açıyoruz. Daha önceden buldugumuz resmimizin yüksekligi 140 olacak sekilde ayarlıyoruz. Bunun için Modify menusunden Canvas/image Size sekmesini kullanabilirsiniz. Daha sonra bu resmi kopyala yapıstır teknigi ile yada file menusunden import sekmesini kullanarak 780*140 boyutunda açmıs oldugumuz dosyaya ekliyoruz. Belgemizin arka plan rengini de properties panelindeki canvas sekmesinden ayarlayabiliriz. Canvas degerine tıkladıgımızda, fireworks mouse imlecini dokundurdugumuz yerdeki rengi arka plan rengi olarak ayarlanacaktır. Bu nedenle ekledigimiz resmimizi kullanarak uyumlu bir arka plan rengi ayarlayabilirsiniz. Resmimizin belge üzerinde daha güzel bir geçis olusturması için bir geçis efekti kullanacagız. Bunun için belgemizin üzerindeki resim seçili iken Commands / Creative / Fade image sekmesinden istedigimiz efekti ekleyebiliriz. Son olarak da text arac çubugunu kullanarak istediginiz renk, font ve boyutta yazılar ekleyip resminizi export menusunden kayıt edebilirsiniz. Resminizin formatını Optimize panelinden degistirebilirsiniz. Hazırladığımız bannerlerimiz :

Hareketli bir gif dosyası daha oluşturacağız. Fakat bu sefet 468*60 boyutlarında banner hazırlıyoruz. İster reklam vermek için, istersenizde kendi web sitemize eklemek için bu banneri kendinize uyarlayarak kullanabilirsiniz.File/New Menusunden 468*60 boyutlarında, arka planı siyah olarak belirlenmiş boş bir fireworks dosyası açıyoruz. Dosyamızın üzerine yine siyah renkte istediğimiz yazıyı yazıyoruz. (Arka plan rengiyle, yazımızın renginin aynı olması gerekiyor.) Tools Panelinden Ellipse Tool aracını seçiyoruz. (Kısa yol tuşu U) Resmimiz sol bölümüne bir daire çiziyoruz. Daire rengi olarak gri tonlarından birisini seçebilirsiniz. (Renk değişikliğini Fireworks’ un alt bölümünde bulunan Properties panelinden yapabilirsiniz, Kısayol tuşu Ctrl+F3) Layer panelinden, sonradan eklediğimiz daireyi yazımızın altına alıyoruz. Böylece gri renk üzerinde siyah yazımızın bir bölümü görünmeye başlayacaktır. (Eğer bu kısım karmaşık gelirse, yazıyı eklemeden önce daireyi çizebilirsiniz, böylece layer paneli ile uğraşmak zorunda kalmazsınız) Ctrl+A tuşları ile dosyamız üzerindeki bütün layerleri seçiyoruz, Ctrl+C tuşları ile de bu layerleri hafızaya kopyalıyoruz. Artık yeni frame oluşturup, her frame de yazının yerini değiştirmeden, dairemizi x ekseni üzerinde hareket ettirerek animasyonumuzu oluşturabiliriz. Bunun için de, Frames And History Panelinden yeni frame oluşturuyoruz.(Panel kapalı ise Shift+F2 tuşlarına basarak açabilirsiniz.) Frames panelinden yeni frame oluşturup Ctrl+V ile hafızadaki layerleri yeni frame yapıştırıyoruz. Son olarakda dairemizi bir miktar sola kaydırıp, bir sonraki frame geçiyoruz. İstediğiniz kadar frame oluşturup animasyonunuzu tamamlayabilirsiniz. Frame panelinde yeni frame eklemeyi ve Frameler arasındaki süreyi ayarlamayı daha önce anlattığım konulardan da bakabilirsiniz. İşte Uygulamamızın Son Hali :