Monster Notebook
 
Şimdi Üye Ol | Şifremi Unuttum
Ana SayfaSanalkurs.netProgramlarSanalkurs.netÖnemli SitelerSanalkurs.netYazarlarSanalkurs.netDers EkleSanalkurs.netE-DergiSanalkurs.netBlog Sanalkurs.netİletişimSanalkurs.netForum
 
Anasayfa » Flash (255 ders)
 
Basit 3D Program Yardımı ile Dönen Dünya (Swift3Dv5 & FlashCS3)

Yazar: Tunç Y. Olçay  
Eklenme: 08.11.2009   Okunma: 5020   Seviyesi:  Orta
 
Tekrar Selamlar.

Flash programını diğer programlar ile kombine kullanmak, tasarım ve animasyonlarınızda size büyük kolaylıklar sağlayacak, buna artı olarak da sizi görsel ve teknik açıdan birkaç adım öne geçirecektir.

Dersimize başlayalım. Öncelikle Swift3D v5 programımızı açıp yeni bir döküman yaratalım.

http://resim.sanalkurs.net/uploads/ders26_001.jpg

Yeni sahnemizde üstteki objects bölümünden bir küre seçip üstüne tıklayalım, sahnemizde bir küre oluşacaktır.

http://resim.sanalkurs.net/uploads/ders26_002.jpg

Sağ alttan "Animations"u aktif edelim (İşaret-1), solda tam ortadaki soldan sağa dönen animasyon örneğini (İşaret-2) sürükle-bırak yöntemi ile kürenin tam ortasına bırakalım. (Swift programında komutlar genelde bu şekilde işliyor.)

http://resim.sanalkurs.net/uploads/ders26_003.jpg

Timeline bölümümüzde animasyon framelerini görüntüleyebilmek için "Edit" menüsünden (İşaret-1) "Animate" komutunu verelim.(İşaret-2)

http://resim.sanalkurs.net/uploads/ders26_004.jpg

Timeline'da animasyon oluşmuş durumda, kırmızı çubuktan tutup sağa doğru sürükleyelim, frame sayımız biraz artsın. (akışkanlığın biraz daha iyi olabilmesi için frame sayısının artmasında yarar var, yalnız fazla abartıp hem render, hem de dosya boyutu bölümünde sıkıntılar yaşamayalım.)

http://resim.sanalkurs.net/uploads/ders26_005.jpg

Şimdi "materials" bölümünü aktif edip bir dünya kaplaması aktaracağız. yine materyali tutup, sürükle-bırak yöntemini kullanacağız. (önceki swift sürümlerinde "load bmp" yöntemi ile yapabilirsiniz. ) youtube'da seyret

http://resim.sanalkurs.net/uploads/ders26_006.jpg

Animasyonu kontrol edelim. "Play" tuşuna basalım (şekil-1)

http://resim.sanalkurs.net/uploads/ders26_007.jpg

"Preview and Export Editor" bölümüne gidip; sırasıyla; "Target File Type" altından "Flash Player (SWF)" (İşaret-1) aktif ediyoruz, daha sonra üstte "Output Options" bölümü altında "Raster"i aktif ediyoruz (İşaret-2) "Generate All Frames" e basıp (İşaret-3) animasyonun render olmasını bekliyoruz... Animasyon bitince vereceğimiz komut "Export All Frames" (İşaret-4) olacak, orda da uygun bir yere çıktımızı ".swf" şeklinde kaydediyoruz.

http://resim.sanalkurs.net/uploads/ders26_008.jpg

Animasyon düzgün export edilmiş mi, bir kontrol edelim, bakalım?

http://resim.sanalkurs.net/uploads/ders26_009.jpg
http://resim.sanalkurs.net/uploads/ders26_010.jpg

Animasyon ile işimiz bitti. Şimdi flashCS3'ü açalım ve yeni bir döküman yaratalım. (İşaret-1) Flash File a.s. 2.0 uygun olur. (İşaret-2)

http://resim.sanalkurs.net/uploads/ders26_011.jpg

Dökümanımızı boyutlandıralım. Alttaki "Size" bölümüne tıklıyoruz, (İşaret-1) açılan pencerede sırasıyla; width=400, height=300 (İşaret-2), "Frame Rate"= 30 değerlerini giriyoruz (İşaret-3)...

http://resim.sanalkurs.net/uploads/ders26_012.jpg

"Insert" menüsünden "New Symbol" komutunu verip,

http://resim.sanalkurs.net/uploads/ders26_013.jpg

açılan pencerede "Name" bölümüne uygun bir ad veriyoruz, "Type" ise "Movie Clip" olacak. (çünkü içinde bir animasyon barındıracak.) Bu şekilde yaptık, çünkü indireceğimiz onlarca frame ana Scene'de upuzun bir Timeline oluşturmasın. Movie Clip içine girip düzenleme yapmak çoğu Flash tasarımcısının yeğlediği bir durumdur.

http://resim.sanalkurs.net/uploads/ders26_014.jpg

Şimdi de "File" menüsü altından "Import"a ordan da "Import to Stage..." komutuna gidiyoruz (Ctrl+R), bu Swift3D'den export ettiğimiz swf dosyayı frameli olarak Library ve sahneye indirecek.

http://resim.sanalkurs.net/uploads/ders26_015.jpg

Açılan pencerede dosyayı kaydettiğimiz yolu buluyoruz ve dosyamız üzerine çift tıklıyoruz.

http://resim.sanalkurs.net/uploads/ders26_016.jpg

Gördüğünüz üzere birçok frameden oluşan animasyonumuz Timeline'a yerleşti. (İşaret-1) Control menüsünden de Test Scene komutunu verelim. (İşaret-2 Test Movie demeniz halinde ekran bomboş olacaktır, çünkü daha movie clip'i sahneye aktarmadık, sadece düzenleme kısmındayız.)

http://resim.sanalkurs.net/uploads/ders26_017.jpg

Movie testinde büyük olasılıkla dünyanın çok hızlı döndüğünü göreceksiniz. Bunu engellemenin yolları tabii ki var. (Dosyanın aşırı yüklü olmaması için Swift3D'de frame sayısını pek abartmaz isek yerinde olur, ben de öyle yaptım, yaklaşık 30 frame dolayında bir animasyon oluşturmuştum ama bu bana gereğinden fazla bir animasyon hızıyla döndü.) Yöntemimiz ise şu olacak; önce Timeline'a gidiyoruz ve en son frame'den başlayarak (önce temel yolunu göstereyim) sağ tıklayıp "Insert Frame" komutunu veriyoruz.(İşaret-1) Pratik yolu ise frame seçiliyken (F5) tuşuna ekleyeceğimiz sayı kadar basmaktır. Siz de öyle yapın.;)

http://resim.sanalkurs.net/uploads/ders26_018.jpg

Frame başına yaklaşık olarak 7 birimlik eklemeler yaptım. (İşaret-1 işin bu kısmı biraz can sıkıcı olabilir, olsun siz temel hareketlerden başlayın, kolaylıkları öğrendikçe flash daha zevkli bir hale gelecektir.) Test Scene komutu verdik. Bu sefer de akışkanlıkta takılmalar var gibi. Hemen frame değerini 45'e çekelim. (İşaret-2) Yine "Test Scene" komutunu verelim, kontrol edelim. (İşaret-3)

http://resim.sanalkurs.net/uploads/ders26_019.jpg

Yine biraz daha takılıyor gibi, "Frame Rate" oranını 60'a çektim. (web için şu sıralar ortalama 40 fps yapmanız uygun olabilir.) Evet, kontrol ediyorum. Kabul edilebilir bir akışkanlık var. Daha önceki dersimizde de bu bölüm ile ilgili (frame ve frame rate artırımı) denemeler yapmıştık, sizler de kafanıza göre, gözünüze hoş gelecek şekilde bu değerleri artırıp/azaltıp denemeleri yapınız. Animasyon işinin de bir sabır ürünü olduğunu bu yolla anlamış oluyorsunuz.;)

http://resim.sanalkurs.net/uploads/ders26_020.jpg

Düzenleme bittikten sonra Scene 1'e çıkalım (İşaret-1) ve "Library"den "dunya" adını verdiğimiz movie clip nesnemizi sürüklebırak yöntemiyle sahneye aktaralım. (işaret-2) ve (İşaret-3).

http://resim.sanalkurs.net/uploads/ders26_021.jpg

Animasyonu daha da geliştirme adına, geri kalan; mask yapma, filtre uygulama, hizalama vb. bölümleri bir önceki dersimizde detaylı olarak anlatmıştım. (Videoları dikkatli izlemenizi öneririm.) Benim ekranımda son görüntü şu şekilde oluştu:

http://resim.sanalkurs.net/uploads/ders26_022.jpg

Başarılar ve iyi çalışmalar diliyorum.


notlar:
video= 24.6 mb rar sıkıştırılmış avi dosya (dikkat! açıldıktan sonra bilgisayarınızda 32.6 mb yer kaplayacaktır!)
videoyu indir
youtube[HD]:
youtube'da seyret

Kaynak dosyayı indirmek için tıklayın

 

 

Basit 3D Program Yardımı ile Dönen Dünya (Swift3Dv5 & FlashCS3) Dersini Yazdirin YAZDIR

"Basit 3D Program Yardımı ile Dönen Dünya (Swift3Dv5 & FlashCS3)" dersi için 10 yorum var

18.01.2010 Yasin.Kalkan diyor ki:
Dersiniz için çok teşekkürler.Peki bu dönen dünyayı kendi isteğimiz doğrultusunda döndürmeyi mouse yardımıyla nasıl yapabiliriz?
Örneğin mouse u sağa götürünce Dünya sağa dönecek sola döndürünce dünyamız sola dönecek mouse hareket etmedikçede dünyamızda hareket etmeyecek.

05.02.2010 Yasin.Kalkan diyor ki:
Cevabınız hala gelmedi?

05.02.2010 olympiatr diyor ki:
öncelikle özür diliyorum. yoğun çalışma içindeyim. mouse hareketlerine göre a.s. kodları yazabilirsin. şöyle ki;
on (rollOver) {
play;
}
bu fare movieclip üzerine gelince oynamasını, bu ise;
on (rollOver) {
stop;
}
durmasını sağlar. bu mantığa göre sağa ve sola dönen movieclipler yaratarak (belki şimdilik uzun bir yol ama başlangıç için bu basit a.s. kodları ile gitmen iyi olabilir) ve bu kodları da üzerlerine ekleyerek istediğin sonucu elde edebilirsin. ;) başarılar...

01.03.2010 Flashhhh diyor ki:
Mrblar ben flashda durdurma komutunu yazıyom fakat error çıkıyo ve durmuyo sürekli hareketine devam ediyo yardımcı olabilirmisiniz?

02.03.2010 olympiatr diyor ki:
Öncelikle sormam gerekiyor, kaynak dosyayı açıp incelediniz mi? Eğer incelemediyseniz ve büyük olasılıkla sanıyorum ki siz "stop" komutunu Timeline üzerindeki framelerden birine değil, başka bir nesne aktif ve seçiliyken onun üzerine yazdınız. (buton, movie clip vb) Error yazısını da eklerseniz daha fazla yardımcı olabilirim.

23.03.2010 BOMB 08 diyor ki:
teşekkürler... video indirme adresinde bir bozukluk var düzeltebilirmisiniz?

23.03.2010 olympiatr diyor ki:
tüm dersler burada, dilediğinizi indirebilirsiniz. uyarınız için teşekkürler. (sorun windowslive skydrive linklerinin sürekli otomatik değişmesi sonucu oluşuyor. rapidshare gibi ücretli ve indirme sorunlu yerlere sizleri esir etmemek adına buraya yüklüyorum.)

http://cid-86558470b26c911b.skydrive.live.com/browse.aspx/DERSLER/KARIYER

06.04.2010 Yasin.Kalkan diyor ki:
Cevap için çok teşekkür ederim.

08.04.2010 olympiatr diyor ki:
ben de ilginiz için teşekkür ederim. yakın bir zamanda movieclip ve mouse devinimleri üzerine bir dersim daha gelecek. bizi izlemeye devam edin. ;)

  BU DERSE YORUM EKLEYİN

Üye olmadan yorum ekleyemezsiniz !


UYARI: SANALKURS.net'te yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. Yazarlar, gönderdikleri makale ve derslerle başkalarını yanıltıcı bilgi veremezler. SANALKURS.net bilgilerin kullanımı sonucunda doğacak hata ve zararlardan sorumlu tutulamaz. SANALKURS.net'te yer alan bir makale link vermek ve kaynak göstermek şartıyla başka bir sitede yayınlanabilir. SANALKURS.net kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu hiçbir yazı, fotoğraf, resim vb. materyal ve ürünü kullanamazlar. SANALKURS.net kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri izinsiz kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir.
 İSTATİSTİKLER
XML Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz
ÇEVRİMİÇİ 191 Ziyaretçi, 9 Üye
mustafayilmaz28, MİRAY, surco, zafercopur, cankanr, Çağlar, Champi11, YOTTAByte, tamerkirci
Bugün: 9156, Dün: 9785, Bu Ay: 286741, Toplam Ziyaret: 6896825, Toplam Üye: 215738, Son Üye: huseyin51
Yazılı Dersler: 2410, Video Dersler: 364, Toplam Yazar: 62, Toplam Dosya: 53, Toplam Link: 26
   
RSS Kaynağımızdan yararlanarak sitemizdeki derslerimizi masaüstünüzden yada web sitenizden takip edebilirsiniz