website ilmugrafis
  Home
  Tutorials
  Fonts
  Gallery
  News
  Artikel
  Store
ilmugrafis
  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

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

    author
    <> 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

    3DS MAX VRAY
    Jasa Desain Grafis Terpercaya
    Dapatkan jasa desain grafis berkualitas dari team ilmugrafis

     

    Supported by ilmugrafis indonesia
     
    ilmugrafis.com
    Copyright © 2022 ilmuGrafis
    Hak Cipta Dilindungi Undang - Undang
    RSS 2.0 | Dmca | About Us