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



2. Üst menümüzden insert → New symbol diyoruz. (Aynı işlemi Ctrl + F8 tuşları ile de yapabiliriz)
http://www.sanalkurs.net/images/dersler/users/df3fa1ec68ebc03b0a19b5e56f5ed48e69295f46.jpg
 




3.Açılan penceremizden Button’u işaretliyoruz ve Name kısmına istediğimiz bir ismi verebiliriz… Daha sonra ok diyoruz.
http://www.sanalkurs.net/images/dersler/users/0b897fc4623f0bbc9f4fe048e1fd3985a195b215.jpg
 




4.Şimdi butonumuzu hazırlıyoruz…
http://www.sanalkurs.net/images/dersler/users/f2f340935d5ff9622e10fb391a4f048b934c0269.jpg
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…
http://www.sanalkurs.net/images/dersler/7563a62e7af9924b03bbb66b594b5106225318c6.jpg
 




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.
http://www.sanalkurs.net/images/dersler/users/e0d8a0794c54fa478c4c0fc4c65e0403d0345f5d.jpg
 




7.Açılan Rectangle Settings penceresinden Corner radius özelliğini istediğiniz gibi belirleyin. Biz burada 10 olarak belirledik…
http://www.sanalkurs.net/images/dersler/users/45514bcc79dce385e016bc45ac04c827d86bda0f.jpg
 




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…
http://www.sanalkurs.net/images/dersler/users/8a5290af403a0612d40e9b4904b14e0cd4bdf120.jpg
 




9.Şimdi istediğimiz boyutta bir buton çizebiliriz…. Resmimizden de görebildiğiniz gibi butonumuz up karesinde kırmızı olacak…
http://www.sanalkurs.net/images/dersler/users/bd1145732211906f575d90e223c60672cb1153f4.jpg
 




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..
http://www.sanalkurs.net/images/dersler/users/42d9d55dcfaff95dfca8555b5e749eb82b29a305.jpg
 




11.Butonumuzu Over karesine taşıdık. Şimdi ise butonumuzun rengini değiştiriyoruz. İstediğimiz rengi seçebiliriz…
http://www.sanalkurs.net/images/dersler/users/8c24d60db3dc7d81e0fce91fd73f19baa263b116.jpg
 




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…
http://www.sanalkurs.net/images/dersler/users/594f6ad5ef8b026c8ec9f840b3c686b4c3c6c37b.jpg
 




13.Butonumuzu Over karesine taşıdık. Şimdi ise yine bir renk seçiyoruz. Faremizi tıkladığımızda butonumuz renk değiştirsin…
http://www.sanalkurs.net/images/dersler/users/2dcaffe00e9d81fa01b805dfe26920b94d226473.jpg
 




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…
http://www.sanalkurs.net/images/dersler/users/2d5f12131a98b09e664a62188750a9b194eb8c7f.jpg
 




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…
http://www.sanalkurs.net/images/dersler/users/cf5c282153ea2b945a965dd85239ba512ef136f5.jpg
 




16.Gördüğünüz gibi butonumuzdan biraz büyük bir şekilde çizim yaptık…Burası faremizin kapsama alanı…
http://www.sanalkurs.net/images/dersler/users/8bd26d8d3c44014a75cb8f875bae19dafe806938.jpg
 




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..
http://www.sanalkurs.net/images/dersler/users/4cffff5ec4f5ed725d339b260d62de0a8f616f70.jpg
 




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…
http://www.sanalkurs.net/images/dersler/users/fd50261c772cacac58bcc8b6a994c944b29081f8.jpg
 




19.Şimdi butonumuzu faremizle tutarak ekranımıza istediğimiz sayıda taşıyabiliriz.
http://www.sanalkurs.net/images/dersler/users/d23893f1191110dd5fc5bea6a5d37bb10a9c4cca.jpg
 




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…
http://www.sanalkurs.net/images/dersler/users/746234571d0a3d4229c4d3ac976ecc6f1fceaa00.jpg
 




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.
http://www.sanalkurs.net/images/dersler/users/ce4f4503d5578d350221d5c0eff3038729039a5b.jpg
 




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.
http://www.sanalkurs.net/images/dersler/users/c830fc82661f35576e134cedaedfc67ba18d78a5.jpg
 




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.
http://www.sanalkurs.net/images/dersler/users/0739effa12b62a320aaa00e5d7d6e5c5d911eb50.jpg
 




24.Faremiz butonumuzun üzerine geldiğindeki görüntüsü…
http://www.sanalkurs.net/images/dersler/users/a974ea11d1eeec1b8efbe6b48a2510c54ae8112a.jpg
 




25.Faremizi butonumuza tıkladığımızdaki görüntüsü…
http://www.sanalkurs.net/images/dersler/9f04eb804551d8bf6304b55ddf7094c8ddad1ddf.jpg
 




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.
http://www.sanalkurs.net/images/dersler/users/495f9e2d40bd597749eaa816e750cc0cd11131e5.jpg
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…
http://www.sanalkurs.net/images/dersler/users/ca2a2c71c4d47c812b43da07d5cbd8c6ef773ec9.jpg
 



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…

Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol