GAMES TEBAK GAMBAR - ernyohanes.files.wordpress.com...Kemudian klik gambar lalu klik Format. Pada...

40
“GAMES TEBAK GAMBAR” Menggunakan Microsoft Powerpoint 2010

Transcript of GAMES TEBAK GAMBAR - ernyohanes.files.wordpress.com...Kemudian klik gambar lalu klik Format. Pada...

  • “GAMES TEBAK GAMBAR”

    Menggunakan Microsoft Powerpoint 2010

  • 2 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

  • 3 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.

  • 4 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 :

  • 5 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

  • 6 Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

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

    12. Hasil :

  • 7 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.

  • 8 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 :

  • 9 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

  • 10 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

  • 11 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

  • 12 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.

  • 13 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.

  • 14 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”

  • 15 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

  • 16 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.

  • 17 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 :

  • 18 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.

  • 19 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.

  • 20 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 :

  • 21 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

  • 22 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

  • 23 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.

  • 24 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.

  • 25 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

  • 26 Tutorial Membuat “Games Tebak Gambar” Pada Powerpoint

    Help Ketiga

    77. Selanjutnya buat halaman About seperti berikut.

    78. Kemudian buat halaman Exit seperti berikut.

  • 27 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.

  • 28 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.

  • 29 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

  • 30 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.

  • 31 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”.

  • 32 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

  • 33 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”

  • 34 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”

  • 35 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

  • 36 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

  • 37 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

  • 38 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.

  • 39 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.

  • 40 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.