RSS

Flash8 & Flash CS3 — Membuat Efek Tulisan Kapur di Papan Tulis.

10 Jan

Halo🙂

Kali ini akan dibuat efek tulisan dengan kapur yang bergerak sendiri di papan tulis.

Software yang di gunakan :

Flash 8 dan Flash CS3

AS [ActionScript] yang digunakan :

Tidak ada.

Preview hasil jadi :

Tulisan  “8” dibuat dengan efek kapur yang bergerak.

Post kali ini menggunakan Motion Guide dan Motion Frame Per Frame.

Flash dari postingan ini bisa dilihat di sini

Hal yang perlu dilakukan sebelum mulai membuat :

Pilih Pencil Tool, kemudian buka tab Properties dan klik tombol Custom…, atur Stroke Style sebagai berikut:

Pengaturan di atas diperlukan untuk membuat efek tulisan.

  • Rename Layer 1 dengan nama Papan Tulis. Kemudian buatlah papan tulis pada layer Papan Tulis tersebut. [Tidak perlu di jelaskan caranya bukan?😉 Papan tulis yang dibuat warna dan model silakan dibuat berbeda sesuai selera. Harap diingat warna papan dasar dan kapur tidak boleh sama]

  • Kemudian buat layer baru, rename  dengan nama Kapur. Buatlah bentuk kapur yang di inginkan. Ubah bentuk kapur menjadi symbol Graphic dengan nama g_Kapur.
  • Buat layer baru di atas layer Kapur  dengan nama 8 [karena itu huruf  yang akan dibuat  dengan efek kapur, silakan beri nama lain bila huruf yang akan dibuat bukan huruf 8] kemudian buatlah huruf yang akan dibuat dengan animasi kapur dengan menggunakan Pencil Tool. [Bila merasa garis tulisan yang dibuat kurang mengena di hati silakan edit Properties hingga mendapatkan hasil yang diinginkan J ] Pilih frame 60 dan tekan F5.

  • Dasar untuk membuat animasi kapur sudah selesai.🙂 Sekarang kita masuk ke bagian yang rumit. [Motion Guide dan Motion Frame Per Frame akan di lakukan sekaligus]. Harap bersabar karena saya hanya bisa memberi tahu  caranya tapi Anda yang sendiri yang harus menggunakan feeling Anda.😉
  • Copy huruf yang sudah dibuat, klik kanan layer Kapur dan pilih Add Motion Guide. Paste [dengan menggunakan pilihan Paste in Place] huruf tersebut ke layer Guide di atas layer Kapur tersebut.

  • Huruf 8 yang sudah di kopikan ke layer Guide akan menjadi garis panduan bagi kapur untuk membentuk angka 8.
  • Masuk ke layer Kapur pada frame 1, atur posisi gambar kapur agar berada pada ujung tulisan. [Akan muncul bentuk lingkaran dengan tanda + di dalamnya pada gambar kapur, pastikan bahwa tanda tersebut berada pada garis awal huruf.]

  • Pilih frame 60 dari layer Kapur dan tekan F6. Kemudian letakkan posisi kapur pada ujung tulisan yang lainnya. Pilih frame mana saja diantara frame 1 dan 60, kemudian klik kanan dan pilih Create Motion Tween.

  • Test Animasi dengan menekan Ctrl+Enter.😀
  • Terlihat bahwa kapur bergerak dengan mengikuti bentuk huruf namun dengan posisi yang kurang tepat dan aneh bahwa huruf sudah ada sebelum kapur bergerak bukan?😉 Ayo kita ubah hal tersebut.
  • Kita mulai dari gerakan kapur. Remove Tween dari layer Kapur, kemudian atur posisi kapur di frame 1 pada Layer 8 sehingga ujung kapur berada pada garis awal huruf. Kembalikan Motion Tween pada Layer Kapur.

Untuk mendapatkan posisi kapur yang tepat saat animasi berjalan gambar huruf angka 8 di sesuaikan dengan posisi kapur.

  • Test movie dengan menekan Ctrl+Enter. Sekarang animasi kapur sudah terlihat wajar. Bila belum atur lagi posisi huruf 8.
  • Kalau sudah sekarang kita membuat agar tulisan huruf muncul setelah kapur berjalan. Di sinilah Motion Frame Per Frame bekerja.
  • Bagi Anda yang awam atau belum mengerti apa itu Motion Frame Per Frame, itu adalah animasi dengan membuat gambar yang berbeda beda pada setiap frame yang ada. Frame  yang ada pada animasi ini adalah 60, maka kita akan mengedit gambar sebanyak 60 frame.
  • Kembali ke Layer 8, pilih frame 2 dan tekan F6 sampai ke frame 60.

Tekan terus F6 sampai terlihat seperti gambar di atas.

  • Sekarang edit satu persatu frame pada Layer 8 tersebut dengan prinsip  seperti ini : Hapus garis huruf yang ada sebelum kapur berjalan pada garis itu. Jadi, kalau di frame 1 belum ada apa apa, kapur masih belum berjalan maka hapus seluruh garis huruf yang ada. Frame 2 dan seterusnya menggunakan feeling Anda seluruhnya.

Gambar di frame 1 dihapus semua.

Gambar angka 8 di frame 2 setelah melewati gambar kapur dihapus. Dan seterusnya sampai frame 60.

  • Test movie kalau sudah selesai mengedit sampai ke frame 60 dan lihat hasilnya.
  • Efek tulisan kapur di papan tulis selesai dibuat.

Hasil jadi (*.fla) bisa di dl di :

Flash8

FlashCS3

Terima kasih sudah mampir dan membaca blog saya. (^_^)

 
Tinggalkan komentar

Ditulis oleh pada Januari 10, 2011 in Flash

 

Tag: , , ,

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: