Tutorial Animasi Teks Loncat di Flash

Membuat Animasi Teks Loncat di Flash - Pada latihan kali ini Anda akan dibimbing untuk
membuat animasi teks loncat-loncat, yaitu pada saat dijalankan, masing-masing
huruf dari teks akan loncat atau bergerak ke atas secara bergantian. Berikut
langkah latihannya:
 Buat dokumen baru dari menu File > New (Ctrl+N).
 Tampilkan Document Properties (Ctrl+J) dan atur ukuran stage. W: 400 px, H: 150
px.

Pengaturan ukuran stage pada document properties

 Klik pada posisi Frame 1 dari Layer 1, lalu klik Text Tool dan ketikkan tulisan
“Animasi Teks” pada stage.

Tulisan Animasi Teks di stage

 Pilih tulisan “Animasi Teks” tersebut, kemudian lakukan Break Apart (Ctrl+B).
Maka hasilnya sebagai berikut.

Hasil break apart tulisan animasi teks

 Klik pada posisi Frame 1 dari Layer 1, kemudian klik

menu Modify > Timeline > Distribute to Layers (Ctrl+Shift+D). Maka hasilnya seperti
gambar berikut.
 Hasil distribute ke layer

 Klik pada posisi Frame 5 dan 10 pada Layer A, kemudian tekan tombol F6 (Insert
Keyframe).

Hasil Insert keyframe pada posisi frame 5 dan 10

 Klik pada posisi Frame 5 dari Layer A, kemudian teks “A” pada stage dipindah
posisinya ke atas.

Pindah posisi teks A ke atas

 Blok posisi Frame 1 sampai dengan Frame 10 dari Layer A, kemudian pada Panel
Properties bagian Tween pilih Motion.
 Maka hasilnya seperti berikut.

Hasil create motion tween pada frame 1 sampai 10

 Tekan tombol F6 (Insert Keyframe) di posisi Frame 5, Frame 10, dan Frame 15 pada
Layer n.

Hasil insert keyframe pada posisi frame 5, 10, dan 15

 Klik pada posisi Frame 10 dari Layer n, pindahkan teks n menuju bagian atas
seperti langkah nomor 7.
 Blok posisi Frame 5 sampai Frame 15 dari Layer n, kemudian pada Panel
Properties (Ctrl+F3) bagian Tween pilih Motion.
 Maka hasilnya seperti berikut.

Hasil create motion tween pada frame 5 sampai 15

 Lakukan juga langkah di atas terhadap teks i, m, a, s, i. Sehingga, hasil akhir dari
setiap layer akan tampak seperti gambar berikut.

Hasil akhir tampilan layer

 Simpan dengan nama animasi teks loncat.fla.

 Untuk melihat hasilnya tekan tombol Ctrl+Enter.

Hasil animasi teks loncat

 Demikian pembahasan tentang Tutorial Animasi Teks Loncat di Flash. Semoga

bermanfaat...