Flashta Nesneyi Yörünge Üzerinde Hareket Ettirmek...

yasko_

New member
Katılım
9 Ağu 2007
Mesajlar
3,257
Reaction score
0
Puanları
0
Merhaba arkadaşlar bu günde güzel bşr tutorial ile beraberiz bu gün sizlere Flash programında bir nesneyi nasıl yörünge üzeinde hareket ettirirz, ve hareketini butonmlarla nasıl kontrol ederiz, bunlardan bahsedeceğim....(Cümle Biraz Düşük Oldu Ama İdare Edin :D ). Biraz uzun bir çalışma ama sonucunda güzel şeyler ortaya çıkacağına inanıyorum....

1) Arka planı mavi olan bir sayfa açtım boyutları 500*300Px arkaplan rengi ve boyutlar size göre değişebilir bu bir problem çıkarmayacaktır...

10gised.jpg


2) "Rectangle Tool" aracıyla sahnemize kırmızı kareler çizelim... Bazı boş alanlar bırakalım bu boş alan cismimizin hareket edeceği yol olacak....

2zhihaq.jpg


3) "Insert Layer" butonunu kullanarak yeni bir layer oluşturuyoruz...

2a1c0n.jpg


4) "Oval Tool" yardımıyla bir daire çizelim.. bu hareket edecek olan cismimiz olacak...

s5e8pf.jpg


5) Topumuzu Seçili hale getirip "F8" e basarak topumuzu "Movie Clip" olarak kaydediyoruz...(verdiğimiz isim önemli değil...)

2zeea2v.jpg


6) Topumuzun bulunduğu Layer seçiliyken "Add Motion Guide"a tıklıyoruz...

2mcxcfs.jpg


7) Topumuzun bulunduğu layerde 20. kareye sağ tıklayarak "Insert Keyframe" diyoruz....

10drvgm.jpg


8) Guide layerimizn 20. karesine sağ tıklayıp "Insert Frame" diyoruz...

2a7znep.jpg


9) Kırmızı kutuların bulunduğu layerimizdede 20. kareye sağ tıklayıp "Insert Frame" diyoruz....

2ducqvd.jpg


10) Guide Layer'imizie "Line Tool" yardımı ile bir yol çizelim bu yol üzerinden topumuz geçecek...

b9cba9.jpg


11) Topumuzun Bulunduğu layere gelerek 20. karedeki key framede topu Yolumuzun bittiği yere götürüyoruz yanlız dikkat etmemiz gereken birşey varki o da topumuzu seçtiğimizde bir merkez noktası gözüküyor olmalı o nokta çizdiğimiz yolun üzeinde olmalı....

ohin35.jpg


12) Şimdi Topumuzun bulunduğu layerde 1 ve 20. layerler arasında her hangi bir kareyi seçelim ve properties panelinden Tween i Motion olarak ayarlayalım

2znxsgg.jpg


13) Guide layerimizn 40. karesine sağ tıklayıp "Insert Frame" diyoruz...

2a5xl46.jpg


14) Topumuzun bulunduğu layerde 40. kareye sağ tıklayarak "Insert Keyframe" diyoruz....

2enw5ee.jpg


15) Kırmızı kutuların bulunduğu layerimizdede 40. kareye sağ tıklayıp "Insert Frame" diyoruz....

2me65qx.jpg


16) Topumuzun Bulunduğu layere gelerek 40. karedeki key framede topu Yolumuzun başladığı yere götürüyoruz yanlız dikkat etmemiz gereken birşey varki o da topumuzu seçtiğimizde bir merkez noktası gözüküyor olmalı o nokta çizdiğimiz yolun üzeinde olmalı....

15ocjg8.jpg


17) Şimdi Topumuzun bulunduğu layerde 20 . ve 40. layerler arasında her hangi bir kareyi seçelim ve properties panelinden Tween i Motion olarak ayarlayalım

***Evet şimdi işlemimizin temelini oluşturduk "ctrl + Enter" komutuyla test ederseniz sonuç aşağıdaki gibi olacaktır...***

...SONUCA BAK...

2ldapm1.jpg


18) "Insert Layer" Butonuna tıklayarak yeni bir layer oluşturun...

muig0g.jpg


19) "Rectangle Tool" aracı ile Küçük beyaz bir kutu Çizin...

sq5f5t.jpg


20) Sağ tıklayıp "copy" seçeneğini seçin...

2j0dw92.jpg


21) Sahnede bir yere sağ tıklayın ve "paste" seçeneğini seçin... ekrana aynı beyaz kareden bir tane daha eklenecektir..

1213l02.jpg


22) Sonradan eklenen kutuyu diğer beyaz kuutnun sağ tarafına taşıyın...

2nc1gzq.jpg


23) Kutuların üstüne "Text Tool" yardımı ile "Sağ" ve "Sol" yazın....

javs6c.jpg


24) Öncelikle sağdaki butondan başlayacağız... sağdaki beyz kutuyu ve üstündeki "sağ" yazısını "Shift" tuşuna basıl tutarak seçili hale getirin ve sağ tıklayıp "Convert to Symbol..." seçeneğine tıklayın....

2qnv48x.jpg


25) Sağ ismini verip Buton olarak kaydediyoruz...

xknhqa.jpg


26) Şimdi soldaki beyz kutuyu ve üstündeki "sol" yazısını "Shift" tuşuna basıl tutarak seçili hale getirin ve sağ tıklayıp "Convert to Symbol..." seçeneğine tıklayın....

2j5ymuu.jpg


27) Sol ismini verip Buton olarak kaydediyoruz...

2md1ox1.jpg


28) "Insert Layer" butonunu kullanarak yeni bir layer oluşturuyoruz... Adını "actions" koyuyoruz... 20. ve 40. frame'ine sağ tıklayıp "Insert Keyframe" diyerek keyframe ekliyoruz...

2ec3z3p.jpg


29) "F9"a basarak actions panelini açıyoruz ve actions Layerinin
1. 20. ve 40. framelerinde bulunana Keyframelere

Kod:
stop();

Kodunu ekliyoruz....

rwjj8n.jpg


30) Sağ Olarak kaydettiğimiz Butonu seçerek Actions paneline

Kod:
on (release) {
gotoAndPlay(1);
}

Kodunu Giriyoruz....

2pqjoea.jpg


31) Sol Olarak kaydettiğimiz Butonu seçerek Actions paneline

Kod:
on (release) {
gotoAndPlay(20);
}

Kodunu Giriyoruz....

24q2xoj.jpg


32) "File > Export > Export Movie..." Yolunu izleyerek. Çalışmamızı kaydediyoruz....

15qtchs.jpg


33) Son olarak çıkan ekrana aşağıdaki bilgileri girdikten sonra işlemimiz tamamdır....

v3m8ac.jpg


SONUÇ

Yapanayan Arkadaşlar İçimde fla Dosyasınıda Koydum... İndirmek İçin

TIKLA

Rar Pass : yasko@hackhell

Uğraşlarımın Karşılığı Olarak Bir Teşekkürü Çok Görmezsiniz İnşallah....
 
∂єѕριηα;3114545' Alıntı:
yasko bunlar hevesini kırmak istemem ama basit işler bunlar daha gerçekçi çalışmalar denesen:goz:

evet biliyorum hatta daha iyisini yapabileceğimede inanıyorum... ama bu konuyu açmamadaki temel amamç Guide Layer olayını, Buton Oluşturmayı, Butonları Yönlendirmeyi Çok basit Olarak anlatmaktı yani olayın temelinden bahsetmekti.....
 
Geri
Üst