Tutorial Mask dalam Movieclip Berisi Animasi dan Tombol Play

 

Kali ini Anda akan belajar mengenai tool Mask, yang ditempatkan didalam Movieclip. Dalam tutorial ini Anda tidak hanya mengenal tool Mask, namun Anda akan memahami aplikasi Mask, Movieclip, Animasi dan tombol Play. Kelebihan movieclip, dapat dihapus, ditambah, dan dipindahkan, karena movieclp disimpan dalam Panel Library.

Jika Anda memiliki gambar sendiri bisa langsung buka Adobe Flash CS6, atau bisa download file latih disini.

Video Tutoial.

Tutorial

• Drag/seret gambar dari panel Library ke area kerja.

• Klik kanan pada objek gambar > pilih Convert to Symbol.
• Pada panel Convert to Symbol pilih Movie Clip.
• Beri nama mcMotorGP.

Perhatikan pada panel Library, muncul objek Movie clip.

• Klik ganda (double click) pada objek gambar di area kerja, untuk membuka panel editor movie clip.
• Klik kanan frame 50 > Insert Frame.
• Klik ikon New Layer, untuk membuat layer baru.

• Pastikan Layer 2 aktif.
• Klik ikon Oval > Object Drawing > lalu Shift+Drag untuk membuat lingkaran menutupi gambar.

• Klik kanan layer2 (antara frame1 - frame 50) > pilih Create Motion Tween.
• Klik OK pada kotak dialog yang muncul.
• Geser slider merah ke frame 1 layer 2.
• Gunakan tool Free Transform > Shift+Drag untuk mengecilkan gambar lingkaran

• Geser slider merah ke frame 50 layer 2.
• Gunakan tool Free Transform > Shift+Drag untuk membesarkan gambar lingkaran,
• Tekan Enter untuk melihat animasi.

Efek Mask

• Klik kanan sekitar teks Layer 2 > pilih Mask.
• Objek yang ditutup lingkaran menjadi terlihat.

Membuat Tombol Play

Pada kesempatan ini mengunakan tombol yang telah disediakan oleh Flash.

Tombol dapat menggunakan desain Anda sendiri menggunakan gambar.

• Klik ikon New Layer > klik kanan frame 50 layer 3 > Insert Blank Keyframe.
• Pada menu Window > Common Libraries > Buttons.
• Pada panel buka folder Playback Flat > Seret Flat Blue Play ke titik pusat lingkaran (sesuaikan dengan desain Anda)

• Klik frame 50 layer 3 untuk memilihnya.
• Pada menu Window > pilih Code Snippets.
• Pada panel Code Snippets > buka folder Timeline Navigation.
• klik Ganda Stop at this Frame. (agar tidak looping)

Pastikan objek tombol dalam keadaan terpilih.

• Klik objek tombol pada area kerja (jangan salah pilih)
• Klik ganda Clik to Go to Frame and Play.
• Klik OK pada kotak dialog yang muncul.
• Pada panel Actions yang muncul, ketik 1.

Melihat Hasil Latihan

• Klik ikon Scene 1.
• Tekan CTRL+ALT+ENTER.

Semoga sukses.

Video Tutorial