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.

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

Taktikal Led USB ŞARJLI Ultra Güçlü Mini Boy El Feneri [Enerji Sınıfı A++] : Amazon.com.tr: Yapı Market https://www.amazon.com.tr/gp/product/B09J5C4JB9?psc=1 3 sa. önce paylaşıldı

New Balance 411 Lifestyle Erkek Günlük Ayakkabı - M411BB2 : Amazon.com.tr: Moda https://www.amazon.com.tr/dp/B0CJ5JR51K 6 sa. önce paylaşıldı

Greenote Akülü Elektrikli Süpürge, 23000Pa Güçlü Emişli Hafif Çubuk Elektrikli Süpürge 35 dakika Uzun Çalışma Süresi, Çıkarılabilir Pil, El Araba Sert Zemin Halı Evcil Hayvan Kılı için Arada El Vakumu : Amazon.com.tr: Ev ve Yaşam https://www.amazon.com.tr/dp/B0CZ6WM2LG geçen hafta paylaşıldı

Bu Konudaki Kullanıcılar:

1 Misafir - 1 Masaüstü

5 sn

57
Cevap

1
Favori

68.991
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konuya Özel

0 oy

Öne Çıkar

Cevapla

Sayfa: 1 2 3

Giriş

Mesaj

nuribjk

Yüzbaşı

446 Mesaj

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

Benzer içerikler