Macromedia’nın klasik arayüzüne aşık olanlar, Fireworks’ü muhakkak denemişlerdir. Fireworks’ü deneyenler, onun şık ve kolay arayüzüne de ilgi duymuş, ilk iş olarak Photoshop’la karşılaştırmaya başlamışlardır. Programı Photoshop’la karşılaştırıp bu arayüzü Photoshop’un özelliklerine tercih edenler, sanıyorum şu sıralar halâ programın gizli özelliklerini bulma arayışı içerisindelerdir. Ben de büyük bir Fireworks aşığı olarak, Fireworks’ün en basit, fakat en çok kullandığım özellikleri hakkında bir yazı yazmaya karar verdim.
Bir Macromedia (şu an Adobe) programı olan Fireworks, en çok kullanılan 2. grafik işleme programıdır. Kolay arayüzü ve kullanımıyla Photoshop’un en büyük rakiplerinden biri olan Fireworks’ün Photoshop’tan en büyük farkı, daha çok web grafikleri için hazırlanmış olmasıdır. Fireworks yardımıyla fotoğraflarınızla oynayabilirsiniz, ancak bu özellikleri Photoshop kadar ayrıntılı değildir.
Fireworks’ün 30 günlük test versiyonunu indirin.
Bu basit özelliğin yardımıyla, herhangi bir metni istediğiniz Fireworks ile çizdiğiniz istediğiniz bir öğeye yaslayabilirsiniz.

Öncelikle, örnek bir metin oluşturun. Az sonra bu metni, oluşturacağımız bir öğeye yaslayacağız.

Bu adımda, texti yaslayacağımız çizgiyi oluşturacağız. Burada istediğiniz her türlü şeyi oluşturma özgürlüğüne sahipsiniz. Ben bu örnek için oval bir çizgiyi uygun gördüm.
Pen Tool’u seçin. Herhangi bir alanda farenin sol tuşunu basılı tutup metnin uzunluğunda bir düz çizgi çizin. Farenin sol tuşunu bırakmadan, çizgiyi çizdikten sonra fareyi aşağıya doğru hareket ettirin. Yukarıdaki gibi bir sonuç alacaksınız.

Son adımda, oluşturmuş olduğunuz metin ve çizgiyi seçip ‘Text -> Attach to path’i seçin.

Sonucun yukarıdaki gibi görünmesi gibi gerekiyor.
Bazen karşınıza tek çizimde zor hazırlanabilecek çizimler çıkabilir, bu durumda birkaç obje hazırlayarak bunları tek obje haline getirme gereği duyabilirsiniz.
En basit örnek olarak Quark’ın en logosunu ele alalım.

Eğer daha önce objeleri birleştirerek herhangi bir çalışma yapmadıysanız, resmi hazırlayacağımız zaman kafanız biraz karışabilir. Fakat logonun hazırlanma süresi en fazla 1 dakika sürecektir.
Öncelikle bir ‘Ellipse Tool’ ile bir daire oluşturup ‘#48B83A’ rengini bu daireye arkaplan rengi olarak atıyoruz. Hemen ardından ‘Rectangle Tool’ ile dairenin sağ alt köşesine ayrı renkte bir kare çiziyoruz;

Hazırladığımız çizim her ne kadar logoya büyük benzerlik gösterse de, bu iki objeyi birleştirip tek obje haline getirmemiz gerekiyor. Bu işlem, ileride yapacağımız renk işlemleri, dokuma atamaları vs. işlemlerde bizlere büyük kolaylık sağlayacak. Bu işlem için ‘Modify’ menüsü üzerinden ‘Combine paths -> Union’u seçiyoruz.

Bu işlemlerden sonra oluşturduğumuz objeler hatlarıyla bağlanacak ve tek obje haline gelecekler.
Şekil verilmiş fotoğraflarla, içleri imajlarla doldurulmuş metinlerle birçok kez karşılaşmışsınızdır. Tasarımcının vazgeçemediği özelliklerden biri olan maske ile, hazırlamış Fireworks üzerinde hazırlamış olduğunuz herhangi bir objenin istediğiniz bir fotoğraf, metin gibi bir objeyi kapsamasını, buna göre o fotoğrafın hazırladığınız objenin sınırları içerisine alınmasını sağlayabilirsiniz.

Örnek olarak, istediğiniz bir fotoğrafın üzerine dilediğiniz bir metni yazın, en iyi görünüm için beyaz renkli bir metin hazırlayın.

Ardından bu iki objeyi seçin.

Seçili objelere ‘Modify -> Mask -> Group as mask”i uygulayın, hemen ardından hazırladığınız metnin kullanmış olduğunuz fotoğrafı içine aldığını göreceksiniz.

Ayrıca aynı yolla daha yaratıcı, daha karizmatik sonuçlara ulaşmak da yine sizin elinizde.
YORUMLAR
TOPLAM 16 YORUM.
Yorumlarınız değerlidir. Bu yazıyla ilgili düşüncelerinizi belirtebilir, yardım talebinde bulunabilirsiniz.
Süleyman Şentürk, (#) - 28.6.2006
Kıskanmam için elinden geleni yapıyorsun değilmi? :) İmrenmemek elde değil sana bende fireworksu sevip kullanmama rağmen yeteneksiz zannediyordum ama fireworksun yeteneğini sen ortaya çıkardın.Umarım devamı gelir bu yazı serisinin.
Hackover, (#) - 28.6.2006
Süleyman arkadaşımıza katılanlardanım.Özellikle Fireworks konusunda ender bilgilerini dört gözle bekliyoruz.Teşekkürler…
giraybatiturk, (#) - 29.6.2006
tutorial güzel ;) teşk.
ntguzel, (#) - 29.6.2006
muhammet , ellerine sağlık…inşaallah bu yazını bir dizi haline getirir ve sonra sezon finali ile bitirsin :)
Ali BEŞKAZALI, (#) - 29.6.2006
Fireworks aşığı biri olarak bende bu yazını çok beyendim. Eline sağlık. Güzel hazırlamışsın.
zafer, (#) - 1.7.2006
Muhammet Bey temiz bir çalışma olmuş ama ne bileyim bu fireworks’ta kesin kimsenin bilmediği bir şeyler daha vardır. Aramaya devam….
En iyi dileklerimle
Dhilgul, (#) - 2.7.2006
Teşekkürler.. Çok başarılı bi çalışma olmuş.. (yine) :)
kvnox, (#) - 6.7.2006
teşekkürler çalışmalarının devamını bekliyorum
Ufuk Eskici, (#) - 21.8.2006
Çok güzel bir çalışma. Devamını da bekleriz. :-)
Ömer Durmaz, (#) - 8.10.2006
FireWorks’ü ilk versiyonundan itibaren keyifle kullanıyorum. Hatta web tasarım derslerimi de bu program üzerinden veriyorum. Kullananlarının, savunanlarının sayısı arttıkça kendimi yalnız hissetmiyorum. Genelde az duyulan programlara karşı öğrencilerin tepkisi oluyor. Onları ikna etmeye çalışmak zaman kaybından başka birşey değil. O açından Muhammet Sevim’in bu yazısı Fireworks’ün tanınması açısından oldukça önemli.
Merak ettiğim Adobe’un Macromedia’yı satın almasıyla Imageready ve Fireworks arasında nasıl bir tercih yapılacak. Muhtemelen Fireworks’un özellikleri Imageready’e dahil edilecek. Imageready’nin dogru düzgün bir özelliği olmadığını düşünürsek neredeyse sadece Fireworks’ün ismini değiştireceklerini söyleyebiliriz. Yakında öğrenmiş oluruz ;)
Eren, (#) - 5.8.2007
Ne fire foxumu yeteneksiz zannediyodun. Yeteneksiz olan explorer bence kimsenin kullanmaması gerekn bir program. İe7 css2 deki bir çok kodu destekleyemiyor. Firefox ise 2008 de çıkacak Css3 ü şuan destekliyor bile :D
geyik, (#) - 21.4.2008
teşekkürler hocam fireworks ile ilgi başka makalelerinize nerden ulaşabilirm ?
Link ???
ramazan, (#) - 24.10.2008
Harikasın Dostum……….
Musa Gültekin, (#) - 15.11.2008
güzel anlatımlar kolayda bende zaten sürekli fireworks kullanıyorum
daha çok örnek olabilirdi fgenede sagol
iS34.Net Güncel Haberler » Vektör Ve Bitmap Grafik Türleri, (#) - 21.3.2009
[...] bitmap çizim yetenekleride mevcut. Bunun için Muhammet Sevim’in hazırlamış olduğu yazıyı gözden geçirmenizi tavsiye ederim. Fireworks’un kullandığı dosya uzantısı ise [...]
iS34.Net» Vektör Ve Bitmap Grafik Türleri, (#) - 3.4.2009
[...] bitmap çizim yetenekleride mevcut. Bunun için Muhammet Sevim’in hazırlamış olduğu yazıyı gözden geçirmenizi tavsiye ederim. Fireworks’un kullandığı dosya uzantısı ise [...]
Yorumunuzu ekleyin
E-posta adresiniz hiçbir zaman yayınlanmayacaktır. Temel HTML metin şekillendirilmesi izinlidir. Sadece bu konuyla ilgili yorum yapmayı unutmayınız. Teşekkürler :)