Flash'ta Buton Hazırlayalım

Flash'ta basit bir şekilde buton hazırlamaya ne dersiniz?

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…
  • Etiketler;
Kerim Sarıgül
1979'da Giresun’da dünyaya geldi. İlk, orta ve lise öğrenimini Giresun ve Amasya’da tamamladı. 2005’te Kırgızistan-Türkiye Manas Üniversitesi Türkoloji Bölümününden mezun oldu. Şu an aynı üniversitenin Türkoloji bölümünde yüksek lisans yapmakta olan Kerim Sarıgül, aynı zamanda Modern Diller Yüksek Okulunda Türkçe Okutmanlığı yapmaktadır. İyi derecede Rusça ve Kırgızca bilen Kerim Sarıgül, evli ve bir çocuk babasıdır. <p>1979'da Bulancak'ta (Giresun) dünyaya geldi. İlköğrenimini Küçükdere Köyünde, orta öğrenimini Bulancak'ta, lise öğrenimini ise Amasya İmam Hatip Lisesinde tamamladı. 2000 yılında Kırgızistan Türkiye Manas Üniversitesi Türkoloji Bölümünü kazandı ve 2005 yılında bölüm üçüncüsü olarak mezun oldu. <p>Mezuniyet sonrası Yüksek Lisansa başladı ve bu eğitimini de 2008 yılında başarıyla tamamladı. Şu an Bişkek Sosyal Bilimler Üniversitesi Türkoloji Bölümünde doktora eğitimine devam etmektedir. İyi derecede Rusça ve Kırgızca bilen Kerim Sarıgül evli ve 3 çocuk babasıdır. <p>Bilgisayarla tanışması lise yıllarına dayanan Kerim Sarıgül, bu tanışma sonucu doğan arkadaşlığı hiç bitirmedi. Bilgisayar programları, programa dilleri ve içerik yönetim sistemleri konusunda araştırma ve çalışmaları bulunan Kerim Sarıgül 2005-2013 yılları arasında (8 yıl) Kırgızistan Türkiye Manas Üniversitesi Yabancı Dilller Yüksek Okulunda Türkçe Okutmanı olarak görev yaptı. Şu an Yunus Emre Enstitüsü Sınav Merkezinde Müdür Yardımcısı olarak görev yapmaktadır. <p>Kerim Sarıgül aynı zamanda Flash, Corel, PhotoShop, 3ds Max vb. programlar; asp, asp.net, C# programlama dilleri ve Açık Kaynak Kodlu Yazılımlar ile haşır neşir durumdadır. <p>Ayrıca bir çok sitede Flash, Corel, Photoshop, Asp ve Joomla konularında dersleri ve makaleleri yayınlanmaktadır. <p>İLGİ ALANLARI <p>Türkçe Öğretimi (Turkish Language Teaching) <p>Dilbilim (Linguistic) <p>Bilgisayarlı Dilbilim (Computer Linguistic) <p>Sözlükbilim (Lexicography) <p>Elektronik Sözlükbilim (Computational Lexicography) <p>Derlem (Corpus) <p>Türkçenin Algoritması <p>Krıgızcanın Algoritması <p>Dilbilimsel Sözcük Veritabanı <p>Açık Kaynak Kod Yazılımlar <p>Öğretim Yönetim Sistemleri (LMS - Learning Management System) <p>Uzaktan Öğretim <p>Dil Öğretimi <p><p> "Dünyada her şey paylaşıldıkça küçülür, SEVGİ ve BİLGİ ise paylaşıldıkça büyür."
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Buton hazırlama ile ilgili herşeyi anlatmışsın. Bu kadar ayrıntıya inerken erinmedin mi dostum? eline sağlık, güzel, teferruatlı bir ders olmuş. eklediğim flash derslerde butonla ilgili bir şey olursa direk yönlendirme yapıyorum haberin olsun. :kirp:
Çok Güzel Anlatım Eline Sağlık
tebrikler güzel çalışma.
Başarılı anlatım için tebrikler :)
Merhabalar, Bukadar zahmetin için teşekkürler, bence olması gereken anlatımda aslında böyle olmali, çünki yeni ögrenen insanlar yazılı anlatımdan hiçbirşey anlamıyor ilk başlarda, bu şekildeki anlatımlarla olayı kavradıkca yazılı anlatımı ancak anlıyabiliyoruz. Şimdi burdaki anlatımda takıldığım bir noktayı sormak istiyorum. Anlatılanların hepsini yapıyorum ve flash butonu hazırlıyorum, fakat ölçü neşekilde veriyoruz onu bulamadım, çünki burda yaptığım flash'ı sayfaya koyduğumda çok çok küçük kalıyor. Bu ölçülendirme nasıl yapılıyor acaba bu konuda bir yol gösterirmisiniz.
çok teşekkür ederim kardeşim.. beni 2 haftatır uğraştığım bir zorluktan kurtardın..
Merhabalar... Öncelikle buton yapımını elimden geldiği kadar açık anlatmaya çalıştım ve bu ayrıntının farkına varmanız bizi daha da sevindiriyor... Teşekkürleriniz için teşekkürler... Gelgelelim yukarıdaki Eklotje'nin sorusuna. Öncelikle soruyu tam olarak anlamadım fakay anlayabildiğim kadar cevap vermeye çalışayım. iki şeyi sormuş olabilirsiniz: 1. si yapmış olduğunuz butonun boyutunu nasıl ayarlayacağınızı, 2. si ise (büyük bir ihtimalle bunu sordunuz) bir sayfa açtınız ve o sayfa içerisine bir buton hazırladınız. Fakat siz o sayfayı butonunuzun boyutlarına göre düzenlemediniz. Eğer probleminiz bundan kaynaklamıyorsa sayfanın altınddaki size ayarlarına tıklayın ve oradan contents i işaretleyerek ok diyebilirsiniz. Yada yine oradan farklı boyutlar verebilirsiniz. Buna rağmen çözemezseniz sarigulkerim@hotmail.com dan msn le bağlantı kurabilirsiniz. ya da sorunuzu ayrıntılı olarak burada belirtiniz...
tebrikler sizden görüntülü derslerde bekliyoruz:kirp:
Gerçekten emeginize çok teşekkür ederim. Birde ben size soru sormak istiyorum. Bu butonları nasıl Fronpage aktarabilirim. Sanırım bunları Frontpage'a aktarabilmem için ".swf" formatında olmaları lazım fakat flash 8 'de ben sadece fla olarak kaydedebiliyorum:dusun:
Yapmış olduğunuz çalışmayı File > Export > Export Movie yolunu takip ederseniz .swf olarak kaydedebilirsiniz...
Öncelikle bu çok yararlı ders için size çok teşekkür ederim. Benim bir de takıldığım nokta var. Ben butonlarımı hazırladıktan sonra bu butonları fronpage 2003'e aktarıyorum fakat Eklotje'ninde dediği gibi boyutları baya küçülüyor. Bu butonları gerçek boyutlarında frontpage'e eklemek için ne yapmak lazım acaba...
Arkadaşlar. Buton veya menümüzü hazırlamaya başlamadan önce menü veya butonumuzun boyutunu yani kısacası bu çalışmada sayfamızın boyutlarını ayarlamamız gerekir. Dolayısıyla sayfamızın alt kısmında "Size" kısmına tıklayarak menümüzün enini "width" ve boyunu "height" Yukarıdaki çalışma (192.95 px - 207.4 px) boyutlarındadır. bu boyutları ayarladıktan sonra butonumuzu tüm sayfaya sığacak şekilde hazırlamalıyız. Bu şekilde yaparsak yukarıdaki sorunlar yaşanmayacaktır. Buna rağmen çözemezseniz buralardayız. sormaya devam...
ders benim gibi yeni başlayanlar için çok güzel olmuş. bi sorum olacak. yaptığım bu butonu dreamwevera atıyorum.buton içeriğinin hazırladığım iframede açılmasını istiyorum.geturl'de window kısmına iframe'in adını yazıyorum ama olmuyor:uzul:ne yapmam gerekiyor? acil yardım:agla:
Daha programı yeni kurdum, derslere bakayım dedim. Bu dersi gördüm. Hiç bir bilgim olmadığı halde iki dakikada yaptım. Çok teşekkürler. Güzel anlatmışsın :kirp:
anlatım için çok teşekkürler :D
elinize sağlık hocam
gerçekten haklısın bunu bazı arkadşlar anlatmış hiçbişey anlamadım çok iyi anlatmışsın teşekürler...
bilgi evrenseldir bilgi güzeldir bilgi mücevherdir. paylaştıkça sahibini parlatır
anlatiminiz için tesekkurler. yalniz diger dersler içinde bu kadar açik olursaniz memnun olurum.:( anladiginiz gibi flash hakkinda hiç bir bilgim yok. ama sabirla ögrenecegim.
butonun üstüne geldğimde farklı bir animasyon butondan uzaklaşınca farklı bir animasyon yapabilir miyiz
üzerine geldiğinde yazı renklerini nasıl değiştirebiliriz
button nu yaptım rank falan degişmesi tamam da buttona tıkladıgım da verdigim adres açılmıyor? Sebebi ne ollabilir.:agla:
gerçekten güzel çalışma eline koluna sağlık saollsın
çok güzel hocam eline sağlık
slm Hocam İyi Bayramlar. Kusura bakma senin için basit olabilir ama ,yaptığım butonları swf formatında yaptım, fakat front peace kaydedemedim ,nasıl kaydedicem .Tşk
Eline sağlık yeni başlayanlar için güzel çalışma olmuş[benim için]teşşekkürler
eline sağlık.
Flash bilgim sizin gibi paylaşımcılar sayesinde inş. daha da zenginleşecek. Anlatım çok iyi . Teşekkürler..
bende yeni başlıyorum yani öğrenciyim bu bi ödevdi çok sağol çok ayrıntılı ve güzel anlatmışsın sorulacak soru yok bence tşk
Öden konularınızı belirtin ders olarak ekleyelim:):gul:
hocam ders cok super olmuş ellerine sağlık eminimki bu işe yeni başlayan arkadaşlara cok faydalı olacaktır
hocam ders cok super olmuş ellerine sağlık eminimki bu işe yeni başlayan arkadaşlara cok faydalı olacaktır
çok teşk:kirp::D
GERÇEKTEN TBR EDİYORUM KEŞKE DERS VERENLERİN HEPSİ SENİN GİBİ BU KADAR DETAY GİRSE ÇOK TEŞEKKÜRLER BY zafer
ELİNE KOLUNA SAÐLIK USTAT 8. SINIFTAN TERK ETTİM AİLEME BAKMAK İCİN OKUYAMADIM BENDE OKUYUP EN AZINDAN BU KONULARIN DERSINI ALMAK ISTERDIM AMA OLMADI SEZIN GIBI EMEKCI INSANLARIN SAYESINDE AZ YADA COK 1 SEYLER ORENIYORUZ SOYLICEK 1 SEY BULAMIYORUM OKUMAYA VE OKUTMAYA DEVAM DIYORUM (15 YILDIR TEKNISYENIM HAYATA INAT OGRENECEM )CALISMALARININ DEVAMINI DILIYORUM TEKNIK KISIMLARDA DESTEK VERMEK ISTIYORUM !!
ya çok güzel hazırlamışsında şimdi ben insert/ new symbol diyorum ordan butonu seçiyorum ve sonra o beyaz alan tüm ekranı kaplıyor.. ActionScriptteki global function/browser network ün altındakilere tıklanmıyor.getURL fscommand load movie vs..sağ tarafta da"current selection cannot have actions applied to it" diyor.. :( bişeyleri mi değiştirmişim napmışım anlamadım yardımcı olursan çok sevinirim. şimdiden çok sağol.
çok güzel hazırlamışsınz da ya ben butonu çizip, seçtiğim anda ActionScript teki global function/browser network ün altndakilere tıklanmıyor get URL ye falan msela.. sağda da current selection cannot have actions applied to it. diyor.. birde insert/new symbol yaptıgımda beyaz alan heryere yayılıyor. yani gri kısım da gidiyor... yardmcı olursanz çok sevinirim.. şimdiden çok sağolun.
Teşekkürler abi :kirp:
Güzel anlatmışın kardeş eline sağlık
abi çok süper anlatım çok teşekkur ediyorum benim gibi yeni başlayanları düşünüp ayrıntılı şekilde anlattığınız için...
Valla sağol..bu buton işi benimde akılımı karıştırıyodu...teşekkürler.. :D:D
süper olmus emeğinize sağlık
yha macromedia flash 8 i çok ii bilen biri vrsa bna yardm edebilir mi lütfen :( acil yardıma ihtiyacım vr :agla:
Elinize sağlık, bende yaptım. Ancak takıldığım bir nokta var. Butonun rengi üzerine gelince değişiyor acaba yazının rengide değişemez mi ? Daha önce bu sitede yine bir anlatımda görmüştüm ancak o rollover meselesiydi ve buton değil sadece textti. Olsun benim işime yarayan budur. Çok teşekkürler. Emeğinize sağlık... :)
isterseniz butonları kendi içlerinde movie clip yaparak maos üzerine geldiğinde çalışack şekilde ayarlayailrsiniz..
mükemmel bir anlatım hocam teşekkür ederiz
çok teşekkürler. emeğinize sağlık..
yha hersey mukkmel bır sekılde anltmıs ama su lınk olmadı Script Assist özlegı panelı acık deıl o yuzden lınk olamdı bılgı verrmısnz .s.s.
Bilgilendirme için teşekkür ederim.

Yukarı Git