Banner,Logo,Avatar, Hareketli Yazı Resim Nasıl Yapılır? Resimli Anlatım (Fireworks Ugulamaları)

nuribjk · 2006-12-14T01:43:33.0000000+03:00

Kendi Sitemde Yapmış Olduğum Fireworks Örneklerini ve Anlatımlarını Tek Bir Başlıkta Buraya Eklemeye Çalışacağım. Fireworks ile resimlerinizi karakalem çizimine dönüştürün - 6 Mart 2009 Yukarıdaki son örneğin anlatımı için başlığa tıklayabilirsiniz. Resim sayısı fazla olduğu için buraya eklemedim... Gif Banner Hazırlama - 27 Nisan 2007 File/New Menusunden 468*60 boyutlarında, arka planı siyah olarak belirlenmiş boş bir fireworks dosyası açıyoruz. Dosyamızın üzerine yine siyah renkte istediğimiz yazıyı yazıyoruz. (Arka plan rengiyle, yazımızın renginin aynı olması gerekiyor.) Tools Panelinden Ellipse Tool aracını seçiyoruz. (Kısa yol tuşu U) Resmimiz sol bölümüne bir daire çiziyoruz. Daire rengi olarak gri tonlarından birisini seçebilirsiniz. (Renk değişikliğini Fireworks' un alt bölümünde bulunan Properties panelinden yapabilirsiniz, Kısayol tuşu Ctrl+F3) Layer panelinden, sonradan eklediğimiz daireyi yazımızın altına alıyoruz. Böylece gri renk üzerinde siyah yazımızın bir bölümü görünmeye başlayacaktır. (Eğer bu kısım karmaşık gelirse, yazıyı eklemeden önce daireyi çizebilirsiniz, böylece layer paneli ile uğraşmak zorunda kalmazsınız) Ctrl+A tuşları ile dosyamız üzerindeki bütün layerleri seçiyoruz, Ctrl+C tuşları ile de bu layerleri hafızaya kopyalıyoruz. Artık yeni frame oluşturup, her frame de yazının yerini değiştirmeden, dairemizi x ekseni üzerinde hareket ettirerek animasyonumuzu oluşturabiliriz. Bunun için de, Frames And History Panelinden yeni frame oluşturuyoruz.(Panel kapalı ise Shift+F2 tuşlarına basarak açabilirsiniz.) Frames panelinden yeni frame oluşturup Ctrl+V ile hafızadaki layerleri yeni frame yapıştırıyoruz. Son olarakda dairemizi bir miktar sola kaydırıp, bir sonraki frame geçiyoruz. İstediğiniz kadar frame oluşturup animasyonunuzu tamamlayabilirsiniz. Frame panelinde yeni frame eklemeyi ve Frameler arasındaki süreyi ayarlamayı daha önce anlattığım konulardan da bakabilirsiniz. İşte Uygulamamızın Son Hali :) ------------------------------------------------------------------------------------------------------------------------ Dairesel Yazı Yazma Fireworks programında bos bir belge açıyoruz. istedigimiz büyüklükte bir daire çiziyoruz, dairenin iç rengi yada dıs çizgi kalınlıgı hiç önemli degil, çünkü bu daire resmimizde zaten gözükmeyecek. Dairemizi çizdikten sonra simdide istedigimiz yazıyı text aracı ile yazıyoruz. Shift tusu basılı iken hem yazımıza hem de daireye tıklıyoruz, böylelikle ikisinide seçmis olduk. simdi de Text menusunden Attach to Path secenegine tıklıyoruz. Artık yazımız dairesel bir sekil almıs oldu. Yazıyı istedigimiz gibi ortalamak için properties menusunden saga, sola dayayabilir yada ortalayabilirsiniz. Not : Eger resmimizde bir dairenin görünmesini istiyorsak, yazı için kullandıgımız daire dısında bir tane daha çizmemiz gerekecektir. ------------------------------------------------------------------------------------------------------------------------ Fotograflarınızdaki kıyafet rengini degistirin 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. 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. ------------------------------------------------------------------------------------------------------------------------ Hareketli Resim (Gif Animasyon) Hazırlama Örnegimizde kullanmak üzere 468*60 boyutlarında bos bir belge açıyoruz ve arka plan rengini de siyah olarak belirliyoruz. Daha önceden hazırlamıs oldugumuz logomuzu fireworks programı ile açarak logo resmini açmıs oldugumuz fireworks dosyasına yapıstırıyoruz. Artık animasyonumuzun sabit kısmını hazırlamıs olduk. simdi 1.resmimizin üzerine web tasarım yazıyoruz. Animasyonda görülecek ilk resmimiz hazır. simdi ikinci resime geçiyoruz. Bunun için Frames And History panelinden sag alt kösedeki New/Dublicate Frame e tıklıyoruz. ikinci resmimizde önceki resimle aynı olmasını istedigimiz kısımları bir üstteki frame e giderek kopyalayabilirsiniz. Bunları ikinci frame yapıstırıp daha önce yazdıgımız web tasarım yazısının altına web grafik yazıyoruz. Aynı sekilde 3.frame i ekleyip onda da istedigimiz degisiklikleri yaptıktan sonra sıra geldi animasyonda yer alan resimlerin göstelis sürelerine. Bunun için Frames Ana History panelinde yer alan frame lerden birisini seçip hemen frame isminin yanındaki standart olarak 7 gözüken kısma tıklayarak degistirebilirsiniz. Burada 7 bir saniyenin 100de 7 sini ifade etmektedir. Yani buraya 7 yerine 100 yazdıgımızda o framedeki resmimiz 1 saniye ekranda gözükecek ve bir sonraki resime geçecektir. simdi de resmimizi kayıt edelim. Resmimizi kayıt etmeden önce resim formatını degistirmemiz gerekli. Daha önceki yazımızda da anlattıgımız gibi resim formatını degistirmek için Optimize panelinden istedigimiz formatı seçiyoruz. Biz animasyon resim olusturacagımız için Animated Gif seçiyoruz ve File / Export menusunden resmimizi kayıt ediyoruz. 1.Resim (Frame1) 2.Resim (Frame2) 3.Resim (Frame3) Gif Animasyon ------------------------------------------------------------------------------------------------------------------------ Banner Hazırlama File menusunden New sekmesine gelerek 780 genisliginde, 140 yüksekliginde bir belge açıyoruz. Daha önceden buldugumuz resmimizin yüksekligi 140 olacak sekilde ayarlıyoruz. Bunun için Modify menusunden Canvas/image Size sekmesini kullanabilirsiniz. Daha sonra bu resmi kopyala yapıstır teknigi ile yada file menusunden import sekmesini kullanarak 780*140 boyutunda açmıs oldugumuz dosyaya ekliyoruz. Belgemizin arka plan rengini de properties panelindeki canvas sekmesinden ayarlayabiliriz. Canvas degerine tıkladıgımızda, fireworks mouse imlecini dokundurdugumuz yerdeki rengi arka plan rengi olarak ayarlanacaktır. Bu nedenle ekledigimiz resmimizi kullanarak uyumlu bir arka plan rengi ayarlayabilirsiniz. Resmimizin belge üzerinde daha güzel bir geçis olusturması için bir geçis efekti kullanacagız. Bunun için belgemizin üzerindeki resim seçili iken Commands / Creative / Fade image sekmesinden istedigimiz efekti ekleyebiliriz. Son olarak da text arac çubugunu kullanarak istediginiz renk, font ve boyutta yazılar ekleyip resminizi export menusunden kayıt edebilirsiniz. Resminizin formatını Optimize panelinden degistirebilirsiniz. ------------------------------------------------------------------------------------------------------------------------ Saydam Resim [07.01.2006] Resimlerimizi saydam hala getirerek arka planda yer alan nesnelerin yada renklerinde görünmesini saglayabilirsiniz. Örnegin ben yapmıs oldugum örnekte alttaki elmanın üstüne kendi resmimi getirdim ve sadece kendi resmime saydamlık vererek iki resimde bir bütünmüs gibi görünmesini sagladım. Burda dikkat edilmesi gereken yapacak oldugumuz çalısmamızda iki parça resim yani iki tane katman bulunması gerektigidir. Zaten fireworks istediginiz katmanı seçmek için o resmin üzerine tıklamanız yeterlidir. Artık üstte durmasını istediginiz katmanı diger katmanın üzerine sürükleyebilirsiniz. Daha sonra properties panelinden 100% olan saydamlık degerini azaltabilirsiniz. Resmimizin daha güzel görünmesi için, üstteki katmanda görünmesini istemediginiz kenarlıkları ,tools panelinden silgiyi kullanarak silebilirsiniz.

Giriş

Mesaj

nuribjk

Yüzbaşı

446 Mesaj

"konu açıcı": En az 100 konu açtı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gececi": En az 100 farklı gece DH'ye giriş yaptı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gezgin": En az 50 foruma mesaj yazdı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

10 Temmuz 2007 12:10:50 Konu Sahibi

Mesaj Linkini Kopyala
Şikayet

quote:

Orjinalden alıntı: ersin_13

vallahi bu topic benim işime çok yaradı ancak bir sorum olcak hani hareketli gif yapınca durmadan dönüyor ya ben onu yapınca sadece 1 kere dönsün istiyorum ondan sonra en son resimdeki haliyle kalsın (aman bende ne çok şey istiyorum) böyle bişi mümkünmü acaba bu arada 3 kişinin işine yaradı mı bilmeme ama benim çok yaradı

Hocam biraz geç oldu ama kusura bakmayın artık, hazırlamış olduğunuz gif animasyonun sadece bir kez dönmesini istiyorsanız Frame' leri eklediğiniz Frames and History panelinin sol alt köşesinde Gif Animating Looping diye bir ikon var, varsayılan olarak Forever yani sürekli ayarlanmış, işte siz oraya tıklayarak Forever yerine 1 olarak ayarlarsanız artık animasyonunuz sadece bir kez çalışacaktır.

Bu mesaja 1 cevap geldi

~~mahirman~~

Süresiz olarak uzaklaştırıldı.

04 Ağustos 2007 14:25:59

Mesaj Linkini Kopyala
Şikayet

abi ben bisi anlamadim hareketligifden birlikte ac diorum obur sayfa gidio ozm

Bu mesaja 2 cevap geldi

~~mahirman~~

Süresiz olarak uzaklaştırıldı.

04 Ağustos 2007 14:38:00

Mesaj Linkini Kopyala
Şikayet

bide pokemon gifi yapmak istesem onu nasi yapcam

Bu mesaja 1 cevap geldi

picagor

Teğmen

152 Mesaj

"teğmen": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

04 Ağustos 2007 18:15:32

Mesaj Linkini Kopyala
Şikayet

güzel paylaşım. teşekkürler

nuribjk

Yüzbaşı

446 Mesaj

"konu açıcı": En az 100 konu açtı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gececi": En az 100 farklı gece DH'ye giriş yaptı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gezgin": En az 50 foruma mesaj yazdı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

05 Ağustos 2007 01:32:21 Konu Sahibi

Mesaj Linkini Kopyala
Şikayet

quote:

Orjinalden alıntı: mahirman

abi ben bisi anlamadim hareketligifden birlikte ac diorum obur sayfa gidio ozm

Hocam bu sorunu maalesef anlamadım

quote:

Orjinalden alıntı: mahirman

bide pokemon gifi yapmak istesem onu nasi yapcam

Gif yapımını iki farklı uygulama ile ilk mesajda anlattım zaten, gerisi tamamen senin hayal gücüne kalmış. Kolay gelsin

Bu mesaja 1 cevap geldi

nuribjk

Yüzbaşı

446 Mesaj

"konu açıcı": En az 100 konu açtı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gececi": En az 100 farklı gece DH'ye giriş yaptı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gezgin": En az 50 foruma mesaj yazdı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

27 Ekim 2008 23:12:24 Konu Sahibi

Mesaj Linkini Kopyala
Şikayet

aylar sonra güncel :D web sitemide uzun süre sonra açtım. kısa süre yeni sonra fireworks bilgilerinide ekleyeceğim inşallah

Bu mesaja 1 cevap geldi

castorpollux

Binbaşı

1061 Mesaj

"müdavim": En az 1.000 mesaj yazdı. 3 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gezgin": En az 50 foruma mesaj yazdı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"binbaşı": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

28 Şubat 2009 15:57:00

Mesaj Linkini Kopyala
Şikayet

ellerine sağlık, çok faydası dokundu!

dkyl

Çavuş

75 Mesaj

"çavuş": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

28 Şubat 2009 18:33:18

Mesaj Linkini Kopyala
Şikayet

güzel makale olmuş

Bu mesaja 1 cevap geldi

herculyus

Yüzbaşı

333 Mesaj

"müdavim": En az 1.000 mesaj yazdı. 3 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gezgin": En az 50 foruma mesaj yazdı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"geek": En az 100 teknoloji forumu mesajı yazdı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

23 Mart 2009 09:31:53

Mesaj Linkini Kopyala
Şikayet

bende sitemiz için logo ve baner yapmam lazım ,aaalogo maker programından bişeyler yaptım ama peki beğenilmedi.

Bu sohtink diye bir program var ücretli ,alsam tavsiye eder misiniz.

Bu mesaja 1 cevap geldi

SAMET/

Yarbay

9880 Mesaj

"konu açıcı": En az 500 konu açtı. 4 seviyeli bu başarı rozetinin 3. seviyesine sahip.

"çok beğenilen": En az 500 beğeni aldı. 7 seviyeli bu başarı rozetinin 3. seviyesine sahip.

"müdavim": En az 10.000 mesaj yazdı. 3 seviyeli bu başarı rozetinin 3. seviyesine sahip.

"mekanın sahibi": En az 1.000 farklı günde DH'yi açtı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

04 Nisan 2009 12:18:19

Mesaj Linkini Kopyala
Şikayet

sitemize logo yaptırmak istiyoruz yapacak arkadaş var mı?

Bu mesaja 1 cevap geldi

acemi_tasarımcı

Çavuş

44 Mesaj

"çavuş": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

04 Nisan 2009 21:45:07

Mesaj Linkini Kopyala
Şikayet

siteniz neyle ilgili olacak pm ile görüşebiliriz ?

Bu mesaja 1 cevap geldi

Süresiz olarak uzaklaştırıldı.

05 Nisan 2009 10:41:54

Mesaj Linkini Kopyala
Şikayet

Ellerinize sağlık çok güzel anlatılmış ;)

Bu mesaja 1 cevap geldi

Turistof Kolomb

Yarbay

3703 Mesaj

"konu açıcı": En az 500 konu açtı. 4 seviyeli bu başarı rozetinin 3. seviyesine sahip.

"çok beğenilen": En az 1.000 beğeni aldı. 7 seviyeli bu başarı rozetinin 4. seviyesine sahip.

"müdavim": En az 5.000 mesaj yazdı. 3 seviyeli bu başarı rozetinin 2. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

05 Nisan 2009 11:29:24

Mesaj Linkini Kopyala
Şikayet

quote:

Orjinalden alıntı: nuribjk

ALLAH' tan bütün resimlerde kendi sitemin ismini yazmışım, googlede farklı fireworks uygulamaları arıyordum bi de baktım 2-3 forumda burdakileri bire bir alıp eklemişler, işin kötü tarafı adam fırsat buldukça yenilerini eklemeye çalışacağım yazmış :)

teşekkürler framelerle bende yptım

Bu mesaja 1 cevap geldi

dağ ambarı

Yüzbaşı

366 Mesaj

"yüzbaşı": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

06 Nisan 2009 18:26:32

Mesaj Linkini Kopyala
Şikayet

elerine sağlık.güzel anlatılmış.

Bu mesaja 1 cevap geldi

nuribjk

Yüzbaşı

446 Mesaj

"konu açıcı": En az 100 konu açtı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gececi": En az 100 farklı gece DH'ye giriş yaptı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gezgin": En az 50 foruma mesaj yazdı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

Tüm Başarılarını Gör

06 Nisan 2009 22:16:04 Konu Sahibi

Mesaj Linkini Kopyala
Şikayet

en üste yeni bir başlık daha ekledim, bu sefer sayfana link verdim. isteyen arkadaşlar bakabilirler...

< Bu mesaj bu kişi tarafından değiştirildi nuribjk -- 7 Nisan 2009; 10:40:04 >

Bu mesaja 1 cevap geldi

Kuqla

7 Mesaj

"er": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

14 Aralık 2011 19:11:27

Mesaj Linkini Kopyala
Şikayet

İşime Yarıyacağını Düşünüyorum Paylaşım İçin Teşekkürler.

yeni mesaja git

Yeni mesajları sizin için sürekli kontrol ediyoruz, bir mesaj yazılırsa otomatik yükleyeceğiz. Bir Daha Gösterme

Banner,Logo,Avatar, Hareketli Yazı Resim Nasıl Yapılır? Resimli Anlatım (Fireworks Ugulamaları) (3. sayfa)