Flash ile Web Butonları Yapımı

Web Butonları Yapımı

Denemek için Tıklatın

Bu bölümde, Flash da hazırlanmış web butonlarının yapılışını ve link verilişini daha geniş olarak inceleyeceğiz. Bunun için "Graphic" ve "Button" özelliğinde olan iki tane obje hazırlayacağız. Her zaman olduğu gibi yukarıdaki örneğin yapılışını anlatarak konuya açıklık getireceğiz. 1- Insert>NewSymbol (Ctrl+F8) ile Graphic özelliğinde ve "button" adında objemizi yarattık. Rectangle Tool'u seçip, Rectangle Settings ile Corner Radius: 25 yazdık ve OK dedik. Ancak Stroke Color'ı iptal edelim ki butonumuz daha etkili olsun. Objemiz Layer 1'e yerleşti. 2- Layer 1'i tıklayıp seçili hale getirdik ve Fill panelinde Linear Graident'i seçip renklerini aşağıdaki gibi ayarlayıp (#000099 - #00FFFF), boyadık ve kova aracı seçili iken, Transform Fill aracı ile de renk geçişlerini düzenledik. Objemiz yan taraftaki görüntüyü aldı. 3- Layer 1'i tıklayarak seçili hake getirdik, Ctrl+C ile kopyaladık ve yeni bir Layer yaratıp (Layer 2), kopyaladığımız görüntüyü yapıştırdık (Ctrl+V). 4- Layer 2 deki görüntüyü klavyedeki oklar yardımıyla ilk görüntünün (layer 1 deki görüntü) tam üzerine taşıdık ve Modify>Transform>Scale and Rotate ile Scale:85, Rotate:180 değerleri yazıp OK diyerek, objemizi küçültüp-döndürdük. 5- Yeni bir layer yarattık (Layer 3) açık mavi renk ile Tıkla yazıp, butonumuzun ortasına taşıdık. 6- Mixer Panelini açtık (Window>Panels>Mixer). Fill Color rengini beyaz olarak seçtik, Alpha değerini 0 yaptık ve üstteki ok'a tıklayarak açılan menüden Add Swatch ile Swatches paneline gönderdik. 7- Fill Panelinde yeni bir Linear graident yaratıp, önceden Swatches paneline gönderiğimiz rengi seçip renk geçişlerini yan taraftaki gibi ayarladık. 8- Yeni bir Layer yarattık ( Layer 4). Rectangle Tool ile butonumuzun ortasıdan ve Layer 2 deki görüntünün hizasından sağ tarafa doğru çizdik. 9- Kova aracı seçili iken, Transform Fill aracı ile de renk geçişlerini yan taraftaki gibi düzenledik. 10- Arrow Tool (V) seçip, objemizi Scale aracını kullanarak eninden küçülttük. Böylece butonumuz oluşmuş oldu. Şimdi bu butonu aktif hale getirip hem başka bir web sayfasına gitmesi için (URL) hem de e-mail göndermek için (mailto:) link verilmesini göreceğiz.

Yeni bir sembol yaratalım Insert>New Symbol (Ctrl+F8). Açılan Symbol Properties penceresinde adını "active button" yazıp button'u işaretleyip Ok diyelim. 11- Önceden hazırladığımız "button" isimli ve graphic özellikli objemizi, üzerinde çalıştığımız "active button" isimli button özellikli objemizin sahnesine kütüphaneden çekip taşıyalım. Button özellikli objelerin Timeline larında özelleştirilmiş dört adet Frame bulunur. Bunlar Butonun özelliklerini belirler, Up:Normal görünümü, Over: Mause üzerine gelince görünen görüntüsü, Down: Mause ile tıklayınca veya üzerinden ayrılıncaki görüntüsü, Hit: Mause'un algılama alanını belirler. Kütüphaneden taşıdığımız Objemiz Up Frame inde yerini aldı. 12- Down Frame ine sağ-tuş yaparak, Insert Keyframe ile bir keyframe ekledik. Modify>Transform>Scale and Rotate ile Scale:85, Rotate:0 değerleri yazıp OK diyerek, objemizi küçülttük. Böylece butonumuzu tamamladık. Control>Test Movie (Ctrl+Enter) ile test edebilirsiniz. 13- Şimdi butonumuza link vermeyi göreceğiz. Sahnemize döndük . Kütüphaneden "active button" isimli objemizi sahnemizdeki çalışma alnına taşıyıp, Scale yardımıyla büyüklüğünü sahnemiz göre ayarladık. 14- Sahnedeyken objemizin üzerine sağ-tuş yaparak, Actions u seçtik. Açılan Object Actions panelinde GetURL actions una çift tıkladık. Bir web sayfasına yani URL ye link vermek için Object Actions panelindeki alt tarafta bulunan URL kısmına web sayfasının URL sini yazmalısınız. (Örn; http://www.aeystudio.com ) 15- Şayet bir e-mail adresine link vermek isterseniz Object Actions panelindeki alt tarafta bulunan URL kısmına mailto: ibaresi ile beraber e-mail adresini yazmalısınız. (Örn; mailto:email@adresiniz.com )

Yazan: Yorum: l3elalim Üye Kayıt Tarihi: 14.04.2007 Yorumlar: 1 paylasim super emege saygi tskler 03.05.2008 17:06 tolgaince Üye Kayıt Tarihi: 04.04.2007 Yorumlar: 1 yorum gerçekten çok iyi bir site çünkü çok iyi şeyler var 04.04.2007 22:52 lemkay Üye Kayıt Tarihi: 02.03.2007 Yorumlar: 1 botunun rengi yapmış olduğum butonu tıkladığımda rengini değiştirmesini istiyorum, şu nedenden istiyorum birden fazla buton var hangisini tıkladığımı görebilmek için nasıl yapabilirim.şimdiden teşekkür ederim. iyi günler. 02.03.2007 14:53 ofmermi Üye Kayıt Tarihi: 17.12.2006 Yorumlar: 1 flash öğrenmek isteyene Merhaba.Mustafa Bey flash öğrenmek istediğini yazmış.www.mydersane.com,www.mydergi.com,sitelerinden bilgi alabilirsiniz.Ersin Hocanın çıkardığı flash seti aldım.Sık format atmayacağınız bir pc ye kurabilirsiniz.Gayet başarılı anlatımı olan 2 dvd den oluşuyor. 17.12.2006 11:37 metropak Üye Kayıt Tarihi: 01.11.2006 Yorumlar: 1 Template'leri değiştirmek Emeğinize sağlık. Anlatımlar gayet doyurucu. Ben 1988 yılından beri masaüstü bilgisayar kullanıyor ve grafikle uğraşıyorum. Ancak işlerin malum yoğunluğundan ancak kullanmak zorunda olduğumuz PSD, CDR, FH, Illustrator ve çok az da PSP biliyorum. Emekliliğime de 1 yıl kadar süre kaldı. Bu yaştan sonra bir matbaada yoğun tempoda grafik işini sürdürmek çok zor. Bundan sonra Web Tasarımı yapmak istiyorum. Bunun için Flash programını da öğrenmeye çalışıyorum. Ancak bu arada hazır templateleri kullanarak sayfa hazırlamak istiyor ama bunu basitçe anlatan bir kaynak bulamıyorum. Mümkünse bunun pratik dersini verebilir misiniz veya yararlanabileceğim bir kaynak var mı? Şimdiden teşekkür eder iyi günler dilerim. Mustafa DAĞCI mustafadagci@msn.com 01.11.2006 15:10

	Arama terimlerinizi girin Arama formu gönder
	Web www.aeystudio.com