Web sitesi tasarımıyla amatör olarak uğraştığımız günlerde, Google üzerinden işimize yarayacak resimleri tarar, bunları kendi sitelerimizde ya direk olarak,  ya da ufak düzenlemelerden sonra kullanırdık.  Gün gelip de bir web sayfasının görünümünü tek bir yerde oluşturmak olgunluğuna ulaştığınızda ise,  karşınızda size yardımcı olmak üzere Photoshop hazır beklemektedir.

Ben de bu anlamda ilk çalışmalarımı Photoshop platformunda gerçekleştirmiştim. Çok iyi hatırlıyorum ki o dönemin Photoshop’u benim hareketlerimi kısıtlayan bir yapıya sahipti.  Katmanları (Layer) istediğim gibi tutamıyor, yaptığım bir işlem istediğim gibi olmadığında adımı geri alıp, tekrar denemede bulunuyordum. O günlerde,  hayal meyal hatırlıyorum, Paint Shop Pro denemelerim de oluyordu. Aynı dönemde Fireworks ile tanıştım. O zaman Fireworks’un 4. sürümü vardı. Kullanım kolaylıgı ve programın sunmuş olduğu hareket serbestisi benim gerçekten hoşuma gitmişti. Bugün Fireworks, CS4 sürümü ile entegrasyonun ve olgunluğunun doruklarında dolaşıyor. Benim ise Fireworks ile olan yol arkadaşlığım o günden beri devam ediyor.

Peki, Neden Fireworks? Bu soruya cevap verirken Fireworks’un en can alıcı özelliklerini sizlerle paylaşacağım. Bunu bir Photoshop-Fireworks karşılaştırması olarak algılamak yanlış,  peşinen belirteyim.

Fireworks iyidir çünkü;

Fireworks Web İçin Özel

Fireworks, ortaya çıktığı günden bugüne kendi üzerine bir misyon alarak gelişmiştir. Web için grafik üretmek! Tamamen web için grafik üretmenize odaklanmanızı sağlayan bütünlüklü bir tasarım ortamı olarak geliştirilmiştir. Örnek vermek gerekirse, Fireworks’un CMYK desteği yoktur.. Fireworks’e CMYK desteği CS4 versiyonuyla eklenmiş durumda. Fireworks, web prototip ve taslakların hızlıca geliştirilebilmesi için bu işe özelleşmiş araçlar sunar.

Vektör-Bitmap Kombinasyonu

Fireworks vektör ve bitmap ögelerle ortak çalışabileceğiniz bir platform sunar. Bu anlamda Photoshop ve Illustrator’den ayrılır.  Örneklemek gerekirse Fireworks’de çizdiğiniz bir çizgi, Photoshop’da çizeceğiniz bir çizginin aksine matematiksek olarak orda ifade edilen,  Bezier tutamaçlarından tutularak kolayca modifiye edilebilen bir çizgidir. Kısacası Fireworks bize, vektör ve bitmap işlemlerin beraber yürütülebileceği bir ortam sunmaktadır.

Fireworks’de Katmanlar (Layers)

Fireworks’de çalışma alanı (canvas) üzerinde oluşturduğunuz her yeni obje,  Fireworks tarafında yeni bir katman olarak algılanır. Bu katman, Layers panelinde otomatik olarak açılır. Benzer katmanlar kolayca gruplanabilir ve anlamlı klasörlere ayrılabilir.

Fireworks’ün bir güzel özelliği de grafiklerin parçalanması ve resimler üzerinde hotspot dediğimiz seçilebilir alanların oluşturulması konusunda… Program içerisinde oluşturabileceğimiz hotspot ve slice(kesim) alanları Web Layer isimli katman klasörü altında saklanmaktadır. Fireworks arayüzü üzerinden grafik kesim alanları kolayca tutulabilir, silinebilir, ya da modifiye edilebilir. Ayrı ayrı her alan için farklı grafik optimizasyon seçenekleri sağlanabilir.

Çoklu Sayfalar ve Sayfalar(Pages) Paneli

Fireworks’un sağladığı Sayfalar(Pages) Paneli programın CS3 sürümü ile gelen bir özelliği… Sayfalar paneli kullanılarak bir web uygulamasına dair arayüzler tek bir .png dosyasında çalışılarak saklanabilir.  Oluşturulacak master sayfa yardımıyla hızlıca diğer arayüzler tasarlanabilir. Eskiden bu işi, ya sayfaları Frames dediğimiz alanlarda saklayarak gerçekleştiriyor; ya da her sayfa için, ilk yaptığımız sayfa üzerinde Save As yaparak diğer sayfaları oluşturuyorduk.

Özellikler (Property) Paneli

Özellikler paneli üzerinden bir objeye ait parametreler hızlıca ayarlanabilir. Dreamweaver ve Flash’da da bulunan bu yapı objeler üzerinde hızlıca modfiikasyona gitmenize olanak tanır.

Kütüphaneleri (Library) Kullanmak

Fireworks’de hazırlamış olduğunuz herhangi bir çalışmadaki görsel unsurları, o projede diğer sayfalarda ya da başka bir projede tekrar kullanmayı düşünüyorsanız, bu görsel unsuru bir sembol olarak kaydetmeniz akıllıca olacaktır.

Eğer elinizdeki çalışma başka tasarımlarınızda kullanabileceğiniz türden genel bir içeriğe sahipse sembol olarak genel kütüphaneye ekleyebilirsiniz.  Belki örnek versek daha iyi olacak. Hazırlamış olduğunuz bir vektörel çiçek çalışmasını genel kütüphaneye kaydederek daha sonraki çalışmalarınızda kullanabilirsiniz.

Diyelim ki bir web arayüzü tasarlıyorsunuz ve sayfalarınızda kullandığınız bir üye-giriş (login) bloğunuz var. Ve farzedelim ki bu üye girişi bloğu anasayfa tasarımınızda sağ üstte duruyor. İç sayfalarınızda ise üye-giriş bloğu diyelim ki sayfanın solunda yer alacak. Bu durumda bu üye-giriş bloğunu sadece o doküman için bir sembol olarak kaydedip, sayfalarınızda bu sembolü kullanırsanız; ileride bu üye-giriş bloğunda oluşabilecek herhangi bir değişiklikte sadece kaynak sembolünüzü değiştirerek, bu sembolü çağıran sayfalarda üye-giriş bloklarının otomatik olarak bu değişiklikten etkilenmesini sağlayabilirsiniz. Böylece hatırı sayılır bir iş yükünden kurtulursunuz…

Yaşayan Efektler (Live Effects)

Fireworks’un ön tanımlı yaşayan efektlerini çalışmalarınızda kullanabilir, dilerseniz Photoshop’un yaşayan efektlerini de Fireworks üzerinden kullanabilirsiniz…

Flash ve Entegrasyon

Fireworks üzerinden yaptığınız prototipleri Flash ortamına büyük oranda sorunsuz aktarabilirsiniz. Ayrıca Fireworks dosyalarınızı sorunsuzca Photoshop’ta açabilir, düzenleyebilirsiniz. Aynı şekilde .psd dosyalarınızı Fireworks’e aktarabilirsiniz.

Fireworks’u Genişletmek

Fireworks,  kullanıcılarının kişisel gayretleri sonucunda oluşturmuş oldukları eklentiler sayesinde genişletilebilir. İhtiyacınıza uygun eklentileri Fireworks’e tanıtarak, Fireworks’ü daha dinamik bir grafik tasarım platformuna dönüştürebilirsiniz.

Diğer Özellikler

• Bütün Web Sitenizi tek bir pdf dosyası olarak çıkış alıp değerlendirmeye sunabilirsiniz.
• Dreamweaver, Illustrator, Flex, Flash, Director ve Photoshop için uyumlu çıkış alabilirsiniz.
• Çalışmanızı standartlara uyumlu XHTML + CSS kodları olarak çıkış alabilirsiniz. (Kullandığım bir özellik değil!)
• Adobe Kuler ile son renk trendleri takip edebilirsiniz.
• Fireworks üzerinden Adobe Connect Now servisini kullanarak müşterinizle ekranınızı paylaşarak görüşme yapabilirsiniz.

Sonuç

Fireworks sadece web tasarım süreçlerinde kullanılmak üzere geliştirilmiş bir grafik tasarım programıdır. Bu özelliğiyle diğer grafik uygulamalarından ayrılmaktadır. Belli bir alana özelleşmiş olmasından dolayı, özel araç ve özelliklerle donatılmıştır. Eksikleri muhakkak vardır.

Önümüzdeki günlerde Fireworks ile neler yapabileceğimizi birlikte deneyerek göreceğiz.

Fırından yeni çıkmış yazılardan haberdar olmak için RSS yayınıma abone olabilir ya da beni Twitter'dan takip edebilirsiniz.