GAMES TEBAK GAMBAR. Menggunakan Microsoft Powerpoint 2010

“GAMES TEBAK GAMBAR” Menggunakan Microsoft Powerpoint 2010

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

Pada tutorial ini akan dijelaskan cara membuat “Games Tebak Gambar”, sebuah game sederhana yang meminta pemainnnya untuk menebak gambar seseorang berdasarkan petunjuk yang ada. Game ini tidak dibuat menggunakan software yang membutuhkan bahasa pemograman seperti Adobe Flash maupun Visual Basic. Game ini dibuat hanya menggunakan Microsoft Powerpoint 2010. Saya hanya menggunakan beberapa penggunaan animasi dan fitur yang ada pada Microsoft Powerpoint 2010 untuk menciptakan game ini. Cukup sederhana, bukan??? Berikut adalah langkah-langkah membuat “Games Tebak Gambar”, mulai dari pembuatan loading, intro, tombol, halaman-halaman pada game serta penggunaaan animasi.

1. Langkah pertama adalah membuka Microsoft Powerpoint 2010, maka akan muncul tampilan awal dari Powerpoint 2010.

2. Kemudian ubah ukuran slide. Klik Design pada Toolbar lalu klik Page Setup

2

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

3. Pada jendela Page Setup, pilih “ On-screen Show (16-9)” pada Slides sized for lalu klik OK.

4. Kemudian ubah bentuk layout slide. Klik kanan pada slide lalu klik Layout, pilih Blank.

5. Ubah warna background slide. Klik Design pada Menu Bar lalu pilih Background Styles pada Ribbon.

3

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

6. Pada jendela Format Background, klik Color lalu pilih warna abu-abu gelap. Klik Apply to All

7. Hasil :

4

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

8. Langkah selanjutnya adalah membuat Loading. Klik Insert lalu klik Shapes kemudian pilih Rounded Rectangles

9. Kemudian buat persegi panjang pada slide.

10. Kemudian ubah format persegi panjang dengan mengklik persegi lalu pada Toolbar klik Format. Kemudian pada Shape Fill pilih No Fill,pada Shape Outline pilih Orange

5

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

11. Atur ketebalan Outline. Pada Shape Outline, klik Weight lalu pilih 41/2 pt

12. Hasil :

6

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

13. Buat satu lagi persegi panjang. Pada Shape Fill pilih More Fill Colors. Pada jendela Colors, atur seperti di bawah. Pada Shape Outline pilih No Outline

14. Atur posisi persegi panjang sehingga hasilnya seperti di bawah

15. Selanjutnya buat kata “LOADING”. Klik Insert lalu pilih Text Box.

7

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

16. Ketik “LOADING” pada slide.

17. Blok kata “LOADING” lalu atur fontnya “Calibri (Body)”, size “18”, Bold dan pilih warna Orange seperti gambar di bawah.

18. Hasil :

8

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

19. Selanjutnya memberikan animasi. Klik gambar persegi kedua (Persegi yang terakhir dibuat)

20. Klik Animation lalu klik Add Animation,pilih More Entrance Effects

21. Pada jendela Add Entrance Effect, pilih Wipe

9

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

22. Pada Effect Options pilih From Left

23. Agar animasi berjalan otomatis, pada Start pilih With Previous, lalu pada Duration atur menjadi “02.25”

24. Untuk melihat melihat animasi apa saja yang sudah digunakan, buka jendela animasi dengan mengklik Animation Pane

25. Maka akan muncul jendela animasi pada samping slide

10

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

26. Selanjutnya beri animasi pada kata “LOADING”. Klik kata “LOADING”. Kemudian klik Animation, lalu klik Add Animation. Pilih Lighten pada Emphasis

27. Pada Start pilih With Previous

28. Pada Animation Pane klik kanan pada Text Box, lalu pilih Effect Options. Pada jendela Lighten, klik Timing. Pada Repeat pilih Until End of Slide

11

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

29. Langkah selanjutnya adalah membuat halaman intro. Pertama-tama buat slide baru. Klik Home lalu pilih New Slide

30. Maka akan muncul slide baru.

31. Kemudian masukkan gambar. Di sini saya memasukkan Logo UNM. Klik Insert lalu pilih Picture

32. Kemudian pada jendela Open Picture, pilih gambar yang ingin dimasukkan.

12

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

33. Maka gambar akan berada pada slide

34. Kemudian klik gambar lalu klik Format. Pada Format klik Color lalu pilih warna Orange.

35. Ubah ukuran gambar. Pada Format ubah Height dan Width seperti berikut.

13

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

36. Hasil :

37. Kemudian berikan beberapa teks lalu atur formatnya sehingga hasilnya seperti ini.

38. Selanjutnya berikan animasi. Klik gambar, lalu klik Animations, pilih Zoom.

39. Kemudian pada Start pilih With Previous, lalu pada Duration atur menjadi “01.00”

14

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

40. Selanjutnya klik teks pertama “Universitas Negeri Makassar”, lalu klik Animations pilih Float In

41. Kemudian pada Start pilih After Previous, lalu pada Duration atur menjadi “00.75”

42. Untuk teks kedua dan ketiga, berikan animasi yang sama seperti pada teks pertama. Ikuti langkah kerja 40 – 41. 43. Selanjutnya, masukkan musik sebagai backsound pada Games. Klik Insert lalu klik Audio, pilih Audio From File

44. Pada jendela Insert Audio, pilih musik yang diinginkan lalu klik Insert

15

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

45. Kemudian klik Playback, beri tanda centang pada Hide During Show, Loop until Stopped, dan Rewind after Playing. Lalu pada Start pilih Play Across slides.

46. Hasil pada Animation Pane

47. Langkah selanjutnya membuat halaman Home. Pertama-tama buat persegi panjang sehingga hasilnya seperti di bawah.

16

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

48. Kemudian buat beberapa tombol. Klik Insert lalu klik Shapes, kemudian pilih Rounded Rectangle

49. Buat persegi panjang pada slide lalu klik Format, pada Shape Fill pilih warna. Lalu pada Shape Outline pilih warna

50. Hasil :

17

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

51. Selanjutnya masukkan kata ke dalam tombol. Klik Insert lalu pilih Text Box

52. Lalu klik di dalam tombol. Kemudian ketik “START”

53. Buat beberapa tombol. Ikuti langkah 48 – 52, sehingga hasilnya seperti ini.

54. Kemudian buat teks seperti di bawah.

18

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

55. Untuk memberikan efek glow pada kata “GAMES”, klik kata lalu klik Format, pilih Text Effects > Glow > More Glow Colors > Yellow

56. kemudian masukkan beberapa tanda “?”, sehingga hasilnya seperti berikut.

19

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

57. kemudian masukkan gambar, sehingga hasilnya seperti ini

58. kemudian klik kedua gambar, lalu klik Format, klik Send Backward lalu pilih Send to Back

59. Hasil :

20

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

60. Langkah selanjutnya memberikan animasi. Klik kata “GAMES”, lalu klik Animation pilih Lighten

61. Pada Start pilih With Previous

62. Pada Animation Pane klik kanan pada TextBox, lalu pilih Effect Options. Pada jendela Lighten, klik Timing. Pada Repeat pilih Until Next Click

63. Selanjutnya berikan animasi pada gambar. Klik gambar, lalu klik Animation pilih Teeter

64. Atur Start dan Duration seperti berikut

21

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

65. Pada Animation Pane klik kanan pada TextBox, lalu pilih Effect Options. Pada jendela Teeter, klik Timing. Pada Repeat pilih Until Next Click

66. Berikan animasi yang sama pada gambar kedua. Ikuti langkah 63 – 65. 67. Hasil pada Animation Pane

68. Langkah selanjutnya adalah membuat halaman Start. Buat slide baru. Lalu masukkan beberapa gambar, teks dan bentuk pada slide sehingga hasilnya seperti ini

22

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

69. Selanjutnya beri animasi Pulse pada tombol “SELEBRITI”.

70. Pada Start pilih On Click

71. Pada Trigger pilih On Click of lalu pilih Group 16. Group 16 adalah label dari tombol “SELEBRITI”. Pada bagian ini pilih sesuai dengan label dari teks maupun tombol yang diberikan animasi. Trigger berfungsi menjalankan animasi saat tombol maupun teks yang dipilih diklik.

23

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

72. Lakukan hal yang sama pada tombol “TOKOH” dan tombol “ATLETIT”. Ikuti langkah 69 – 71. Pada bagian On Click Of pada Trigger pilih sesuai dengan label dari tombol. 73. Hasil pada Animation Pane

74. Langkah selanjutnya adalah membuat halaman Help. Buat slide baru lalu masukkan beberapa gambar, teks, tombol , dan bentuk sehingga hasilnya seperti berikut.

24

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

75. Buat dua lagi halaman Help. Kita tidak perlu lagi membuat halaman baru tetapi kita akan menduplikat halaman Help. Klik kanan halaman Help pada Slides, lalu pilih Duplicate Slide.

76. Selanjutnya kita tinggal mengubah isi pada halaman Help kedua dan ketiga. 

Help Kedua

25

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint



Help Ketiga

77. Selanjutnya buat halaman About seperti berikut.

78. Kemudian buat halaman Exit seperti berikut.

26

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

79. Karna halaman Start, About, Help dan Exit sudah dibuat, maka selanjutnya memberikan hyperlink kepada tombol yang ada pada halaman Home.

80. Klik tombol “Start” lalu klik Insert pilih Action

81. Pada jendela Action Settings klik Hyperlink to, lalu pilih Slide. Pada jendela Hyperlink to Slide pilih slide sesuai dengan slide yang akan dituju oleh tombol.

27

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

82. Untuk memberikan bunyi pada tombol, centang Play Sound pada Action Settings lalu pilih “Click.wav”

83. Lakukan hal yang sama pada tombol yang lain. Ikuti langkah 80 – 82. Hanya pada bagaian Hyperlink to Slide, sesuaikan dengan slide yang akan dituju tombol 84. Pada tombol “Ya” di halaman Exit, berikan hyperlink.

85. Pada jendela Action Settings klik Hyperlink to, lalu pilih Last Slide. Last Slide adalah halaman yang berada pada slide terakhir.

28

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

86. Untuk tombol “Tidak” berikan hyperlink menuju halaman Home. 87. Langkah selanjutnya adalah membuat halaman untuk Game. Buat halaman seperti berikut.

88. Kemudian berikan hyperlink pada tombol-tombol ini. Tombol “Home” menuju ke halaman Home, Tombol “Exit” menuju ke halaman Exit, Tombol “Start” menuju ke halaman Start lalu “

” menuju ke “Next Slide”

89. Selanjutnya masukkan foto, lalu atur posisinya seperti berikut

29

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

90. Selanjutnya berikan bentuk persegi panjang mirip tirai-tirai hingga menutupi gambar seperti di bawah.

91. Kemudian hapus salah satu tirai pada slide seperti berikut.

92. Lalu berikan animasi pada tirai-tirai yang menutupi gambar. Klik tirai nomor “0” lalu berikan animasi Exit yaitu Random Bars.

30

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

93. Lalu berikan Trigger sesuai dengan label tirai nomor “0”

94. Lakukan hal yang sama pada tirai-tirai yang lain seperti pada langkah 92 – 93. 95. Setelah kesemua tirai diberikan animasi , selanjutnya masukkan kata “Next”.

31

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

96. Selanjutnya jadikan gambar dan kata sebagai group, dengan cara klik kata dan gambar lalu klik Format, kemudian klik Group lalu pilih Group

97. Kemudian berikan hyperlink “Next Slide” kepada kata “Next” 98. Selanjutnya klik tombol “Justin Bieber” untuk memberikan animasi. Tombol ini merupakan jawaban yang benar dari game. Oleh karna itu tombol ini mempunyai tampilan yang berbeda saat diklik.

99. Kemudian klik Animation pilih Pulse

101. Pada Start pilih On Click

32

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

1012. Kemudian klik gambar.

103. Lalu berikan animasi Float In.

104. Lalu pada Start pilih With Previous

105. Lalu pada Animation Pane, letakkan animasi Float In ini berada di bawah animasi Pulse tombol “Justin Bieber”

33

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

106. Kemudian masukkan gambar sesuai dengan gambar yang ditutup tirai. Lalu atur posisi gambar di atas tirai.

107. Lalu berikan animasi Fade

108. Pada Start pilih After Previous

109. Lalu pada Animation Pane, letakkan animasi Fade ini berada di bawah animasi Float In tombol “Justin Bieber”

34

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

110. Selanjutnya berikan animasi pada tombol lain. Ketiga tombol ini adalah tombol untuk jawaban yang salah. Klik tombol

111. Berikan animasi Pulse

112. Lalu berikan Trigger

35

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

113. Pada Start pilih On Click

114. Kemudian buat persegi panjang seperti berikut

115. Kemudian klik Format, lalu klik Shape Outline, pilih warna kuning. Kemudian klik Weight pilih 6 pt. Lalu pada Dashes pilih Round Dot

36

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

116. Hasil :

117. Kemudian isi kata pada persegi seperti di bawah

118. Lalu klik persegi dan kata, kemudian jadikan group

37

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

119. Setelah kata dan persegi menjadi group, selanjutnya berikan animasi Zoom

120. Pada Start pilih After Previous

121. Lalu pada Animation Pane, letakkan animasi Zoom ini berada di bawah animasi Pulse tombol ini

122. Selanjutnya berikan hyperlink kepada kata “Start” menuju halaman Start lalu kata “Exit” menuju halaman Exit. 123. Untuk tombol “Charlie Puth” dan tombol “Austin Mahone”, lakukan hal yang sama seperti pada langkah 111 – 113. Untuk gambar persegi “Game Over”, kita tinggal menduplikatnya saja. Tetapi pastikan pada Animation Pane, animasinya berada di bawah animasi Pulse tombol, baik pada tombol “Charlie Puth” maupun tombol “Austin Mahone”. 124. Buat beberapa halaman sesuai dengan kategori yang ada. Di sini saya memberikan 6 soal gambar untuk kategori Selebriti, dan masing-masing 5 soal untuk kategori Tokoh dan Atletit.

38

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

125. Hasil pada Slides

126. Setelah semua halaman game dibuat, maka langkah selanjutnya adalah membuat slide terakhir. Slide ini merupakan slide penutup saat tombol “Ya” ditekan pada halaman Exit. 127. Buat seperti slide di bawah.

39

Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

128. Lalu berikan animasi Grow & Turn.

129. Pada Start pilih With Previous, kemudian pada Duration ubah menjadi “01.00”

130. Langkah terakhir adalah menghilangkan layar hitam “End of Slide Show, click to exit” pada bagian terakhir saat slide telah selesai ditampilkan. 131. Klik File lalu pilih Options. Lalu pada jendela Powerpoint Options klik Advanced, kemudian hilangkan tanda centang pada End With Black Slide

Berikut adalah tutorial dalam membuat “Games Tebak Gambar” menggunakan Microsoft Powerpoint 2010. Semoga tutorial ini dapat membantu. Sekian dan Terima Kasih.

40