Cara Membuat Animasi Teks Loncat di Flash

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"

Back To Top