Banner,Logo,Avatar, Hareketli Yazı Resim Nasıl Yapılır? (firefox uygulamaları)

[doğangüneş]

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
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.
-This image has been resized. Click this bar to view the full image. The original image is sized 800x97.




Resmimizin daha güzel görünmesi için, üstteki katmanda görünmesini istemediginiz kenarlıkları ,tools panelinden silgiyi kullanarak silebilirsiniz.

alıntı