Tutorial &mdash; VN Blog https://qua.name/vn-blog/tag:Tutorial Semua Tentang Visual Novel & Kinetic Novel Thu, 23 Jul 2026 01:16:54 +0200 Tutorial LibreOffice Impress 01: Membuat Visual Novel dengan LibreOffice Impress https://qua.name/vn-blog/tutorial-libreoffice-impress-01-membuat-visual-novel-dengan-libreoffice-impress <![CDATA[Gambar: Ikon LibreOffice !--more-- Daftar Isi Pembuka Membuat Visual Novel Hasil Game Penutup Pembuka Halo, teman-teman. Di postingan kali ini saya akan memberikan tutorial cara membuat game Visual Novel dengan menggunakan LibreOffice Impress. Jika kalian ingin mengetahui review saya tentang aplikasi LibreOffice Impress ini, kalian bisa melihat postingan saya sebelumnya yang berjudul “[Review] LibreOffice Impress, Alat Murah untuk Bikin Visual Novel”. Oke, tanpa basa-basi lagi, ayo mulai! Membuat Visual Novel Disini saya akan membuat Visual Novel pendek. Visual Novel ini terinspirasi dari Visual Novel yang tersedia bersama dengan game engine Ren’Py, The Question. Saya akan buat “The Question” versi saya ini lebih pendek & berlatar belakang disebuah kamar tidur. Kalian bisa mengunduh aset yang saya pakai, link-nya ada dibagian Hasil Game. Oke, kita mulai. Buka LibreOffice Impress. Jika di kalian muncul jendela seperti di gambar dibawah, klik tanda silang atau klik “Cancel”, karena kita tidak akan menggunakan template apapun. LOIVNTutorial01-01 Simpan dokumen kalian, untuk kasus ini akan saya simpan dengan nama “LibreOffice Impress VN Tutorial 01 v1” dengan format bawaan yaitu “.odp”. LOIVNTutorial01-02 Untuk memasang gambar background, caranya dengan meng-klik kanan pada halaman presentasi, lalu klik “Properties...”. Pastikan di bagian “Page”, “Paper Format” , formatnya “Screen 16:9” dan orientasinya “Landscape”. LOIVNTutorial01-03 Klik tab “Background” lalu klik “Bitmap” dan klik “Add / Import”. LOIVNTutorial01-04 Cari gambar backgroundnya, kalau sudah ketemu klik “Open”. LOIVNTutorial01-05 Jika jendela seperti di gambar dibawah keluar, kalian bisa langsung meng-klik “OK” atau kalian juga bisa mengganti namanya dulu. LOIVNTutorial01-06 Kalian bisa mengatur ukuran backgroundnya, kalau sudah klik “OK”. Buat kotak dialognya dengan shape. Kalian bisa memilih bentuk shapenya, kalau saya akan memilih bentuk shape yang persegi panjang. 10. Taruh kotak dialognya dibagian tengah bawah dari halaman presentasi. Untuk menengahkan kotak dialognya, kalian bisa meng-klik ikon segitiga disebelahnya ikon “Align” lalu klik ikon “Centered”. LOIVNTutorial01-07 11. Hapus text box “Click to add Title” dan text box “Click to add Text”. 12. Kotak dialognya akan saya buat agak transparan dan akan saya berikan gradient. Caranya klik kotak dialognya, lalu klik kanan dan pilih “Edit Style...”. 13. Klik tab “Transparency” lalu klik “Transparency:”. Isi “Transparency” sesuai selera. LOIVNTutorial01-08 14. Untuk membuat gradientnya, klik tab “Area”, klik di dalam bagian “Gradient”. Ganti “Angle”-nya menjadi “0°” lalu ganti warnanya sesuai selera. Disini saya akan ganti warnanya menjadi “From Color: Dark Gray 2” dan “To Color: Black”. Lalu klik “OK”. LOIVNTutorial01-09 15. Jika kalian merasa “Transparency” dari kotak dialognya terlalu transparan, kalian bisa merubahnya. Saya akan mengubah “Transparency”nya menjadi “25%”. 16. Salin kotak dialognya lalu letakkan diatas kotak dialog pertama. Kecilkan ukurannya. Kotak dialog ini akan kita gunakan untuk menampilkan nama karakter. Kalian juga bisa meng-edit kotaknya lagi. LOIVNTutorial01-10 17. Buat text box & isikan nama karakternya dibagian kotak yang kecil. Disini saya akan mengisinya dengan nama “Aku”. Ganti warna font-nya menjadi putih agar mudah dibaca. 18. Buat text box lagi untuk mengisi dialognya. Dialognya bisa kalian isi sesuai keinginan, kalau saya sendiri ingin karakter “Aku” ini sibuk dan serius gitu, jadi dialognya hanya saya isi “(. . .)”. Ganti warna font-nya menjadi putih juga agar mudah dibaca. Catatan: Disini saya menggunakan text box untuk memasukkan dialog & nama karakter agar lebih fleksibel saat memakaikan animasi nanti. Kalian boleh langsung menambahkan dialog ke dalam boxnya yang transparan. LOIVNTutorial01-11 19. Pastikan posisi teksnya sudah sesuai keinginan. Kalian bisa mengaturnya dahulu, seperti “Alignment”-nya, mungkin font-nya, dll. Disini saya akan mengganti “Alignment”-nya. Caranya yaitu blok seluruh teks dialog lalu klik kanan. Lalu pilih “Paragraph...”. 20. Di bagian “Alignment” ganti “Options” dari “Left” menjadi “Justified”. Kalian boleh mengganti ke opsi lain, ini hanya contoh. Lalu klik “OK”. LOIVNTutorial01-12 21. Pastikan juga “Text Anchor” dari teks dialog kalian sudah sesuai. Cara melihatnya dengan mem-blok seluruh teksnya lalu klik kanan dan pilih “Text...”. 22. Di bagian “Text”, “Text Anchor”, pastikan titiknya berada di bagian atas tengah. Lalu klik “OK”. LOIVNTutorial01-13 23. Di slide pertama ini lalu kita beri transisi. Caranya klik ikon “Slide Transition” disebelah kanan atau klik “Slide” di topbar lalu klik “Slide Transition”. Lalu pilih transisinya, saya akan memilih “Fade”. Pengaturan transisinya tidak ada yang saya ganti. Kalau kalian mau, kalian bisa mengaturnya. LOIVNTutorial01-14 24. Lalu kita beri teks nama karakter & dialognya animasi. Caranya blok semua teksnya lalu klik ikon “Custom Animation” dibawahnya ikon “Slide Transition”. Disini saya akan memasangkan animasi ke teks nama karakter dahulu. 25. Lalu klik ikon tambah untuk menambah animasi. Pilih animasi yang diinginkan. Kalau saya, saya akan memilih “Wedge” dengan durasi dan delay bawaan, jangan lupa ganti “Start:” dari “On click” menjadi “With previous”. LOIVNTutorial01-15 26. Klik kanan pada animasi “Aku” lalu pilih “Effect Options...”. Di tab “Effect” bagian “Text Animation:” ganti “All at once” menjadi “Letter by letter”. Kalian bisa mengganti waktu delay-nya, tapi saya akan memakai opsi bawaannya. Kalau sudah klik “OK”. LOIVNTutorial01-16 27. Sekarang tambahkan animasi untuk dialognya. Caranya sama. Yang membedakan hanya saya mengganti delay animasinya dari “0.0 sec” menjadi “0.5 sec”. 28. Duplikat “Slide 1”. Ganti nama karakternya menjadi “Jeannie” dan dialognya menjadi “Lagi ngapain?”. 29. Di “Slide 2” ini kita tidak butuh transisi, jadi hapus transisinya. Alasan kita tidak memakai transisi lagi yaitu karena kita tidak berpindah tempat, ya… jadi seperti itu. LOIVNTutorial01-17 30. Sekarang kita akan memasukkan karakternya. Ada berbagai cara memasukkannya. Kalian bisa men-drag n drop gambar karakternya atau mengklik ikon “Insert Image” atau klik “Insert” di topbar lalu klik “Image...”. 31. Masukkan gambar karakter perempuan dengan ekspresi tersenyum. Letakkan ditengah dan dibelakangnya boks dialog. LOIVNTutorial01-18 32. Berikan karakter perempuannya animasi. Disini saya akan memberikan animasi “Fade In” dengan “Start: With previous” dan durasinya “1.00 sec”. Pastikan juga animasinya ada di deret paling atas. LOIVNTutorial01-19 33. Duplikat slide-nya lagi. Ganti nama karakternya menjadi “Aku” lagi dan dialognya menjadi “Ah! Anu... Lagi bikin Visual Novel.”. 34. Hapus animasi karakternya, sehingga yang punya animasi hanya teks saja. LOIVNTutorial01-20 35. Duplikat slide-nya lagi. Ganti nama karakternya menjadi “Jeannie” lagi dan dialognya menjadi “Visual Novel? Apa itu?”. 36. Ganti gambar karakternya menjadi gambar karakter perempuan yang sama namun dengan ekspresi bingung. Caranya klik gambar lalu klik kanan dan pilih “Replace...”. LOIVNTutorial01-21 37. Salin kotak boks karakter 2x & taruh di tengah-tengah slide. Kita akan buat 2 kotak itu menjadi boks “Choice”. Ganti tulisan di boks yang atas dengan “Cerita novel dengan berbagai pilihan hidup.” dan boks kedua menjadi “Game simulasi pacaran.”. LOIVNTutorial01-22 38. Berikan boks pilihannya animasi. Disini saya memberi animasi “Fade In” dengan durasinya tidak saya ganti namun waktu delaynya saya ganti menjadi “3.0 sec”. Start-nya juga saya ganti menjadi “With previous”. 39. Sekarang berikan teks pilihannya animasi. Saya akan memberikan animasi “Wedge” dengan durasi yang tidak saya ganti, waktu delay-nya saya ganti menjadi “3.5 sec” dan start-nya menjadi “With previous”. Dan pastikan penempatannya dibawah dari setiap animasi boks. Dan lagi, jangan lupa mengubah “Text Animation:”-nya yang ada di “Effect Options...” dari “All at once” menjadi “Letter by letter”. LOIVNTutorial01-23 40. Disini saya masih belum membuat boks-nya bekerja seperti tombol. Disini kita akan menduplikat slide-nya, hapus boks “Choice” & teksnya, dan ganti nama karakternya menjadi “Aku” dengan dialog “Visual Novel itu novel yang berisi gambar & berbagai pilihan untuk menentukan ceritanya.”. Ganti karakternya juga dengan karakter dengan ekspresi tersenyum seperti sebelum-sebelumnya. LOIVNTutorial01-24 41. Duplikat “Slide”-nya lagi, lalu ganti dialognya saja menjadi “Visual Novel itu game simulasi pacaran yang di dalamnya kamu bisa pacaran dengan siapa saja.”. LOIVNTutorial01-25 42. Sekarang, kita balik lagi ke slide “Choice”. Kita akan membuat boks-nya bisa seperti tombol. Pertama, seleksi boks pilihan yang atas lalu klik kanan dan pilih “Interaction...”. 43. Ganti “Action at mouse click:” dari “No action” menjadi “Go to next slide”. Lalu klik “OK”. LOIVNTutorial01-26 44. Seleksi boks pilihan yang kedua, lalu masuk ke dalam jendela “Interaction...”. Ganti “Action at mouse click:” dari “No action” menjadi “Go to page or object” dan pilih “Target”-nya “Slide 6”. Lalu klik “OK”. LOIVNTutorial01-27 45. Karena keterbatasan dari aplikasinya, kita tidak bisa masuk dari dua rute langsung ke salah satu slide, jadi pilihannya yaitu menduplikat seluruh cerita selanjutnya ke dalam rute ke-1 dan ke-2. 46. Duplikat “Slide 6”, ganti nama karakternya menjadi “Jeannie” dan dialognya menjadi “Sekarang aku mengerti...”. LOIVNTutorial01-28 47. Duplikat slide-nya lagi. Lalu ganti nama karakternya menjadi “Aku” dengan dialog “Apa kamu mau nyoba Visual Novel bikinanku?”. LOIVNTutorial01-29 48. Duplikat slide-nya lagi. Lalu ganti nama karakternya menjadi “Jeannie” dengan dialog “Ya.”. LOIVNTutorial01-30 49. Oke. Ceritanya akan saya stop disitu. Sekarang kita salin ceritanya ke rute ke-2 dari karakter “Aku” yang berbicara “Sekarang aku mengerti...” (atau “Slide 7” di saya) sampai dengan karakter “Jeannie” yang berbicara “Ya.” (atau “Slide 9” di saya). Taruh slide-slide itu dibawahnya karakter “Aku” yang berbicara “Visual Novel itu novel yang berisi gambar & berbagai pilihan untuk menentukan ceritanya.” (atau “Slide 5” di saya). 50. Sekarang, saya akan membuat halaman / slide “End” agar Visual Novelnya sedikit lebih rapi & bagus. Caranya duplikat “Slide 8” lalu hapus kotak dialognya & gambar karakternya sehingga yang tersisa hanya kotak nama karakter & teksnya. Letakkan kedua objek itu ditengah dan ganti teksnya menjadi “.:. Selesai .:.”. LOIVNTutorial01-31 51. Seleksi kotaknya lalu berikan interaksi “Exit presentation”, kalau sudah klik “OK”. LOIVNTutorial01-32 52. Ganti gambar background-nya menjadi hitam. 53. Salin slide-nya lalu taruh di slide paling bawah. 54. Jika kalian ingin memasukkan musik, pergi ke “Slide 1” lalu ke “Slide Transition”, di bawah ada tulisan “Sound:”, ganti dari “No sound” menjadi “Other sound...", lalu cari musiknya. Kalau sudah klik “Open”. LOIVNTutorial01-33 55. Klik “Loop until next sound” untuk membuat musik kalian tetap berjalan saat berganti slide. LOIVNTutorial01-34 Selesai. Kalian boleh melanjutkan membuat Visual Novel, tapi saya akan mengakhiri sampai sini dulu. Hasil Visual Novel di tutorial ini bisa diunduh di bawah di bagian Hasil Game. Hasil Game Jika kalian ingin mencoba hasil game yang kita buat. Kalian bisa mengunduhnya disini. Di dalamnya juga terdapat aset-aset Visual Novel yang digunakan di tutorial ini. Penutup Oke teman-teman. Sekian tutorial ini. Artikel ini juga tersedia dalam bentuk PDF yang bisa diunduh disini dan jika kalian ingin dokumen versi raw-nya bisa diunduh disini dalam bentuk ODT. Sampai jumpa! Sampai bertemu lagi di postingan selanjutnya… Bye bye… :-) #Tutorial #LibreOfficeImpress Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0]]> Gambar: Ikon LibreOffice

Daftar Isi

1. Pembuka 2. Membuat Visual Novel 3. Hasil Game 4. Penutup

Pembuka

Halo, teman-teman. Di postingan kali ini saya akan memberikan tutorial cara membuat game Visual Novel dengan menggunakan LibreOffice Impress. Jika kalian ingin mengetahui review saya tentang aplikasi LibreOffice Impress ini, kalian bisa melihat postingan saya sebelumnya yang berjudul “[Review] LibreOffice Impress, Alat Murah untuk Bikin Visual Novel”. Oke, tanpa basa-basi lagi, ayo mulai!

Membuat Visual Novel

Disini saya akan membuat Visual Novel pendek. Visual Novel ini terinspirasi dari Visual Novel yang tersedia bersama dengan game engine Ren’Py, The Question. Saya akan buat “The Question” versi saya ini lebih pendek & berlatar belakang disebuah kamar tidur. Kalian bisa mengunduh aset yang saya pakai, link-nya ada dibagian Hasil Game. Oke, kita mulai.

  1. Buka LibreOffice Impress. Jika di kalian muncul jendela seperti di gambar dibawah, klik tanda silang atau klik “Cancel”, karena kita tidak akan menggunakan template apapun. LOI_VN_Tutorial_01_-_01
  2. Simpan dokumen kalian, untuk kasus ini akan saya simpan dengan nama “LibreOffice Impress VN Tutorial 01 v1” dengan format bawaan yaitu “.odp”. LOI_VN_Tutorial_01_-_02
  3. Untuk memasang gambar background, caranya dengan meng-klik kanan pada halaman presentasi, lalu klik “Properties...”.
  4. Pastikan di bagian “Page”, “Paper Format” , formatnya “Screen 16:9” dan orientasinya “Landscape”. LOI_VN_Tutorial_01_-_03
  5. Klik tab “Background” lalu klik “Bitmap” dan klik “Add / Import”. LOI_VN_Tutorial_01_-_04
  6. Cari gambar backgroundnya, kalau sudah ketemu klik “Open”. LOI_VN_Tutorial_01_-_05
  7. Jika jendela seperti di gambar dibawah keluar, kalian bisa langsung meng-klik “OK” atau kalian juga bisa mengganti namanya dulu. LOI_VN_Tutorial_01_-_06
  8. Kalian bisa mengatur ukuran backgroundnya, kalau sudah klik “OK”.
  9. Buat kotak dialognya dengan shape. Kalian bisa memilih bentuk shapenya, kalau saya akan memilih bentuk shape yang persegi panjang.
  10. Taruh kotak dialognya dibagian tengah bawah dari halaman presentasi. Untuk menengahkan kotak dialognya, kalian bisa meng-klik ikon segitiga disebelahnya ikon “Align” lalu klik ikon “Centered”. LOI_VN_Tutorial_01_-_07
  11. Hapus text box “Click to add Title” dan text box “Click to add Text”.
  12. Kotak dialognya akan saya buat agak transparan dan akan saya berikan gradient. Caranya klik kotak dialognya, lalu klik kanan dan pilih “Edit Style...”.
  13. Klik tab “Transparency” lalu klik “Transparency:”. Isi “Transparency” sesuai selera. LOI_VN_Tutorial_01_-_08
  14. Untuk membuat gradientnya, klik tab “Area”, klik di dalam bagian “Gradient”. Ganti “Angle”-nya menjadi “0°” lalu ganti warnanya sesuai selera. Disini saya akan ganti warnanya menjadi “From Color: Dark Gray 2” dan “To Color: Black”. Lalu klik “OK”. LOI_VN_Tutorial_01_-_09
  15. Jika kalian merasa “Transparency” dari kotak dialognya terlalu transparan, kalian bisa merubahnya. Saya akan mengubah “Transparency”nya menjadi “25%”.
  16. Salin kotak dialognya lalu letakkan diatas kotak dialog pertama. Kecilkan ukurannya. Kotak dialog ini akan kita gunakan untuk menampilkan nama karakter. Kalian juga bisa meng-edit kotaknya lagi. LOI_VN_Tutorial_01_-_10
  17. Buat text box & isikan nama karakternya dibagian kotak yang kecil. Disini saya akan mengisinya dengan nama “Aku”. Ganti warna font-nya menjadi putih agar mudah dibaca.
  18. Buat text box lagi untuk mengisi dialognya. Dialognya bisa kalian isi sesuai keinginan, kalau saya sendiri ingin karakter “Aku” ini sibuk dan serius gitu, jadi dialognya hanya saya isi “(. . .)”. Ganti warna font-nya menjadi putih juga agar mudah dibaca. Catatan: Disini saya menggunakan text box untuk memasukkan dialog & nama karakter agar lebih fleksibel saat memakaikan animasi nanti. Kalian boleh langsung menambahkan dialog ke dalam boxnya yang transparan. LOI_VN_Tutorial_01_-_11
  19. Pastikan posisi teksnya sudah sesuai keinginan. Kalian bisa mengaturnya dahulu, seperti “Alignment”-nya, mungkin font-nya, dll. Disini saya akan mengganti “Alignment”-nya. Caranya yaitu blok seluruh teks dialog lalu klik kanan. Lalu pilih “Paragraph...”.
  20. Di bagian “Alignment” ganti “Options” dari “Left” menjadi “Justified”. Kalian boleh mengganti ke opsi lain, ini hanya contoh. Lalu klik “OK”. LOI_VN_Tutorial_01_-_12
  21. Pastikan juga “Text Anchor” dari teks dialog kalian sudah sesuai. Cara melihatnya dengan mem-blok seluruh teksnya lalu klik kanan dan pilih “Text...”.
  22. Di bagian “Text”, “Text Anchor”, pastikan titiknya berada di bagian atas tengah. Lalu klik “OK”. LOI_VN_Tutorial_01_-_13
  23. Di slide pertama ini lalu kita beri transisi. Caranya klik ikon “Slide Transition” disebelah kanan atau klik “Slide” di topbar lalu klik “Slide Transition”. Lalu pilih transisinya, saya akan memilih “Fade”. Pengaturan transisinya tidak ada yang saya ganti. Kalau kalian mau, kalian bisa mengaturnya. LOI_VN_Tutorial_01_-_14
  24. Lalu kita beri teks nama karakter & dialognya animasi. Caranya blok semua teksnya lalu klik ikon “Custom Animation” dibawahnya ikon “Slide Transition”. Disini saya akan memasangkan animasi ke teks nama karakter dahulu.
  25. Lalu klik ikon tambah untuk menambah animasi. Pilih animasi yang diinginkan. Kalau saya, saya akan memilih “Wedge” dengan durasi dan delay bawaan, jangan lupa ganti “Start:” dari “On click” menjadi “With previous”. LOI_VN_Tutorial_01_-_15
  26. Klik kanan pada animasi “Aku” lalu pilih “Effect Options...”. Di tab “Effect” bagian “Text Animation:” ganti “All at once” menjadi “Letter by letter”. Kalian bisa mengganti waktu delay-nya, tapi saya akan memakai opsi bawaannya. Kalau sudah klik “OK”. LOI_VN_Tutorial_01_-_16
  27. Sekarang tambahkan animasi untuk dialognya. Caranya sama. Yang membedakan hanya saya mengganti delay animasinya dari “0.0 sec” menjadi “0.5 sec”.
  28. Duplikat “Slide 1”. Ganti nama karakternya menjadi “Jeannie” dan dialognya menjadi “Lagi ngapain?”.
  29. Di “Slide 2” ini kita tidak butuh transisi, jadi hapus transisinya. Alasan kita tidak memakai transisi lagi yaitu karena kita tidak berpindah tempat, ya… jadi seperti itu. LOI_VN_Tutorial_01_-_17
  30. Sekarang kita akan memasukkan karakternya. Ada berbagai cara memasukkannya. Kalian bisa men-drag n drop gambar karakternya atau mengklik ikon “Insert Image” atau klik “Insert” di topbar lalu klik “Image...”.
  31. Masukkan gambar karakter perempuan dengan ekspresi tersenyum. Letakkan ditengah dan dibelakangnya boks dialog. LOI_VN_Tutorial_01_-_18
  32. Berikan karakter perempuannya animasi. Disini saya akan memberikan animasi “Fade In” dengan “Start: With previous” dan durasinya “1.00 sec”. Pastikan juga animasinya ada di deret paling atas. LOI_VN_Tutorial_01_-_19
  33. Duplikat slide-nya lagi. Ganti nama karakternya menjadi “Aku” lagi dan dialognya menjadi “Ah! Anu... Lagi bikin Visual Novel.”.
  34. Hapus animasi karakternya, sehingga yang punya animasi hanya teks saja. LOI_VN_Tutorial_01_-_20
  35. Duplikat slide-nya lagi. Ganti nama karakternya menjadi “Jeannie” lagi dan dialognya menjadi “Visual Novel? Apa itu?”.
  36. Ganti gambar karakternya menjadi gambar karakter perempuan yang sama namun dengan ekspresi bingung. Caranya klik gambar lalu klik kanan dan pilih “Replace...”. LOI_VN_Tutorial_01_-_21
  37. Salin kotak boks karakter 2x & taruh di tengah-tengah slide. Kita akan buat 2 kotak itu menjadi boks “Choice”. Ganti tulisan di boks yang atas dengan “Cerita novel dengan berbagai pilihan hidup.” dan boks kedua menjadi “Game simulasi pacaran.”. LOI_VN_Tutorial_01_-_22
  38. Berikan boks pilihannya animasi. Disini saya memberi animasi “Fade In” dengan durasinya tidak saya ganti namun waktu delaynya saya ganti menjadi “3.0 sec”. Start-nya juga saya ganti menjadi “With previous”.
  39. Sekarang berikan teks pilihannya animasi. Saya akan memberikan animasi “Wedge” dengan durasi yang tidak saya ganti, waktu delay-nya saya ganti menjadi “3.5 sec” dan start-nya menjadi “With previous”. Dan pastikan penempatannya dibawah dari setiap animasi boks. Dan lagi, jangan lupa mengubah “Text Animation:”-nya yang ada di “Effect Options...” dari “All at once” menjadi “Letter by letter”. LOI_VN_Tutorial_01_-_23
  40. Disini saya masih belum membuat boks-nya bekerja seperti tombol. Disini kita akan menduplikat slide-nya, hapus boks “Choice” & teksnya, dan ganti nama karakternya menjadi “Aku” dengan dialog “Visual Novel itu novel yang berisi gambar & berbagai pilihan untuk menentukan ceritanya.”. Ganti karakternya juga dengan karakter dengan ekspresi tersenyum seperti sebelum-sebelumnya. LOI_VN_Tutorial_01_-_24
  41. Duplikat “Slide”-nya lagi, lalu ganti dialognya saja menjadi “Visual Novel itu game simulasi pacaran yang di dalamnya kamu bisa pacaran dengan siapa saja.”. LOI_VN_Tutorial_01_-_25
  42. Sekarang, kita balik lagi ke slide “Choice”. Kita akan membuat boks-nya bisa seperti tombol. Pertama, seleksi boks pilihan yang atas lalu klik kanan dan pilih “Interaction...”.
  43. Ganti “Action at mouse click:” dari “No action” menjadi “Go to next slide”. Lalu klik “OK”. LOI_VN_Tutorial_01_-_26
  44. Seleksi boks pilihan yang kedua, lalu masuk ke dalam jendela “Interaction...”. Ganti “Action at mouse click:” dari “No action” menjadi “Go to page or object” dan pilih “Target”-nya “Slide 6”. Lalu klik “OK”. LOI_VN_Tutorial_01_-_27
  45. Karena keterbatasan dari aplikasinya, kita tidak bisa masuk dari dua rute langsung ke salah satu slide, jadi pilihannya yaitu menduplikat seluruh cerita selanjutnya ke dalam rute ke-1 dan ke-2.
  46. Duplikat “Slide 6”, ganti nama karakternya menjadi “Jeannie” dan dialognya menjadi “Sekarang aku mengerti...”. LOI_VN_Tutorial_01_-_28
  47. Duplikat slide-nya lagi. Lalu ganti nama karakternya menjadi “Aku” dengan dialog “Apa kamu mau nyoba Visual Novel bikinanku?”. LOI_VN_Tutorial_01_-_29
  48. Duplikat slide-nya lagi. Lalu ganti nama karakternya menjadi “Jeannie” dengan dialog “Ya.”. LOI_VN_Tutorial_01_-_30
  49. Oke. Ceritanya akan saya stop disitu. Sekarang kita salin ceritanya ke rute ke-2 dari karakter “Aku” yang berbicara “Sekarang aku mengerti...” (atau “Slide 7” di saya) sampai dengan karakter “Jeannie” yang berbicara “Ya.” (atau “Slide 9” di saya). Taruh slide-slide itu dibawahnya karakter “Aku” yang berbicara “Visual Novel itu novel yang berisi gambar & berbagai pilihan untuk menentukan ceritanya.” (atau “Slide 5” di saya).
  50. Sekarang, saya akan membuat halaman / slide “End” agar Visual Novelnya sedikit lebih rapi & bagus. Caranya duplikat “Slide 8” lalu hapus kotak dialognya & gambar karakternya sehingga yang tersisa hanya kotak nama karakter & teksnya. Letakkan kedua objek itu ditengah dan ganti teksnya menjadi “.:. Selesai .:.”. LOI_VN_Tutorial_01_-_31
  51. Seleksi kotaknya lalu berikan interaksi “Exit presentation”, kalau sudah klik “OK”. LOI_VN_Tutorial_01_-_32
  52. Ganti gambar background-nya menjadi hitam.
  53. Salin slide-nya lalu taruh di slide paling bawah.
  54. Jika kalian ingin memasukkan musik, pergi ke “Slide 1” lalu ke “Slide Transition”, di bawah ada tulisan “Sound:”, ganti dari “No sound” menjadi “Other sound...”, lalu cari musiknya. Kalau sudah klik “Open”. LOI_VN_Tutorial_01_-_33
  55. Klik “Loop until next sound” untuk membuat musik kalian tetap berjalan saat berganti slide. LOI_VN_Tutorial_01_-_34

Selesai. Kalian boleh melanjutkan membuat Visual Novel, tapi saya akan mengakhiri sampai sini dulu. Hasil Visual Novel di tutorial ini bisa diunduh di bawah di bagian Hasil Game.

Hasil Game

Jika kalian ingin mencoba hasil game yang kita buat. Kalian bisa mengunduhnya disini. Di dalamnya juga terdapat aset-aset Visual Novel yang digunakan di tutorial ini.

Penutup

Oke teman-teman. Sekian tutorial ini. Artikel ini juga tersedia dalam bentuk PDF yang bisa diunduh disini dan jika kalian ingin dokumen versi raw-nya bisa diunduh disini dalam bentuk ODT. Sampai jumpa! Sampai bertemu lagi di postingan selanjutnya… Bye bye… :–)

#Tutorial #LibreOfficeImpress

Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0

]]> https://qua.name/vn-blog/tutorial-libreoffice-impress-01-membuat-visual-novel-dengan-libreoffice-impress Sat, 27 Jul 2019 07:04:13 +0200 Tutorial SEEVN 02: Membuat Visual Novel https://qua.name/vn-blog/tutorial-seevn-02-membuat-visual-novel <![CDATA[Gambar Banner Halaman SEEVN di Itch !--more-- Daftar Isi Pembuka Membuat Visual Novel Hasil Game Penutup Pembuka Halo, teman-teman. Di postingan kali ini saya akan memberikan tutorial cara membuat game Visual Novel dengan menggunakan SEEVN. Jika kalian ingin mengenal tampilan UI dari SEEVN, kalian bisa melihat postingan saya sebelumnya yaitu “Tutorial SEEVN 01: Mengenal Tampilan SEEVN”. Dan jika kalian ingin mengetahui review saya tentang game engine SEEVN ini, kalian bisa melihat postingan saya yang “[Review] SEEVN, Game Engine Visual Novel Paling Gampang”. Oke, tanpa basa-basi lagi, ayo mulai! Membuat Visual Novel Disini saya akan membuat Visual Novel pendek. Visual Novel ini terinspirasi dari Visual Novel yang tersedia bersama dengan game engine Ren’Py, The Question. Saya akan buat “The Question” versi saya ini lebih pendek & berlatar belakang disebuah kamar tidur. Kalian bisa mengunduh aset yang saya pakai, link-nya ada dibagian Hasil Game. Oke, kita mulai. Buka SEEVN dan klik “Edit Novel”. Geser Tool ke bawah untuk memudahkan kita melihat dialognya nanti. Klik ikon “+”, lalu klik di editor untuk membuat dialog baru. Ikon bintang diatas boks dialog berfungsi untuk menandai bahwa Visual Novelnya dimulai dari dialog tersebut. Gambar 01 Klik dialognya, klik 2x dibagian nama lalu ketikkan nama yang kalian mau. Di kasus ini saya beri nama “Aku”. Klik 2x dibagian dialog. Ketik kata-kata yang ingin diucapkan. Kalau saya sendiri ingin karakter “Aku” ini sibuk dan serius gitu, jadi dialognya hanya saya isi “(. . .)”. Gambar 02 Kalian juga bisa memberikan nama pada boks dialognya. Caranya klik “...” diatas boks dialog. Gambar 03 Klik dibagian tengah atas untuk menambahkan gambar background. Saya akan tambahkan background kamar tidur. Gambar 04 Klik ikon titik tiga garis di pojok kanan boks dialog. Kalian bisa memilih jenis dialognya. Ada dialog biasa, dialog bercabang, dan dialog pertanyaan. Disini kita akan memilih dialog biasa / “Narration & Dialog”, yang paling kiri. Lalu klik “Settings”. Gambar 05 10. Didalam “Settings” kalian bisa menambahkan lagu/musik/efek suara dan menambahkan label-label lainnya sesuai warna yang ditentukan. “Settings” disetiap jenis dialog berbeda-beda. Gambar 06 Catatan: Untuk saat ini musik/lagu/efek suara yang ditambahkan tidak muncul saat game dimainkan, saya tidak tahu itu masalah hanya terjadi pada saya / tidak. Jika kalian berhasil memasukkan musik dan saat dimainkan gamenya musiknya keluar, tolong beritahu saya. 11. Klik “Cancel”. 12. Klik ikon “+” lagi & klik ke editor untuk menambahkan dialog. Gambar 07 13. Klik ikon “Pencil”. Klik dialog kedua. Klik 2x dibagian nama. Saya akan tulis “Jeannie”. 14. Klik 2x di kotak dialog. Tulis dialognya. Di kasus ini saya akan tulis dialog “Lagi ngapain?”. 15. Tambahkan background. Saya akan menambahkan background kamar tidur yang sudah saya gabung dengan gambar karakter perempuan tersenyum. Gambar 08 16. Klik ikon yang seperti kabel yang terhubung ke boks. Setelah di klik sekali akan berubah warna menjadi merah. Klik dialog pertama lalu klik dialog kedua. Seketika kedua dialog akan terhubung dengan kabel berwarna merah. Jika kalian meng-klik ikon itu lagi, maka akan berubah warna lagi. Gambar 09 17. Tambahkan dialog baru. Hubungkan dialog baru ini dengan dialog sebelumnya dengan kabel berwarna merah. Lalu tambahkan nama karakter. Disini saya akan mengisi “Aku” lagi. Dan dialognya dia kaget, jadi seperti ini “Ah! Anu… Lagi bikin Visual Novel.”. Untuk backgroundnya tambahkan background kamar tidur yang sudah digabung dengan karakter perempuan tersenyum. Gambar 10 18. Sama seperti tadi. Tambahkan dialog baru. Disini saya akan mengisi nama karakternya kembali dengan “Jeannie” lalu dialognya menjadi “Visual Novel? Apa itu?”. Untuk backgroundnya sama, hanya saja menggunakan karakter dengan ekspresi bingung. Gambar 11 19. Ganti jenis dialognya menjadi “Multiple Selection”. Lalu klik “Settings”. Isi kotak di label berwarna merah menjadi “Cerita novel dengan berbagai pilihan hidup.” dan di label bawahnya (warna biru) menjadi “Game simulasi pacaran”. Jika kalian mau, kalian bisa menambahkan lagi pilihannya. Disini saya hanya memasukkan 2 pilihan. Kalau sudah klik “APPLY”. Gambar 12 20. Tambahkan 2 boks dialog baru. 21. Isi salah satu dialog dengan nama “Aku” lagi dan dialognya yaitu “Visual Novel itu novel yang berisi gambar dan berbagai pilihan untuk menentukan ceritanya.”. 22. Masukkan background yang sudah digabungkan dengan gambar karakter yang berekspresi bingung. Gambar 13 23. Hubungkan dialog itu dengan kabel berwarna merah. Gambar 14 24. Pada dialog satunya hubungkan dengan kabel berwarna biru. 25. Isi namanya dengan “Aku” lagi dan dialognya yaitu “Visual Novel itu game simulasi pacaran yang didalamnya kamu bisa pacaran dengan siapa saja.”. 26. Lalu masukkan backgroundnya sama seperti dialog yang terhubung dengan kabel berwarna merah tadi. Gambar 15 27. Oke, kalian bisa melanjutkan Visual Novelnya. Jika sudah selesai, klik tombol “PUBLISH” lalu beri nama yang berbeda. Selesai, hasil berkas dari tombol “PUBLISH” tadi sudah tidak dapat di edit lagi. 28. Untuk memainkan gamenya, kalian bisa memuat berkas gamenya di menu utama / saat di editor, klik boks dialog awal / yang ada tanda bintangnya lalu klik ikon segitiga/ Hasil Game Jika kalian ingin mencoba hasil game yang kita buat. Kalian bisa mengunduhnya disini. Saya sediakan dalam dua jenis berkas. Satu yang bisa di-edit dan satunya lagi yang sudah tidak dapat di-edit. Di dalamnya juga terdapat aset-aset Visual Novel yang digunakan di tutorial ini. Penutup Oke teman-teman. Sekian tutorial ini. Artikel ini juga tersedia dalam bentuk PDF yang bisa diunduh disini dan jika kalian ingin mengedit dokumen itu, saya sediakan dalam bentuk raw-nya berformat ODT yang bisa diunduh disini. Sampai jumpa! Sampai bertemu lagi di postingan selanjutnya… Bye bye… :-) #Tutorial #GameEngine #SEEVN Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0]]> Gambar Banner Halaman SEEVN di Itch

Daftar Isi

1. Pembuka 2. Membuat Visual Novel 3. Hasil Game 4. Penutup

Pembuka

Halo, teman-teman. Di postingan kali ini saya akan memberikan tutorial cara membuat game Visual Novel dengan menggunakan SEEVN. Jika kalian ingin mengenal tampilan UI dari SEEVN, kalian bisa melihat postingan saya sebelumnya yaitu “Tutorial SEEVN 01: Mengenal Tampilan SEEVN”. Dan jika kalian ingin mengetahui review saya tentang game engine SEEVN ini, kalian bisa melihat postingan saya yang “[Review] SEEVN, Game Engine Visual Novel Paling Gampang”. Oke, tanpa basa-basi lagi, ayo mulai!

Membuat Visual Novel

Disini saya akan membuat Visual Novel pendek. Visual Novel ini terinspirasi dari Visual Novel yang tersedia bersama dengan game engine Ren’Py, The Question. Saya akan buat “The Question” versi saya ini lebih pendek & berlatar belakang disebuah kamar tidur. Kalian bisa mengunduh aset yang saya pakai, link-nya ada dibagian Hasil Game. Oke, kita mulai. 1. Buka SEEVN dan klik “Edit Novel”. 2. Geser Tool ke bawah untuk memudahkan kita melihat dialognya nanti. 3. Klik ikon “+”, lalu klik di editor untuk membuat dialog baru. Ikon bintang diatas boks dialog berfungsi untuk menandai bahwa Visual Novelnya dimulai dari dialog tersebut. Gambar 01 4. Klik dialognya, klik 2x dibagian nama lalu ketikkan nama yang kalian mau. Di kasus ini saya beri nama “Aku”. 5. Klik 2x dibagian dialog. Ketik kata-kata yang ingin diucapkan. Kalau saya sendiri ingin karakter “Aku” ini sibuk dan serius gitu, jadi dialognya hanya saya isi “(. . .)”. Gambar 02 6. Kalian juga bisa memberikan nama pada boks dialognya. Caranya klik “...” diatas boks dialog. Gambar 03 7. Klik dibagian tengah atas untuk menambahkan gambar background. Saya akan tambahkan background kamar tidur. Gambar 04 8. Klik ikon titik tiga garis di pojok kanan boks dialog. 9. Kalian bisa memilih jenis dialognya. Ada dialog biasa, dialog bercabang, dan dialog pertanyaan. Disini kita akan memilih dialog biasa / “Narration & Dialog”, yang paling kiri. Lalu klik “Settings”. Gambar 05 10. Didalam “Settings” kalian bisa menambahkan lagu/musik/efek suara dan menambahkan label-label lainnya sesuai warna yang ditentukan. “Settings” disetiap jenis dialog berbeda-beda. Gambar 06 Catatan: Untuk saat ini musik/lagu/efek suara yang ditambahkan tidak muncul saat game dimainkan, saya tidak tahu itu masalah hanya terjadi pada saya / tidak. Jika kalian berhasil memasukkan musik dan saat dimainkan gamenya musiknya keluar, tolong beritahu saya. 11. Klik “Cancel”. 12. Klik ikon “+” lagi & klik ke editor untuk menambahkan dialog. Gambar 07 13. Klik ikon “Pencil”. Klik dialog kedua. Klik 2x dibagian nama. Saya akan tulis “Jeannie”. 14. Klik 2x di kotak dialog. Tulis dialognya. Di kasus ini saya akan tulis dialog “Lagi ngapain?”. 15. Tambahkan background. Saya akan menambahkan background kamar tidur yang sudah saya gabung dengan gambar karakter perempuan tersenyum. Gambar 08 16. Klik ikon yang seperti kabel yang terhubung ke boks. Setelah di klik sekali akan berubah warna menjadi merah. Klik dialog pertama lalu klik dialog kedua. Seketika kedua dialog akan terhubung dengan kabel berwarna merah. Jika kalian meng-klik ikon itu lagi, maka akan berubah warna lagi. Gambar 09 17. Tambahkan dialog baru. Hubungkan dialog baru ini dengan dialog sebelumnya dengan kabel berwarna merah. Lalu tambahkan nama karakter. Disini saya akan mengisi “Aku” lagi. Dan dialognya dia kaget, jadi seperti ini “Ah! Anu… Lagi bikin Visual Novel.”. Untuk backgroundnya tambahkan background kamar tidur yang sudah digabung dengan karakter perempuan tersenyum. Gambar 10 18. Sama seperti tadi. Tambahkan dialog baru. Disini saya akan mengisi nama karakternya kembali dengan “Jeannie” lalu dialognya menjadi “Visual Novel? Apa itu?”. Untuk backgroundnya sama, hanya saja menggunakan karakter dengan ekspresi bingung. Gambar 11 19. Ganti jenis dialognya menjadi “Multiple Selection”. Lalu klik “Settings”. Isi kotak di label berwarna merah menjadi “Cerita novel dengan berbagai pilihan hidup.” dan di label bawahnya (warna biru) menjadi “Game simulasi pacaran”. Jika kalian mau, kalian bisa menambahkan lagi pilihannya. Disini saya hanya memasukkan 2 pilihan. Kalau sudah klik “APPLY”. Gambar 12 20. Tambahkan 2 boks dialog baru. 21. Isi salah satu dialog dengan nama “Aku” lagi dan dialognya yaitu “Visual Novel itu novel yang berisi gambar dan berbagai pilihan untuk menentukan ceritanya.”. 22. Masukkan background yang sudah digabungkan dengan gambar karakter yang berekspresi bingung. Gambar 13 23. Hubungkan dialog itu dengan kabel berwarna merah. Gambar 14 24. Pada dialog satunya hubungkan dengan kabel berwarna biru. 25. Isi namanya dengan “Aku” lagi dan dialognya yaitu “Visual Novel itu game simulasi pacaran yang didalamnya kamu bisa pacaran dengan siapa saja.”. 26. Lalu masukkan backgroundnya sama seperti dialog yang terhubung dengan kabel berwarna merah tadi. Gambar 15 27. Oke, kalian bisa melanjutkan Visual Novelnya. Jika sudah selesai, klik tombol “PUBLISH” lalu beri nama yang berbeda. Selesai, hasil berkas dari tombol “PUBLISH” tadi sudah tidak dapat di edit lagi. 28. Untuk memainkan gamenya, kalian bisa memuat berkas gamenya di menu utama / saat di editor, klik boks dialog awal / yang ada tanda bintangnya lalu klik ikon segitiga/

Hasil Game

Jika kalian ingin mencoba hasil game yang kita buat. Kalian bisa mengunduhnya disini. Saya sediakan dalam dua jenis berkas. Satu yang bisa di-edit dan satunya lagi yang sudah tidak dapat di-edit. Di dalamnya juga terdapat aset-aset Visual Novel yang digunakan di tutorial ini.

Penutup

Oke teman-teman. Sekian tutorial ini. Artikel ini juga tersedia dalam bentuk PDF yang bisa diunduh disini dan jika kalian ingin mengedit dokumen itu, saya sediakan dalam bentuk raw-nya berformat ODT yang bisa diunduh disini. Sampai jumpa! Sampai bertemu lagi di postingan selanjutnya… Bye bye… :–)

#Tutorial #GameEngine #SEEVN

Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0

]]> https://qua.name/vn-blog/tutorial-seevn-02-membuat-visual-novel Fri, 19 Jul 2019 15:41:08 +0200 Tutorial SEEVN 01: Mengenal Tampilan SEEVN https://qua.name/vn-blog/tutorial-seevn-01-mengenal-tampilan-seevn <![CDATA[Gambar Banner Halaman SEEVN di Itch !--more-- Daftar Isi Pembuka Mengenal Tampilan SEEVN Menu Utama Menu Bermain Editor SEEVN Penutup Pembuka Halo teman-teman, di postingin ini saya akan menunjukkan / mengenalkan kepada kalian tampilan dari game engine SEEVN. Jika kalian ingin tahu apa fitur-fitur, kelebihan, dan kekurangannya, kalian bisa membaca postingan saya sebelumnya, yaitu “[Review] SEEVN, Game Engine Visual Novel Paling Gampang”. Oke, mari berkenalan dengan SEEVN. Mengenal Tampilan SEEVN Menu Utama Gambar 1: Menu Utama SEEVN [Gambar 1: Menu Utama SEEVN] “Load & Play” = Untuk memuat & memainkan Visual Novel berformat “.seevn”. “Edit Novel” = Untuk membuat & meng-edit Visual Novel. Menu Bermain Gambar 2: Menu Bermain SEEVN [Gambar 2: Menu Bermain SEEVN] Kalian bisa meletakkan alamat berkas berformat “.seevn” lalu klik “Load” untuk memuat gamenya atau klik “Cancel” untuk kembali ke Menu Utama. Editor SEEVN Gambar 3: Editor SEEVN saat kosong [Gambar 3: Editor SEEVN saat kosong] Dibagian atas terdapat Menu. “HOME” = Untuk kembali ke Menu Utama. “NOVEL” = Untuk membuka/menutup Menu Novel. Gambar 4: Menu Novel SEEVN [Gambar 4: Menu Novel SEEVN] “NOVEL” = Untuk membuka/menutup Menu Novel. “SAVE” = Untuk menyimpan proyek kalian. “LOAD” = Untuk memuat proyek kalian. “NEW” = Untuk membuat proyek baru. “PUBLISH” = Untuk membuat berkas “.seevn” baru yang sudah tidak bisa di edit lagi. Dibagian tengah editor terdapat Tool yang dipakai untuk membuat Visual Novel. Tool ini bisa dipindah-pindah, caranya dengan meng-klik tampilan editor & Tool-nya akan langsung pindah ke tempat yang kita klik. Cara lainnya yaitu meng-klik & men-drag Tool ke tempat yang kita inginkan. Gambar 5: Gambar Tool SEEVN [Gambar 5: Gambar Tool SEEVN] Tambah dialog SEEVN Ikon “+” untuk menambahkan dialog. Edit Dialog SEEVN Ikon “Pencil” untuk meng-edit dialog. Menghubungkan Dialog SEEVN Ikon diatas untuk menghubungkan dialog satu dengan lainnya dengan kabel berwarna. Jika di klik lagi maka akan berubah warna. Menghapus Dialog SEEVN Ikon “Tempat Sampah” untuk menghapus dialog. Penutup Oke, sekian dulu tutorial ini. Artikel ini juga tersedia dalam bentuk PDF yang bisa diunduh disini. Kalian juga bisa mengunduh berkas dokumen raw-nya yang bisa di edit dalam format ODT disini. Ditutorial selanjutnya saya akan menjelaskan cara membuat game Visual Novel dengan menggunakan SEEVN. Ditunggu ya… Bye bye… :-) #Tutorial #GameEngine #SEEVN Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0]]> Gambar Banner Halaman SEEVN di Itch

Daftar Isi

1. Pembuka 2. Mengenal Tampilan SEEVN – Menu Utama – Menu Bermain – Editor SEEVN 3. Penutup

Pembuka

Halo teman-teman, di postingin ini saya akan menunjukkan / mengenalkan kepada kalian tampilan dari game engine SEEVN. Jika kalian ingin tahu apa fitur-fitur, kelebihan, dan kekurangannya, kalian bisa membaca postingan saya sebelumnya, yaitu “[Review] SEEVN, Game Engine Visual Novel Paling Gampang”. Oke, mari berkenalan dengan SEEVN.

Mengenal Tampilan SEEVN

Gambar 1: Menu Utama SEEVN [Gambar 1: Menu Utama SEEVN]

“Load & Play” = Untuk memuat & memainkan Visual Novel berformat “.seevn”. “Edit Novel” = Untuk membuat & meng-edit Visual Novel.

Gambar 2: Menu Bermain SEEVN [Gambar 2: Menu Bermain SEEVN]

Kalian bisa meletakkan alamat berkas berformat “.seevn” lalu klik “Load” untuk memuat gamenya atau klik “Cancel” untuk kembali ke Menu Utama.

Editor SEEVN

Gambar 3: Editor SEEVN saat kosong [Gambar 3: Editor SEEVN saat kosong]

Dibagian atas terdapat Menu. “HOME” = Untuk kembali ke Menu Utama. “NOVEL” = Untuk membuka/menutup Menu Novel.

Gambar 4: Menu Novel SEEVN [Gambar 4: Menu Novel SEEVN]

“NOVEL” = Untuk membuka/menutup Menu Novel. “SAVE” = Untuk menyimpan proyek kalian. “LOAD” = Untuk memuat proyek kalian. “NEW” = Untuk membuat proyek baru. “PUBLISH” = Untuk membuat berkas “.seevn” baru yang sudah tidak bisa di edit lagi.

Dibagian tengah editor terdapat Tool yang dipakai untuk membuat Visual Novel. Tool ini bisa dipindah-pindah, caranya dengan meng-klik tampilan editor & Tool-nya akan langsung pindah ke tempat yang kita klik. Cara lainnya yaitu meng-klik & men-drag Tool ke tempat yang kita inginkan.

Gambar 5: Gambar Tool SEEVN [Gambar 5: Gambar Tool SEEVN]

Tambah dialog SEEVN Ikon “+” untuk menambahkan dialog. Edit Dialog SEEVN Ikon “Pencil” untuk meng-edit dialog. Menghubungkan Dialog SEEVN Ikon diatas untuk menghubungkan dialog satu dengan lainnya dengan kabel berwarna. Jika di klik lagi maka akan berubah warna. Menghapus Dialog SEEVN Ikon “Tempat Sampah” untuk menghapus dialog.

Penutup

Oke, sekian dulu tutorial ini. Artikel ini juga tersedia dalam bentuk PDF yang bisa diunduh disini. Kalian juga bisa mengunduh berkas dokumen raw-nya yang bisa di edit dalam format ODT disini.

Ditutorial selanjutnya saya akan menjelaskan cara membuat game Visual Novel dengan menggunakan SEEVN. Ditunggu ya… Bye bye… :–)

#Tutorial #GameEngine #SEEVN

Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0

]]> https://qua.name/vn-blog/tutorial-seevn-01-mengenal-tampilan-seevn Fri, 19 Jul 2019 15:04:19 +0200 Link Tempat Mengunduh Aset untuk Membuat Visual/Kinetic Novel https://qua.name/vn-blog/link-tempat-mengunduh-aset-untuk-membuat-visual-kinetic-novel <![CDATA[Daftar link disini diurutkan berdasarkan awal penemuannya oleh penulis. Artikel ini juga tersedia dalam bentuk berkas PDF yang bisa diunduh disini. Kalian juga bisa mengunduh dokumennya versi raw yang bisa diedit dengan format ODT disini. !--more-- Perhatian: Beberapa situs web dibawah ini mengandung gambar-gambar NSFW (Not Safe For Work). Ingat, kalian sudah diperingatkan. Saya (Penulis dokumen asli, Ditoxic / Dito Kurnia P) tidak bertanggung jawab jika terjadi sesuatu dengan kalian. Ada kemungkinan beberapa situs web dibawah ini juga ada yang di blokir di Indonesia. Saya tidak bertanggung jawab kepada kalian jika misalnya kalian tetap mengakses situs web tersebut. Karakter / Sprite Visual Novelty (Lihat lisensi / Terms of Used-nya disetiap postingan & berikan credit) Tokudaya (Lihat Terms of Used (dalam bahasa Jepang) dan Q&A) F r e e S o Z a i (Lihat Terms of Used) Sozai Base (Lihat Terms of Used (dalam bahasa Jepang)) Chozogal’s Sprites (Lisensi CC BY-NC-SA 4.0) Senji4.Ujin Mixture (Lihat Terms of Used) Karasu.go Sprites (???) Elzee’s Sprites (Lisensi CC BY-NC-SA 3.0) Kimagure After (Lihat Terms of Used) 10. LadyofGatsby’s Sprites (DL Link) (???) 11. wonpei’s Sprites (Lisensi CC BY-NC-SA 3.0) 12. mao.sub’s Sprites (Lihat Terms of Used) Background Kimagure After (Lihat Terms of Used) Senji4.Ujin Mixture (Lihat Terms of Used) Visual Novelty (Lihat lisensi / Terms of Used-nya disetiap postingan & berikan credit) Beiz Images (Lihat Terms of Used) HelloHello.Dousetsu (Lihat Terms of Used) Osumashi’s Background (Lihat Terms of Used) Loo.sakura (Lihat Terms of Used) sei.chan’s Background (Berikan credit) Mao.sub’s Background (Lihat Terms of Used) 10. Masato.ciao (Lihat Terms of Used) 11. Sound Image (Lihat Terms of Used) Sound FX SoundBible (Lisensi bermacam-macam) Sound Jay (Lihat Terms of Used) FindSounds (???) Sound Image (Lihat Terms of Used) Pocket Sound (Lihat Terms of Used) Youtube Library (Berikan credit) Music Youtube Library (Berikan credit) Pocket Sound (Lihat Terms of Used) Sound Image (Lihat Terms of Used) PeriTune (Lihat Terms of Used / Lisensi CC BY 4.0) Incompetech (Lihat Terms of Used / Lisensi Creative Commons) Bonus Lemmasoft Forum Resource Catalogue TyranoBuilder Steam Community DeviantArt Unsplash Catatan: Artikel ini pertama kali ditulis oleh Dito Kurnia P (Ditoxic) dan di publikasikan di Line Square Visual Novel pada 10 Juli 2019 jam 23:03. #Tutorial #VNAssets Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0]]> Daftar link disini diurutkan berdasarkan awal penemuannya oleh penulis. Artikel ini juga tersedia dalam bentuk berkas PDF yang bisa diunduh disini. Kalian juga bisa mengunduh dokumennya versi raw yang bisa diedit dengan format ODT disini. Perhatian: Beberapa situs web dibawah ini mengandung gambar-gambar NSFW (Not Safe For Work). Ingat, kalian sudah diperingatkan. Saya (Penulis dokumen asli, Ditoxic / Dito Kurnia P) tidak bertanggung jawab jika terjadi sesuatu dengan kalian. Ada kemungkinan beberapa situs web dibawah ini juga ada yang di blokir di Indonesia. Saya tidak bertanggung jawab kepada kalian jika misalnya kalian tetap mengakses situs web tersebut.

Karakter / Sprite

  1. Visual Novelty (Lihat lisensi / Terms of Used-nya disetiap postingan & berikan credit)
  2. Tokudaya (Lihat Terms of Used (dalam bahasa Jepang) dan Q&A)
  3. F r e e S o Z a i (Lihat Terms of Used)
  4. Sozai Base (Lihat Terms of Used (dalam bahasa Jepang))
  5. Chozogal’s Sprites (Lisensi CC BY-NC-SA 4.0)
  6. Senji4.Ujin Mixture (Lihat Terms of Used)
  7. Karasu.go Sprites (???)
  8. Elzee’s Sprites (Lisensi CC BY-NC-SA 3.0)
  9. Kimagure After (Lihat Terms of Used)
  10. LadyofGatsby’s Sprites (DL Link) (???)
  11. wonpei’s Sprites (Lisensi CC BY-NC-SA 3.0)
  12. mao.sub’s Sprites (Lihat Terms of Used)

Background

  1. Kimagure After (Lihat Terms of Used)
  2. Senji4.Ujin Mixture (Lihat Terms of Used)
  3. Visual Novelty (Lihat lisensi / Terms of Used-nya disetiap postingan & berikan credit)
  4. Beiz Images (Lihat Terms of Used)
  5. HelloHello.Dousetsu (Lihat Terms of Used)
  6. Osumashi’s Background (Lihat Terms of Used)
  7. Loo.sakura (Lihat Terms of Used)
  8. sei.chan’s Background (Berikan credit)
  9. Mao.sub’s Background (Lihat Terms of Used)
  10. Masato.ciao (Lihat Terms of Used)
  11. Sound Image (Lihat Terms of Used)

Sound FX

  1. SoundBible (Lisensi bermacam-macam)
  2. Sound Jay (Lihat Terms of Used)
  3. FindSounds (???)
  4. Sound Image (Lihat Terms of Used)
  5. Pocket Sound (Lihat Terms of Used)
  6. Youtube Library (Berikan credit)

Music

  1. Youtube Library (Berikan credit)
  2. Pocket Sound (Lihat Terms of Used)
  3. Sound Image (Lihat Terms of Used)
  4. PeriTune (Lihat Terms of Used / Lisensi CC BY 4.0)
  5. Incompetech (Lihat Terms of Used / Lisensi Creative Commons)

Bonus

  1. Lemmasoft Forum Resource Catalogue
  2. TyranoBuilder Steam Community
  3. DeviantArt
  4. Unsplash

Catatan: Artikel ini pertama kali ditulis oleh Dito Kurnia P (Ditoxic) dan di publikasikan di Line Square Visual Novel pada 10 Juli 2019 jam 23:03.

#Tutorial #VNAssets

Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0

]]> https://qua.name/vn-blog/link-tempat-mengunduh-aset-untuk-membuat-visual-kinetic-novel Fri, 19 Jul 2019 10:37:55 +0200 Etika dalam Menggunakan Aset dari Internet untuk Pembuatan Game https://qua.name/vn-blog/etika-dalam-menggunakan-aset-dari-internet-untuk-pembuatan-game <![CDATA[Etika ini tidak hanya berlaku untuk pembuatan game Visual Novel maupun Kinetic Novel, namun bisa diaplikasikan untuk semua jenis game / karya lainnya. !--more-- 1. Jangan Asal Comot (Download) Karya Orang Lain Tindakan ini bisa merugikan, tidak hanya pembuat karya namun orang yang mengunduhnya juga. Tindakan ini juga bisa dikategorikan membajak dan termasuk tindak kriminal. Kalian bisa bayangkan sendiri, misalkan kalian membuat sebuah karya dan diunggah di internet. Tiba-tiba ada yang memakai karya kalian tanpa sepengetahuan & seizin kalian, bagaimana perasaan kalian? Jadi tolong tidak langsung mengunduh suatu karya / aset buatan orang lain di internet jika tidak ada keterangan penggunaannya (seperti lisensi / Terms of Usage). 2. Lihat atau Teliti Dahulu Lisensi dari Aset itu Sebelum mengunduh, lihat dahulu apakah asetnya punya lisensi / tidak dan lisensinya jenisnya apa. Lalu patuhi peraturan yang terikat dengan lisensi itu. Kalian bisa sedikit mempelajari jenis-jenis lisensi yang sering digunakan disebuah karya / aset yang ada di internet disini. 3. Jika Tidak Ada Lisensi, Lihat Dahulu Apa Ada "Terms of Usage" Biasanya situs web untuk mengunduh aset game dari Jepang tidak mencantumkan lisensi, dan hanya mencantumkan "Terms of Usage". Kalian harus mengikutinya agar tidak terkena aduan copyright. 4. Izin Dahulu ke Pembuat Karya jika Tidak Ada Lisensi atau pun "Terms of Usage" Hal ini sangat penting & berkaitan dengan poin no 1. Jika setelah meminta izin kalian diizinkan, maka kalian baru bisa menggunakannya. Namun, gunakan sesuai perjanjian dengan pemilik / pembuat karya. Jangan menggunakan karya sesuka hati tanpa sesuai dengan persetujuan, karena kalian juga bisa dituntut pembuat karya jika melanggar perjanjian. 5. Jangan Lupa Mencantumkan Nama Pembuat Karya dan/atau Websitenya di bagian Credit Hal ini dilakukan untuk menghormati si pembuat karena sudah membuat asetnya bisa diunduh & digunakan secara gratis. Memang ada beberapa lisensi yang tidak harus mencantumkan nama pembuat dan/atau websitenya (contohnya lisensi CC0), tapi saya tetap merekomendasikan untuk mencantumkannya untuk bentuk penghormatan. Catatan: Artikel ini pertama kali ditulis oleh Dito Kurnia P (Ditoxic) dan di publikasikan di Line Square Visual Novel pada tanggal 31 Maret 2019 jam 10:53. Tutorial Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0]]> Etika ini tidak hanya berlaku untuk pembuatan game Visual Novel maupun Kinetic Novel, namun bisa diaplikasikan untuk semua jenis game / karya lainnya.

1. Jangan Asal Comot (Download) Karya Orang Lain

Tindakan ini bisa merugikan, tidak hanya pembuat karya namun orang yang mengunduhnya juga. Tindakan ini juga bisa dikategorikan membajak dan termasuk tindak kriminal.

Kalian bisa bayangkan sendiri, misalkan kalian membuat sebuah karya dan diunggah di internet. Tiba-tiba ada yang memakai karya kalian tanpa sepengetahuan & seizin kalian, bagaimana perasaan kalian? Jadi tolong tidak langsung mengunduh suatu karya / aset buatan orang lain di internet jika tidak ada keterangan penggunaannya (seperti lisensi / Terms of Usage).

2. Lihat atau Teliti Dahulu Lisensi dari Aset itu

Sebelum mengunduh, lihat dahulu apakah asetnya punya lisensi / tidak dan lisensinya jenisnya apa. Lalu patuhi peraturan yang terikat dengan lisensi itu.

Kalian bisa sedikit mempelajari jenis-jenis lisensi yang sering digunakan disebuah karya / aset yang ada di internet disini.

3. Jika Tidak Ada Lisensi, Lihat Dahulu Apa Ada “Terms of Usage”

Biasanya situs web untuk mengunduh aset game dari Jepang tidak mencantumkan lisensi, dan hanya mencantumkan “Terms of Usage”. Kalian harus mengikutinya agar tidak terkena aduan copyright.

4. Izin Dahulu ke Pembuat Karya jika Tidak Ada Lisensi atau pun “Terms of Usage”

Hal ini sangat penting & berkaitan dengan poin no 1. Jika setelah meminta izin kalian diizinkan, maka kalian baru bisa menggunakannya. Namun, gunakan sesuai perjanjian dengan pemilik / pembuat karya. Jangan menggunakan karya sesuka hati tanpa sesuai dengan persetujuan, karena kalian juga bisa dituntut pembuat karya jika melanggar perjanjian.

5. Jangan Lupa Mencantumkan Nama Pembuat Karya dan/atau Websitenya di bagian Credit

Hal ini dilakukan untuk menghormati si pembuat karena sudah membuat asetnya bisa diunduh & digunakan secara gratis.

Memang ada beberapa lisensi yang tidak harus mencantumkan nama pembuat dan/atau websitenya (contohnya lisensi CC0), tapi saya tetap merekomendasikan untuk mencantumkannya untuk bentuk penghormatan.

Catatan: Artikel ini pertama kali ditulis oleh Dito Kurnia P (Ditoxic) dan di publikasikan di Line Square Visual Novel pada tanggal 31 Maret 2019 jam 10:53.

#Tutorial

Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0

]]> https://qua.name/vn-blog/etika-dalam-menggunakan-aset-dari-internet-untuk-pembuatan-game Fri, 19 Jul 2019 09:17:47 +0200 Apa itu Kinetic Novel? https://qua.name/vn-blog/apa-itu-kinetic-novel <![CDATA[KN: Gakuen Redux oleh ATP Projects Kinetic Novel (KN) merupakan sub-kategori dari Visual Novel (VN). Penamaannya pertama kali dikenalkan oleh perusahaan Jepang bernama VisualArt's. Kinetic Novel memiliki fitur yang lebih sedikit dibandingkan dengan Visual Novel. !--more-- Sederhananya Kinetic Novel adalah Visual Novel yang ceritanya linear / tidak mempunyai cabang-cabang (branch) sehingga permainannya dimainkan lebih santai. Sumber: VNDB (Visual Novel Database) Kinetic Novel di Wikipedia Bahasa Inggris Gambar Kinetic Novel: Gakuen Redux oleh ATP Projects Catatan: Artikel ini pertama kali ditulis oleh Dito Kurnia P (Ditoxic) dan di publikasikan di Line Square Visual Novel pada tanggal 31 Maret 2019 jam 10:51. #Tutorial #KineticNovel Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0]]> KN: Gakuen Redux oleh ATP Projects

Kinetic Novel (KN) merupakan sub-kategori dari Visual Novel (VN). Penamaannya pertama kali dikenalkan oleh perusahaan Jepang bernama VisualArt's. Kinetic Novel memiliki fitur yang lebih sedikit dibandingkan dengan Visual Novel. Sederhananya Kinetic Novel adalah Visual Novel yang ceritanya linear / tidak mempunyai cabang-cabang (branch) sehingga permainannya dimainkan lebih santai.

Sumber: 1. VNDB (Visual Novel Database) 2. Kinetic Novel di Wikipedia Bahasa Inggris 3. Gambar Kinetic Novel: Gakuen Redux oleh ATP Projects

Catatan: Artikel ini pertama kali ditulis oleh Dito Kurnia P (Ditoxic) dan di publikasikan di Line Square Visual Novel pada tanggal 31 Maret 2019 jam 10:51.

#Tutorial #KineticNovel

Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0

]]> https://qua.name/vn-blog/apa-itu-kinetic-novel Thu, 18 Jul 2019 17:11:53 +0200 Apa itu Visual Novel? https://qua.name/vn-blog/apa-itu-visual-novel <![CDATA[VN: Nusantara: Bermuda Triangle by SweetChiel Visual Novel (VN) adalah sebuah genre game yang diperkenalkan dan dipolulerkan pertama kali di Jepang. !--more-- Seperti namanya, game ini memiliki media-media visual, seperti gambar (gambar background & karakter), musik, dan bahkan video. Selain itu, juga terdapat teks cerota seperti pada buku novel. Cerita di dalam game ini mempunyai cabang-cabang (branch) sehingga pemain bisa memilih petualangannya sendiri. Genre game ini lebih menonjolkan aspek cerita, gambar, dan musik. Tampilan dari game-game Visual Novel pun sederhana & tidak terlalu rumit seperti genre game lainnya. Biasanya genre Visual Novel yang terkenal & sering dipakai yaitu romatis dan horor. Dalam segi pemasaran, biasanya game Visual Novel dipromosikan dengan PV (Promotional Video) yang sederhana, hanya ada gambaran cerita dalam game dan pengenalan karakter & voice acting karakter (jika ada) yang diiringi dengan musik. Dalam segi pembuatannya, banyak sekali game engine yang bisa dipakai untuk membuat Visual Novel. Mulai dari yang berbayar seperti TyranoBuilder & Visual Novel Maker, hingga yang gratis seperti Ren'Py, ONScripter, KiriKiri Z, Belle, dll. Sumber: VNDB (Visual Novel Database) Visual Novel di Wikipedia Bahasa Inggris Gambar Visual Novel: Nusantara: Bermuda Triangle by SweetChiel Catatan: Artikel ini pertama kali ditulis oleh Dito Kurnia P (Ditoxic) dan di publikasikan di Line Square Visual Novel pada tanggal 31 Maret 2019 jam 10:50. #Tutorial #VisualNovel Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0]]> VN: Nusantara: Bermuda Triangle by SweetChiel

Visual Novel (VN) adalah sebuah genre game yang diperkenalkan dan dipolulerkan pertama kali di Jepang.

Seperti namanya, game ini memiliki media-media visual, seperti gambar (gambar background & karakter), musik, dan bahkan video. Selain itu, juga terdapat teks cerota seperti pada buku novel. Cerita di dalam game ini mempunyai cabang-cabang (branch) sehingga pemain bisa memilih petualangannya sendiri.

Genre game ini lebih menonjolkan aspek cerita, gambar, dan musik. Tampilan dari game-game Visual Novel pun sederhana & tidak terlalu rumit seperti genre game lainnya. Biasanya genre Visual Novel yang terkenal & sering dipakai yaitu romatis dan horor.

Dalam segi pemasaran, biasanya game Visual Novel dipromosikan dengan PV (Promotional Video) yang sederhana, hanya ada gambaran cerita dalam game dan pengenalan karakter & voice acting karakter (jika ada) yang diiringi dengan musik.

Dalam segi pembuatannya, banyak sekali game engine yang bisa dipakai untuk membuat Visual Novel. Mulai dari yang berbayar seperti TyranoBuilder & Visual Novel Maker, hingga yang gratis seperti Ren'Py, ONScripter, KiriKiri Z, Belle, dll.

Sumber: 1. VNDB (Visual Novel Database) 2. Visual Novel di Wikipedia Bahasa Inggris 3. Gambar Visual Novel: Nusantara: Bermuda Triangle by SweetChiel

Catatan: Artikel ini pertama kali ditulis oleh Dito Kurnia P (Ditoxic) dan di publikasikan di Line Square Visual Novel pada tanggal 31 Maret 2019 jam 10:50.

#Tutorial #VisualNovel

Artikel ini dilisensikan dengan lisensi CC BY-SA 4.0

]]> https://qua.name/vn-blog/apa-itu-visual-novel Wed, 17 Jul 2019 17:19:57 +0200 Tutorial https://qua.name/vn-blog/tutorial <![CDATA[Terakhir di perbarui tanggal 27 Juli 2019 jam 12:10. Umum Apa itu Visual Novel? Apa itu Kinetic Novel? Etika dalam Menggunakan Aset dari Internet untuk Pembuatan Game Daftar Game Engine Khusus Visual/Kinetic Novel Link Tempat Mengunduh Aset untuk Membuat Visual/Kinetic Novel LibreOffice Impress Tutorial LibreOffice Impress 01: Membuat Visual Novel dengan LibreOffice Impress Om3ga Visual Novel Engine (Ditunda) SEEVN Tutorial SEEVN 01: Mengenal Tampilan SEEVN Tutorial SEEVN 02: Membuat Visual Novel #Tutorial #GameEngine #SEEVN #LibreOfficeImpress]]> Terakhir di perbarui tanggal 27 Juli 2019 jam 12:10.

Umum

LibreOffice Impress

Om3ga Visual Novel Engine (Ditunda)

SEEVN

#Tutorial #GameEngine #SEEVN #LibreOfficeImpress

]]> https://qua.name/vn-blog/tutorial Wed, 17 Jul 2019 15:58:23 +0200