Animasi Teks Efek Seperti Film The Matrix
Sebelumnya anda sudah mempelajari tutorial “animasi efek twirl” (jika belum, coba dulu deh! :)). Nah, Tutorial Animasi efek yang kedua ini berhubungan dengan efek tulisan jatuh yang sering kita lihat pada film The Matrix Trilogy
Mungkin efek matrix ini sekarang udah terkesan jadul. tapi buat “IGrafiser” yang penasaran pengen nyoba animasi efek ini, simak dan ikuti langkah-langkah di bawah ini :
Membuat Efek The MATRIX
1. Disini anda tidak perlu menggunakan Tool apapun untuk membuat animasi teks efek matriks ini. Cukup membuka panel action, bermain logika dan beberapa baris listing program actionscript. (oia, disini saya pake actionscript 3.0).var matrix:Array=new Array(); addEventListener(Event.ENTER_FRAME, onframe); for (var j:int=51; j>=1; j--) { //membuat objek teks dan menentukan jenis,ukuran,warna huruf var t:TextField=new TextField(); var format:TextFormat = new TextFormat("Bookshelf Symbol 7",14,"0x00FF33"); t.defaultTextFormat = format; //mengacak posisi huruf t.y = Math.random()*300; t.x=Math.random()*550; addChild(t); matrix.push(t); } function onframe(event:Event) { for (var i:int=1; i<=50; i++) { //mengacak huruf yang tampil var char:String = String.fromCharCode(Math.floor(Math.random() * 26) + 64); matrix[i].text = String(char); //mengatur transparansi dan efek jatuh matrix[i].alpha = i / 50; matrix[i].y +=5; //jika objek keluar dari stage, maka kembali ke atas if(matrix[i].y>400) { matrix[i].y=0; } }} |
2. Selesai, jalankan program
Animas The Matrix
Catatan :
*) Jika ingin mengganti jenis huruf, cukup ganti "Bookshelf Symbol 7" dengan jenis huruf yang anda inginkan.
*) Jika karakter yang jatuh berupa angka biner (1 dan 0) ganti baris program di bawah ini:
var char:String = String.fromCharCode(Math.floor(Math.random() * 26) + 64);
menjadi :
var char:int=Math.round(Math.random()*1);
Bagi para Grafiser yang ingin mengutak atik sourcenya bisa mendownload file hasil jadi dari tutorial ini , Download Disini
Terima kasih, salam Animasi Desain Grafis- Semoga Bermanfaat
{ 0 komentar... Views All / Send Comment! }
Posting Komentar