Bu alana reklam verebilirsin

Merhaba Ziyaretçi!
Nick
Şifre
Sectit Photoshop Dersleri,Grafiker,Grafikerler,Grafik Tasarım,Corel Dersleri,Çizim ve Dijital Sanatlar :Sectit Özel Bölüm Örnekler ve Dersler Macromedia DersleriKonu: Flash ile Buton yapımı

Sayfa: [1] 2 |   Aşağı git
Bu Konuyu GönderYazdır
Gönderen Konu: Flash ile Buton yapımı  (Okunma Sayısı 3176 defa)
0 Üye ve 2 Ziyaretçi konuyu incelemekte.
Yorkshire
Erkal Can ERKAL
Çok Katılımcı
****

Toplam Ödül: 8
Offline Offline

Cinsiyet: Bay

Mesaj Sayısı: 341


Aktiflik
Seviye
Deneyim

Üyelik Bilgileri WWW
« : 02 Oca 2006, 13:57 »




Arkadaşlar Ben Flash ile Mouse üzerine gelince yavaş yavaş aydınlanıp duran ve ardından mouse uzerinden kalkınca nu aydınlıktan yavaş yavaş tekrar eski haline dönen bir animasyon hazırlamak istiyorum...

Ama Kod Bilgim bu konuda yetersiz Sad bana yardımcı olursanız sevinirim
Logged
efsa
Sadece Kayıtlı
*

Toplam Ödül: 2
Offline Offline

Cinsiyet: Bayan

Mesaj Sayısı: 22


Aktiflik
Seviye
Deneyim

Üyelik Bilgileri WWW
« Yanıtla #1 : 02 Oca 2006, 19:24 »




çok kod bilmen de çok gerekmez zaten bu durum için

buton yaptıktan sonra over we down durumlarında movie clip yapıp içine içerisine istediğin durumları frame frame yaparsın..
Logged
Yorkshire
Erkal Can ERKAL
Çok Katılımcı
****

Toplam Ödül: 8
Offline Offline

Cinsiyet: Bay

Mesaj Sayısı: 341


Aktiflik
Seviye
Deneyim

Üyelik Bilgileri WWW
« Yanıtla #2 : 06 Oca 2006, 09:20 »




Onu Bende biliyorum, Kendi Çapımda bişiler yaptım üzerine gelince yavaş yavaş bi renk alıyor...
Ama Benim derdim mouse out etkisini verebilmek anlatabildimmi.
Böle Mouse üstünden kalkınca Yavaş Yavaş eski Rengine dönmesi yada ne biliyim mouseoberda verdiğim etkinin tersinden işleyip geri dönmesi gibi...

Yardımcı olursanız ve burda anlatırsanız gerçekten sevinirim...  Smiley
Logged
Yorkshire
Erkal Can ERKAL
Çok Katılımcı
****

Toplam Ödül: 8
Offline Offline

Cinsiyet: Bay

Mesaj Sayısı: 341


Aktiflik
Seviye
Deneyim

Üyelik Bilgileri WWW
« Yanıtla #3 : 06 Oca 2006, 09:31 »






Örnektekini Ben Yapabiliyorum ama işte sadece mouse üstüne gelince yavaş yavaş geçiş yapıyo...
Ben Geçişi yaptıktan sonra mouse yi üzerinden çekince yavaş yavaş eski rengine dönsünde istiyorum...  Sad
« Son Düzenleme: 06 Oca 2006, 09:33 Gönderen: Yorkshire » Logged
Sectit
Murat KAYA
Sectit
*

Toplam Ödül: 39
Offline Offline

Cinsiyet: Bay

Mesleğiniz:
Yazılım
Meslek Deneyimi:
10 yıldan fazla
Sektör:
Danışmanlık ve Eğitim

Mesaj Sayısı: 1029


Aktiflik
Seviye
Deneyim

Üyelik Bilgileri WWW
« Yanıtla #4 : 06 Oca 2006, 12:19 »




aynı işlemi tersine çevireceksin üstat...

yani 1  2 3 foramlerin var dimi
mousenin üstüne gelince 1. 2. 3. oynuor cekince 1 e donuyor sole yaparsan 1  2 3 3 2 1 istedigin olur Smiley
Logged
Yorkshire
Erkal Can ERKAL
Çok Katılımcı
****

Toplam Ödül: 8
Offline Offline

Cinsiyet: Bay

Mesaj Sayısı: 341


Aktiflik
Seviye
Deneyim

Üyelik Bilgileri WWW
« Yanıtla #5 : 02 Şub 2006, 00:42 »




Evet Üstad Gercekten sölediini okuduum anda kafamda şimşekler çaktı  Grin ve istediğimi yapabildim sonunda  Smiley işte Burda ;

Linklerin Görülmesine İzin Verilmiyor
Linki Görebilmek İçin Üye Ol veya Giriş Yap
http://img19.imageshack.us/my.php?image=buttonoveroutflash84jv.swf


Ama Madem burası Ders Yeri yapımınıda anlatalım da Adet yerini bulsun dimi Smiley

Eveeet
1.Flash ta Boş Bir Sayfa açıyoruz,
ve Rectangle Tool Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap ile sahnemize Bir Diktortgen çiziyoruz, Bu Bizim Mouse Over Alanımız olacak... Yani Üzerine gelindiinde videoyu başlatacak alan... Bunu Böyle yapmamızın sebebi düzgün bir şekilde arada bozulmalar olamadan ( arada nesne olmayan yerlerde mouse overın iptal olması gibi ) bir buton yapmaktır, Bu yüzden tam butonu yapmayı düşündüğünüz alan kadar yapın...

2.Ardından çizdiğimiz Diktörtgene sağ tıklayıp çıkan menüden Convert to Symbol'e tıklıyoruz. Movie Clip'i seçip ok Diyoruz.

3.Tekrar Sağ Tıklayıp Edit in Place Dedikten Sonra ( Yada çift tıklayarak ) Açılan Kısım da Tekrar DiktörtGenimizi Convert To Symbol ile Diktörtgeni Bu sefer Butona çeviriyoruz... Yani Movie içinde Buton olarak farklı bir Symbol Görevi görüyor Bunu Libraryden takip edebilirsiniz...

4.Ardından iki adet boş layer oluşturuyoruz Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap. Ben Birine Buton Diğerine stops dedim...

5.Buton Diye Yazdığımız Layera Butonumuzu yapıyoruz, Bu Bir Yazı, Şekil, Resim Olabilir. Biz Bir Yazı Kullanalım ve Static Text ile Buton Yazalım, Bunu Yine Convert To Symbol ile Movie Clip yapalım ...Aşağıdaki Gibi ( Not: Area ile Seçili Alan yani ilk Yaptığımız Buton Bu Karede Görünmemektedir ( Not 2: Not 1'i anlamadıysanız Boşverin Önemli Deil))

Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

6.ve Animasyonumuzu verelim.Ben 10 Frame lik Bir Animasyon yaptım ama Keyframeler ile aralarındaki normal Framelerin eşitlik sağlaması lazım geldi bana Bunun için 11. Frame' Gelip (Buton Layerindeyiz hala ) insert Keyframe demeliyiz.Ardından 6.Framede Bir Kayframe daha Koyduk ve Böyle Göründü Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

Burda Yazı Mouse üzerine gelince büyüyecek ve gidince küçülecek şekilde 6.Keyframedeki Yazıyı büyütüp iki tarafada Create Motion Tween Diyerek Animasyon veriyoruz... Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap Siz isterseniz daha uzun Framelere yayılmış Animasyonlar yada Butonuda Edit Place ile içindeki Sub Objeye çeşitli Animasyonlar Verebilirsiniz...

7.Şimdi Stops Layerine gelelim Buraya da 1.( ilk Frame ) ve 6. Framelere Keyframe atıyoruz ( Kısayolu f6 ). Ve Her iki keyframe'in Action Script Kısmınada stop(); yazıyoruz.

Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

8.Ve Geldik Area Layerina. Buton  Yapmıştık Bu layerı hatırlıyorsanız, Şimdi Buna Sağ Tıklayıp Edit in Place ( yada çift Tıklayarak ) Butona geliyoruz... Burada Frame Olarak Karşımıza Up ( mouse üzerinde değilken ) , Over ( Mouse üzerinde iken ), Down ( Tıklama hali ) ve Hit diye 4 tane Kare içine yazılmış Bir Timeline geliyor... Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

9. Burada Hit Yazan Frame'e Keyframe verip ondan önceki framlerdeki objeleri siliyoruz, yani sadece Hit Frameinde Durucak Bizim Diktörtgenimiz. Böylece Transparan olucak ve Animasyon esnasında görünmeyecek... Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

10.Şimdi Tekrar Area, Buton ve Stop Layerlarını oluşturduğumuz kısma geliyoruz Bunun için Sol üstteki Mavi Geri Ok tuşunu kullanabiliriz... Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

11.şimdi Area Layerına Gelip ilk frame ve 6. Frame'e kayframe oluşturuyoruz... ilk Frame Dekinin Action Script Kısmına on ( RollOver ) {  Play(); } ve 6. Framedekine on (RollOut) { Play(); } Yazıyoruz, Burda Dikkat Etmeniz Gerken En önemli şey Scripti yazdığınız yerdir! Buna Dikkat etmez iseniz hiç bişi olmaz. Verdiğim kodları yazarken, mesela 6. Framde kine yazıyoruz diyelim Diktörtgeni seçerek yani o seçili halde iken yazmamız gerekli! Çünkü Flashta Script o frame'e yada seçili objeye verilir, Yani Örneğin Flashta link verirken o frame'e veremezsiniz objeye vermelisiniz, Buna çok dikkat Edin Derim Yoksa Kafayı Pc Başında Yersiniz Smiley .... Evet Artık Ctrl+Entera Basarak Animasyonumuzu Kontrol Edebiliriz... işte Bu kadar...

Şimdi Biraz Deişiklik yapalım ve Son aşamayı şöyle Deiştirelim;

12.ilk Frame'den 11. Frame'e Kadar Keyframe oluşturun yine 1. ve 6. Framelere üstteki kodları verin ( kriterlere dikkat ederek tabii ) şimdi Bu Verdiğim Kodu 2. Framdeki Kutuyu seçip yazın
on (rollOver) {
   play();
}
on (rollOut) {
   gotoAndPlay(10);
}
Şimdi Bu kodu 5. Frame'e Kadar her Kutuya yazın (2 - 5). GotoAndPlayin yanındaki rakamı Her Bir Framede sağa geçtiğinizde Bir Düşürün...
2.Frame de = gotoAndPlay(10);
3.Frame de = gotoAndPlay(9);
4.Frame de =gotoAndPlay(Cool; ... gibi

şimdi Bu Kodu ise 11.Framdeki Kutuya yazın...
on (rollOver) {
   gotoAndPlay(2);
}
on (rollOut) {
   play();
}
Bunuda 7. Frame'e kadar Her Kutuya yazın ( 11 - 7 ).
Ve Her Bir Kutu Sola Geçtiğinizde gotoAndPlay Yanındaki Değeri "1" arttırın 7.Frame'e gelene kadar...

Bu gotoAndPlay yanındaki değerleri hazırladığınız Animasyon karesi kadar Ayarlarsınız...

Bu Son yaptığımız Uzun Animasyonlu düğmelerde öneririm, Bunu uygulame sebebimiz Mouse üzerine gelince Çalışan Animasyon Bitmeden, Mouse üzerinden kalkarsa Animasyonu Bitirmeden Geri Dönmesi içindir...

Herkese Kolay Gelsin...

işte çalıştığımız Örneğin Bitmiş Hali
Linklerin Görülmesine İzin Verilmiyor
Linki Görebilmek İçin Üye Ol veya Giriş Yap
http://img526.imageshack.us/my.php?image=deneme2ug.swf


ve Buda incelemeniz için .fla Dosyası
Linklerin Görülmesine İzin Verilmiyor
Linki Görebilmek İçin Üye Ol veya Giriş Yap
http://rapidshare.de/files/12349900/deneme.rar.html



« Son Düzenleme: 06 Şub 2006, 20:39 Gönderen: Yorkshire » Logged
avsar09
Sadece Kayıtlı
*

Toplam Ödül: 1
Offline Offline

Cinsiyet: Bay

Mesaj Sayısı: 55


Aktiflik
Seviye
Deneyim

Üyelik Bilgileri
« Yanıtla #6 : 31 Eki 2006, 19:25 »




sevgili kalfam ben bu dersi nekadar uğraştımsada yapamadıp ctrl+enter dediğimde aşagıdaki hatayı veriyo acaba nerede yanlış yapıyorum
 flash ı da hiç anlamıyorum aslında dahga yeni kurdum ve ilk ders olarak bunu yapacaktım ama beceremedim Cry   CryResim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap
Logged
Yorkshire
Erkal Can ERKAL
Çok Katılımcı
****

Toplam Ödül: 8
Offline Offline

Cinsiyet: Bay

Mesaj Sayısı: 341


Aktiflik
Seviye
Deneyim

Üyelik Bilgileri WWW
« Yanıtla #7 : 31 Eki 2006, 21:41 »




Sanırım Sorunun Cevabını Dersin 11.Adımında bulabilirsin. son cümle;

Alıntı
Verdiğim kodları yazarken, mesela 6. Framde kine yazıyoruz diyelim Diktörtgeni seçerek yani o seçili halde iken yazmamız gerekli! Çünkü Flashta Script o frame'e yada seçili objeye verilir, Yani Örneğin Flashta link verirken o frame'e veremezsiniz objeye vermelisiniz, Buna çok dikkat Edin Derim Yoksa Kafayı Pc Başında Yersiniz  .... Evet Artık Ctrl+Entera Basarak Animasyonumuzu Kontrol Edebiliriz... işte Bu kadar...

Yinede Emin Değilim Sen Kodu Verdiğin Yeri Doğru kontrol et.
Yada buton olması gereken objeleri movieclip yapmış olabilirsin...
« Son Düzenleme: 31 Eki 2006, 21:47 Gönderen: Yorkshire » Logged
deryaxld
Sadece Kayıtlı
*

Toplam Ödül: 0
Offline Offline


Mesaj Sayısı: 1

Aktiflik
Seviye
Deneyim

Üyelik Bilgileri
« Yanıtla #8 : 10 Mar 2008, 11:30 »




slm arkadaşlar ben flaştan hiç anlamıyorum  Embarrassed öğretmenimiz site yapın dedi bende butonları flaş ile yapim dedim fakat hiç birsey beceremiyorum lütfen bana yardımcı olun  Sad
 
Logged
piyon13
Sadece Kayıtlı
*

Toplam Ödül: 0
Offline Offline


Mesaj Sayısı: 2

Aktiflik
Seviye
Deneyim

Üyelik Bilgileri
« Yanıtla #9 : 26 Mar 2008, 15:46 »




çok sağolasın teşekür anlatımın için teşekür ederim
Logged
Technorati Favorilere Ekle Add to Google Reader or Homepage Subscribe in NewsGator Online Add to The Free Dictionary Add Sectit Grafik Tasar?m :: Photoshop Dersleri Corel Dersleri Dijital Sanatlar Online Grafik Sanatlar - to Newsburst from CNET News.com

Konunun Etiketleri (Tags) :
Sayfa: [1] 2 |   Yukarı git
Bu Konuyu GönderYazdır

Sectit Photoshop Dersleri,Grafiker,Grafikerler,Grafik Tasarım,Corel Dersleri,Çizim ve Dijital Sanatlar :Sectit Özel Bölüm Örnekler ve Dersler Macromedia DersleriKonu: Flash ile Buton yapımı

Gitmek istediğiniz yer:  

Benzer Konular
Konu Başlığı Başlatan Yanıtlar Görüntülenme Son Mesaj
Web 2.0 Buton Yapımı Düğme ve İkonlar DeadFalcon 1 982 Son Mesaj 27 Eyl 2008, 07:47
Gönderen: oguzhanali
coreldraw12 ile buton yapımı Corel Draw grafiozan 1 525 Son Mesaj 10 Oca 2008, 16:07
Gönderen: lepotan
buton yapımı.. Özel Efektler volkan 2 562 Son Mesaj 06 Kas 2008, 08:22
Gönderen: 11071983
BUTON Düğme ve İkonlar burcuinci 1 901 Son Mesaj 14 Ara 2007, 21:51
Gönderen: cberg
Deviant CaNCeR-X Graphics World Dexigner Design Portal ArtWorld Toplist site ekle iyi hit siteler hosting

WAP | WAP2 | WAPForum | RSS | RSS2 | XML
Grafik Video Dersler