Breaking News

Tuesday, March 8, 2011

Membuat Animasi Masking sederhana dengan Adobe Flash CS3



Halloh,,,,
Untuk tutorial kali ini adalah membuat animasi masking menggunakan Adobe Flash CS3…tanpa basa basi mari kita langsung praktekan saja.. Hhee…
Buka program Adobe Flash CS3, Lakukan pengaturan untuk ukuran layer seperti dibawah ini

Import sebuah gambar yang akan diguanakan untuk membuat animasi masking, disni saya gunakan wallpaper linux banten yang tutorialnya telah dibuat 

Maka pada bagian Library (Ctrl+L) akan muncul nama file gambar yang kita import tadi

Lalu drag gambar tadi ke dalam layer bah nama layernya menjadi nama Background, untuk melakukan pengaturan letak tekan Ctrl+K, aktifkan icon Align/Distribute to stage aktif, Pilih Align Horizontal Center dan Distribute Vertikal Center. Maka posisi gambar akan tepat pada tengah layer
Buat 2 layer baru Beri nama Kotak dan logo, Pada layer kotak kita buat objek kotak dengan mneggunakan Rectatangle Tools (R), matikan pada bagian stoke color, Lakukan pengaturan pada warna sebagai berikut :
Type : Linear

Berikan warna tengah dengan warna putih, dan warna kiri dan kanan ubah nilai alpha menjadi nol
Maka akan jadi objek kotak seperti ini


Pada layer logo kita akan membuat sebuh objek untuk menutupi logo tersebut menggunakan pen tool dan oval tool.
Buat 2 buah objek oval dan tempatkan seperti ini
Seleksi objek oval biru tekan delete, maka hasilnya seperti ini
Selanjutnya kita akan membuat objek menggunakan pen tool untuk menutup objek menaranya
Kira-kira jadinya nanti akan seperti ini
Putar objek kotak yang tadi kita buat menggunakan free transform tool (Q)
Blok semua layer pada frame 25 klik kanan >> insert Keyframe atau tekan F6

Maka akan menjadi
Klik pada frame 25 layer kotak hingga objek kotak menjadi aktif, kemudian geser menggunakan tombol panah atau di drag ke sebelah kanan
Klik kanan frame satu layer kotak pilih create motion tween
Maka layer kotak akan menjadi

Selanjutnya letakkan layer logo diatas layer kotak, klik kanan pada layer logo kemudian pilih mask
Selesai juga deh… bim salabim ka arba arba… Hhee
Untuk menjalankan tekan Ctrl+Enter
Download wallpaper, Download fla, Download Pdf

12 comments:

  1. bisa gan.. ni versi portable soalnya flashnya.. Hhee

    ReplyDelete
  2. Thanks infonya.
    Langsung TKP yah.

    ReplyDelete
  3. qeren... maen ke blog aq gan! msih newbie nih!

    ReplyDelete
  4. makash sob...
    HHee.. sama, masih newbie jg nih :D

    ReplyDelete
  5. Hohoh..
    okeh rip.. dtunggu aja yah.. InsyaAllah nnti dbuatin :D
    Makash kunjungannya :D

    ReplyDelete
  6. lengkap gan,,mantap
    visit back
    http://www.computelectric.com/

    ReplyDelete
  7. maaf mengganggu saya hanya ingin berbagi artikel yang berkaitan tentang Adobe Flash
    berikut linknya :
    http://repository.gunadarma.ac.id/bitstream/123456789/3345/1/Developing%20Web-Based%20Communication.pdf
    semoga bermanfaat :)

    ReplyDelete
  8. klo bisa buatin tutorial iklan...makasih

    ReplyDelete

Designed By