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
12 kişi yazı hakkındaki fikrini belirtmiş.
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.
Süleyman Şentürk, 28.6.2006 tarihinde yazmış.
Süleyman arkadaşımıza katılanlardanım.Özellikle Fireworks konusunda ender bilgilerini dört gözle bekliyoruz.Teşekkürler…
Hackover, 28.6.2006 tarihinde yazmış.
tutorial güzel ;) teşk.
giraybatiturk, 29.6.2006 tarihinde yazmış.
muhammet , ellerine sağlık…inşaallah bu yazını bir dizi haline getirir ve sonra sezon finali ile bitirsin :)
ntguzel, 29.6.2006 tarihinde yazmış.
Fireworks aşığı biri olarak bende bu yazını çok beyendim. Eline sağlık. Güzel hazırlamışsın.
Ali BEŞKAZALI, 29.6.2006 tarihinde yazmış.
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
zafer, 1.7.2006 tarihinde yazmış.
Teşekkürler.. Çok başarılı bi çalışma olmuş.. (yine) :)
Dhilgul, 2.7.2006 tarihinde yazmış.
teşekkürler çalışmalarının devamını bekliyorum
kvnox, 6.7.2006 tarihinde yazmış.
Çok güzel bir çalışma. Devamını da bekleriz. :-)
Ufuk Eskici, 21.8.2006 tarihinde yazmış.
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 ;)
Ömer Durmaz, 8.10.2006 tarihinde yazmış.
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
Eren, 5.8.2007 tarihinde yazmış.
teşekkürler hocam fireworks ile ilgi başka makalelerinize nerden ulaşabilirm ?
Link ???
geyik, 21.4.2008 tarihinde yazmış.
E-posta adresiniz hiçbir zaman yayınlanmaz. Temel HTML metin şekillendirilmesi izinlidir.