Mengenal Symbol dalam Flash

Bagikan:

Flash yang sekarang memiliki nama baru yakni Animate, pada dasarnya memiliki tiga jenis symbol yang sama dari dulu saat masih bersama Macromedia dan tak berubah hingga sekarang. Ketiga symbol tersebut adalah movie clip, button, dan graphic. Nah, berikut ini akan kita pelajari tentang mengenal symbol dalam Flash dan mempraktikkan cara membuat symbol-symbol tersebut.

Sebagai catatan, gambar di sini saya buat saat masih menggunakan Macromedia Flash 8. Namun, karena pada dasarnya sama dan tidak ada perubahan jenis symbol sampai sekarang, apapun versi Flash yang kalian pakai tidak ada masalah dan langkahnya masih relatif sama. Langsung cus yuuuk 😀

  1. Movie Clip
    Symbol Movie Clip mempunyai kemampuan untuk membuat animasi di dalamnya (animasi di dalam animasi) dan juga digunakan untuk animasi yang menggunakan script.
    Contoh pembuatan animasi dengan movie clip:

    • Import gambar kupu-kupu ke dalam stage melalui menu File > Import > Import to Stage.
      import kupu-kupu
    • Seleksi gambar lalu klik Modify ► Convert to Symbol ► Movie Clip. Beri nama dan tempatkan registration pada posisi tengah lalu klik OK.
    • Klik dua kali pada objek gambar kupu-kupu yang telah menjadi symbol graphic tadi sehingga kalian akan masuk ke bagian symbol graphic kupu di dalam Scene 1.symbol movieclip
    • Buat animasi pergerakan kupu-kupu mengepakkan sayap. Dari frame 5, 10, 15 diberi keyframe buat menjadi pendek
    • Kemudian di antara keyframe tersebut, buat motion tween dengan klik kanan > Create Motion Tween. Jika kalian menggunakan Flash CS 6 ke atas, sebaiknya pilih Create Classic Tween. Tampilan timeline kalian akan memiliki tanda panah seperti gambar di bawah ini.movieclip tween
    • Kembalikan ke Scene 1
    • Tes Movie (Ctrl + Enter). Animasi dapat berjalan karena Symbol Movie Clip bisa berfungsi walaupun hanya mempunyai 1 frame
  2. Symbol Button
    Sesuai artinya dalam bahasa Inggris, button difungsikan untuk dijadikan sebuah tombol. Mempunyai tampilan frame yang berbeda di dalamnya. Tampilan tersebut yakni Up, Over, Down, dan Hit yang memiliki fungsi berbeda.
    Contoh pembuatan objek dengan button:

    • Buat objek lingkaran dengan warna radial
      objek bola
    • Seleksi gambar lalu klik Modify ► Convert to Symbol ► Button. Beri nama dan tempatkan registration pada posisi tengah lalu klik OK
    • Klik dua kali (double click) pada objek lingkaran. Muncul symbol button tombol di dalam Scene 1
      symbol button
    • Beri keyframe di frame up, over, down, dan hit. Pada frame over ganti warna lingkaran menjadi merah radial. Di frame down warna biru radial dan di frame hit silver radial.
      posisi button
      Catatan:
      Up : tampilan awal
      Over : tampilan waktu disentuh
      Down : tampilan waktu ditekan atau diklik
      Hit : Area sentuh tombol
    • Kembalikan ke Scene 1
    • Tes Movie (Ctrl + enter)
  3. Symbol Graphic
    Symbol Graphic lebih banyak difungsikan untuk menjadi sebuah objek gambar.
    Contoh pembuatan objek dengan button:

    • Import gambar motor ke Stage
      import moge
    • Seleksi gambar lalu klik Modify ► Convert to Symbol ► Graphic. Beri nama dan tempatkan registration point pada posisi tengah lalu klik OK.
    • Klik dua kali (double click) pada objek gambar motor. Muncul symbol graphic moge di dalam Scene 1.
      symbol graphic
    • Insert keyframe pada frame 25 lalu geser objek motor ke sebelah kiri
    • Klik kanan di antara frame 1 dan 25 lalu pilih Create Motion Tween
    • Kembalikan ke Scene 1
    • Insert frame di frame 20 (symbol graphic membutuhkan frame lebeih dari satu untuk menjalankan animasi).
      insert frame
    • Test Movie (Ctrl + Enter)

Nah, itu tadi tentang mengenal symbol dalam Flash maupun Animate dan cara pembuatannya yang masih tetap relatif sama. Jika ada pertanyaan, jangan lupa tinggalkan jejak ya. Selamat belajar, Kawan 🙂

Bagikan:
4.5 2 votes
Rating Artikel
Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Umpan Balik Sebaris
Lihat semua komentar