BAB 7 | TEKS BERUBAH WARNA DAN MASKING - Membuat animasi teks berubah warna dan masking

Indikator Hasil Belajar

1. Siswa memahami fungsi classic tween.
2. Siswa memahami fungsi layer mask.
3. Siswa mampu membuat perubahan warna pada teks.
4. Siswa mampu membuat animasi teks.
5. Siswa mampu membuat animasi masking.

URAIAN MATERI

Pada adobe flash tidak hanya object yang dapat dijadikan animasi, teks juga dapat dijadikan animasi sesuai dengan kebutuhan kita, salah satunya adalah teks berubah warna.

Animasi masking adalah animasi dengan bantuan layer mask. Layer masking digunakan untuk membuat efek spotlight dan transisi. Banyak layer dapat dikelompokkan secara bersamaan dalam satu layer mask untuk menciptakan efek yang menarik.

MENGGUNAKAN TEKS

Untuk menambahkan teks kedalam stage pilih Text Tool  pada Toolbar kemudian klik pada stage. Sebuah kotak kosong akan muncul untuk mengubah jenis ukuran serta warna font, gunakan jendela properties pada bagian kanan dari stage. Yaitu Properties Character.

Gambar 7.1 Toolbar dan Stage

Gambar 7.2 Properties Teks

Kita tidak akan melakukannya seperti pada aplikasi lainnya dengan cara klik kanan kemudian pilih properties. Adobe flash menyediakan dua macam karakter yaitu karakter atau teks yang berfungsi sebagai judul dan karakter atau teks yang berfungsi sebagai paragraf. Jika yang akan kite ketikkan berupa teks panjang atau kalimat maka kita perlu memilih jenis paragraf.

MEMBUAT TEKS ANIMASI BERUBAH WARNA

Untuk sebuah judul program terkadang perlu dibuat menarik dengan cara membuat teks pada judul tersebut bergerak atau berubah-ubah warnanya. dengan cara:

• Gambar 1, buka adobe flash klik menu>File>New...>ActionScript 2.0>klik OK.
• Gambar 2, pilih Text Tool , pada Properties Character atur: Static, Text: Gill Sans MT, Size:60, Color: Kuning atau #FF9900, Anti Alias: Anti-lias for animation.

Gambar 7.3 Properties Character Text

Gambar 7.4 Mengetikkan Text

• Atur posisi agar berada dibawah stage.
• Pilih menu Modify>Break Apart atau tekan Ctrl+B, lakukan sebanyak dua kali.
• Pilih menu Modify>Convert to Symbol atau F8.
• Pada jendela Symbol beri nama: berubah warna, pilih Graphic, pilih OK.

Gambar 7.5 Convert to Symbol

• Klik di frame 10 pada Timeline. Klik kanan mouse Insert Keyframe.
• Klik di frame 20 pada Timeline. Klik kanan mouse Insert Keyframe.
• Klik di frame 30 pada Timeline. Klik kanan mouse Insert Keyframe.
• Klik di frame 40 pada Timeline. Klik kanan mouse Insert Keyframe.
• Klik di frame 50 pada Timeline. Klik kanan mouse Insert Keyframe.
• Klik di frame 10 di Timeline.
• Klik mouse pada teks Berubah Warna.
• Pada jendela Properties, pilih Color Effect>Tint, atur warna ke merah (atau yang  lain).

Gambar 7.6 Color Effect

• Klik di frame 20 di Timeline.
• Klik mouse pada teks Berubah Warna.
• Pada jendela Properties, pilih Color Effect>Tint, atur warna ke hijau (atau yang  lain).

Gambar 7.7 Color Effect

• Klik di frame 30 di Timeline
• Klik mouse pada teks Berubah Warna.
• Pada jendela Properties, pilih Color Effect>Tint, atur warna ke biru (atau yang  lain).

Gambar 7.8 Color Effect

• Klik di frame 30 di Timeline.
• Klik mouse pada teks Berubah Warna.
• Pada jendela Properties, pilih Color Effect>Tint, atur warna ke coklat (atau yang  lain).

Gambar 7.9 Color Effect

• Klik di frame 40 di Timeline.
• Klik mouse pada teks Berubah Warna.
• Pada jendela Properties, pilih Color Effect>Tint, atur warna ke ping (atau yang  lain).

Gambar 7.10 Color Effect

• Klik kanan pada frame 1>Create Classic Tween.
• Klik kanan pada frame 10>Create Classic Tween.
• Klik kanan pada frame 20>Create Classic Tween.
• Klik kanan pada frame 30>Create Classic Tween.
• Klik kanan pada frame 40>Create Classic Tween.
• Tekan enter atau Ctrl+Enter untuk melihat hasil akhir.

Gambar 7.11 Hasil akhir animasi Teks

ANIMASI MASKING

• Tambahkan sebuah layer baru. Layer 2.
• Ketikkan MASKING-1 pada stage. Font: Copperplate Gothic Bold, Size: 80, Color: Coklat atau #990000, atur agak letaknya diatas teks Berubah Warna.

Gambar 7.12 Pengaturan teks

Gambar 7.13 Teks Masking-1

• Tambahkan layer baru>pada Timeline klik New Layer pada jendela Timeline beri nama lingkaran.

Gambar 7.14 Membuat Layer Baru

• Buatlah lingkaran dengan warna hitam, yang tingginya melebihi ukuran teks.
• Dengan Free Transform Tool  atur posisi lingkaran menjadi seperti digambar.
• Ubah lingkaran menjadi simbol dengan tekan F8 atau dari menu Modify (F8)>Convert to Symbol>name: masking lingkaran, type: Graphic>pilih OK.

Gambar 7.15 Buat Lingkaran dan Atur dengan Free Transform Tool

Gambar 7.16 Convert to Symbol masking lingkaran

• Pilih frame 1, layer lingkaran, klik kanan mouse pilih Create Motion Tween.
• Klik kanan frame 50 layer lingkaran, pilih Insert Keyframe>Position.

Gambar 7.17 Create Motion Tween Frame 1

Gambar 7.18 layer Lingkaran Insert Keyframe>Position Frame 50

• Dengan Free Transform Tool  geser lingkaran ke bagian kanan dari teks.
• Klik kanan pada layer lingkaran, lalu klik mask, untuk merubah layer menjadi layer mask.

Gambar 7.19 Geser lingkaran ke kanan

Gambar 7.20 Layer Mask Layer Lingkaran

• Jalankan animasi dengan tekan Enter untuk melihat hasilnya.

LATIHAN

Buat lah animasi dengan masking dengan ketentuan sebagai berikut:

1. Ketikkan teks dengan nama MASKING-2.
2. Jenis dan ukuran font bebas sesuai selera.
3. Buat layer baru dengan nama rectangle, atur tinggi agar melebihi ukuran teks.
4. Ikuti langkah yang sudah dipelajari.

Gambar 7.21 Masking Rectangle

• Simpan hasil kerja dengan noAbsen_namalengkap_kelas_masking.

PERTANYAAN

1. Bagaimana cara membuat animasi dengan masking? Jelaskan!
2. Bagaimana cara membuat animasi teks berubah-ubah warna? Jelaskan!
3. Apakah fungsi Insert Layer pada Jendela Timeline?
4. Apa fungsi perintah Modify>>Break Apart?
5. Apa fungsi perintah Modify>>Convert to Symbol?