tutorial : membuat animasi belajar interaktif dengan adobe flash

pada tutorial adobe flash kali ini saya akan share bagaimana caranya membuat animasi belajar interaktif dengan menggunakan photoshop. Sobat pasti pernah dong melihat sebuah gambar yang bisa bergerak, yang menjadi media pembelajaran. Ternyata gambar bergerak seperti itu bisa dibuat dengan sangat mudah dengan bantuan software adobe flash. Tapi semudah apapun itu, bila tidak tahu rumusnya akan merasa kesulitan untuk membuatnya. Nah di tutorial adobe kali ini saya akan sedikit share rumusan-rumusan membuat gambar bergerak dengan menggunakan software adobe flash. pertama-tama  buka Adobe Flash anda, di sini saya menggunakan versi Adobe Flash terbaru CS5, anda juga dapat menggunakan CS4, CS3, Flash 8, atau versi lama lainnya.
Berikut screenshotnya:



Buka program flash tentunya, ctrl + J (untuk mengatur ukuran)

setelah itu pada layer 1 ganti dengan nama background (double klik)
sisipkan gambar tersebut pada frame 1, sesuai keinginan anda
caranya:
file>> import>> import to library (file gambar yang kamu simpan)>> select yang gambar yang anda inginkan>> insert




klik kanan pada frame 61
selanjutnya buatlah 2 layer baru
klik ikon insert layer tersebut dibawah layer
pada layer 2 ganti nama dengan loading dan untuk layer 3 ganti nama dengan icon

untuk layer 2 (membuat loading)
sisipkan gambar pada stage tsb , setelah itu ditengahnya beri warna merah(ctrl+g) dan diframe 1 klik kanan>> motion tween>> warna merah tsb kita geser dengan anak panah pada keybord, arahkan kekiri >> klik kanan diframe 50>> keyframe (gambar tsb akan berjalan kearah yang kita mau)

untuk layer 3 sebelum anda membuat layer 3 ini, sebaiknya anda perlu menyiapkan gambar dan membuat tombol pada stage tsb
sisipkan gambar tersebut pada frame 50, sesuai keinginan anda
caranya:
file>> import>> import to library (file gambar yang kamu simpan)>> select yang gambar yang anda inginkan>> insert




dan cara membuat gambar tsb menjadi tombol, seperti cara pada scrennshot ini:

membuat tombol menu, seperti gambar di bawah ini

Langkahnya sama seperti diatas, tinggal menyorot gambar yang sudah di import pada library dan gambar diatas dibuat tombol (langkahnya seperti diatas tadi)
Sebelum kita memasukkan tombol materi pada setiap menu tsb, kita memasukkan gambar-gambar yang sudah disapkan tadi, seperti dibawah ini:



Setelah itu kita memasukkan scriptnya disetiap tombol menu tadi,
Untuk menu MULAI BELAJAR,
klik kanan pada layer icon di frame terserah (karena sama saja) diframe berapa, klik kanan pilih action,seperti gambar dibawah ini:



Setelah itu:



Selanjutnya tombol menu tadi di beri scriptnya, (ma’af ya kami hanya mencontohkan 1 menu saja karena langkahnya sama saja)
Disini kami mencontohkan pada menu MENGENAL NAMA BINATANG

cari tombol MENGENAL NAMA BINATANG, disini kami menamai btnbinatang, klik pada tombol setelah itu tulis scriptnya, seperti gambar dibawah ini:

nah selanjutnya menempatkan 1/1 materi pada masing-masing gambar hewan yang sesuai, disini kami hanya mencontohkan binatang buaya, cari tombol buaya, disini kami menamai btnbuaya, klik pada tombol setelah itu tulis scriptnya, seperti gambar dibawah ini:

selanjutnya memberi script pada menu tombol kembali
seperti gambar dibawah ini:



ok, semua langkah pada tombol ini sama, jadi tak perlu untuk menambahinya.
Dan ini adalah tim penyusun pembuatan animasi tsb:



Setelah semua animasi yang dibuat tadi sudah selesai, kita coba untuk mengeksekusinya, dengan cara ctrl+Enter,,,,,
Semoga bermanfaat. selamat mencoba :)  Jangan lupa tinggalkan komentar dan saran yang baik untuk arikel kali ini.

Related Posts:

Tweet