3.9 Animasi Teks
Animasi teks ini akan menggunakan efek bounce, yaitu efek memantulkan objek berulang kali. Berikut ini langkah perancangannya:
1. Buatlah layer baru dengan klik New Layer pada panel Timeline. 2. Ubah nama layer dengan nama “teks”
Gambar 2.18 Tampilan Layer
3. Klik kanan frame 90 pada layer teks, pilih Insert Keyframe 4. Dengan menggunakan Teks Tool, buatlah teks dan beri warna.
5. Tempatkan teks di tengah atas dokumen kerja seperti gambar 3.19
Gambar 3.19 Tampilan Teks
Universitas Sumatera Utara
6. Klik kanan teks tersebut, pilih Convert to Symbol 7. Pada kotak dialog Convert to Symbol, Ketikkan Name dengan
“teks” dan pilih Type dengan Movie Clip, kemudian klik OK 8. Dengan menekan tombol Shift geserkan tampilan teks di atas stage
9. Klik kanan frame 100 pilih Insert Keyframe 10. Geserkan teks ke bawah pada posisi semula, yaitu di bagian tengah
atas dokumen kerja, dengan menekan tombol Shift 11. Klik kanan frame antara frame 90 dan frame 100
12. Pilih create Classic Tween. 13. Buatlah layer baru dengan klik New Layer pada panel Timeline
14. Geserkan layer tersebut di bawah layer teks. Beri nama layer “garis”
15. Klik kanan frame 100 dan frame 140 pada layer garis kemudian pilih Insert Keyframe
16. Klik frame 100 pada layer garis 17. Pilih line tool
18. Buatlah garis melintang tepat di bawah teks. Garis ini untuk membantu penempatan objek teks pada frame berikutnya
19. Sekarang klik frame 90 pada layer teks 20. Atur nilai Ease pada pengaturan Tweening dengan nilai -60
21. Selanjutnya klik kanan frame 106 pada layer teks pilih Insert Keyframe
22. Dengan menekan tombol Shift, geserkan objek teks ke atas seperti gambar 3.20
Universitas Sumatera Utara
Gambar 3.20 Menggeser teks ke atas
23. Klik kanan Frame antara frame 100 dan frame 106 24. Pilih Create classic Tween
25. Klik lagi frame 100 pada layer teks 26. Atur nilai Ease pada pengaturan Tweening dengan nilai 24
27. Selanjutnya klik kanan frame 110 pada layer teks ke bawah, tepat pada garis yang dibuat sebelumnya.
28. Geserkan objek teks ke bawah, tepat pada garis yang dibuat sebelumnya.
29. Klik kanan frame antara frame 106 dan frame 110. Pilih Create Classic Tween.
30. Klik frame 106, atur nilai Ease dengan nilai -16. 31. Selanjutnya klik kanan frame 113 pada layer teks, pilih Insert
keyframe 32. Geserkan objek teks ke atas dengan posisi lebih rendah dari posisi
sebelumnya atau dari patokan garis 33. Klik kanan frame antara frame 110 dan frame 113, pilih create
Classic Tween 34. Klik frame 110, atur nilai Ease dengan nilai 12.
35. Berikutnya klik kanan frame 115, pilih Insert Keyframe 66
Universitas Sumatera Utara
36. Geserkan objek teks ke bawah dengan posisi tepat pada garis 37. Klik kanan frame antara frame 113 dan frame 115, Pilih Create
Classic Tween 38. Klik frame 113,atur nilai Ease Dengan Nilai -8
39. Selanjutnya klik kanan frame 117, pilih Insert Keyframe 40. Geserkan objek teks ke atas dengan posisi dekat agak dengan garis
41. Klik kanan frame antara frame 115 dan frame 117, pilih create Classic Tween
42. Klik frame 115, atur nilai ease dengan nilai 6. 43. Selanjutnya klik kanan frame 119, pilih Insert Keyframe
44. Geserkan objek teks ke bawah dengan posisi tepat pada garis lagi 45. Klik kanan frame antara frame 117 dan frame 119, pilih Create
Classic Tween 46. Klik frame 117, atur nilai Ease dengan nilai -2.
47. Langkah berikutnya klik kanan frame 140 pada layer teks, pilih Insert Keyframe
48. Tampilan frame akan tampak seperti gambar 49. Hapus layer garis pada panel timeline dengan klik layer garis
kemudian tekan delete pada panel Timeline 50. Klik kanan frame 140 pada masing-masing layer, pilih Insert
Frame 51. Selanjutnya klik frame 140 pada layer teks.
52. Tampilkan panel Actions dan ketikkan kode script pada gambar 3.21
Universitas Sumatera Utara
Gambar 3.21 Kode ActionScript
53. Tampilan frame pada tiap layer akan tampak seperti gambar 54. Tampilkan animasi dengan tekan Ctrl + Enter.
Gambar 3.22 Tampilan Animasi
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Implementasi