Animasi Teks Pada Flash
Animasi teks merupakan salah satu bagian animasi yang dapat diimplementasikan untuk menambahkan efek animasi dan mempercantik tampilan paket bahan ajar multimedia yang akan dikembangkan. Dengan memberikan sedikit sentuhan animasi pada teks, akan dapat meningkatkan “atensi” pengguna CD interaktif terhadap teks yang dibuat.
A. Animasi Teks Hilang Timbul
Pada latihan ini kita akan membuat sebuah animasi sederhana, berupa animasi teks hilang timbul, dengan langkah sebagai berikut :
1. Buat sebuah file dokumen flash yang baru, dengan ukuran 200 x 800 pixel, warna background seting menjadi hitam.
2. Buat dua buah layer, masing‐masing layer ubah namanya menjadi teks 1 (untuk layer 1) dan teks 2 (untk layer 2).
3. Pada layer Teks1, klik frame 1, kemudian klik Text Tool, untuk membuat sebuah teks pada layer Teks1
4. Kemudian, tempatkan text tool pada halaman dokumen flash, dan drag sesuai dengan ukuran teks yang akan digunakan, kemudian ketikkan “Teks”, atau sesuaikan dengan teks yang akan dibuat.
5. Selanjutnya, konvert teks tersebut menjadi symbol (convert to symbol = F8), pilih opsinya menjadi grafik dan namakan dengan teks1
6. Pada layer 1, klik kanan pada frame ke 30, pilih Insert Key Frame, untuk membuat sebuah key frame pada frame ke 30, Kemudian lakukan hal sama pada frame ke 7 dan 25
7. Rencana animasi teks yang akan kita buat adalah, teks “Teks “ tersebut semula tidak tampak, kemudian muncul dan setelah itu hilang kembali.
8. Klik frame 1 pada layer Teks 1, kemudian klik tulisan teks yang telah dikonversi menjadi grafik, kemudian pilih property color, seting nilai alpha‐nya menjadi 0%
9. Lakukan langkah yang sama (langkah 8) pada frame 30
10. Klik kanan pada frame 3, 15 dan 27, pilih Create Motion Tween
11. Jika ingin memperoleh waktu animasi yang lebih panjang, maka silahkan atur durasi panjang frame yang akan digunakan.
12. Kemudian pada layer Teks2, gunakan kembali Text Tool, untuk membuat teks “Mempersembahkan”
13. Kemudian drag, frame 1 ke frame 31
14. Setelah itu dikonversi menjadi symbol, dengn nama Teks2, dan behaviornya Graphic
15. Pada layer Teks2, klik kanan pada frame ke 60, pilih Insert Key Frame, untuk membuat sebuah key frame pada frame ke 60, Kemudian lakukan hal sama pada frame ke 37 dan 50.
16. Rencana animasi teks yang akan kita buat adalah, teks “Mempersembahkan“ tersebut semula tidak tampak, kemudian muncul dan setelah itu hilang kembali.
17. Klik frame 31 pada layer Teks 2, kemudian klik tulisan teks yang telah dikonversi menjadi grafik, kemudian pilih properti color, seting nilai alpha‐nya menjadi 0%
18. Lakukan langkah yang sama (langkah 17) pada frame 60
19. Klik kanan pada frame 33, 45 dan 57, pilih Create Motion Tween
20. Jika ingin memperoleh waktu animasi yang lebih panjang, maka silahkan atur durasi panjang frame yang akan digunakan.
B. Animasi Teks Muncul Satu Persatu
Pada latihan ini kita akan membuat sebuah animasi teks, yang memperlihatkan tulisan teksnya muncul perkarakter, kemudian hilang kembali perkarakter. Ikuti langkah kerja berikut ini :
1. Buat sebuah file dokumen flash yang baru, dengan ukuran 200 x 800 pixel, warna
background seting menjadi hitam.
2. Layer 1 ubah namanya menjadi teks 1.
3. Aktifkan Text Tool, kemudian tempatkan sebuah teks baru “CD Interaktif” dengan
setingan huruf, sama dengan setingan di atas (lihat langkah 3 Latihan A)
4. Kemudian pisahkan masing – masing karakter huruf dengan menggunakan break apart yang dapat dilakukan dengan mengklik menu modify > break apart atau dengan mengklik tombol Ctrl+B secara bersamaan.
5. Kemudian masing‐masing huruf diditribusikan menjadi layer terpisah dengan distribute to layer dengan mengklik menu Modify> Timeline > Ditribute to Layer atau dengan mengklik tombol Ctrl+Shift+D
6. Layer Teks1 saat ini sudah dapat dihapus.
7. Kemudian, selanjutnya kita atur urutan munculnya huruf satu persatu, dengan jarak muncul masing‐masing huruf adalah 2 frame, maka masing‐masing huruf kita atur posisinya pada frame dan layer masing‐masing. Misalnya Huruf C kita biarkan berada pada frame 1, huruf D digeser ke frame 3, huruf I digeser ke frame 5 dan seterusnya, sehingga masing‐masing karakter digeser per dua frame pada masing‐masing layernya secara berurutan.
8. Selanjutnya pada layer C, klik kanan pada frame 31, pilih Insret Frame
9. Kemudian, selanjutnya kita atur urutan hilangnya huruf satu persatu, dengan jarak hilang masing‐masing huruf adalah 2 frame, maka masing‐masing huruf kita atur posisinya pada frame dan layer masing‐masing. Misalnya Huruf C kita biarkan insert frame pada frame 31 (langkah 8), huruf D diinsert frame pada frame 33, huruf I diinsert frame pada frame 35 dan seterusnya, sehingga masing‐masing karakter diinsert frame per dua frame pada masing‐masing layernya secara berurutan.
10. Jalankan dengan menekan CTRL+Enter
C. Animasi Teks dengan Time Line Effect
Selain membuat animasi dengan menggunakan fasilitas rancangan sendiri, seperti langkah di latihan A dan B, banyak aefek teks lainnya dapat dibuat dengan Flash menggunakana fasilitas time line effect yang ada pada flash. Langkah untuk memanfaatkan fasilitas timeline effect ini adapat dilakukan dengan langkah sebagai berikut :
1. Buatlah sebuah dokumen flash baru, seperti pada latihan A dan B
2. Buatlah sebuah teks seperti : Jaringan Komputer
3. Gunakan sub selection tool, klik pada teks
4. Klik menu Insert >Timeline Effect>Effect kemudian pilih beberpa efek yang tersedia,
5. Untuk membuat efek mengabur (blur), efek membayang (Drop Shadow), efek mebesar (ekspand) dan efek Berserakan (Explode) silahkan pilih sesuai dengan efek yang anda inginkan, kemudian untuk menjalankannya tekan tombol Ctrl+Enter
Animasi teks merupakan salah satu bagian animasi yang dapat diimplementasikan untuk menambahkan efek animasi dan mempercantik tampilan paket bahan ajar multimedia yang akan dikembangkan. Dengan memberikan sedikit sentuhan animasi pada teks, akan dapat meningkatkan “atensi” pengguna CD interaktif terhadap teks yang dibuat.
A. Animasi Teks Hilang Timbul
Pada latihan ini kita akan membuat sebuah animasi sederhana, berupa animasi teks hilang timbul, dengan langkah sebagai berikut :
1. Buat sebuah file dokumen flash yang baru, dengan ukuran 200 x 800 pixel, warna background seting menjadi hitam.
2. Buat dua buah layer, masing‐masing layer ubah namanya menjadi teks 1 (untuk layer 1) dan teks 2 (untk layer 2).
3. Pada layer Teks1, klik frame 1, kemudian klik Text Tool, untuk membuat sebuah teks pada layer Teks1
4. Kemudian, tempatkan text tool pada halaman dokumen flash, dan drag sesuai dengan ukuran teks yang akan digunakan, kemudian ketikkan “Teks”, atau sesuaikan dengan teks yang akan dibuat.
5. Selanjutnya, konvert teks tersebut menjadi symbol (convert to symbol = F8), pilih opsinya menjadi grafik dan namakan dengan teks1
6. Pada layer 1, klik kanan pada frame ke 30, pilih Insert Key Frame, untuk membuat sebuah key frame pada frame ke 30, Kemudian lakukan hal sama pada frame ke 7 dan 25
7. Rencana animasi teks yang akan kita buat adalah, teks “Teks “ tersebut semula tidak tampak, kemudian muncul dan setelah itu hilang kembali.
8. Klik frame 1 pada layer Teks 1, kemudian klik tulisan teks yang telah dikonversi menjadi grafik, kemudian pilih property color, seting nilai alpha‐nya menjadi 0%
9. Lakukan langkah yang sama (langkah 8) pada frame 30
10. Klik kanan pada frame 3, 15 dan 27, pilih Create Motion Tween
11. Jika ingin memperoleh waktu animasi yang lebih panjang, maka silahkan atur durasi panjang frame yang akan digunakan.
12. Kemudian pada layer Teks2, gunakan kembali Text Tool, untuk membuat teks “Mempersembahkan”
13. Kemudian drag, frame 1 ke frame 31
14. Setelah itu dikonversi menjadi symbol, dengn nama Teks2, dan behaviornya Graphic
15. Pada layer Teks2, klik kanan pada frame ke 60, pilih Insert Key Frame, untuk membuat sebuah key frame pada frame ke 60, Kemudian lakukan hal sama pada frame ke 37 dan 50.
16. Rencana animasi teks yang akan kita buat adalah, teks “Mempersembahkan“ tersebut semula tidak tampak, kemudian muncul dan setelah itu hilang kembali.
17. Klik frame 31 pada layer Teks 2, kemudian klik tulisan teks yang telah dikonversi menjadi grafik, kemudian pilih properti color, seting nilai alpha‐nya menjadi 0%
18. Lakukan langkah yang sama (langkah 17) pada frame 60
19. Klik kanan pada frame 33, 45 dan 57, pilih Create Motion Tween
20. Jika ingin memperoleh waktu animasi yang lebih panjang, maka silahkan atur durasi panjang frame yang akan digunakan.
B. Animasi Teks Muncul Satu Persatu
Pada latihan ini kita akan membuat sebuah animasi teks, yang memperlihatkan tulisan teksnya muncul perkarakter, kemudian hilang kembali perkarakter. Ikuti langkah kerja berikut ini :
1. Buat sebuah file dokumen flash yang baru, dengan ukuran 200 x 800 pixel, warna
background seting menjadi hitam.
2. Layer 1 ubah namanya menjadi teks 1.
3. Aktifkan Text Tool, kemudian tempatkan sebuah teks baru “CD Interaktif” dengan
setingan huruf, sama dengan setingan di atas (lihat langkah 3 Latihan A)
4. Kemudian pisahkan masing – masing karakter huruf dengan menggunakan break apart yang dapat dilakukan dengan mengklik menu modify > break apart atau dengan mengklik tombol Ctrl+B secara bersamaan.
5. Kemudian masing‐masing huruf diditribusikan menjadi layer terpisah dengan distribute to layer dengan mengklik menu Modify> Timeline > Ditribute to Layer atau dengan mengklik tombol Ctrl+Shift+D
6. Layer Teks1 saat ini sudah dapat dihapus.
7. Kemudian, selanjutnya kita atur urutan munculnya huruf satu persatu, dengan jarak muncul masing‐masing huruf adalah 2 frame, maka masing‐masing huruf kita atur posisinya pada frame dan layer masing‐masing. Misalnya Huruf C kita biarkan berada pada frame 1, huruf D digeser ke frame 3, huruf I digeser ke frame 5 dan seterusnya, sehingga masing‐masing karakter digeser per dua frame pada masing‐masing layernya secara berurutan.
8. Selanjutnya pada layer C, klik kanan pada frame 31, pilih Insret Frame
9. Kemudian, selanjutnya kita atur urutan hilangnya huruf satu persatu, dengan jarak hilang masing‐masing huruf adalah 2 frame, maka masing‐masing huruf kita atur posisinya pada frame dan layer masing‐masing. Misalnya Huruf C kita biarkan insert frame pada frame 31 (langkah 8), huruf D diinsert frame pada frame 33, huruf I diinsert frame pada frame 35 dan seterusnya, sehingga masing‐masing karakter diinsert frame per dua frame pada masing‐masing layernya secara berurutan.
10. Jalankan dengan menekan CTRL+Enter
C. Animasi Teks dengan Time Line Effect
Selain membuat animasi dengan menggunakan fasilitas rancangan sendiri, seperti langkah di latihan A dan B, banyak aefek teks lainnya dapat dibuat dengan Flash menggunakana fasilitas time line effect yang ada pada flash. Langkah untuk memanfaatkan fasilitas timeline effect ini adapat dilakukan dengan langkah sebagai berikut :
1. Buatlah sebuah dokumen flash baru, seperti pada latihan A dan B
2. Buatlah sebuah teks seperti : Jaringan Komputer
3. Gunakan sub selection tool, klik pada teks
4. Klik menu Insert >Timeline Effect>Effect kemudian pilih beberpa efek yang tersedia,
5. Untuk membuat efek mengabur (blur), efek membayang (Drop Shadow), efek mebesar (ekspand) dan efek Berserakan (Explode) silahkan pilih sesuai dengan efek yang anda inginkan, kemudian untuk menjalankannya tekan tombol Ctrl+Enter
0 komentar
Posting Komentar