Tutorial Adobe Flash | Belajar Flash Animasi Multimedia

NAVIGASI MENU :
TUTORIAL > FLASH

Animasi Teks Efek Seperti Film The Matrix

Publish: 11 Februari 2013 | Author & Copyright: Irman Maulana | Status: FREE Tutorial Flash

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
the matrix effect

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).

Buat dokumen baru di Program Flash

Buka panel properties, ubah warna background stage menjadi hitam.

Buka panel action, ketikan script di bawah ini:

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

Share URL

Share the URL of this Tutorial in IM, Email or post in forums

http://www.ilmugrafis.com/flash.php?page=animasi-teks-efek-seperti-film-the-matrix

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)

<> Info dan Kontak Penulis
Tentang penulis:
Irman Maulana lahir di Sukabumi, 27 september 1989. Kini sedang melanjutkan studi di AMIK BSI Sukabumi. Mengenal dunia komputer sejak duduk di bangku smp kelas 1. Hobi maen musik dan foto-foto.

Motto: Sebarkanlah ilmu walau hanya satu kata.
Email : ryuur3i@gmail.com
Facebook : irman.rightway
Website : http://www.bengkelflash.com

Rekomendasi ilmugrafis

Jasa Desain Grafis Terpercaya
Dapatkan jasa desain grafis berkualitas dari team ilmugrafis

Supported by ilmugrafis indonesia

Kembali Ke Atas