Membuat Animasi Sorotan Lampu pada Tulisan

Assalamu'alaikum warahmatullahi wabarakatuh

Sama seperti satu postingan saya sebelumnya, pada postingan kali ini saya akan berbagi ilmu yang saya dapat dari SMK saya dahulu. Sebenarnya postingan ini sudah pernah saya posting pada blog saya yang lama. Untuk meningkatkan eksistensi blog saya yang ini, maka saya posting kembali.hehe :)

Di sini kita akan menggunakan software yang bernama FLASH, entah itu Macromedia Flash MX, Flash 8, atau Adobe Flash, yang penting berbasis flash (filenya .fla).

Langkah pertama yang kita lakukan adalah membuat layer.

Di sini kita membutuhkan 2 layer.

Ket:

Layer teks digunakan untuk membuat teks dasar yang akan tersorot nantinya.

Layer sorot digunakan untuk membuat efek sorotan pada tulisan.

Pertamax-tamax kit abaca bismillahirrahmanirrahiim dulu, agar animasi yang kita buat tidak gagal.

J

Kita buat tulisan pada Layer teks dengan menggunakan text tool atau kita tekan saja T pada keyboard.

Hingga menjadi seperti:

Setelah kita buat tulisan pada layer teks, selanjutnya kita buat lingkara pada Layer sorot dengan menggunakan oval tool atau kita tekan saja O pada keyboard.

Hasilnya:

T: kenapa lingkarannya dibuat di atas tulisannya?

J: itu yang membuat teks hilang sebagian nantinya ketika kita beri efek mask dan nantinya teks hanya dapat terlihat sepanjang lingkaran itu bergerak.

Selanjutnya kita perlu mengconvert lingkaran itu agar dapat kita gerakkan. Caranya: klik kanan > convert to symbol > pilih movie clip atau graphic

Setelah kita convert, maka pada tengah lingkaran akan terdapat tanda +

Seperti:

T: kenapa sih harus di convert?

J: convert itu berguna sebagai pembungkus (pengikat) objek, jadi jika objek tidak kita convert maka kita tidak bisa menggerakannya dalam spasi frame yang terlalu jauh, mungkin kita perlu insert keyframe tiap melangkah 1 layer. Namun dengan penggunaan convert to symbol, objek kita konversi dan memungkinkan untuk digerakkan dalam spasi frame yang cukup jauh, seperti dari frame 1-50 bahkan lebih dari itupun bisa.

Sekarang kita hanya tingal menggerakkan lingkaran yang telah kita buat tersebut.

Hal yang perlu kita lakukan adalah membuat keyframe sesuai lamanya waktu yang kita inginkan. Di sini kita membatasi hingga frame 50 saja.

Caranya:

Pada layer sorot : klik kanan pada layer (timeline) 50 lalu pilih insert keyframe. Selanjutnya kita bagi dua agar lingkaran bergerak bolak-balik. Klik kanan pada layer (timeline) 25 lalu pilih insertkeyframe.

Pada layer teks : klik kanan pada layer (timeline) 50 lalu pilih insert keyframe.

Hingga terlihat seperti:

Dan lingkaran pada frame 25 kita geser hingga tepi kanan tulisan.

Seperti:

Setelah sampai pada tahap ini kita hanya perlu memasukkan animasinya saja, dengan cara klik kanan pada pertengahan frame 1-25 lalu pilih create motion tween. Lakukan hal yang sama pada pertengahan frame 25-50.

Dan pada timelinnya akan terlihat seperti:

Sampai tahap ini sebenarnya lingkaran sudah bergerak. Namun belum menimbulkan efek sorotan. Untuk menciptakan efek sorotan tersebut kita harus memberi efek mask, yaitu dengan cara klik kanan pada layer sorot lalu pilih mask. Setelah kita mask maka layer akan berubah dan akan terlihat seperti:

Dan tulisan pada lembar kerjanya akan terlihat seperti :

Setelah selesai sampai tahap ini, kita tinggal ENTER untuk melihat animasinya. Atau bisa juga kita CTRL+ENTER untuk melihat bentuk file .swf nya.

Nah, dengan demikian maka kita telah berhasil "Membuat Animasi Sorotan Lampu pada Tulisan". Ayo, kawan-kawan juga mencobanya ya! Semoga tulisan saya ini bermanfaat. Sampai jumpa di lain kesempatan. Jika ada pertanyaan, bisa dilayangkan dengan komentar pada postingan yang bersangkutan, insyaAllah saya jawab. :)

Wassalamu'alaikum warahmatullahi wabarakatuh