Belajar Macromedia Flash 8 : Text Animation


Halo sobat lautan, semoga sehat selalu ya.
Kembali lagi bersama dengan lautan, dan akan membahas Macromedia Flash 8, belajar animasi. Pada artikel sebelumnya kita membahas tentang animasi kombinasi. Nah, kali ini kita sedikit menurunkan level belajar kita. Kita akan mempelajari animasi teks. 


Teks adalah elemen terpenting yang dari pada pengembangan multimedia. Teks berada pada urutan pertama dari 5 elemen multimedia, teks, gambar, video, audio, animasi. Teks dapat di gunakan sebagai petunjuk awal dari pada pengguna, keterangan dari suatu tombol, keterangan menu navigasi, dan lain-lain. Teks sendiri banyak di gunakan dalam pengembangan website. Contohnya HTML ( HyperText Markup Language ), murni menggunakan teks untuk di berikan kemampuan “link” atau “ jangkar” menuju dokumen HTML yang lain. Salah satu tampilan website yang masih banyak menggunakan teks sebagai elemen multimedia dominan, adalah Wikipedia


Namun perkembangan teknologi multimedia dan keinginan tampilan yang menarik daripada pengguna, mengharuskan teks memiliki subfungsi tambahan sebagai hiburan. Tentu saja, efek yang di hasilkan tidak akan  semenarik animasi yang di hasilkan dari elemen gambar atau obyek yang di hasilkan dari digital artistic. Namun penambahan efek animasi yang tepat pada teks, dapat memberikan kesan yang mandalam kepada yang audien, seperti yang ada pada intro film, sinetron, dan lain-lain. Salah satunya countdown from 10. Tampilan teks yang ikonik, juga menjadi nilai tambah untuk proyek ( film, sinetron, iklan ) tersebut.



Berikut adalah metode pembuatan teks animasi "Countdown" sederhana
  • Buka aplikasi Flash 
  • Rename nama layer pertama menjadi angka

  • Buatlah masukan teks "5" menggunakan Text Tool pada frame pertama daripada layer Angka, seperti dibawah ini

  • Klik kanan pada layer Angka, lalu masukan keyframe pada frame ke 5, 10, 15, 20. Panjang frame yang digunakan berpengaruh pada waktu transisi obyek. Ubah angka pada setiap frame yang sudah diberikan kunci menjadi 4, 3, 2, 1

  • Teks animasi Countdown telah berhasil dibuat. Namun untuk memberikan efek yang lebih. Kita dapat menambahkan beberapa langkah
  • Buatlah sebuah layer baru, dengan nama lingkaran, dan letakkan dibawah layer Angka

  • Buatlah obyek lingkaran, menggunakan oval tool, lalu berikan warna yang diinginkan pada Fill Color, letakkan tepat di tengah angka 5

  • Berikan keyframe pada frame di layer Lingkaran mengikuti cara yang sama pada layer Angka

  • Perhatikan, lautan memberikan insert blank keyframe di layer 20 dan 21. Serta memanjangkan frame yang digunakan menjadi 25. Untuk memberikan efek transisi dari angka 1 menuju 5, tidak terlalu cepat (setelah di test movie)
  • Ubah obyek lingkaran pada layer Lingkaran menjadi seperti potongan
  • Klik ada obyek Lingkaran frame ke 5, dan potong bagian menjadi seperti di bawah ini dengan menggunakan rectangle tool, dengan fill warna putih dan stroke undefined

  • Copy frame ke 5 pada frame ke 10 di layer Lingkaran, lalu lakukan pemotongan pada bagian berikutnya

  • Lakukan langkah yang sama pada sisa keyframe terakhir
  • Animasi Countdown siap di tampilkan
Masih kurang ? mari kita tambahkan 1 tutorial lagi membuat animasi teks efek putaran
  • Tambahkan layer pada proyek yang tadi kita buat Dan buatlah teks animasi dengan Text Tool

  • Klik kanan pada teks "Andri Marza" lalu pilih Break Apart, untuk memisahkan tiap huruf pada teks yang di buat
  • Lalu pada menu Modify, piih transform, Distribute to Layers. Editing ini akan memisahkan huruf yang dijadikan bagian tersendiri menjadi 1 layer sendiri

  • Letakkan keyframe huruf A, pada frame ke 26 dengan mendragnya, dan tambahkan panjang frame yang digunakan. Lakukan langkah yang sama pada frame selainnya, hingga mengikuti gambar dibawah ini

  • Tambahkan frame hingga mencapai frame ke 50
  • Lalu pada frame ke 30 layer A, klik insert keyframe. Masukan efek tween melalui properties

  • Pilih CW untuk rotasi perputaran dan aturlah waktu yang digunakan

  • Pada layer N, buatlah keyframe pada frame ke 27. Antara frame ke 25 sampai 27, isikan dengan motion tween. Isikan keyframe pada frame 34. Antara frame 27 sampai 34, isikan dengan motion tween, dengan properties yang sama

  • Langkah selanjutnya adlalah perulangan langkah layer N, untuk diterapkan pada layer teks yang lain. Hingga mengikuti bentuk timeline yang ada dibawah ini

  • Animasi siap dijalankan

Pemilihan efek yang tepat pada teks akan memberikan nilai tambah pada proyek yang akan di tampilkan. Di perlukan jiwa seni dan pendalaman mengenai peletakkan keyframe dan perubahan obyek pada setiap frame, agar efek yang di hasilkan sesuai dengan yang di inginkan.

Semoga bermanfaat :)

Post a Comment

0 Comments