Daha önceki yıllarda Fireworks programı ile hareketli gif animasyon hazırlama konularında 2 örnek uygulama anlatımında bulunmuştum. Bu dersteki anlatımın hem cs4 programına uygun hemde Türkçe Fireworks programına göre olması nedeniyle gif animasyon yapımını bir kez daha ele almakta fayda var diye düşündüm Gif uzantılı dosyaların bir kısmı jpg yada png uzantılı dosyalarda olduğu gibi tek bir kareden oluşuyorken, bazılarında ise birden çok kareden meydana gelebilir.

Gif dosyaların mantığını çizgi filmlere benzetebiliriz. Gif dosyayı açtığımızda belirli zaman aralıkları ile farklı resimler arka arkaya görüntülenir.  Böylelikle kareler arasındaki geçişleri kısa tutarak akıcı görüntüler elde edilebilir. Öncelikle teknik olarak bu işin nasıl olduğunu anlatmaya çalışalım.

llk basit gif animasyonumuzu oluşturmak için 468 * 60 boyutlarında boş bir fireworks belgesi açalım ve arka planını siyah renk yaparak üzerine istediğimiz herhangi bir yazıyı yazalım.

Şimdi ise farklı bir belgeye geçmeden yeni bir durum (kare) oluşturacağız. Bunun için sağ bölümde yer alan durumlar panelini kullanacağız. Eğer durumlar paneli sizde aktif değilse Pencere menüsünden durumlar a tıklayarak aktif hale getirebilirsiniz. Eğer durumlar panelini aktif hale getirdiyseniz aşağıdaki resimde işaretlemiş olduğum Yeni/Çoğaltılmış durum düğmesine tıklayarak yeni bir kare ekleyin.

Yukarıdaki düğmeye tıklayarak yeni bir durum ekleriz. Eklemiş olduğumuz yeni durumla birlikte boş bir sayfa ekrana gelecektir. Buraya bir önceki durumda eklemiş olduğumuz yazıyı daha büyük puntolarla yazalım.

Son olarak belgemizde yer alan 2 durumun ekranda kalma sürelerini ayarlayacağız.

Başlangıçta 7/100 sn olan ekranda kalma sürelerini 20 olarak değiştirdikten sonra gif animasyon yapımı ile ilgili son ve en önemli adıma geçiyoruz. Bunun için sağ bölümdeki en iyileştir panelinin açık olması gerekmektedir. En iyileştir panelindeki dosya türünü mutlaka Animasyonlu Gif olarak değiştiriyoruz.

Eklemiş olduğunuz durumlarınızın önizlemesini görmek için aşağıdaki resimde işaretli olan Oynat/durdur düğmesini kullanabilirsiniz.

Son olarak belgenizi dosya menüsünden dışa aktar diyerek kaydedebilirsiniz. Artık sadece 2 kareden oluşan en basit yapıdaki animasyonumuz hazır durumda :

2 karelik animasyonumuzda 20 ms ilk kare ekranda kalıp sonrasında 2.kare ekrana gelmektedir. 20 ms ekranda kaldıktan sonra animasyon sona erdiği için tekrar en başa dönmektedir.

Son olarak internette bulduğum ve beğendiğim hareketli gif animasyon örneklerini paylaşmak istiyorum. Buradaki örnekleri yada internette bulacağınız gif dosyalarını fireworks ile açıp durumlar panelinden inceleyebilirsiniz. Böylelikle animasyonların kaç kareden oluştuğunu, önceki kare ile bir sonraki kare arasındaki farkı daha iyi gözlemleyebilirsiniz.

Hareketli Gif Örnekleri :

Fireworks Cs4 derslerine bir süredir ara vermiştik. Bu ders ile birlikte kaldığımız yerden devam edeceğiz. 9.dersimizde Adobe Fireworks Cs4 yazılımı ile hem maskelemeyi hemde otomatik vektör maskesi özelliklerini inceleyeceğiz.

Maskelemek Nedir?

“Maskelemek Nedir?” sorusunu “fotoğrafınızın sınırlarını vektörel bir çizimle belirlemektir.” şeklide cevaplayabiliriz. Sayfanıza eklediğiniz herhangi bir fotoğrafı maskeleme yöntemi ile farklı şekillere sokabilirsiniz. Örneğin maskeleme yöntemi ile fotoğrafınızı daire, yıldız, ok, simit yada çokgen gibi vektörel bir şekile benzetebilirsiniz.

• Maskeleme işlemi için ilk olarak maskelemek istediğimiz herhangi bir fotoğrafı Firerowks programı ile açıyoruz.
• 2. adımda bu fotoğrafı nasıl bir vektörel şekle benzetmek istiyorsak o şekli fotoğrafımızın üzerine ekliyoruz. Vektörel bir şekil eklemek için Araçlar çubuğundaki vektör nesnelerini kullanabilirsiniz. Fotoğrafın üzerine maskelemek istediğiniz boyutlarda ve mutlaka beyaz renkte daire, kare, çokgen, ok,  yıldız vs çizebilirsiniz. Bu çizimin fotoğrafın üzerinde olması gerektiğini unutmayın.
• 3. ve son adımda ise belgemizde bulunan fotoğraf ile birlikte vektörel şeklimizi aynı anda seçili hale getiriyoruz. (Ctrl+A yapabilirsiniz.) Son olarak Değiştir menüsünden Maske/ Maske olarak grupla’ ya tıklıyoruz.

Maskeleme yöntemini kullanarak elde ettiğim örnekleri aşağıda görebilirsiniz.

Otomatik Vektör Maskesi

Fireworks programında otomatik vektör maskelerini kullanarak fotoğraflar arasında yumuşak geçişler sağlayıp, fotoğrafları bir bütün gibi gösterebiliriz. 3 tane fotoğrafı yan yana koyarak bir banner yapmak istediğimizi varsayalım. Ortaki fotoğrafa sağ ve sol bölümlerinden geçiş sağlamamız gerekirken, sağdaki fotoğrafa sol, soldakine ise sağ taraftan bir geçiş sağlamalıyız. Bütün bunları kolayca yapabilmek için Fireworks’ ün Otomatik vektör maskesi özelliğini ve bu menü altında yer alan 8 farklı vektör maskesi seçeneğinden birisini kullanabilirsiniz.

• Otomatik vektör maskesini kullanmak için öncelikile fotoğraflarımızı tek bir belgede topluyoruz. Ben aşağıda göründüğü gibi 3 fotoğrafı yanyana ekliyorum.

• Şimdi bu 3 fotoğrafa otomatik vektör maskesi ekleyelim. Bunun için yukarıda söylediğim menüyü takip edeceğiz. Bu 3 fotoğraftan soldaki fotoğrafı seçerek Komutlar menüsü altından Yaratıcı > Otomatik Vektör Maskesi’ ne tıklıyoruz.8 farklı alternatifin yer aldığı aşağıdaki pencere ekrana gelecektir.

• Bu seçeneklerden birisini seçerek önizlemesinde görünen efekti fotoğrafınıza uygulayabilirsiniz. Bu şekilde 3 fotoğrafı tek tek seçerek fotoğraf sağ, sol yada her iki taraflarına efekt uygulayarak aşağıdaki gibi örnekler elde edebilirsiniz. Arka plan renklerinide değiştirerek çalışmanızı renklendirmeyi unutmayın.

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.

Adobe Fireworks CS4 programını açtığımızda varsayılan olarak karşımıza bazı panel ve araç çubukları gelir. Bu panel, araç çubukları ve sık kullandığımız Fireworks araçlarının ne işe yaradığını öğrenmek için yazımın devamındaki resimli anlatıma bakabilirsiniz.Fireworks programını ilk açtığımızda aşağıdaki gibi bir karşılama ekranı ile programımız açılır.

Bu ekranın sol bölümünde daha önce bilgisayarımızda yaptığımız grafik çalışmalarının bir listesini görebilirsiniz. (Son kullanılan öğelerden birini seç) Sağ bölümde yer alan Yeni oluştur linkine tıklayarak yeni bir fireworks belgesi açabiliriz. Genişlet bölümü altında yer alan Fireworks Exchange linki ile adobe sitesine bağlanarak programa ücretli yada ücretsiz eklentiler alabilirsiniz. Bu ekranla bir kez daha karşılaşmak istemiyorsanız pencerenin en altında yer alan Bir daha gösterme seçeneğinin önündeki kutucuğu işaretlemeniz yeterli olacaktır.

Biz yeni oluştur bölümü altında yer alan Fireworks Belgesi (PNG) linkine tıklayarak boş bir belge açarak devam ediyoruz. Aynı işlemi Ctrl+N kısa yol tuşu yada, dosya menüsünden Yeni ye tıklayarak yada ana araç çubuğu altında yer alan Yeni kısa yoluna tıklayarak açabileceğinizide unutmayın.

Açılan yeni belge penceresini inceleyecek olursak ; Belgemizin Yükseklik ve Genişlik değerlerini piksel cinsinden girebileceğimiz 2 alan göreceksiniz. Bu alanların hemen altında ise Çözünürlük alanı yer almaktadır. Bu alana varsayılan değer olarak 72 değeri atanmıştır. Bu ifadenin anlamı her inç’ te yer alacak piksel sayısı 72 adet olacaktır. Bu rakamı arttırırsanız grafiğinizin kapladığı alanında artacağını gözönünde bulundurmanızda fayda var.  Son olarak bu ekranda bizi ilgilendiren son alan ise Tuval rengi alanıdır. Üzerinde çalışacağımız tuvalimizin (çalışma alanı) arka plan rengini buradan değiştiriyoruz.  Yine varsayılan olarak beyaz rengin atandığı bu bölümde istersek tuval rengini saydam, istersekte özel düğmesine tıklayarak istediğimiz herhangi bir rengi seçebiliriz.

İstediğimiz yükseklik, genişlik, çözünürlük ve renk değerlerini girip tamama tıkladıktan sonra aşağıdaki ekran ile karşılacağız :

1. Burada 1 nolu alan belgemizin çözünürlüğünü ( genişlik*yükseklik) ve ölçek değerini (Yüzde kaç oranın belgenin büyütülüp küçültüldüğünü) gösterir.
2. 2 nolu alan bizim çalışma alanımızdır. Yeni belge penceresinde beyaz renkte, 600 genişlik ve 800 yükseklik değerlerini seçtiğimiz için, istediğimiz değerlerde boş bir belge ekranı gelmiş bulunuyor. Bütün resim yada grafiklerimiz bu alan üzerinde yer almak zorundadır.
3. 3 numara ile gösterilen bölüm menü araç çubuğumuzdur. Kısayollarını eriştiğimiz birçok özelliğe bu menülerdende erişebildiğimizi göreceğiz.
4. 4 numaralı bölümde ana araç çubuğumuz bulunmaktadır. Ofis programlarındaki standart araç çubuğuna benzeyen bu çubukta programda sık kullandığımız bütün kısayol düğmelerini bulabilirsiniz.
5. Son olarak 5.alanda yer alan çubuk ise Araçlar çubuğudur. Fireworks programını en çok kullanılan araçları bu çubukta görebilirsiniz. Seçim araçları, vektörel araçlar, çizim araçları, web araçları ve bitmap araçları…

Fireworks programında yer alan menüleri ve üstteki resimlerde görüntülenmeyen fakat programın sağ tarafında yer alan bazı panelleri sonraki yazılarımda örneklerle birlikte anlatacağız. Yazımın devamında Ana araç çubuğunu ve araçlar çubuğunda yer alan bir çok aracımızın isimlerini ve kısayollarını görebilirsiniz. Tek seferde tamamının ne işe yaradığını yazmak zor olacağı için kullanım alanlarınıda örneklerde göreceğiz.

Fireworks Ana Araç Çubuğu

Fireworks Araçlar Çubuğu

Grafik ve animasyon dersi için anlatacak olduğum Fireworks CS4 programı ile ilgili hele hele Türkçe versiyonu ile ilgili kaynak sıkıntısı yaşıyorum. Bu nedenle zamanım elverdiğince derste anlatmak için hazırladığım sunuları, örnekleri, anlatımları sitemde paylaşmayı düşünüyorum. İlk derste Türkçe Fireworks Cs4 programına giriş yapıyoruz. Buyrun…

Adobe Fireworks CS4

• Adobe Fireworks yazılımı ile web siteleri ve diğer internet uygulamaları için yüksek oranda iyileştirilmiş grafikler oluşturabilirsiniz.
• Fireworks ile hem vektör hemde bitmap modlarında web siteleri ve grafikler hazırlayabilirsiniz.

Vektör Grafik Nedir?

• Vektör grafikler çözünürlükten bağımsız, herbir nesne matematiksel ifadelerle oluşturulan ve en önemlisi detay kaybetmeden herhangi bir boyuta yeniden ölçeklendirilebilen grafik türüdür.
• Vektörel bir nesne büyütüldüğünde herhangi bir bozulma gerçekleşmez.

Hangi programlar ile vektörel grafik oluşturabilirim?

• Adobe Illustrator
• Corel Draw
• Freehand
• Fireworks

Bitmap grafik Nedir?

• Bitmap türü grafikler, ilgili imajı oluşturan ve herbiri renk bilgisi içeren piksel veya noktaların yanyana ve alt alta dizilmesiyle oluşan grafik türüdür.
• Piksel ise bir bitmap görüntüyü oluşturan en küçük noktadır.
• Bitmap grafiklerde görüntüyü büyüttüğümüzde resmin  görüntü kalitesi bozulur.

Hangi programlar ile bitmap grafik oluşturabilirim?

• Adobe Photoshop
• Corel PaintShop Pro
• Gimp (Ücretsiz)
• Fireworks

Vektörel grafiklerin avantajları nelerdir?

1. Vektör grafikler farklı boyutlar ve farklı renklerde üretilmesi gereken çalışmalarda kullanmak için idealdir. Örneğin bir vektörel görsel çalışması büyük bir ilan tahtası için büyütülüp kullanılabilir. Aynı zamanda istenilen derecede küçültülüp kalite kaybı olmaksızın bir kartvizit üzerine de basılabilir. Çalışmanın görsel olarak detayları her iki durumda da kayba uğramaz.
2. Vektör grafikler gerektiğinde bitmap haline kolaylıkla getirilebilir.
3. Vektör grafikler istenildiğinde büyütülebilir, nesneler yeniden renklendirilebilir, nesneler yeniden şekillendirilebilir.
4. Dosya boyutu olarak daha az yer kaplarlar.

Vektör grafiklerin dezavantajları nelerdir?

1. Vektörel grafik çalışmalarında görsel olarak fotoğraf kalitesinde üretim yapamassınız.
2. Vektörel grafik çalışmaları web üzerinde bitmap olarak çevirmeden kullanamassınız.

Bitmap grafiklerin avantajları nelerdir?

1. Bitmap grafikler milyonlarca renk değişimi alabilir.
2. Bitmap grafiklerde piksellerin herbirine müdahale edebilirsiniz. Bu sayede fotoğrafçılar veya sayısal sanatçılar fotoğraflara rötuş yapma imkanı bulurlar.

Bitmap grafiklerin dezavantajları nelerdir?

1. Bitmap grafiğin sahip olduğu çözünürlükten daha yükseğe getirildiğinde keskinliğini yitirir ve görüntüde bozukluk meydana gelir. Aynı zamanda sahip olduğu çözünürlükten daha aşağı hale getirildiğinde de pikseller kaldırıldığı için orijinal görüntüsünü kaybeder.
2. Bitmap grafikler özel dosya biçimlerini saymassak(Photoshop gibi programların kullandığı .psd dosya türü gibi) katman bilgileri içermezler. Bu yüzden düzenlenmesi vektör grafiklere nazaran zordur.
3. Bitmap grafikler vektör grafiklere nazaran bilgisayarda dosya boyutu olarak daha fazla yer kaplar.

Vektörel bir grafiği yaklaşık 100defada büyütseniz görüntüde herhangi bir bozulma meydana gelmez.

Bitmap bir grafiği ise sadece 20 defa bile büyütseniz resimdeki örnekte de görebileceğiniz gibi pikseller kareler şeklinde daha belirgin hale gelir. Görüntü bozulmaya başlar.

Temel Kavramlar

1. Piksel : Ekranda oluşan görüntüler noktalardan oluşur. Noktalar kare şeklindedir. Çok yakından bakıldığı zaman veya resim büyütüldüğünde bu noktalar fark edilebilir. Ekranda kontrol edilebilen en küçük noktalara piksel denir. Bir piksel kırmızı, yeşil ve mavi renklerin karışımından oluşur.
   - Bitmap (piksel tabanlı) resim programları, ölçü birimi olarak piksel kullanırlar.
   - Piksel yoğunluğu arttırılırsa görüntü netleşir. Çok fazla arttırıldığında ise dosyanın kapasitesinin artmasına, ayrıca yazdırılırken zaman kaybına ve mürekkep sarfiyatına neden olur.
2. Nokta ve Nokta Aralığı (Dot ve Dot Pitch) : Pikseli oluşturan kırmızı, mavi veya yeşil renklerinden her birine ise nokta (dot) denir. Bir pikseldeki renklerin birbirine olan mesafesine nokta aralığı (dot pitch) denir.
3. Çözünürlük : Bir defa da ekranda görüntülenebilen piksel sayısına çözünürlük denir. Örneğin 800 X 600 denildiğinde 800 sütun ve 600 satır kullanıldığı, bunların çarpımı olan 480.000, toplam piksel sayısını verir.
4. Rezolasyon : Bir resmin piksel yoğunluğu yani PPI (Pixel Per Inches) 1 inç karede (1 inç = 2.54 cm) bulunan piksel sayısıdır.
5. LPI (Line Per Inch) : Film pozlanırken 1 inç yüksekliğindeki   (2.54 cm) alana atılan satır sayısına LPI adı verilir.
6. DPI (Dot Per Inc) : Çıkış cihazlarında 1 inç’te (2.54 cm x 2.54 cm) noktalanan (yani basılan) ya da pozlanan piksel sayısına DPI adı verilir.

6. dersimizde Fireworks vektör araçlarının ne işe yaradıklarını anlatmıştım. Bu derste yapacağımız örnek ile birlikte hem vektör araçlarının kullanımını göreceğiz hemde yaklaşan 10 Kasım Atatürk’ ü Anma Günü ve Atatürk Haftası ile ilgili küçük bir anma ve hazırlık yapmış olacağız. Fireworks ile birlikte kitap ve cd tasarımı ile ilgili uygulamaya başlamak için yazımın devamına bakabilirsiniz.

Anlatımın biraz uzun süreceğini düğündüğüm için bu ders sonunda yapacağımız kitap ve cd tasarımının son görüntüsünü sizlerle paylaşarak dersimize başlamak istedim. Anlatması yapmaktan daha zor olduğu için anlatımda bazı eksiklikler olabilir. Sayfanın alt bölümünde yer alan formu kullanarak takıldığınız yerleri sorabilirsiniz.

Fireworks ile kitap ve cd hazırlama

1- Boş bir Fireworks belgesi açarak uygulamaya başlıyoruz. Ben 1000*1000 boyutlarında bir alan üzerinde çalışmaya başlıyorum. Siz daha küçük yada daha büyük bir çalışma alanı açabilirsiniz. Belgemizi açtıktan sonra ilk olarak kitabımızın ön yüzeyini oluşturacak olan ince uzun dikdörtgeni çiziyoruz. hemen yanınada daha dar (kitabımızın cilt bölümünü oluşturacak olan) bir dikdörtgen çiziyoruz. İlk etapta cilt için çizdiğimiz dikdörtgen aşağıda olduğu gibi paralel olarak görünecektir. Burada şunu diyebilirsiniz. Çizdiğimiz dikdörtgenin içerisi boş çıkıyor. Ama senin çizdiğin çizimin içerisi renkli ve desenli : -) Bunu yapmak için vektör araçları dersinde anlattığım gibi içi boş olan dikdörtgen seçili iken alt tarafta yer alan dolgu rengi ve dolgu kategorisi bölümlerinde renk ve desen seçimi yapabilirsiniz.

2- Yukarıdaki görüntüyü elde ettiysek devam edebiliriz. Şimdi ana araç çubuğundaki seç bölümü altında yer alan deformasyon aracını kullanarak kitabımızın cilt payını aşağıdaki görüntüde olduğu gibi yapıyoruz ve soldaki dikdörtgeni yaklaştırarak iki dikdörtgen arasındaki boşluğu kapatıyoruz. Ayrıca kitabın üst bölümünde yer alan sayfa görüntüsünü elde etmek için vektör araçları bölümünden gri renkte bir çizgi çiziyoruz. Kopyala yapıştır yöntemi ile bu çizgileri çoğaltarak aralarında 1-2 piksel boşluk bırakarak sıralıyoruz.

3- Yukarıdaki görüntüde birkaç eksiklik göreceksiniz. ilk olarak bütün çizigileri tamamlamadan ekledim ki işin zahmetli olduğunu göresiniz : ) ikincisi kopyala yapıştır yöntemi ile eklenen her çizgiyi hem 1-2piksel aşağı hemde sağ kaydırmanız gerektiğine dikkat etmelisiniz.Aksi durumda cilt üzerinde git gide uzayan çizgi parçaları görünecektir. Son olarak uç tarafta yer alan sayfaların oval görüntüsü içinde beyaz bir elips çiziyoruz. Bu bölümün son görüntüsünü aşağıdan görebilirsiniz.4- Artık kitabın ön yüzeyine son halini vermek için yazılarınızı ekleyebilirsiniz. Bunun için istediğiniz font, istediğiniz yazı büyüklüğünü kullanabilirsiniz. Sarı renkli cd hediyelidir yazısı içinde önce yatay bir dikdörtgen çizip sonrasında deformasyon aracıyla istediğiniz şekli vermeyi unutmayın. Buraya kadar olan bölümü daha iyi anlamak için aşağıdaki görüntüye bakalım. Kitabın ön yüzüyle ilgili tek eksiğimiz sarı dikdörtgen bölümüdür. Bu bölümüde deformasyon aracıyla köşelere sıfırlayabilirsiniz.

5- Kitap ile ilgili çalışmamızı büyük oranda bitirdik. Geldik cd tasarımına. Cd nin görünmesini istediğimiz yere bir resim ekliyoruz. Bunu ister kopyala yapıştır yoluyla istersenizde içe aktar yöntemiyle yapabilirsiniz. Cd halini alacak resim yüzeyi önüne beyaz renkte (beyaz olması önemli) bir daire çiziyoruz. Aşağıdaki resimde olduğu gibi resim aşağıda, daire üstte olacak şekilde daireyi eklediyseniz sadece dairenin altında kalan kısmın görüntüleneceğini düşünerek daire ve resminizi hizalayın.

6- Son olarak Değiştir menüsünden Maske, Maske olarak grupla menüsünü takip ediyoruz. Bu durumda resminizin dairesel olarak kesilmesi gerekmektedir. Bu adımdan sonra cd de kalan tek eksiğimiz orta bölümdeki beyaz bölge ve dairesel yazılarımız. Beyaz bölgeyi oluşturmak için 2 tane daire çiziyoruz. Birisi gri, içteki ise beyaz olacak. Son olarak dairesel yazımızı ekleyip cd yi de bitireceğiz. Dairesel yazıyı bir önceki dersimizin en sonunda anlatmıştım. Hatırlayacağınız gibi bunun için yeni bir daire çiziyorduk, bir de yazı yazıyorduk. Daire ve yazı seçiliyken Metin menüsünden yola ekle seçeneğini kullanarak yazıyı oval hale getirmiştik. Aynı menü altından yönü ters çevir e tıklayarak yazı yönünü değiştirebilir yada ölçek aracıyla yazımızı çevirebiliyorduk.

7- Kitap ve cd nin tasarımını bitirdik. Geriye sadece yansımayı oluşturmak kaldı. Bunun için ekranda bütün nesneleri Ctrl+A ile seçerek sağ tıklayıp Grupla ya tıklayalım. Artık bütün nesneleri tek parça haline getirdik. Eğer bir değişiklik yapmak isterseniz sağ tıklayıp grubu çöz demelisiniz. Resmimiz grup halinde iken Ctrl+c ve Ctrl+v ile resmin yeni bir kopyasını oluşturuyoruz. Daha sonra yeni oluşturduğumuz kopya seçili iken Değiştir menüsünden dönüştür ve dikey çevire tıklıyoruz. Resmin alt bölümüne yaklaştırarak ( gerekirse resmin büyük bölümü çalışma alanı dışında kalsın) bulanıklaştırma efekti için kopya resmi hazırlıyoruz. Son adımda ise yine kopya seçili iken Komutlar menüsü> yaratıcı> otomatik vektör maskesine tıklıyoruz. Burada sol alt köşede yer alan efekti seçerek uygula diyoruz. Kopya resim üzerinde çıkan iki siyah çubuğu sürekleyip, yakınlaştırma uzaklaştırma yöntemiyle efektin etkisini artırıp azaltabilirsiniz. Artık yazımın en başında yer alan kitap görüntüsünün aynısını elde etmiş olduk. : )

Şu ana kadar Fireworks ile ilgili anlattığımız derslerde daha çok fotoğraflar üzerinde işlem yapabileceğimiz Fireworks araçlarının kullanımlarını ve örneklerini gördük. Bu dersimizde Fireworks ana araç çubuğu üzerinde yer alan Vektör araçlarının kullanımı ve örnek uygulamaları göreceğiz. Çizgi, elips, diktörtgen  ve yazı araçlarını kullanarak Fireworks programı ile neler yapabileceğimize birlikte bakalım.Vektörel grafikler ile bitmap grafiklerin arasındaki farkı ilk derste anlatmıştık. Vektör araçlarını çizim yapmak için kullandığımız araçlar olarak kısaca tanımlayabiliriz. Çizgi, dikdörtgen, elips, daire, çokgen, yıldız, metin aracı gibi araçlar Fireworks’ ün ana araç çubuğunda vektör bölümünde yer alırlar.

Yukarıdaki ekran görüntüsünde çalışma alanımıza eklenmiş farklı vektörel nesneler görüyorsunuz. Bu grafikleri sayfamıza eklemek için ana araç çubuğundaki vektör bölümünde yer alan araçları kullanıyoruz. Bu araçlarla birlikte sayfaya eklediğimiz vektörel grafiklerin ortak özellikleri, o grafiği seçtiğinizde özellikler panelinde o grafik ile ilgili bazı düzenlemeler yapabiliyor olmanızdır.

Yukarıdaki ekran görüntüsünde özellikler paneline baktığımızda seçili olan diktörtgen grafikle ilgili özellikleri görebilirsiniz. Burada G harfi ile grafiğin genişliği, Y harfi ile grafiğin yüksekliği, X harfi ile grafiğin yatayda başlangıç noktası Y harfi ile ise dikeyde başlangıç noktasını görebilir ve değiştirebilirsiniz. Yine aynı bölümden bütün grafikler için grafik kenarlık rengi, grafik kenarlık kalınlığı, dolgu rengi, dolgu efektleri, saydamlık yada filtre uygulama gibi değişiklikler yapabilirsiniz.

Eklenen vektör grafiklere efekt eklemek için de özellikler panelindeki Filtreler seçeneğini kullanabilirsiniz. Ayrıca bitmap fotoğraflarda olduğu gibi vektör grafiklerde de ölçek ve eğriltme araçlarını kullanabilirsiniz. Yazının devamında yer alan kitap örneğinde bu özellikten faydalanacağız.

Çizgi aracı : İstediğimiz renk, boyut ve kalınlıkta çizgiler eklememizi sağlar.

Dikdörtgen aracı : Çizgi aracında olduğu gibi dikdörtgen aracında da dikdörtgenin rengini, kalınlığını ve boyutunu belirleyerek çizimler yapabiliriz. Ayrıca dolgu özelliği ile şekillerimize farklı doku görünümü ekleyebiliriz.

Elips aracı : Bu araç dikdörtgen aracı ile aynı özellikleri taşır. Dairesel şekiller çizmek istediğimizde elips aracını kullanırız. Düzgün bir daire çizmek isterseniz klavye nizden shift tuşuna basarak bu aracı kullanabilirsiniz.

* Dikdörtgen aracı altında yer alan diğer özel şekil araçlarıda benzer özellikler taşırlar. Bazı vektör araçlarını kullanarak çizim yaptığınızda farklı olarak sarı noktaların belirdiğini göreceksiniz. Bu noktalar yardımıyla özel şeklinizin görünümünü değiştirebileceğiniz anlamına gelir. Örneğin yıldız aracı ile yıldız eklediniz. Sarı noktalardan birisini kullanarak bu noktayı çevirdiğinizde yıldızdaki köşe sayısının arttığını göreceksiniz.

Metin aracı : Vektör araçları bölümünde yer alan en sık kullandığımız araçlarda biriside metin aracıdır. Bu araç yardımıyla çalışma alanımıza yazılar ekleyebiliriz. Word programında olduğu gibi özellikler panelinden yazı görüntüsü, yazı boyutu, yazı rengi, kalınlık, italiklik, alt çizgi ayarlarını kolaylıkla yapabilirsiniz. Yine bu bölümden karekterler arasındaki boşluğu, satır boşluğunu yada karekter ölçeği gibi değerleri değiştirebilirsiniz.

Bütün bu araçların kullanımlarını bu ve sonraki derslerde yer alan Fireworks uygulamalarında görebilirsiniz.

Fireworks ile dairesel yazı yazma

1- Boş bir Fireworks belgesi açıyoruz. Açmış olduğumuz bu belgeye tam bir daire çiziyoruz. Bunun için yukarıda da söylediğim gibi klavyenin shift tuşunu kullanabilirsiniz. Dairesel olarak yazmak istediğiniz yazıyıda ekranın herhangi biryerine yazıyoruz. Artık belgemiz üzerinde bir daire birde daire içerisine gelecek olan yazımız var. Buraya eklediğiniz dairenin rengi hiç önemli değil, çünkü dairesel yazı komutundan sonra bu daire görünmeyecektir.

2- Şimdi yukarıdaki ekranda yer alan daire ve yazının ikisinide seçiyoruz. İki öğeninde seçili olması çok önemli. Bu işlemi yaptıysak Metin menüsü altındaki Yola ekle seçeneğine tıklıyoruz. Bu durumda aşağıdaki gibi bir görüntü elde etmiş olmamız gerekiyor.

3- Bu noktadan sonra mevcut şekle tıklayarak özellikler panelinden dairenin çapını yada yazı boyutunu rengini vs. değiştirebilirsiniz. Ayrıca ölçek aracıyla yazınızın başlangıç noktasını değiştirebilirsiniz. Bu sayede yazıyı 360 derece döndürme şansımız bile var. Yada başına ve sonuna boşluk ekleyerek yazınızı kaydırabilir, sağa hizala, sola hizala özelliklerini kullanabilirsiniz. Ben ölçek aracını kullanarak yazımı dairenin üstüne gelecek şekilde aşağıdaki şekilde hizaladım.

Yada metin menüsünden yönü ters çevir diyerek yazınızı içten dışa doğru yazabilirsiniz.

Bir önceki derste Fireworks ana araç çubuğu üzerinde yer alan bitmap bölümündeki seçim çervesi aracını, kement ve çokgen kemen araçlarını tanıtmıştık. Bu derste de bitmap bölümünde yer alan sihirli değnek seçim aracını, fırça, kalem, silgi, lastik damga aracı ve kırmızı göz kaldırma araçlarını anlatacağım. Bu araçlarla ilgili örnekleride yine bu dersimizin devamında bulabilirsiniz.

Sihirli Değnek Aracı : Resimdeki birbirine yakın renkteki pikselleri tek seferde seçmek için sihirli değnek aracını kullanabilirsiniz. Örneğin aşağıdaki resimde yer alan arabanın rengi üzerinde gölge, ışık yansıması vs. olsa bile, aracın üzerindeki renk pikselleri birbirine yakın değerlere sahip olduğu için arabanın herhangi bir yerine tıkladığınız zaman benzer renklerin tek seferde seçildiğini göreceksiniz.

Yukarıdaki fotoğrafı fireworks programı ile açıp, sihirli değnek aracını seçiyoruz. Özellikler panelinden tolerans değerini 90 a getirip, fotoğraf üzerindeki mavi renkli bölgenin herhangi bir yerine tıkladığımızda aşağıdaki görüntüyü elde ediyoruz.

Bu fotoğraftada görebileceğiniz gibi aynı renklerdeki pikselleri tek seferde seçmek için sihirli değnek aracı oldukça kullanışlı bir yöntemdir. Eğer istediğiniz alanın tamamını seçemediyseniz özellikler panelindeki tolerans değerini değiştirerek seçim alanını genişletebilirsiniz. Tolerans çok yüksek bir rakam olursa gereksiz piksellerinde seçilebileceğini unutmayın. Bu nedenle sihirli değnek aracının özellikle renk geçişlerinin fazla karışık olmadığı, net resimlerde daha kolay kullanılabileceğini unutmayın. Sihirli değnek aracının anlatımını bitirmeden önce, bu örnekte arabanın rengini seçmemiz bizim ne işimize yarar derseniz burada daha önce anlattığım araba rengi değiştirme uygulamamızda kullanabilirsiniz.

Fırça, Kalem ve Silgi araçları : Paint programındanda tanıdığımız bu araçlar sayesinde resmimiz üzerinde serbest çizim yapabilir, yada gereksiz pikselleri silgi aracı ile temizleyebilirsiniz. Bu araçları kullanırken seçili araç ile birlikte özellikler panelininde değiştiğini unutmayın. Bu sayede silgi boyutunu büyütüp küçültebilir, kalem yada fırçanızın çizim rengini değiştirebilirsiniz.

Lastik Damga Aracı : Fireworks ‘ ün en sık kullandığım araçlarından birisi de lastik damga aracıdır. Bu araç özellikle fotoğraflar üzerinde yapılan sivilce kaybetme, mitinglerdeki insan sayısını çoğaltma yada fotoğraf üzerinde oluşan olumsuz görüntüyü kaybetmek için kullanılır.

Lastik damga aracının çalışma mantığını özetle şu şekilde açıklayabiliriz : Fotoğraf üzerinde yer alan bir bölgeden dokuyu alıyoruz, istediğimiz herhangi bir noktaya o dokuyu yapıştırıyoruz. Örnek verecek olursak sivilceyi yok etmek için ciltte sivilcenin olmadığı bir yere tıklayıp, sivilce olan bölgeye aktarımda bulunuyoruz.

Fireworks ile sivilce yok etme

Lastik damgası aracının kullanımını bir örnek üzerinde gösterelim. ilk olarak yüzünde sivilce olan bir bayan fotoğrafını fireworks ile açalım.

Yukarıdaki fotoğrafta yer alan sivilceyi yok etmek için en ideal araç lastik damgası aracıdır. Lastik damgası aracını seçip resmimizin üzerine getiriyoruz. Klavyemizin alt tuşuna basarak resim üzerindeki bir noktaya tıklayıp o noktadan bir doku alıyoruz. Alt tuşunu bırakıp resmin üzerine 2.defa tıkladığımızda ilk tıkladığımız nokta ile en son tıkladığımız nokta arasındaki mesafenin hep korunduğunu göreceksiniz.

Artık fareyi nereye götürürsek ona paralel olarak doku aldığımız noktanında hareket ettiğini ve dokunun alındığı koordinatlardaki görüntünün yeni noktaya aktarıldığını göreceksiniz.

Lastik damgası aracını kullanırken en çok dikkat etmemiz gereken  2 nokta :
1- Sadece tek bir noktadan doku almayın. Birkaç tıklama işleminden sonra doku yerini değiştirin. Bunun için yine klavyenizin alt tuşunu kullanabilirsiniz. Böylelikle belirli bir bölgedeki görüntüyü bire bir almış olmayacaksınız.

2- Fotoğraf ölçeğini mümkün olduğu kadar büyütün, daha yakın açıdan çalışmanıza devam edin.

Çalışmamızın son hali de şu şekilde olacaktır :

Bu özelliği kullanarak yaptığım diğer bir örnek ise aşağıda yer almaktadır. papağanlarımız çoğaldı:)

Fireworks ile Kırmızı Göz Kaldırma

Kırmızı göz kaldırma aracı : Kırmızı göz kaldırma aracının ne işe yaradığını anlatmaya gerek yok sanırım sadece aracımızın nasıl kullanıldığını kısaca anlatayım. Aracı seçtikten sonra fotoğrafta kırmızı gözün olduğu bölgede küçük bir kare yapıyoruz, yani seçim aracıyla orayı seçiyor gibi düşünebilirsiniz. Bu işlemden sonra kırmızılığın kaybolduğuu göreceksiniz.

Fireworks kırmızı göz kaldırma aracından sonra :

Kırmızı göz aracı ile ilgilide özellikler panelinden sertlik ve tolerans ayarları yapabileceğinizi unutmayın.

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 : )

Web sayfamda Grafik Animasyon dersi için düzenli olarak Fireworks CS4 ile ilgili dersler hazırlayıp zaten yayınlıyordum. Dağınıklığı önlemek adına bütün Fireworks CS4 dersleri konularını bu başlık altında toplamaya karar verdim. Nesne tabanlı programlama dersi ile ilgili başlıkta olduğu gibi takip eden arkadaşlar için kolaylık olacağı düşüncesindeyim.

Adobe Fireworks CS4 Dersleri + Resimli Konu Anlatım

• Ders 1 : Fireworks Cs4 ‘ e giriş
• Ders 2 : Fireworks araç çubukları
• Ders 3 : Fireworks taşıma araçları ve kullanımı
• Ders 4 : Fireworks seçim araçları -1
• Ders 5 : Fireworks seçim araçları -2 – (kırmızı göz ve sivilce yok etme)
• Ders 6 : Fireworks vektör araçları – Dairesel yazı yazma
• Ders 7 : Kitap ve cd tasarımı örneği
• Ders 8 : Fireworks programı ve filtreler
• Ders 9 : Fireworks ile maskeleme

Yeni başlıkları her hafta düzenli olarak eklemeye çalışacağım.

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?