Dragable Masking

1.       Buatlah dokumen baru, ubahlah warna background menjadi hitam, dan frame rate dokumen menjadi 25.

   1 2

2.       Buat 2 buah layer, pada layer 1 (layer bawah) masukkan objek gambar ke dalam stage, dengan cara klik menu File>Import to stage, kemudian pilih lokasi gambar yang akan diimpor ke dalam stage.

3.       Pada layer 2 (layer atas), buatlah sebuah objek lingkaran dengan menggunakan Oval Tool.

4.     Dengan objek lingkaran yang masih terseleksi, klik kanan pada objek lingkaran kemudian pilih Convert to Symbol (atau tekan keyboard fungsi F8), beri nama lingkaran, pilih type Movie Clip, kemudian klik OK.

3

5.       Klik 2 kali pada objek lingkaran untuk masuk ke dalam jendela edit simbolnya.

6.       Pada jendela edit simbol klik kanan objek lingkaran, kemudian pilih Convert to Symbol (atau tekan F8), pilih type Movie Clip, tekan OK.

7.       Lalu buat keyFrame baru (insert keyFrame) pada frame 5 dan frame 10 dengan menekan keyboard fungsi F6.

5   atau  4   

8.       Pada frame 5, perbesar ukuran objek lingkaran.

9.       Seleksi seluruh frame dari frame 1 sampai frame 10, kemudian klik kanan dan pilih Create Motion Tween.

6

10.   Klik pada icon Scene 1, untuk kembali ke jendela Scene 1 (atau tekan Ctrl+E).

7

11.   Klik simbol lingkaran, kemudian tekan keyboard F9 untuk membuka panel Action. Ketikkan kode berikut ini dalam panel actionscript.

8

12.   Kanan pada layer 2 (layer atas) kemudian pilih Mask.

9

13.   Lakukan tes movie dengan menekan Ctrl+Enter.

 

Tambahan:

Script tersebut dapat dimodifikasi, dengan script berikut:

onClipEvent(enterFrame){

startDrag(this, true);

Mouse.hide();

}

//fungsi dari script ini adalah agar objek lingkaran mengikuti gerakan mouse, dan kursor mouse disembunyikan

About HSR

biasa aja
This entry was posted in Flash, Tutorial and tagged , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s