Flash'ta Buton Hazırlayalım PDF Yazdır e-Posta

Flash programını duymayanlar, ya da flash programı ile yapılmış olan örnekleri özellikle web sitelerinde görmeyen yoktur sanırım. Sitelerdeki o göz alıcı bannerler, reklamlar, ürün tanırımları vb. bunların çoğu Flash programı aracılığı ile hazırlanmakta. Tabiki bir çok sitede gördüğümüz butonlar da flash programı ile hazırlanabiliyor. Siz de bu dersi takip ederek bir buton nasıl hazırlanır?, butona efekt nasıl verilir? gibi soruların cevabını bulacaksınız. Flash'ta basit bir şekilde buton hazırlamayı öğrenmek istiyorsanız doğru yerdesiniz.



1. Öncelikle boş bir flash sayfası açalım… File > New (Kısayolu: CTRL+N)

 



2. Üst menümüzden insertNew symbol diyoruz. (Aynı işlemi Ctrl + F8 tuşları ile de yapabiliriz)


3.Açılan penceremizden Button’u işaretliyoruz ve Name kısmına istediğimiz bir ismi verebiliriz… Daha sonra ok diyoruz.


4.Şimdi butonumuzu hazırlıyoruz…

Up: Butonumuzun sayfamızdaki normal görünüşü,
Over: Faremiz butonumuzun üzerine geldiğindeki görünüşü,
Down: Tıklandığındaki görünüşü,
Hit: Kapsama alanı ya da maosumuzun duyarlılık alanı diyebiliriz…
Bu karalerimizin her birine tek tek işlem yapacağız. Butonun tek renkte olmasını isteyenler her bir kare için tek tek işlem yapmak zorunda değildir. Birinci kareye çizdikleri buton özelliklerini her bir kare için değiştirmeden uygulayabilirler… Neyse ayrıntılara girmeden devam edelim…


5.Penceremizden sol taraftan buton çizmek için Rectangle Tool iconunu tıklıyoruz. Biz burada dikdörtgen şeklinde bir buton düşündüğümüz için bunu seçiyoruz. Fatklı şekillerde de buton oluşturabilirsiniz…



6.Butonumuzun dikdörtgen şeklinde olacağını belirtmiştik. Tercihinize göre butonumuzun kenarlarının keskin değilde oval olmasını sağlayabilirsiniz… Tools penceremizden Set Corner Radius ikonunu tıklıyoruz.




7.Açılan Rectangle Settings penceresinden Corner radius özelliğini istediğiniz gibi belirleyin. Biz burada 10 olarak belirledik…


8.Butonumuzun dikdörtgen şeklinde olacağını belirtmiştik. Köşesinin oval olma derecesini de belirledik. Şimdi ise butonumuzun ilk görüntüsü için bir renk seçiyoruz…


9.Şimdi istediğimiz boyutta bir buton çizebiliriz…. Resmimizden de görebildiğiniz gibi butonumuz up karesinde kırmızı olacak…




10.Şimdi ise faremiz butonumuzun üzerine geldiğinde butonumuzun nasıl olmasını istiyorsak onu hazırlayacağız. Burada özgür sayılırsınız. Tamamen farklı bir şekil vb. çizebilirsiniz. Biz bu çalışmamızda butonumuzun aynı olmasını fakat sadece renginin değişmesini istiyoruz… Öncelikle Up karesine çizdiğimiz butonumuzun bir koptasını Over karesine taşıyalım. Bu işlem için Over karesine gelip faremizin sağ tuşuna tıklayalım ve açılan pencereden Insert Keyframe diyelim… Ha aynı işlemi F6 kısayol tuşu ile de halledebilirsiniz..




11.Butonumuzu Over karesine taşıdık. Şimdi ise butonumuzun rengini değiştiriyoruz. İstediğimiz rengi seçebiliriz…



12.Şimdi ise faremizi butonumuza tıkladığımızda butonumuzun nasıl olmasını istiyorsak onu ayarlayacağız. Yine yukarıda yaptığımız gibi butonumuzu önce Down karesine taşıyoruz.. Bu işlem için yine aynı yolu takip ediyoruz. Down karesine gelip faremizin sağ tuşuna ya da klavyeden F6 tuşuna tıklıyoruz…



13.Butonumuzu Over karesine taşıdık. Şimdi ise yine bir renk seçiyoruz. Faremizi tıkladığımızda butonumuz renk değiştirsin…



14.Butonumuzu hazırladık. Şimdi ise kapsama alanını belirliyoruz. Bunu anlatmadan önce kapsama alanı ya da duyarlılık ne demek ne işe yarıyor onu anlatayım. 1 cm uzunluklarında bir buton yaptığınızı düşünün. Bu butonun üzerine gelindiğinde butonumuzun duyarlılık göstermesini sağlayabiliriz. Fakat faremiz butonumuz yaklaşmadan daha uzaklarda iken bile butonumuzun bu fareye duyarlı olması mümkün. Bu işlemi Hit karesine çizdiğimiz boyutlar belirler…



15.Hit karesinin ne işe yaradığından yukarıda bahsettik. Biz bu çalışmamızda butonumuzun boyutlarında bir dikdörtgen çizeceğiz… Bu işlem için Tools ekranından rectangle Tool ikonunu seçiyoruz…




16.Gördüğünüz gibi butonumuzdan biraz büyük bir şekilde çizim yaptık…Burası faremizin kapsama alanı…



17.Sahnemizin üst tarafındaki oka tıklayarak ana sahnemize dönebiliriz… Ha bu işe yeni başlayanlar ana sahneye döndüklerinde, benim bu işe ilk başladığımda yaptığım gibi korkmasınlar… Hazırlamış olduğumuz buton kütüphanemizde kullanılmak için bizi bekliyor..



18.Evet hazırladığımız buton kütüphanemizde. Eğer kütüphaneniz görünmüyorsa CTRL + L kısayol tuşu ile ekranda görüntüleyebilirsiniz…



19.Şimdi butonumuzu faremizle tutarak ekranımıza istediğimiz sayıda taşıyabiliriz.



20. Biz bu çalışmamızda butonumuzu 5 kez ekranımıza taşıdık… Şimdi bu butonlarımızın her birine isimlerini yazalım… Bu işlem için Tools penceresinden Text Tool’u seçiyoruz…



21.Butonlarımızın herbirine tek tek isimlerini yazıyoruz. Yazımızın rengini ve boyutunu ise alt taraftaki Properties özelliğinden ayarlayabiliriz.



22. Burada dikkat etmemiz gereken önemli konulardan biri de Yazımızın Dynamic Text değil Static Text özelliğinde olması. Bu işlemi yine ekranımızın alt tarafındaki Properties özelliklerinden ayarlayabilirsiniz. Aksi taktdirde butonunuz istediğiniz gibi çalışmayabilir.



23. Evet butonlarımızın her birine tek tek yazılarımızı yazdık. Aşağıda da gördüğünüz gibi butonlarımız daha doğrusu menümüz hazır. Aşağıdaki görüntü butonlarımızın normal halleri.



24.Faremiz butonumuzun üzerine geldiğindeki görüntüsü…



25.Faremizi butonumuza tıkladığımızdaki görüntüsü…




26.Butonlarımız yani menümüz hazır… Şimdi ise bu butonlarımızın her birine link ekleyeceğiz. Bu işlem için önce butonlarımızdan birini tıklıyoruz ve Action penceresini açıyoruz.

Buradan Global Functions – Browser/Network – ve buradan da getURL linkine çift tıklıyoruz…Burada Script Assist özelliği açık olursa işimiz daha kolay olur…




27.Buraya URL kısmına istediğimiz adresi yazıyoruz… Aşağıdaki resimden de görebildiğiniz gibi istersek direk kodlara işleyebiliriz…


Not: Bir buton için bu kadar ayrıntılı bir şekilde anlatmaya gerek yoktu belki ama bu işe ilk başladığımda neler çektiğimi çok iyi biliyorum. Elimden geldiği kadar ayrıntılı ve anlaşılır bir şekilde işlemeye çalıştım. Umarım başarmışımdır… Kolay gelsin…

Yazar: Kerim Sarıgül

 

Yorum ekle


Güvenlik kodu
Yenile

KIRGIZCA - RUSÇA - TÜRKÇE SÖZLÜKLER

TÜRKÇE ÖĞRETİMİ

ÜYE GİRİŞ FORMU



Tüm Hakları Saklıdır. Sitedeki ders ve makaleler kaynak göstermek şartı ile kullanılabilir. www.kerimsarigul.com 2005 - 2012