Bazen bir fotoğraf makinesi ile çekilen fotoğrafın kapladığı alan 10 mb’ a yaklaşmaktadır. İnternet ortamında bu fotoğrafları paylaşmak istediğinizde (facebook’ ta resim paylaşma, mail ile gönderme, msn ile paylaşma yada web sitelerinde yayınlama) fotoğrafların boyutları her zaman sorun olmuştur. Bir fotoğrafın boyutunu 2 şekilde azaltabilirsiniz. 1. fotoğrafın çözünürlüğünü azaltırsınız, 2. ise çözünürlüğü sabit tutmak şartı ile fotoğrafın görüntü kalitesini azaltırsınız. Ben bu yazımda 2. yöntemi anlatacağım. Çok fazla görüntü kalitesini düşürmediğiniz halde fotoğraf boyutunun nerdeyse 5 te 1 oranına kadar gerilediğini göreceksiniz.

Fotoğraf Boyutunu Küçültme :

1. ilk olarak boyutunu küçülteceğimiz resmimizi fireworks programında File > Open menüsünden açıyoruz.
2. Sağ bölümde yer alan optimize panelinden dosya türü olarak Jpeg ‘ i seçiyoruz. Eğer optimize paneli kapalı ise F6 tuşuna basarak açabilirsiniz.
3. Resim türünü Jpeg olarak belirledikten sonra Quality bölümünden resmimizin görüntü kalitesini %75 ile %80 arası bir noktaya getirebilirsiniz. Daha sonra bu değeri istediğiniz şekilde değiştirip boyutu ihtiyacınıza göre ayarlayabilirsiniz. %80 e kadar olan değişmelerde görüntüde çok büyük bir bozulma olmadığı halde dosya boyutunda ciddi bir azalma olduğunu unutmayınız.
4. Son olarak dosyanızı jpg türünde ve kalitesi düşürülmüş olarak kaydetmek için File > Export menüsünden dosyanıza isim vererek ve kayıt yerini seçerek Export butonuna tıklayabilirsiniz. Artık orjinal resim ile yeni resim arasındaki boyut farkını kontrol edebilirsiniz.

Ben bu uygulama için 285Kb lık bir resmi %75 görüntü kalitesine düşürürek 41,1 kb olarak kaydettim. iki resmi karşılaştırdığımda görüntü farkı neredeyse hiç yok diyebilirim.

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 :