Flash ile Ders Çalışması Yapımı

yasko_

New member
Katılım
9 Ağu 2007
Mesajlar
3,257
Reaction score
0
Puanları
0
Evet arkadaşlar gizli_özne arkadaşımızın isteği üzerine bu dersi hazırladım... vu dersimizde bir flash ders anlatımı olayının mantığını size anlatmaya çalıştım inşallah becerebilmişimdir...

mubdvk.jpg


1) Arkaplan adında bir layer oluşturuyoruz ve boyama yada çizim araçlarından birini kullanarak bir arkaplan görseli oluşturuyoruz ve bundan sonra bi işlem yapmayacağımız için layeri kilitliyoruz...

oqg9wx.jpg


2) Kategoriler adında bir layer daha oluşturarak text tool'u kullanarak tek tek ders isimlerini giriyoruz...

vo0ow4.jpg


3) Dersler adında bir layer daha oluşturuyoruz ve 2. frame'ine sağ tıklayarak insert keyframe diyoruz...

t9i58j.jpg


4) Şimdi arkaplanımızın görünürlüğünü uzatmak için 40.frame'e sağ tıklayarak insert frame diyoruz...

r72a08.jpg


5) İlk olarak Türkçe dersimizin konularını giriyoruz. Tabikide her konumuzu text toolu tek tek kullanarak yazıyoruz...

2h6ygt4.jpg


6) Dersler layer'imizin 3. frame'ine sağ tıklayarak insert blank keyframe diyoruz...

2nsq637.jpg


7) Şimdide Matematik dersimizin konularını giriyoruz...

qppevs.jpg


8) Dersler layer'imizin 4. frame'ine sağ tıklayarak insert blank keyframe diyoruz...

ezg0h3.jpg


9) Şimdide Fen Bilimleri dersimizin konularını giriyoruz...

2zf2v02.jpg


10) Dersler layer'imizin 5. frame'ine sağ tıklayarak insert blank keyframe diyoruz... ve Sosyal Bilimler dersimizin konularını giriyoruz...

25g74mp.jpg


11) Şimdi türkçe dersimizin olduğu Frame'i seçerek Frame Label değerini "turkce" (Tırnaklar hariç!) olarak giriyoruz...

2czq6u.jpg


12) Şimdi de Matematik dersimizin olduğu Frame'i seçerek Frame Label değerini "matematik" (Tırnaklar hariç!) olarak giriyoruz....

2me9z5c.jpg


13) Şimdi de Fen Bilimleri dersimizin olduğu Frame'i seçerek Frame Label değerini "fen" (Tırnaklar hariç!) olarak giriyoruz....

242va6h.jpg


14) Şimdi Sosyal Bilimler dersimizin olduğu Frame'i seçerek Frame Label değerini "sos" (Tırnaklar hariç!) olarak giriyoruz....

dpcxz6.jpg


15) En son olarak Tüm derslerin olduğu Frame'i seçerek Frame Label değerini "ana" (Tırnaklar hariç!) olarak giriyoruz....

1444hgy.jpg


16) Konular adında yeni bir layer oluşturuyoruz ve 6.frame'ine sağ tıklayarak insert keyframe diyoruz...

33u3gya.jpg


17) İlk olarak türkçe dersimizi yazmıştık şimdide türkçe konusuyla başlayalım ben örnek olarak sadece ilk konuları yapıyorum... Konu anlatımımızı yaptıktan sonra bu frame'in frame label değerinide "ozne"(tırkanlar hariç!) olarak giriyoruz...

1dybkp.jpg


18) Konular layerinin 7. frame'ine sağ tıklayarak insert keyframe diyoruz...

dotnjc.jpg


19) Matematik konumuzu yazıyoruz ve frame label değerini "basit" (Tırnaklar Hariç!) olarak giriyoruz...

30kds7r.jpg


20) Konular layerinin 8. frame'ine sağ tıklayarak insert keyframe diyoruz..

jfc8ap.jpg


21) Fen bilimleri konumuzu yazıyoruz ve frame label değerini "makara" (Tırnaklar Hariç!) olarak giriyoruz...

n4gi9k.jpg


22) Konular layerinin 9. frame'ine sağ tıklayarak insert keyframe diyoruz..

f5blw5.jpg


23) Sosyal bilimler konumuzu yazıyoruz ve frame label değerini "eksen" (Tırnaklar Hariç!) olarak giriyoruz...

fyz5vm.jpg


24) Kategoriler layerine geliyoruz ve tek tek tüm ders isimlerine sağ tıklayarak convert to symbol diyoruz...

2n8wznb.jpg


25) Açılan pencerelerde button seçeneğini işaretliyoruz ve isimlerini vererek kaydediyoruz...

2el9szt.jpg


26) Şimdide dersler layerinde aynı işlemi uyguluyoruz yani ders isimlerine sağ tıklayıp convert to symbol diyoruz...

35cl5qp.jpg


27) Button seçeneğini işaretleyerek kaydediyoruz bunu tüm ders konularına uyguluyoruz...

xlxc38.jpg


28) KAtegoriler layerine geçiyoruz ve butonlarımıza kod vermeye başlıyoruz.. ilk önce actions panelini açıyoruz (kapalı ise F9 a basarak açıyoruz) ve şimdi vereceğim kodları butonuna kaydediyoruz...

Türkçe için:
Kod:
on (release) {
	gotoAndPlay("turkce");
}

Matematik için:
Kod:
on (release) {
	gotoAndPlay("matematik");
}

Fen Bilimleri için:
Kod:
on (release) {
	gotoAndPlay("fen");
}

Sosyal Bilimler için:
Kod:
on (release) {
	gotoAndPlay("sos");
}

mn0nly.jpg


29) Dersler layerine geçiyoruz ve butonlarımıza kod vermeye devam ediyoruz.. vereceğim kodları ders butonuna kaydediyoruz...

Özne dersi için:
Kod:
on (release) {
	gotoAndPlay("ozne");
}

Basit kesirler dersi için:
Kod:
on (release) {
	gotoAndPlay("basit");
}

Makara nedir? dersi için:
Kod:
on (release) {
	gotoAndPlay("makara");
}

Dünyanın Kendi Ekseni Etrafındaki Dönüşü dersi için:
Kod:
on (release) {
	gotoAndPlay("eksen");
}

[+] Kendi eklediğiniz dersler için şablon kod olarak bu kodu kullanabilirisiniz...
Kod:
on (release) {
	gotoAndPlay("[COLOR="Black"]frame label değeri[/COLOR]");
}

2bckr9.jpg


30) Şimdide Actions yada herhangi bir isimde bir layer oluşturuyoruz ve ilk 9 frame'ine keyframeler koyuyoruz ve her frame'e aşağıda vereceğim kodu giriniz...

Kod:
stop();

2rfufc5.jpg


31) Şimdi konulardayken geri dönüşümüzü sağlıcak ola butonu oluşturmak için yeni bir layer oluşturuyoruz ben adını geri dön yaptım siz istediğiniz başka birşey koyabilirsiniz. şimdi bu layere animasyon boyunca boş olan bir yere geri dön adında bir yazı yazıyoruz...

iqh1yd.jpg


32) Yazdığımız bu yazıya sağ tıklayarak convert to symbol diyoruz...

2hnoms0.jpg


33) bir isim vererek button olarak kaydediyouz...

214uvkl.jpg


34) Yeniden actions paneline geçiş yaparak butona aşağıda verdiğim kodu yazıyoruz...

Kod:
on (release) {
	gotoAndPlay("ana");
}

koda dikkat ettiyseniz frame label değerini ana olarak girdik. frame labeli ana olan frame'imiz tüm derslerimizn yazdığı layerdi. bu butona tıkladığımızda animasyonumuzu en başa alacaktır...

28iupur.jpg


35) Şimdi arkaplan layerimizin fazla olan kısmını mause ile seçili hale getiriyoruz...

28anhis.jpg


36) sağ tıklayarak remove frames diyoruz

Son olarak File > Export > Export movie yolunu izleyerek ".swf" formatında kaydediyoruz ve işlemimizi tamamlamış oluyoruz...

Yapamayan arkadaşlar hangi konuda takıldılarsa burdan sorarlarsa cevaplayabilirim...

İStayanler içinde fla dosyasını upload ettim indirmek için

TIKLA
Rar Pass : yasko@hackhell

Arkadaşlar Teşekkür Etmeyi Unutmayalım Lütfen Bu Dersi Hazırlamam 5:30 Saatimi Aldı Emeğe Saygı... =)
 
eLLerine sağLık .. =)
 
eline, emeğine sağlık yasin
harika bir çalışma olmuş; kaptım işi :goz:
çok teşekkürler
 
işe yarar bi çalışma Emek güzel vermişin Eleman ELine SağLık
 
şimdi kategoriler layerinde derslere "gotoandplay" komutunu verdik sonra action diye bir layer açıp hepsine "stop" komutu verdik
bunun yerine en baştan direkt olarak "gotoandstop" komutu versek aynı işlevi görmez mi acaba? :saskin
 
şimdi kategoriler layerinde derslere "gotoandplay" komutunu verdik sonra action diye bir layer açıp hepsine "stop" komutu verdik
bunun yerine en baştan direkt olarak "gotoandstop" komutu versek aynı işlevi görmez mi acaba? :saskin

tabikide olabilir benimkisi sadece bi alışanlık.. goto and stopta aynı işlevi görür
 
Teşekkürdende öte aslında.Çok emek verilmiş.Emeklerine sağlık.Teşekkürler.
 
Merhaba Yasko, öncelikle ders için bir kez daha teşekkür etmek isterim ve bir şey sormak isterim.
28. adıma kadar geldim ama bu adımda belirlediğim butonlara script girişleri yapmama izin vermiyor!! acaba senin bir fikrin olabilir mi? neden böyle yaptığına dair?
 
nasıl bir hatayla karşılaştın... bilgilendirirsen yardımcı olayaım...
 
Geri
Üst