Animasi Text Sederhana

Bismillah..

Salah satu teknik dasar dalam membuat multimedia adalah bagaimana memberikan animasi pada text. Ada beberapa tipe animasi text, sebagai berikut:

Animasi gerak text melintang/membujur (Sliding Text).

Teknik yang dapat digunakan adalah motion tween. Langkah-langkahnya:

  • Buat sebuah dokumen flash.
  • Buat sebuah text dengan text tool. Klik kanan pada text, pilih convert to symbol. Pilih type ‘movie clip’. Klik OK.

  • Klik kanan pada frame ke 50 layer 1, insert keyframe.

  • Ubah posisi text ke kanan.

  • Klik kanan di antara frame 1 dan 50, pilih create motion tween.

  • Tekan Ctrl+Enter untuk mencoba.

Untuk kasus sliding text dengan arah atas ke bawah atau sebaliknya, dapat mengubah posisi awal dan akhir animasi.

Fade In/Fade Out Text.

Kerjakan animasi sliding text. Langkah tambahannya sebagai berikut:

  • Klik pada frame 1, klik pada text, pada panel properties pilih color menjadi alpha. Atur alpha menjadi 0 (transparan).

  • Tekan Ctrl + Enter untuk mencoba efek fade in.

Untuk efek fadeout, lakukan langkah di atas pada frame ke 50.

Efek mesin tik (typewriter).

  • Buat sebuah text.
  • Klik kanan pada text.
  • Pilih convert to symbol.
  • Pilih type Movie clip.
  • Klik 2 kali pada text yang dibuat hingga muncul timeline dalam movieclip. Buat 5 keyframe dengan dara klik pada frame 2, insert keyframe. Lakukan hingga frame 5.

  • Klik pada frame 1, hapus karakter 2 hingga akhir text.

  • Pada frame 2, hapus karakter 3 hingga akhir.
  • Lakukan hingga tidak ada lagi karakter yang dihapus.
  • Tekan Ctrl+Enter.

Selamat mencoba ^^..

9 responses

  1. gak bisa ya nge attach file yang bisa di download soal materi ini atau yang lainnya??
    ribet amat musti bolak balik OL buat responsi contoh buat ngerjain flashnya..
    gak semua orang punya internet service di kompu pribadi om! di warnet juga gak semua ada program flash..bahkan gak ada!

    thanks

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s