Uyarı Resmi 

  • Sitemizdeki yazıları, kaynak göstererek istediğiniz gibi yayınlayabilirsiniz.
  • Eğer alıntı yapıyorsanız, resimlerin herhangi bir silinme-değiştirilme-engellenmesi durumunda zarar görmemek için, resimleri kendi hostunuza koymanızı tavsiye ederiz.
  • Yazılarda gözünüze çarpan anlatım bozukluklarını ve yanlış bilgileri iletişim yoluyla bildiriniz.

Transparan GIF oluşturma

Transparan GIF nedir?:

Transparan GIF, arkaplanı yada belli renkleri saydam olan resimler GIF formatındaki resimlerdir. Genelde web sayfalarında kullanılırlar. İstediğimiz renklere transparan özelliği verebiliriz ancak en fazla kullanılan yöntem, arka plan renginin kaldırılmasıdır.

Aşağıda 3 adet resim görmektesiniz. 1. Resmin formatı JPG, 2.si normal GIF, 3.ise arka planı transparanlaştırılmış bir transparan GIF.

Ornek JPGÖrnek GIFTransparan GIF

Gördüğünüz gibi, ilk 2 resimde arka plan beyaz iken, 3. resimde arka plan saydam, ve altındaki kısmı görünür yapıyor. Şimdi, Adobe Fireworks CS4 ile Transparan GIF (Saydam gif) nasıl oluşturulur bunu öğrenelim.

1.Adım

Kendimize bir çalışma alanı oluşturuyoruz. 100*100 boyutunda bir çalışma alanı oluşturalım.

2.Adım

Arka planı kapatmayacak şekilde, kendinize rastgele birşeyler çizin. Ben hiçbir şeye benzemeyen aşağıdaki şekli çizdim.

Transparan gif

3.Adım

Şimdi, resmimizi transparan olarak kaydetmenin zamanı. File>Export Wizard komutunu verin.

File > Export Wizard

Açılan pencede Continue tuşuna basın. Sonra tekrar Continue Tuşuna basın. Gelen pencede EXIT tuşuna basın. Böylelikle, ayarlamayı yapacağımız pencereye ulaşacağız.

Select an Export FormatChoose Destination

 

Image Preview penceresi

 

Resimde, Format: kısmına tıklayarak GIF seçeneğini seçiyoruz. Bu tıklamamız, oluşturmak istediğimiz dosyanın bir GIF olacağını programa belirtecektir. Sonrasında, No Transparency yazan yeri tıklayarak, Index Trancparency 'i seçelim.

Index Transparency

Şu haliyle, resmimiz arka planı transparan olacak şekilde hazır. Index Transparency 'i seçmeniz durumunda,  GIF tablosundaki görüntü şu şekilde olacaktır.

GIF Tablosu

Eğer bu haliyle Export tuşuna basarak resmimizi kaydedersek, oluşan sonuç aşağıdaki gibi oluyor.(Arka plan saydam)

Transparan GIF

 

Buraya kadar, arka planı transparan yapma işlemini öğrendik. Şimdi ise, diğer renkleri de transparan (saydam) yapmayı öğrenelim.

Image Preview penceresine tekrar dönersek;

Diyelim ki, resimde bulunan tüm kırmızı renkleri de transparan(saydam) yapmak istiyoruz. Bunu yapmak için, resimde belirtilen yere 1 kere tıklıyoruz. Bu araç, renk örneği almamıza yarayacak. Daha sonra da, GIF tablosuna gidip, kırmızı rengin üzerine bir kere tıklayarak kırmızı rengi de transparan(saydam) olacak olan renkler arasına ekliyoruz.

Transparan GIF oluşturma

Kırmızının üzerine tıklıyoruz

Resmimizi bu şekilde Export edersek, kırmızı renk de transparan(saydam) olarak görünecektir.

Transparan GIF kırmızı

 

Bu yöntemi kullanrak, istediğiniz renkleri transparan(saydam) yapabilirsiniz.

Add to: Linkarena Add to: Bookmarks.cc Add to: Folkd Add to: Digg Add to: Del.icio.us Add to: Facebook.com Add to: Simpy Add to: Slashdot Add to: Netscape Add to: Yahoo Add to: Google Add to: Blinklist Add to: Technorati
Yazılma Tarihi: 08.09.2009
Dolu YuldızDolu YuldızDolu YuldızDolu YuldızDolu Yuldız
Yazarın Resmi
Yazar Hakkında
Adım Yunus Yurttürk. 2008-2009 öğretim yılından beri, Hacettepe Üniversitesi Elektrik-Elektronik mühendisliği bölümünde okumaktayım. İnternet programcılığı en büyük ilgi alanımdır. Hala kendimi PHP, xHTML, MySQL ve Adobe Fireworks alanlarında geliştirmekteyim.
YORUM EKLEYİN
Adınız (Gerekli)
Eposta Adresiniz (Gerekli)
Web Siteniz (Opsiyonel - http:// eklemeyin)
Bu yazıya yapılan yorumlardan haberdar olmak istiyorum



Şifremi Unuttum
Kayıt Ol
Yazılması İstenen Yazılar
"Fireworks 'de maskeleme nedir ? Ne tür maskeler vardır. Maske nasıl uygulanır ?" gibi soruların cevabını verebilen bir yazı
( - gizle ) - Bu konu hakkında yaz
Cam Butonlar
( + Ayrıntı )
Web 2.0' ye uygun bir cam butonun yapılışını anlatan örnek
( - gizle ) - Bu konu hakkında yaz
Fireworks mü Photoshop mu?
( + Ayrıntı )
"Hangi program hangi işi yapmak için daha uygundur, 2 programı karşılaştırmak doğru mudur" gibi soruların cevabını verebilen bir yazı
( - gizle ) - Bu konu hakkında yaz
Fireworks CS4'ün getirdiği yenilikler
( + Ayrıntı )
Yeni sürüm Adobe Fireworks CS4'ün getirdiği yenilikler, düzeltilen hatalar..
( - gizle ) - Bu konu hakkında yaz
Son Yapılan Yorumlar
Fireworks ile Kendi Resminizi Çizin 
hacı deli dehşet bişe olmuş dur hemen yapıom :D...burak cihat tarafından
03:57 - 10.08.2010
Fotoğrafları Eskitmek 
evet anladım teşekkürler...onur tarafından
11:52 - 28.07.2010
Fotoğrafları Eskitmek 
O nokta noktalık 'noise' efekti, aslında resmin çözünürlüğü düşmüyor. Sadece 'Convert To Sephia' komutunu uygularsan o noktalar oluşmaz...Yunus tarafından
12:56 - 24.07.2010
Fotoğrafları Eskitmek 
abi güzel bildiri ama nokta nokta oluyo onun sebebi nedir yani resmin çözünürlüğü düşüyor yine de güzel bildiri...onur tarafından
09:37 - 24.07.2010

Valid XHTML 1.0 Transitional

Valid CSS!

www.pc-ipuclari.net www.fireworkstr.com
FireworksTR.com - Her Haklı Saklıdır. 2009-2010