Membuat Animasi Traffic Light Menggunakan Macromedia Flash 8

38Jika melihat lampu lalu lintas (traffic light), pernahkah Anda terpikir untuk iseng-iseng membuat bentuk animasinya? Atau Anda ingin mencoba membuat animasi tapi tidak tahu caranya? Jika ya, ikuti tutorial berikut.

  1. Buka aplikasi Macromedia Flash Professional 8, kemudian buat dokumen baru dari menu File → New ( atau menekan Ctrl+N secara bersamaan).
    1
  2. Selanjutnya akan muncul jendela New Document. Pilih General Type → Flash Document → tekan OK.
    2
  3. Setelah menekan OK, tampilan akan menjadi seperti gambar dibawah ini. Ini adalah bentuk dari media kerja yang belum diberi sentuhan animasi.

    3

  4. Buat layer baru sebanyak 4 buah (klik icon yang ditandai dengan anak panah merah).
    4
  5. Kita membuat 4 layer karena tiap layer akan mewakili satu karakter animasi. Hal ini akan mempermudah proses pengerjaan dan proses pembuatan pola gerakan yang diinginkan. Hasilnya akan seperti gambar dibawah ini:

    5

  6. Beri nama masing-masing layer dengan klik ganda (double click) pada layer. Tujuan memberi nama untuk mempermudah dalam mengenali obyek yang akan digunakan. Misal : Layer 1 dinamai “Background”, Layer 2 dinamai “Merah”, Layer 3 dinamai “Kuning”, Layer 4 dinamai “Hijau”. Hasilnya seperti berikut:

    6

  7. Klik layer Background, pilih icon Rectangle Tool (tombol R). Rectangle Tool ini berguna untuk membuat bentuk persegi panjang maupun pendek.
    7
  8. Selanjutnya klik warna hitam pada icon Fill Color Tool.
    8Kemudian buat bentuk persegi panjang, dengan menahan mouse dan geser (drag) kebawah.

    9

  9. Klik layer Merah, pilih icon Oval Tool (tombol O) untuk membuat obyek lingkaran.
    11
  10. Beri warna merah di icon Fill Color Tool. Buat obyek lingkaran dengan klik kiri pada mouse, tahan, lalu geser (drag). Tekan tombol Shift selama menggeser mouse untuk membuat lingkaran bulat. Geser obyek lingkaran yang telah dibuat ke bagian tengah persegi panjang paling atas.

    12

  11. Pilih layer Merah, lalu tekan Ctrl + C. Pilih layer Kuning, kemudian tekan Ctrl + V untuk membuat salinan dari layer Merah. Tahan mouse dan geser (drag) lingkaran ketengah dan sejajarkan. Beri warna kuning pada lingkaran yang kedua.

    14

  12. Pilih layer Kuning, lalu tekan Ctrl + C. Pilih layer Hijau, kemudian tekan Ctrl + V untuk membuat salinan dari layer Kuning. Tahan mouse dan geser (drag) lingkaran ketengah dan sejajarkan. Beri warna hijau pada lingkaran yang ketiga.

    15

  13. Pilih layer Background, klik kanan pada frame 40, kemudian pilih Insert Keyframe. Insert Keyframe berguna untuk membuat salinan obyek dari frame 1 sampai frame 40.

    16

  14. Pada layer Merah lakukan hal yang sama tapi frame-nya berjarak 5, lakukan hingga mencapai frame 40. Hasilnya seperti berikut:

    1718

  15. Lakukan hal yang sama pada layer Kuning dan Hijau.
    20
  16. Hasil akhir dari proses Insert Keyframe akan seperti gambar dibawah ini:

    21

  17. Pilih layer Kuning. Klik frame 1, lalu ubah warna lingkaran layer Kuning menjadi abu-abu. Lakukan secara teliti karena proses ini akan menentukan terciptanya pergantian warna.

    22Hasil dari pemberian warna akan seperti ini:

    23

  18. Pilih layer Hijau. Klik frame 1, ubah warna menjadi abu-abu.
    24Hasilnya akan menjadi seperti ini:
    25
  19. Masih pada layer Hijau. Klik frame 5 kemudian beri warna abu-abu.
    26Hasilnya akan menjadi seperti ini:
    27
  20. Pilih layer Merah, klik frame 5 kemudian ubah warnanya menjadi abu-abu.

    28

    Hasilnya akan menjadi seperti ini:

    29

  21. Pilih layer Kuning, klik frame 5 kemudian beri warna abu-abu.

    30Hasil gambar akan seperti ini:

    31

  22. Pilih layer Merah, klik pada frame ke-5 lalu ubah warnanya menjadi abu-abu.

    32Hasil gambar akan seperti ini:
    33

  23. Ulangi tiap 5 frame hingga frame terakhir (frame 40) dengan memberi warna abu-abu pada titik merah di setiap frame sesuai gambar berikut:

    2 (2)Pastikan yang diberi warna abu-abu adalah titik merah, dan periksa kembali pekerjaan Anda dengan teliti.

  24. Selanjutnya blok layer Hijau hingga Merah dari frame 1 hingga frame 40 dengan menekan Shift + klik obyek frame 40 pada layer Merah.
    34Hasilnya seperti berikut:

    35

  25. Klik tab Properties di bagian bawah. Pada pilihan Tween, pilih Shape, kemudian tekan OK. Efek ini berguna untuk memperlambat/memperhalus gerakan yang terlalu kaku.
    36Hasil efek dari Shape akan berbentuk anak panah.

    37

  26. Tahap akhir, jalankan animasi yang sudah selesai dengan menekan Ctrl + Enter secara bersamaan.

    38

Sekian, semoga bermanfaat!

 
 (jun)

Leave a Reply

Your email address will not be published. Required fields are marked *