Teknik Animasi 2D dan 3D – Tutorial Adobe Flash

Berjumpa kembali di kanal desain.grafis, kali ini kita akan membahas tutorial belajar Flash. Bagaimana membuat animasi sederhana menggunakan Adobe Flash. Teknik yang digunakan untuk membuat animasi ini adalah animasi keyframe, Apa itu animasi keyframe ?kalau saya pribadi menyebut bahwa animasi keyframe itu adalah animasi yg dibuat dari kumpuluan keyframe, dimana disetiap keyframe itu diberi objek yg berbeda.

KI KD Multimedia Kurikulum 2013 Revisi 2017

Struktur Kurikulum Multimedia Kurikulum 2013 Revisi 2017

Tutorial kali ini untuk pemula namun agak sedikit menengah, sehingga jika ada beberapa yang belum mengerti saya sarankan Anda untuk melihat tutorial-tutorial pembelajaran flash yang dasar. Silahkan menuju link http://desain.ilmuwebsite.com/search/label/Adobe%20Flash

  1. Buat dokumen baru lalu berinama terserah Anda.

  1. Kemudian import file gambar kedalam library.

Perlu di ketahui bahwa didalam adobe flash ada 4 jenis import file yang pertama Import to Stage artinya file akan import dan langsung ditampilkan kedalam stage, yang ke-2 adalah Import to Library maksudnya file yang diimport tidak langsung ditampilkan kedalam stage akan tetapi file disimpan didalam panel  library, yang ke-3 Open External Library maksudnya mengimport file dari panel library pada dokumen flash yang lain dan nantinya akan masukkan pada panel library, dan yang terakhir adalah Import Video artinya adalah mengimport file video yang kemudian video tersebut langsung ditampilkan pada stage.

  1. Baik sekarang kita akan gunakan saja import to Library karena kita akan mengimport banyak file, jadi file harus disimpan dulu pada library sebelum nantinya digunakan pada stage.
  1. Berikut adalah cara import file, pilih menu File kemudian anda pilih Import to Library.
  1. Lalu akan muncul dialog atau windows Import to Library seperti terlihat pada gambar dibawah Kemudian disitu cari file yang akan diimport. (untuk file gambarnya nya anda dapat download disini)
  1. Jika import berhasil, kita lihat panel library pasti disana terdapat gambar yang kita import barusan.

  1.  Selanjutnya kita akan coba buat animasinya. Tapi sebelumnya kita ganti dulu nama Layer 1 menjadi karakter. Untuk mengganti nama layer tentunya anda masih ingat bukan, jika anda lupa silahkan anda buka kembali tutorial sebelumnya yang berjudul Belajar Flash: Menggambar Keindahan Gurun Pasir Untuk Background Animamsi.
  1. Jika sudah mengganti nama layer lalu kita masukan gambar yang diimport pada libary tadi kedalam stage, caranya adalah anda cukup klik lalu geser gambar kedalam stage, atau anda dapat klik 2x gambar tersebut
  1. Lalu kita atur posisi gambar pada stage. Agar posisi gambar sama maka buat garis bantu pada stage atau istilahnya adalah guide. Untuk menampilkan guide anda harus menampilkan dulu rules pada worksapce anda.

  1. Untuk menampilkan rules caranya adalah anda pilih menu view kemudian pilih rules
    Cukup sekian pembahasan animasi keyframe kali ini. Semoga bermanfaat.
  1. Jika rules sudah muncul lalu tarik ke bawah ke arah stage untuk membuat guide horizontal,  lalu klik rules yang sebelah kiri kemudian tarik ke kanan ke arah stage untuk membuat guide vertikal, untuk lebih jelasnya dapat dilihat pada gambar dibawah ini.

  1. Jika pembuatan guide sudah selesai. Lalu kita tambahkan blankKeyFrame pada Layer Karakter di frame 3, cara untuk menambahkan blankKeyFrame adalah klik kanan pada frame tersebut kemudian pilih InserBlanktKeyFrame  atau anda tekan F7 pada keyboard untuk menambahkan BlankKeyFrame
  1. Jika keyframe sudah terbuat masukan gambar ke-2 kedalam stage.

  1. Selanjutnya lakukan hal yang sama yaitu tambahkan keyframe pada frame selanjutnya masing-masing keyframe beri jeda 1 frame (misalnya 1,3,5,….) kemudian masukan gambar lainnya pada keyframe tersebut.
  1. Untuk keyframe yang terakhir (frame 15) tambahkan satu frame didepannya (frame 16) untuk memberi jeda agar sama dengan yang lainnya sebelum nanti kembali lagi untuk membaca frame satu. Untuk lebih jenaslnya dapat dilihat gambar dibawah ini.

  1. Berikut adalah hasil akhirnya.

  1. Jika sudah selesai silahkan anda test movie, untuk melihat animasinya. Untuk melakukan test movie anda dapat menekan tombol CTRL + Enter.

10 Comments on “Teknik Animasi 2D dan 3D – Tutorial Adobe Flash”

  1. I know a game ԝe are able tо plaу that is like Daddy
    is talking about.? Mommy mentioned makіng each
    boys need to know the sport a lot. ?It?s referred to
    as ?What is the smɑrtest tһiong about God. Аnd each of us has to provide you wіth one really gгeat
    point we like about Gⲟd. Who needs to go first??
    Lee and Larry jumped and sһouted ?МE ME!? waνing their arms within the air likе they do at schooⅼ.
    Finally, Mommy said, ?Properⅼy Lee, since youre two minutes оlder than Larry, yoou can go first.

  2. With havin so much written content do you ever run into any problems of plagorism or copyright infringement?

    My site has a lot of completely unique content I’ve either written myself or outsourced but it looks like a lot of
    it is popping it up all over the web without my agreement.
    Do you know any techniques to help prevent content from being stolen? I’d really appreciate it.

  3. Oh my goodness! Awesome article dude! Thank you so much, However
    I am experiencing troubles with your RSS. I don’t understand why
    I am unable to join it. Is there anybody getting similar RSS
    problems? Anyone who knows the solution can you kindly respond?


  4. Heya! I just wanted to ask if you ever have
    any issues with hackers? My last blog (wordpress)
    was hacked and I ended up losing months of hard work due to no back up.

    Do you have any solutions to protect against hackers?

Leave a Reply

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