Menyematkan animasi gif ke flash

24 12 2010
Kupu-kupu

Kupu-kupu

 

Penggabungan animasi dari berbagai format sangatlah membantu kita dalam memperkaya animasi yang kita buat. Namun tentu saja tidak semua animasi dapat digabungkan ke dalam satu aplikasi karena tidak semua format animasi itu dapat terintegrasi dengan baik.

Bagi pengguna flash, kita dapat dengan mudah menggabungkan animasi dengan format gif ke dalam flash animasi kita. Cukup hanya dengan men-drag and drop file animasi gif ke library flash, maka secara otomatis flash akan meng-convert-nya menjadi Symbol dengan type Movie Clip.

Berikut tutorial lengkapnya:

  1. Pastikan kita telah menyiapkan file photo kita sebagai background, dan juga file gif animation.
  2. Siapkan lembar kerja flash anda.
  3. Edit ukuran lembar kerja anda sesuai dengan keinginan anda. Misal 240×320 pixel.
  4. Document Properties

    Document Properties

    Dimension

    Dimension

  5. Insert foto anda ke dalam flash yang nantinya akan digunakan sebagai background animasi. Cukup dengan cara drag and drop file photo anda ke area lembar kerja flash anda
  6. Insert file to flash

    Insert file to flash

    Area lembar kerja

    Area lembar kerja

  7. Resize ukuran foto anda menggunakan Free Transform Tool hingga sesuai dengan besarnya area lembar kerja anda.
  8. Kunci layer yang beiris foto kita (layer 1)
  9. kunci layer

    Kunci Layer

    Layer terkunci

    Layer terkunci

  10. Buat layer baru (layer 2)
  11. create new layer

    create new layer

    new layer (layer 2)

    new layer (layer 2)

  12. Drag and drop file animasi gif kita ke Library Flash
  13.  

    drop to library

    drop to library

    Library

    Library

  14. Pindahkan animasi gif kupu-kupu dengan type symbol Movie Clip pada jendela Library ke lembar kerja, letakkan di sisi luar kanan area lembar kerja.
  15. Library

    Library

    Luar lembar kerja

    Luar lembar kerja

  16. Pada layer 2, Klik frame 1.
  17. Ubah properties tween menjadi Motion
  18. Pada layer 2, klik kanan frame 25, Insert keyframe
  19. Lalu Pindahkan objek kupu-kupu pada layer 2 frame 25 ke sisi kiri luar dari area lembar kerja.
  20. Sisi kiri

    Sisi kiri

  21. Pada layer 1, klik kanan frame 25, Insert frame.
  22. layer & frame

    layer & frame

  23. Test animasi anda dengan cara klik ControlTest Movie.
  24. Anda dapat mendambahkan kembali animasi kupu-kupu dengan jalur terbang yang berbeda dengan cara membuat layer baru lalu memposisikan symbol kupu-kupu sesuai dengan keinginan anda.

Selamat mencoba,


Actions

Information

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s




Follow

Get every new post delivered to your Inbox.