Cara 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 Cara Membuat Animasi Teks Loncat di Flash. Semoga bermanfaat dan mohon maaf bila ada yang kurang jelas, sampai jumpa lagi di artikel selanjutnya. Terima kasih
0 Komentar untuk "Cara Membuat Animasi Teks Loncat di Flash"