TUTORIAL MEMBUAT

QUIZ TEBAK GAMBAR

MENGGUNAKAN ADOBE FLASH

1. Buka software Adobe Flash di laptop kalian

2. Pada menu Create New pilih “Flash File (ActionScript 2.0)

3. Maka akan muncul seperti gambar di bawah ini.

Tutorial Membuat Quiz Tebak Gambar | 1

4. Sebelum kita mulai, kita masukan gambar-gambar yang kita butuhkan. Cara
memasukan gambar yaitu kita klik menu “File”  pilih “Import”  dan klik
“Import to Library”. Kemudian kita cari gambar

Ini gambar-gambar yang akan dimasukan ke dalam Adobe Flash

Kemudian kita klik “Open”, lalu pada Library akan muncul seperti ini.

Tutorial Membuat Quiz Tebak Gambar | 2

5. Untuk backgroud klik “Rectangle Tool” lalu kita buat kotak sesuai ukuran Stage,
lalu ubah nama “Layer 1” menjadi “Background”. Untuk warna sesuai keinginan
kalian.

6. Tambahkan gambar pada gambar untuk background, dengan cara dari Library
kita tarik gambar “girl” ke Stage.

Maka hasilnya seperti di bawah.

7. Kita tambah layer, dengan cara klik Icon “Insert Layer”

Tutorial Membuat Quiz Tebak Gambar | 3

8. Pada Layer 1 dan Frame 1 kita buat desain untuk menu utama, dan buat 2 kotak
untuk Button/Tombol “Main” dan “Keluar”.

9. Pada kotak ke- 1 klik kanan, pilih “Convert to Symbol”, ubah Name menjadi
“Main”, Type menjadi “Button”, dan Registration menjadi “Center”. Lakukan hal
yang sama untuk kotak ke-2. Tetapi untuk kotak ke-2 Name menjadi “Keluar”.

10. Tambahkan teks menggunakan “Text Tool”, pada kotak ke-1 tambahkan text
“Main” dan kotak ke-2 tambahkan text “Keluar”.

Tutorial Membuat Quiz Tebak Gambar | 4

11. Klik Layer “Background” kemudian klik kanan pada Frame 8, pilih “Insert
Frame”. Agar background tetap tampil sampai Frame 8.

12. Klik Layer 1 klik kanan pada Frame 2  pilih “Insert Blank Keyframe”.

13. Klik Layer 1 pada Frame 2, buatlah desain seperti ini menggunakan tool “Rectangle
Tool” dan “Text Tool”. Untuk memasukan gambarnya, kalian tinggal tarik dari
Library ke Stage.

Tutorial Membuat Quiz Tebak Gambar | 5

14. Klik kanan pada kotak ke-1, kemudian pilih “Convert to Symbol”, ubah Name
menjadi “A”, Type menjadi “Button” dan Registration menjadi “Center”. Lakukan
hal yang sama pada kotak-2 sampai kotak ke-4.

15. Klik “Text Tool” untuk menambahkan text pada setiap kotak untuk pilihan
jawabannya.

Tutorial Membuat Quiz Tebak Gambar | 6

16. Klik kanan pada kotak ke-1  pilih “Action”.

Klik “Script Assist” kemudia masukan Script di bawah ini. Lakukan hal yang sama
pada kotak yang lainnya.

Kecuali pada kotak jawaban benar, Script nya pada gambar dibawah ini.

17. Klik kanan pada Frame 2, pilih “Action” dan masukan script “Stop()” seperti
gambar di bawah.

Ulangi langkah ke -12 untuk membuat soal berikutnya.

Tutorial Membuat Quiz Tebak Gambar | 7

18. Klik Layer 1 Frame 1, klik kanan pada kotak “Main"  pilih “Action”  masukan
script “ on (press){ gotoAndPlay(2);}”.

19. Klik Layer 1 Frame 1, klik kanan pada kotak “Keluar"  pilih “Action” 
masukan script “ on (press){ facommand("quit",true); }”.

20. Klik kanan Layer 1 pada Frame 1  pilih “Action” masukan script “ stop();
score=0; ”.

Jika sudah membuat 5 soal. Maka kita akan menghitung nilai yang akan
diperoleh.

Tutorial Membuat Quiz Tebak Gambar | 8

21. Klik kanan pada Frame 7, kemudian klik “Insert Blank Keyframe”

22. Tambahkan text “Score” menggunakan “Text Tool”.

23. Tambahkan lagi Text dengan cara klik “Text Tool” dan klik di Stage, kemudian
atur pada Properties seperti gambar dibawah ini.

Tutorial Membuat Quiz Tebak Gambar | 9

24. Kemudian ukuran “Text Tool” di besarkan.

25. Klik kanan pada Frame 7  pilih “Action” dan masukan script “ stop();
nilai=score*20; ”

26. Untuk menjalankan Program tekan “CTRL+ENTER”.

27. Selesai

Hasil

Frame 1 Frame 2

Tutorial Membuat Quiz Tebak Gambar | 10

Frame 3 Frame 4

Frame 5 Frame 6

Frame 7

Tutorial Membuat Quiz Tebak Gambar | 11