Membuat Animasi Masking pada Teks

Animasi masking saya gunakan untuk membuat animasi efek teks yang kelihatan berkilau. Dalam pembuatan animasi masking, paling sedikit dibutuhkan sebanyak 3 layer yaitu layer pertama berisi teks, layer kedua berisi objek yang di-mask, dan layer ketiga berisi mask. Susunan layer harus kita perhatikan dengan baik. Jika layer-layer disusun dengan "ngawur", maka hasilnya akan tidak sesuai dengan yang kita inginkan.




Let's start to make it!

Hal pertama yang wajib anda lakukan adalah meluncurkan aplikasi Macromedia Flash. Dalam tutorial ini, yang saya gunakan adalah Macromedia Flash 8. Setelah aplikai berjalan dengan baik, maka selanjutnya adalah:

1. Beri nama layer pertama dengan nama "TEKS", kemudian buat sebuah teks pada dokumen.

2. Buat dua layer baru diatas layer "TEKS" dan beri nama "MASK" dan "MASKED".

3. Copy-kan teks yang terdapat pada layer "TEKS" ke layer "MASK" Caranya: Klik frame 1 pada layer "TEKS" kemudian tekan tombol CTRL+C > Klik frame 1 kemudian tekan tombol CTRL+SHIFT+V. Sehingga teks akan bertumpukan.

4. Buat sebuah objek jajar genjang pada layer "MASKED" dan turunkan nilai transparansinya dengan menurunkan slider alpha pada panel Color Mixer. Jika panel Color Mixer belum muncul, klik menu Window > Color Mixer.

Letakkan objek jajar genjang yang sudah anda buat di ujung kiri teks. Sampai pada tahap ini, saya memiliki hasil sebagai berikut.

5. Seleksi frame 20 pada semua layer, klik kanan > Insert Frame atau tekan tombol F5. Selanjutnya kita akan menganimasikan objek jajar genjang bergerak dari kiri ke kanan. Klik kanan frame 20 pada layer "MASKED" kemudian tekan tombol F6, Klik kanan diantara frame 1 - frame 20 pada layer "MASKED" kemudian klik Create Motion Tween.

6. Masih aktif pada leyer "MASKED", klik frame 20, geser objek jajar genjang ke ujung kanan teks.

7. Dan langkah terakhir klik kanan layer "MASK" > Mask. Jangan lupa simpan hasil pekerjaan anda dan untuk melihat hasilnya tekan tombol CTRL+ENTER.

Selesai. Selamat mencoba!

Jika anda menemukan kesalahan dalam tutorial ini, silahkan tulis komentar anda.

VARIABEL TEKS : Membuat aplikasi perhitungan sederhana

Disini kita akan membuat aplikasi sederhana yang berhubungan dengan Matematika yaitu aplikasi perkalian. Ini merupakan aplikasi standar yang dasar banget. Nantinya dengan dasar ini dapat kita kembangkan untuk aplikasi yang macem-maem. So?.jangan ampek ketinggalan tutorialnya key?Khususnya bagi yang pengan belajar dari awal tentang Flash dan juga yang pengen mbuat aplikasi pembelajaran interaktif dengan menggunakan Macromeia Flash 8.0.

1. Pertama siapkan dokumen baru.
2. Buat dua buah field teks dengan tipe input text dan satu buah dengan tipe Dynamic text dengan menggunakan Text Tool dan atur propertisnya seperti pada gambar di bawah ini.

3. Dan hasilnya akan seperti dibawah ini.

4. Beri nama variabel pada ketiga field text tersebut, dengan variabel namanya a untuk input text pertama, b untuk input text yang kedua dan c untuk dynamic text.
5. Buat static text bertuliskan X sebagai lambang perkalian, tempatkan di antara text Input text pertama dan kedua. Setelah itu buat lagi = dan tempatkan di antara input text yang kedua dan dynamic text. Seperti tampak pada gambar.

6. Seleksi objek sama dengan (=) konversi menjadi button dengan mengklik kanan>Convert to Symbol.

7. Beri nama symbol button dengan nama samadengan dan dengan type button.

8. Kemudian klik kanan lagi pada tombol (=) yang kita buat tadi lalu pilih action.

9. Tulis kode dibawah ini.

Kodenya ketik sendiri yah biar biar terbiasa gak copy paste.

10. Kemudian tinggal tekan Ctrl+Enter untuk melihat hasilnya.

Selamat Mencoba.

Membuat Tombol Scroll

1. Pertama, buatlah sebuah text dengan Text Tool dari dalam Toolbox.
2. Kemudian pada panel Properties, lakukan perubahan berikut ini: Pada menu drop down disebelah kiri,pilih Dynamic Text. Pilih jenis font AlbertaExtralight dan ukuran 20 (atau terserah sesuai selera).
3. Kemudian drag kursor dari kanan atas ke kiri bawah sehingga membentuk persegi seperti tampak pada gambar.
4. Pada panel Properties, buat instance name dengan nama ?text? .
5. Pada Stage, klik pada kolom persegi yang telah dibuat. Kemudian ketik text atau informasi yang akan ditampilkan pada kolom.
6. Kolom ini akan memperluas bidang dengan sendirinya, mengikuti
   banyaknya informasi.
   
7. Seteleh selesai, klik Selection Tool, kemudian pilih menu Text >
   Scrollable.
8. Pilih Text Tool, pada Tool Box.
9. Klik pada kolom tulisan di Stage. Kemudian kecilkan kolom tersebut
   dengan menarik titik tengah yang berada di sisi bawah kolom sehingga
   tampak seperti gambar.
10. Pilih Rectangle Tool, pada Tool Box.
11. Buat sebuah persegi yang akan dijadikan sebagai tombol scroll.
12. Copy dan Paste in Place.
13. Geser kebawah hasil dari paste in place, sehingga tampak seperti
    gambar.
14. Pada persegi bagian atas ubah menjadi tombol dengan nama up_btn
    dan persegi yang bawah dengan nama down_btn.
15. Pada tombol up_btn tambahkan script berikut ini :
    on(release){
    text.scroll -=1
    }
16. Pada tombol down_btn tambahkan script berikut ini :
    on(release){
    text.scroll +=1
    }
17. Selesai, tekan Ctrl+Enter.

Untuk download file tutorialnya download disini.
Untuk mendownload file fla disini.
Jangan lupa kasih komentar dan sarannya key....MSC!!!!!! yu............uk