Flash Araba (Car) Animasyon

[ 05 Eki 2008 | 14 Yorum ]

Flash çalışmamızda araba animasyonu yapacağız. Çalışmada kullanmak için edindiğimiz resim Porche’yi hareket ettireceğiz.

[Hidepost]

Yeni bir çalışma sayfası açalım background siyah olsun 480×200 px olsun isterseniz değişebilirsiniz. İlk olarak çalışmamızda kullanmak üzere resimler bulmamız gerekmekte çalışmada kullandığım resimlere uygun araba,jant ve lastik olmalı ilk olarak araba resmimizi import edelim. null
Resmimizi parçalayalım Modify>Break Apart buradaki amaç resim üzerinde yaptığımız seçimleri kullanmak kalan kısımları silmektir “Break Apart” sözcük olarak parçalamak, ayırmak anlamındadır. Örnek resimde kullanacağım kısmı seçtim
null
Sahnedeki çalışma seçili durumda F8 movie klip yapalım name olarak body_mc yazalım
null

Lastik resmimizi import edelim Modify>Break Apart diyerek resmi parçalayalım istediğimiz seçimi yapalım F8 graphic yapalım name olarak lastik yazalım null
Arabamızın jantını yapalımygun bir resim bulalım resmi parçalayalım oval ool aracı ile seçelim seçili kısmı F8 movie klip yapalım name jant_mc olsun
null
Örnek resim
null
Jant_mc klipimiz seçili tekrar klip yapalım F8 olarak jant yazalım “jant” klip instance name kısmına “jant” yazalım yeni bir layer ekleyelim layer adını action olarak yazalım F9 actions panelini açalım kodu ekleyelim
onEnterFrame=function(){ jant._rotation +=10; }

null
Yol hazırlamak için yol çizgilerini yapalım örnek resim üzerinde görebileceğiniz şekilde çizgi hazırlayalım seçili durumda movie klip yapalım name “yol”olsun 1 framedeilk görünümü sonrası 30 frameye keyframe ekleyelim. 1 frameye gelerek Tween Shape uygulayalım sahnedeki yol çizgimizi ok ile gösterdiğim şekilde işaretli yere kadar kaydıralım
null
Hazırlıklarımızı yaptık şimdi scene1 sahnemize gelelim sahnede bulunan araba “body_mc” klipimiz durmakta layer adını araba olarak yazalım yeni layer ekleyelim layer adı lastik olsun kütüphaneden hazırladığımız lastik graphic sahneye alalım tabiî ki büyük oluyor şimdi küçültelim transform aracını seçelim selection pencerelerine değerleri girelim dikkat ederseniz eşit olmuyor resimdeki duruşa göre olmalı

null
Bu örnek doğrusunda diğer lastiğimizide hazırlayalım resimdeki yerlerine tek tek ayarlayalım. null
Lastik layerimiz araba layerin altında olaçak yeni bir layer ekliyoruz layer adını jant olarak verelim lastik layerimizin üzerinde araba layerin altında olacak. Kütüphaneden “jant” klipimizi sahneye alalım lastik ayarlarken yaptığımız şekilde transform aracı ve selection penceresine değerler girerek resmimize göre ayarlıyoruz.
null
Jantları ayarladık yeni bir layer ekleyelim bu layerimizin adı “yol” olsun yol layerimizi en altta alalım kütüphaneden “yol” klipimizi sahneye alalım arabanın duruşuna göre ayarlayalım son görüntümüz layerlerin yerleşimi.
null

Çalışmamızı test edelim CTRL+ENTER

FLA indir

Flash 8 FLA indir

[/Hidepost]

Etiket: Araba (Car) Animasyon

14 Yorum »

mujdatakilli diyor'ki:

super olmus hocam elınıze saglık

# 05 Eki 2008 saat 15:35

baris diyor'ki:

hocam fla yı indirdim ama flash açmadı.Hata verdi.Unexpected file format.uyarısı geldi ? Yardım Eder misiniz?

# 07 Eki 2008 saat 19:21

admin (author) diyor'ki:

Açmama nedeni kullandığımız flash sürümü ile alakalı çalışma “Adobe Flash CS3 Professional” ile yapıldığından düşük sürümlerde açılmamaktadır İsteğin üzere açabileceğin FLA ekledim

# 07 Eki 2008 saat 20:08

eko1456 diyor'ki:

Hocam bravaa

# 18 Kas 2008 saat 13:36

EMRE diyor'ki:

hocam teşekkür ederim.
benim bir sorum olacak.
araba park etme oyunu yapacağım hemen herşey tamam ama analog hız göstergesi olsun istiyorum. bunu tam olarak yapamadım kodlar aşağıda bu kodları nasıl değiştirmem gerek.movie klip ok şeklinde bir çizgidir . Lütfen yardın edin.bu benim Üniversiteden proje ödevim.
kodlar :

onClipEvent(load){
hiz=0.1;
}
onClipEvent(enterFrame){

if(Key.isDown(Key.UP)){
this._rotation+=10*hiz;
}
if(Key.isDown(Key.DOWN)){
this._rotation-=10*hiz;
// 10 yazan yer dönme hız ayarıdır.
}
if(hiz>0){
hiz-=0.1;
}
if(hiz<=0){
hiz+=0.1;
}
}

# 07 Kas 2009 saat 03:20

EMRE diyor'ki:

burada ibrenin 0 ın altına inmemesini yani yatay seviye gelince aşağıya doğru dönmemesini sağlayamadım.yani basit bir hız göstergesi olacak.

ilgili fla linki :

http://www.upload.gen.tr/d.php/s7/2057e1xm/ibre.rar.html

# 07 Kas 2009 saat 03:29

admin (author) diyor'ki:

Ekli fla üzerinde bir çalışmanız olmamış çünkü çalışmıyor isteğinizi benim size yapıp vermemi istiyorsanız bu mümkün değil ayırcak zamanım yok ama ders olarak işler eklerim ne zaman olur söz veremem ama siz sitede ekli bir çalışmayı yapıp ekler ve destek isterseniz olmaya çalışırım.

# 07 Kas 2009 saat 04:47

EMRE diyor'ki:

hocam gösterge olayını çözdüm tamam gibi onu de projeme ekledikten sonra buraya atacağım inş. Ama ondan önce çözemediğim bir olay var. projem araba park etme oyunu… fakat çarpma olayını tam olarak bir türlü ayarlayamadım.kontrol ettiğim araba diğer arabaların yanından çarpraz bir şekilde geçerken çarpmadığı halde çarpmış gibi algılıyor flash. sanırım hittest kullanınca kare şeklinde algılanıyor mc ler.
dosyayı aşağıya ekledim. bakarsanız daha net anlayacaksınız söylemek istediğimi. yardımcı olursanız sevinirim.

# 13 Kas 2009 saat 14:19

admin (author) diyor'ki:

Evet güzel oluyor fakat dediğiniz gibi diğer arabalar animasyon dışında kaldığından oluyor sanırım şu sıralar soğuk algınlığı nedeni ile ilgilenemiyorum fakat gayet başarılı oluyor çalışmanız siz çözersiniz sanıırım bitince iletirseniz yayınlarız.

# 13 Kas 2009 saat 14:38

EMRE diyor'ki:

burada hittest kullanırak yapamayacağım heralde bunun yerine hangi kullanabileceğim bir komut var mı kod bilgim yetersiz bu konuda .

# 13 Kas 2009 saat 15:10

Cansu diyor'ki:

Mrblar..Bana acilen flaş animasyonda yapılmış 5 dklık otomobil reklamı lazım bana yardımcı olabilirmisiniz..olursanız çok sevinirim..sayfadaki çalışmanıza baktım gzl ama değişik olması lazım.. şimdiden tşkler.iyi günler..cevabınızı bekliyorum..

# 12 Mar 2010 saat 12:05

admin (author) diyor'ki:

Benim bu konuda size yardımcı olmam biraz zor diyebilirim.
İsteğinizle ilgili bir çok ücretli olarak reklam banner hizmeti veren siteler ile iletişim kurabilirsiniz.

# 12 Mar 2010 saat 13:43

ahmet diyor'ki:

hocam iide linkler çalışmıyor:S

# 24 May 2010 saat 11:39

admin (author) diyor'ki:

Sayın Ahmet Linkler çalışıyor silinmesi mümkün değildir.

# 24 May 2010 saat 20:09

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

İsim (Gerekli)

E-Mail (yayınlanmayacak) (Gerekli)

Website (İsteğe bağlı)

Yorum yazarken dikkat etmeniz gereken hususlar;

Spam ve reklam içerikli yorumlar silinecektir.

Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.

Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.

Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.

Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

CAPTCHA Code