Tutorial Cara Membuat Media Bahan Pembelajaran di Flash

1. Buka Aplikasi Adobe Flash (saya menggunakan Flash CS6). Pilih Actionscript 2.0

2. Pada bagian Properties, ubah ukuran area kerja(kotak warna putih yang biasanya terletak di
tengah) di "Size" menjadi 800 x 600 (satuan yang digunakan pixels).
3. Secara default, dokumen flash memiliki satu layer bernama Layer 1. Ubah nama layer 1
menjadi BG atau Baground dengan klik 2 pada layer 1, karena kita akan menambahkan
sebuah baground.

Untuk memasukkan gambar ada 2 cara, yaitu dengan Import to Stage atau Import to Library.
untuk to Stage gambar akan langsung masuk di area kerja sedangkan to Library akan
otomatis tersimpan pada bagian Library lalu untuk memasukkannya dengan menggeser/drag
gambarnya ke area kerja. Dan sesuaikan dengan size baground yaitu 800x600.

Lalu tambahkan layer baru dengan langkah klik tombol new layer dan ganti jadi menu 1

Buatlah tombol berbentuk apa saja, sesuai keinginan. Didalam tutorial ini, saya menggunakan
tombol yang berbentuk persegi dengan sudut yang melingkar, maka saya gunakan Rectangle
Tool dan mengatur Rectangle Options nya. Saya atur menjadi 50,00. Jika sudah selesai,
mulailah membuat grafik untuk tombol.
Duplikat layer button sebanyak menu yang akan dimasukkan.caranya klik kanan pada layer
menu 1 lalu pilih duplikat layer. Misalkan ada 3 menu yang akan dibuat, berarti Menu pun
harus ada 3.Disini saya menentukannya dengan nama layer Menu 1, Menu 2, dan Menu 3.
Terserah saja, yang penting dapat menjadi tanda sesuai isi layer agar dapat mempercepat
proses pembuatan media pembelajaran interaktif dengan flash.

Selanjutnya Convert tombol menu menjadi button, tekan F8 atau mouse kanan lalu
pilih Convert to symbol.. ganti nama menjadi Menu 1.
 Lakukan juga untuk tombol menu 2 dan tombol menu 3

Untuk merubah menjadi Button Klik mouse 2x pada symbol button (tombol menu), lalu
tentukan Up, Over, Down, dan Hit nya. Penjelasannya sebagai berikut:

Up, tampilan button awal sebelum mouse pointer bergerak atau menekan mouse kiri
Over, tampilan button ketika mouse pointer mengarah kepada button yang tertunjuk
Down, tampilan button saat kita tekan mouse kiri (biasanya tampil seperti efek
tombol yang ditekan, dengan cara memperkecil ukuran button pada frame Down
Hit, menentukan area yang dapat dideteksi oleh mouse pointer.
Klik kanan pada UP, Over, Down dan HIT lalu pilih Insert Keyframe
Buatlah teks yang bertulisan Menu 1 menggunakan teks tool

Selanjutnya klik kanan lalu pilih insert keyframe pada menu Up, Over, Down, dan Hit nya.

Lakukan hal yang sama untuk tombol Menu 2 dan tombol Menu 3

Buatlah keyframe untuk memasukkan materi pembelajaran. Sebelumnya, pastikan kita sudah
mempersiapkan layer baru. Jika ingin menambahkan animasi, buatlah animasi terlebih
dahulu, setelah itu masukkan materi dalam bentuk teks bahkan gambar.
Lalu pada layer 4 buatlah lembar untuk isi materi menggunakan rectangle tool sesuaikan
warna yang di sukai.

Gambar isi materi kita convert ke symbol pilih type grafhic dan buat nama frame, bisa di atur
sesuai keinginan
Dan pindahkan dari frame 1 ke posisi frame 2, lalu insert keyframe ke frame 5 misalkan.
 Selanjutnya tambahkan satu buah layer baru lagi lalu insert keyframe pada frame ke 5 dan
frame ke 10 lalu buatlah teks materi dengan menggunakan teks tool. Isikan kedalam kolom
materi yang sudah dibuat

Pada frame ke 10 kita klik kanan lalu pilih actions yang fungsinya untuk memberikan
actionsskript pada layer frame tersebut
 Dari actions itu kita pilih actions stop untuk membatasi frame menu 1

Lalu kita tambahkan actions, tapi yang kita pilih tombol menu 1 dengan klik kanan lalu pilih
actions,

Lalu kita klik menu on lalu pilih press dan menu gotoandplay lalu isikan (2)
on (press) {
gotoAndPlay(nomor_frame);
}
Ganti nomor_frame dengan angka nomor frame sesuai dengan media pembelajaran milik kalian.

Kita lanjutkan dengan meng-klik kanan pada layer BG lalu pilih actions dan pilih stop untuk
membatasi frame
stop();

Selanjutnya untuk menu 2 dan menu 3 kita lakukan dengan cara singkat yaitu hanya dengan
men-duplikat-kan saja layer yang sudah jadi.

Dengan cara klik kanan pada layer 4 dan pilih duplicate layer
 Lalu grag ke layer paling atas dan kita geser ke frame 11

Lakukan hal sama untuk layer 5

Buat layer yang tidak penting bisa kita remove frame (Hapus)
 Kita lanjutkan ke Menu 2

Pada layer 5 yang sudah di duplicate pada frame ke 19 isi materi kita ganti dengan klik 2x
pada teks lalu isikan teks.

Kembali kita isikan actionskript. Sama langkahnya seperti Menu 1.

Kita klik kanan pada tombol Menu 2 lalu kita pilih actions

Hanya saja pada gotoandplay (19) mengikuti akhir frame

 Untuk Tombol Menu 3 lakukan hal yang sama seperti tombol menu 1 dan menu 2

Selanjutnya kita buatkan tombol kembali (Home)

Langkah awal tambahkan new layer atau layer baru, lalu kita buatkan tombol home dan kita
klik kanan pilih convert to symbol.

Ganti nama jadi Home pilih type Button

Kembali klik 2x tombol lalu buatkan teks Home, insert keyframe selanjutnya dan atur

Lalu kita masukan actionskript

Klik kanan tombol Home pilih actions

 Lalu kita masukan on press dan gotoandplay (1)

(1) Untuk kembali ke frame pertama

Setelah selesai semua kita lanjutkan untuk penyimpanan menjadi aplikasi yang bisa di buka
kapan saja.

Langkahnya

1. Klik menu file pilih Publish Settings

2. Pilih atau ceklist pada Win Projector lalu klik tombol Publish tunggu sampai selesai

3. Setelah selesai klik tombol ok.

4. Hasilnya menjadi Application