header ilmugrafis
Home Tutorials Fonts IG Store Contact
 
ilmu grafis » MACROMEDIA DAN ADOBE 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


     

    [adv.] Supported by
    dumetschool kursus desain grafis
    DumetSchool.com

    PHOTOSHOP
    Photoshop Dasar
    Photoshop Teks Effect
    Photoshop Photo Efek
    Photoshop Alternatif
    Photoshop Plugins

    CORELDRAW
    CorelDRAW Dasar
    CorelDRAW Logo
    CorelDRAW Bebas
    CorelDRAW Tools

    FOTOGRAFI
    Lightroom

    VECTOR
    Adobe Illustrator

    ANIMASI
    Flash
    Swishmax

    3D MODELING
    3dsMAX
    AutoCAD
    Cinema 4D
    Blender

    VIDEO EDITING
    Adobe Premiere
    After Effect
    Pinnacle

    WEB DESIGN
    Dreamweaver
    jQuery

    PUBLISHING
    InDesign
    Ms. Paint

    FREEWARE
    Gimp
    Inkscape

    ARTS
    News
    Artikel
    Gallery
    Jasa Desain

    FRIENDS
    Photoshop Desain
    Hog Pictures

    Link to us


    bantuan information

    ilmugrafis launcher
    Privacy policy
    Peta Situs | Term of Use web edukasi - ilmugrafis.com Indonesia
    Copyright © 2017 ilmuGrafis. All Rights Reserved. | RSS | Subscribe
    Hak Cipta Dilindungi Undang - Undang & Dmca
    eXTReMe Tracker