Trik Mask dalam Flash CS5

Trik Mask dalam Flash CS5 Image
www.chellme.blogspot.com

Mask Effect yang sering kita jumpai dalam Flash merupakan salah satu fitur yang diberikan oleh Adobe Flash Professional CS5 untuk menutupi sebagian bentuk Objek. Dalam tutorial ini di bahas pemanfaatan mask effect dengan perpaduan dragging. 
    Trik Mask dalam Flash CS5 Image
    www.chellme.blogspot.com
  1. Sebagai langkah awal, siapkan dua buah foto atau gambar. Buat dokumen baru dan pilih New > Flash File (Action Script 2.0).
  2. Trik Mask dalam Flash CS5 Image
    www.chellme.blogspot.com
  3. Import Foto atau gambar yang sudah disiapkan, pilih File > Import To Stage (Ctrl+R)
  4. Trik Mask dalam Flash CS5 Image
    www.chellme.blogspot.com
  5. Tekan Ctrl+J untuk membukan Document Settings. Selanjutnya, sesuaikan ukuran gambar anda, persiapkan dengan background, dan ubah Frame rate menjadi 30. 
  6. Trik Mask dalam Flash CS5 Image
    www.chellme.blogspot.com
  7. Buat gambar menjadi Movie Clip dengan cara tekan V dan pilih gambar yang sudah di-Import kemudian klik kanan dan pilih Convert To Symbol atau tekan F8
  8. Ganti nama Instance name pada panel Properties untuk langkah awal membuat Mask lewat Action Script, Ganti dengan nama “myImage”.
  9. Buat Layer baru dan beri nama “mask”.
  10. Sekarang memasuki pembuatan mask movie clip. Buat persegi panjang dengan menekan R atau pun kluk Rectange Tool pada toolbar (Anda dapat mengganti persegi panjang dengan lingkaran ataupun bentuk lain sesuai keinginan anda). Ubah menjadi Movie Clip dengan cara yang sama pada step ke-4 dan beri nama “masking rectangle”.
  11. Ganti Instance name dan beri nama “myMask”.
  12. Trik Mask dalam Flash CS5 Image
    www.chellme.blogspot.com
  13. Agar Action Script dapat berjalan dengan lancar, cek posisi mask dan ganti dengan angka nol pada setiap akhir angka kuadrat. 
  14. Tahap berikutnya adalah penulisan ActionScript yang diawali dengan membuat layer baru khusus untuk penulisan Script. Beri nama “action”. Pilih Windows > Action.
    1
    myImage.setMask(myMask);
    Trik Mask dalam Flash CS5 Image
    www.chellme.blogspot.com
  15. Tahap terakhir untuk meng-aktifkan drag pada mask, Anda dapat memasukkan kode berikut ini:
    1
    myMask.onPress = function() { startDrag(this); } myMask.onRelease = function() { stopDrag();}
  16. Sebagai catatan, bilamana pada awal pembuatan efek ini memilih ActionScript 3.0, Anda harus mengganti kode yang ditulis:
    1
    myImage.setMask(myMask); myMask.onPress = function() { startDrag(this); } myMask.onRelease = function() { stopDrag(); }
  17. Trik Mask dalam Flash CS5 Image
    www.chellme.blogspot.com
  18. Simpan dan coba movie-nya (Ctrl+Enter). Drag masking yang sudah dibuat. 
Previewnya bisa dilihat disini: http://www.youtube.com/watch?v=CQuY_7T1g6k. Selamat mencoba dan pastikan berhasil.

comments powered by Disqus