Printable View
http://cnfmedia.wordpress.com/files/2008/05/step1.jpg
http://cnfmedia.wordpress.com/files/2008/05/step2.jpg
http://cnfmedia.wordpress.com/files/2008/05/step3.jpg
http://cnfmedia.wordpress.com/files/2008/05/step4.jpg
http://cnfmedia.wordpress.com/files/2008/05/step5.jpg
http://cnfmedia.wordpress.com/files/2008/05/step6.jpg
http://cnfmedia.wordpress.com/files/2008/05/step7.jpg
Soal Latihan
Bagi yang baru belajar flash, bagian membuat animasi adalah hal yang paling menyenangkan dan paling seru.
Untuk itu, untuk tutorial part 3 ini, akan ada beberapa soal latihan yang harus di kerjakan ^^.
Soal 1. Animasi frame by frame
Buatlah animasi frame by frame sebuah objek dengan ketentuan 20 FPS dan ukuran tidak lebih dari 300x300.
Contoh :
http://cnfmedia.wordpress.com/files/...ntoh-frame.jpg
Lalu di animasikan menjadi:
http://cnfmedia.wordpress.com/files/2008/05/contoh.gif
Soal 2. Animasi motion tween
Buatlah animasi bola jatuh dari tempat yang cukup tinggi. (jgn lupa gunakan ease).
untuk lebih maksimal, bisa menggunakan shadow, dan beberapa layer.
(12 s/d 25 FPS saja, ukuran jgn lebih dari 400x400)
Soal 3. Animasi shape tween
Buatlah animasi bebas yang mengandung unsur perubahan warna, bentuk, posisi, alpha.
(12 s/d 25 FPS saja, ukuran jgn lebih dari 400x400)
Good luck ^^
Note:
File hasil latihan berupa file .swf di upload dan paste link nya di thread ini. nanti kita bahas bersama.
thx chan :D
segera gw baca ^^
haiz kira2 begini yah can penggunaannya?
http://i217.photobucket.com/albums/c...wwg/testah.gif
abis coba yg frame by frame nih,,
ancur :p
http://img84.imageshack.us/img84/79/bababawj5.gif
Akhirnya jadi juga :D
http://img228.imageshack.us/img228/318/bzzbisath2.gif
wah mantap!! baru 1 hari di post, tapi udah dipelajari dan di coba...
Tapi itu masih animasi frame by frame kan? motion dan shape tween nya blum di coba?
Ini contoh animasi motion tween yang baru saja gue buat... (hanya contoh).
ini pake ease juga.
http://download2.gilaupload.com/file...03f49313e12c37
Ini yg motion...
http://img227.imageshack.us/img227/549/motionwq8.swf
Ini yg shape...
http://img212.imageshack.us/img212/8067/shapexg7.swf
Ini yg frame by frame, ntah mengapa ga bisa di-upload di imageshack, tulisannya: "File integrity check failed, upload terminated."
Jadi upload di kitaupload...=_=!
http://www.kitaupload.com/download.p...amebyframe.swf
Aih, papancatur gambar yg motion nya sama...@_@
Sudah boleh mengajukan pertanyaan?
Yg bagian shape, cara ngubah alpha gmn? @_@
Itu di yg gambar shape tweennya, gw make motion tween buat ngubah alpha dari gambar2 kotak, bulet, segitiga nya...-_-
*Owh ternyata di color mixer ada alpha juga toh...Terjawab sudah pertanyaanku...~_~
Tq papancatur...
awkakwkwawkQuote:
Originally Posted by chessboard
itu gw buat udah pake motion tween... makannya cuma 2 menit jadi xD
frame by frame kan sama ajah kaya amenin animate gif di photo shop... awkkawkwkwk
ajarin gw buat yang model motion tween kek yg loe buat can...ada efek fast,berbayang gitu pas bolannya lagi tinggi............
yang Motion
http://img204.imageshack.us/img204/1...emotionzk5.gif
yang Shape
http://img84.imageshack.us/img84/627...teshapeox2.gif
btw,, kayanya gara2 versi Flash gw Flash MX jadinya bikin cahaya di tutor 2 itu ga beres2.
ugh... ga punya flash nya...
ada link IIX ga buat flash??
@ Bogalakon:
Animasinya udah bagus, udah keliatan efek dari ease nya yang sangat membantu dalam animasinya.
Cuma shape tween nya itu ukurannya gede bgt yah. padahal objek dan animasinya simpel bgt, pasti elu ada melakukan kesalahan yang menyebabkan ukurannya membengkak.
Untuk animasi, karya elu yang terbaik.
@ VaynardWWG:
mirip sih.. cuma tetep aja beda... kudu di coba juga.
Efek blur di tutorial selanjutnya.. sabar ya
@ Secara teknis udah lumayan. cuma ati ati penggunaan stroke. kalau di frame awal pake stroke, trus di frame selanjutnya ga ada strokenya, tweening nya jadi rusak.
oh iya , itu blum pake ease ya?
@ Rizki86:
hasil pencarian gue di IDWS, tapi cuma dapatnya segini doank :
http://www.indowebster.com/Macromedia_Flash.html
http://www.indowebster.com/Macromedia_Flash_MX.html
http://www.indowebster.com/Adobe_Flash_CS3.html
http://www.indowebster.com/Adobe_Fla..._Portable.html
Atau lu coba PM si yordan ajah, dia juga baru download flash 8.
portable... hmmm....
gw coba itu aja deh... thx link nya
Kritik + saran yang diminta ni.. :)
Kritiknya ga ada, tutornya udah bagus & jelas banget 'n gampang dimengerti..
Sarannya materinya ditambahin.. =P
Tutorial part 4 kapan keluarnya chess?
om chessboard ngerti action script nya mendalam ga ?
sorry all, gw lom sempet post tutorial lanjutannya...
gw janji awal agustus bakal post lagi...
di tunggu aja. thanks.
sampai bertemu di tutorial selanjutnya..
Note:
Krusszz, kalau ikutan pelajari tutorial ini, jgn sungkan sungkan post hasil latihan mu disini juga yah. see ya..
http://img376.imageshack.us/img376/1781/wkwkkzf0.gif
http://img504.imageshack.us/img504/5...ubechulnt3.jpg
Cara biar bisa fitted to all background gimana chess?
cara jadiin .swf jadi .gif gimana?
tQ2 :agree:
.................................................. ..
ini yang frame to frame
[IMG]ini hasil Frame to Frame http://i643.photobucket.com/albums/u...n4toon/FTF.gif[/IMG]
ini yang motion
http://i643.photobucket.com/albums/u...oon/Motion.gif
ini yang shape
http://i643.photobucket.com/albums/u...toon/shape.gif
sep2...thx infonya gan
wew... nayz sharenya......
aku mau belajar ah.....
download flashnya di mana yah kk.....?