Pertama, pilih jenis action script yang ingin digunakan. Sesuaikan dengan kebutuhan dan mana yang lebih Anda kuasai. Dalam tutorial ini, saya menggunakan action script 3.0 untuk memudahkan kita dalam membuat animasi teks.
Pada menu yang ada di sebelah kanan, pilih lambang T. atau tekan tombol “T” pada keyboard untuk mengaktifkan fungsi teks.
Kemudian pilih jenis huruf, warna pada properties yang ada dalam Text Properties. Karena hari ini adalah hari valentine, maka saya menggunakan huruf Times new romance yang bisa didownload di dafont.
Kemudian setelah selesai membuat teks, maka silakan Anda memilih selection tool untuk kemudian menyeleksi semua tulisan Anda dan klik kanan pada mouse Anda dan pilih “Break Apart“, atau ringkasnya tekan Ctrl + B pada keyboard.
Kemudian seleksi kembali semua tulisan yang kini telah terpecah menjadi masing-masing huruf, kemudian klik kanan pada mouse dan pilih “Distribute to Layers“.
Maka pada timeline akan berubah menjadi seperti pada gambar diatas. Layer satu menjadi kosong karena tulisan yang dipecah tersebut telah menjadi layer tersendiri.
Untuk memudahkan dalam mengedit, silakan ubah nama layer sesuai dengan keinginan dan mudah kita ingat.
Kemudian pilih satu objek dari layer yang ingin kita edit dan pilih menu Modify > Convert to Symbol, atau mudahnya tekan F8 untuk mengkonversi objek menjadi simbol.
Jika tidak dijadikan simbol, maka pada saat kita memilih motion tween,
Maka akan muncul peringatan seperti gambar di atas.
Karena itu lebih baik melakukan convert pada objek dengan menekan F8, agar objek dapat menggunakan tween. Pada saat menekan F8, akan muncul pop up yang meminta Anda untuk memasukkan nama dari objek yang akan dapat Anda akses di library. Untuk tipenya, pilih saja movie clip.
Jika sudah, pada saat objek masih diseleksi, maka pilih motion preset yang ada di sebelah kanan layar.
Kemudian pilih efek yang Anda inginkan. Anda bisa melihat demonya saat Anda memilih. Dalam tutorial ini, saya menggunakan fly-in-blur-bottom sebagai efek yang saya tampilkan dalam teks.
Di sini Anda bisa melihat garis dengan titik-titik setelah mengaplikasikan efek dengan meng-klik tombol aplly yang muncul.
Pilih keyframe terakhir dan turunkan garis tersebut ke bawah sampai garis tersebut hilang. Mungkin Anda bertanya-tanya ke mana huruf-huruf lainnya? Perhatikan pada timeline, kita berada pada timeline dimana hanya huruf P saja yang ada disana, karena huruf-huruf lainnya belum diberi keyframe.
Berikutnya, lakukan langkah yang sama pada semua huruf. sampai semua huruf memiliki efek. Kemudian tekan Ctrl + Alt + Enter.
Mungkin Jadinya akan sangat cepat, mari kita atur kecepatannya, caranya dengan mengatur FPS, semakin tinggi, semakin cepat. Cara untuk memunculkan menu ini dengan menggunakan selection tool dan klik sembarang pada layar, bukan objek. Coba tes lagi dengan FPS yang sudah diperbarui apakah sudah sesuai keinginan Anda?
Kalau sudah, jadikan Gif agar menjadi gambar bergerak, caranya pilih file > Export Movie atau mudahnya tekan Ctrl + Alt + Shift + S secara bersamaan.
Kemudian pilih folder tempat gambar akan disimpan dan pilih formatnya, Animated GIF. Mengapa GIF? Karena file ini memungkinkan gambar bergerak namun tidak memberatkan page / halaman web seperti Flash atau video.
Setelah menentukan tempat dan format, maka akan muncul menu berikut. Kita bisa memilih tinggi dan lebarnya.
Hasil akhirnya akan jadi seperti ini:
FPS :30.0
FPS: 12.0
Jika Anda merasa ini kurang menarik, mungkin Anda bisa mencoba alternatif lain, hanya bedanya pada alternatif ini, Anda harus memindahkan timeline agar jadi berurutan kemunculannya. Kemudian pada timeline terakhir pastikan semua keyframe dimasukkan.
Atur setiap timeline layer agar muncul satu persatu dengan cara memindahkan timeline menjadi seperti sebuah tangga seperti pada gambar berikut:
Maka hasilnya adalah sebagai berikut:
Bagaimana? Tidak ada masalah kan dalam membuat animasi teks dengan action script 3.0 yang ada pada Adobe Flash terbaru? Semoga tutorial ini bermanfaat bagi para pembaca. 🙂
Ryu Kiseki
Terimakasih tutorialnya bermanfaat banget,
Ingin bisa desain grafis? Tapi bingung minta bantuan siapa? Belajar sendiri aja yuk.. kita lihat tutorialnya di
tutorial-tutorial gratis