Searching...
Friday, November 23, 2012

Membuat Teks Animasi di Adobe Flash

tutorial flash ieuwelah
Tutorial Flash pertama ini akan ieuwelah blog bahas mengenai tutorial yang masih dibilang sederhana, yaitu membuat teks animasi bergerak. Disini saya menggunakan program aplikasi Adobe Flash CS5. Jika Anda memiliki versi sebelumnya atau bahkan versi yang baru saya rasa tidak terlalu bermasalah, hanya saja mungkin perbedaan tampilan dan penempatan tools yang berbeda.

Ini adalah hasil dari teks animasi yang telah saya buat :

membuat teks animasi bergerak

Nah lalu bagaimana cara membuatnya ? Cukup mudah, berikut cara membuat teks animasi dengan Adobe Flash :

Step 1
Buka Adobe Flash > Pilih Action Script 3.0 > OK

membuat teks animasi bergerak di adobe flash

Step 2
Atur ukuran Frame yang akan dibuat, klik Edit dan atur sesuai selera.

membuat teks animasi bergerak di adobe flash

Step 3
Beri background warna pada Frame. Pilih Rectangle Primitive Tool (tekan R). Beri warna sesuai keinginan Anda. Lalu tempatkan pada seluruh area Frame sehingga berwarna.

membuat teks animasi bergerak di adobe flash

Step 4
Pada Timeline, klik kanan pada frame ke 5. Lalu pilih Insert Keyframe.

membuat teks animasi bergerak di adobe flash

membuat teks animasi bergerak di adobe flash

Step 5
Lalu buat sebuah huruf dengan menggunakan Teks Tool (tekan T). Jangan lupa untuk mengatur font, ukuran, dan warna huruf yang digunakan. Karena disini saya akan membuat teks dengan kata "ieuwelah", maka huruf pertama yang saya tampilkan adalah huruf "i".

membuat teks animasi bergerak di adobe flash

membuat teks animasi bergerak di adobe flash

Step 6
Seperti Step 4 klik kanan pada frame 10. Lalu pilih Insert Keyframe. Kali ini masukkan huruf selanjutnya dari teks yang ingin Anda buat. Disini saya menampilkan huruf "e". Lakukan terus sampai huruf-huruf tersebut menyambung menjadi sebuah kata atau kalimat.

membuat teks animasi bergerak di adobe flash

catatan :
Untuk setiap huruf diberi jarak frame 5 setiap hurufnya. Contoh untuk huruf "i" berada pada frame 5, huruf "e" pada frame 10, huruf "u" pada frame 15, dan seterusnya.

Step 7
Untuk mengecek hasilnya. Tekan CTRL+ENTER.

Step 8
Save animasi tekan CTRL+ALT+SHIFT+S. Pilih sesuai keinginan, disini saya save dengan ekstensi *GIF. Selesai.

catatan :
Untuk mengecek animasi GIF, setelah di save buka dengan menggunakan browser. Klik kanan file GIF lalu pilih Open With dan pilih Browser (Chrome, Mozilla, IE, dll).

Semoga bermanfaat :)

0 comments:

Post a Comment