Fireworks’ün en güzel yanları

Kategori: Fireworks28.06.06(16)

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.

Öncelikle, Fireworks nedir?

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.

1. Attach to path

Bu basit özelliğin yardımıyla, herhangi bir metni istediğiniz Fireworks ile çizdiğiniz istediğiniz bir öğeye yaslayabilirsiniz.
FW1
Öncelikle, örnek bir metin oluşturun. Az sonra bu metni, oluşturacağımız bir öğeye yaslayacağız.

FW2
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.
Attachtopath
Son adımda, oluşturmuş olduğunuz metin ve çizgiyi seçip ‘Text -> Attach to path’i seçin.
FW4
Sonucun yukarıdaki gibi görünmesi gibi gerekiyor.

Objeleri birleştirme

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.
Quark
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;
5
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.
6
Bu işlemlerden sonra oluşturduğumuz objeler hatlarıyla bağlanacak ve tek obje haline gelecekler.

Maske – İstediğiniz şekle sokun

Ş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.
Maske
Ö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.
Maske
Ardından bu iki objeyi seçin.
Maske
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.
Maske
Ayrıca aynı yolla daha yaratıcı, daha karizmatik sonuçlara ulaşmak da yine sizin elinizde.

Etiketler: ,

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