lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2592/4/bab iii.pdfterkait...

Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP

Hak cipta dan penggunaan kembali:

Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.

Copyright and reuse:

This license lets you remix, tweak, and build upon work non-commercially, as long as you credit the origin creator and license it on your new creations under the identical terms.

23

BAB III

METODOLOGI

3.1. Gambaran Umum

Proyek Tugas Akhir ini adalah merancang komik interaktif Hana. Komik

interaktif ini ditujukan bagi anak-anak usia 6 - 10 tahun, dimana pada usia

tersebut anak-anak kebanyakan sudah bisa membaca.

Terkait dengan latar belakang masalah dari proyek Tugas Akhir ini,

penulis melakukan penelitian mengenai komik interaktif yang beredar di

masyarakat luas. Penulis mengumpulkan data dengan cara mengambil beberapa

referensi komik interaktif untuk dibandingkan, sehingga metode penelitian yang

digunakan adalah metode studi existing terhadap komik interaktif.

Selain itu penulis juga melakukan penelitian mengenai GUI dan warna

yang akan diaplikasikan dalam komik interaktif ini. Penelitian terhadap GUI juga

menggunakan metode referensi dari media interaktif untuk anak yang sudah ada

di masyarakat luas.

Tahapan kerja yang dilakukan adalah pra produksi, produksi, dan pasca

produksi. Untuk pra produksi sendiri terdiri dari penyusunan konsep. Penyusunan

konsep ini berupa konsep pola interaksi yang akan digunakan dalam komik

interaktif, pembuatan sketsa karakter dan sketsa komik serta pemilihan warna

yang akan dipakai di dalam komik, dan perancangan GUI.

Perancangan Komik..., Maria Stella Kurnia, FSD UMN, 2014

24

Pada tahapan produksi akan dilakukan penebalan sketsa komik,

pewarnaan, pemberian balon teks untuk dialog dan narasi, dan memasukkan

interaktifitas ke dalam komik. Untuk tahapan terakhir atau pasca produksi akan

dilakukan publishing dari hasil komik interaktif ini.

Gambar 3.1. Bagan Produksi 3.1.1. Sinopsis

Proyek Tugas Akhir ini merupakan komik interaktif yang bercerita tentang

seorang gadis kecil bernama Hana. Hana adalah anak kedua dari sebuah keluarga

yang memiliki sebuah kelebihan secara turun temurun. Kelebihan keluarga Hana

adalah memiliki penciuman yang sangat tajam sehingga bisa membedakan setiap

individu serta barang hanya melalui bau.

Hana dikucilkan oleh teman-temannya akibat kelebihannya yang aneh ini.

Namun, kakak Hana mengatakan bahwa kelebihan mereka sebenarnya berguna

untuk membantu orang lain. Akhirnya Hana menggunakan penciumannya untuk


25

membantu teman-temannya saat kehilangan mainan dan barang mereka saat

bermain di taman tempat bermain anak-anak.

3.1.2. Posisi Penulis

Posisi penulis dalam proyek ini adalah sebagai perancang dan pembuat seluruh

komik interaktif ini. Dimulai dari desain, isi cerita, hingga memasukkan

interaktifitas ke dalam komik ini.

3.2. Konsep

3.2.1. Karakter dan Warna

Untuk karakter dan warna yang digunakan dalam komik interaktif ini Penulis

memakai referensi dari buku ilustrasi anak dan komik anak yang beredar di

masyarakat. Kebanyakan karakter yang digambar memiliki kepala besar dan

memiliki warna solid serta gambar tidak terlalu rumit.

Karakter yang akan dibuat ada 5, tetapi dalam pembuatan konsep ini hanya akan

ditunjukkan dua karakter saja, yaitu Hana dan kakaknya.

1. Hana

a. Fisiologis

Hana merupakan karakter seorang anak perempuan berusia 6 tahun.

Memiliki tinggi badan rata-rata anak seusianya. Warna mata coklat, kulit

putih, dan rambut sepanjang bahu berwarna hitam. Berpenampilan

tomboy, sehingga biasa memakai baju kaus dan celana pendek saat

bermain.


26

Bentuk fisik Hana digambar berdasarkan karakter yang ada di

beberapa komik dan buku ilustrasi anak. Referensi ini digunakan agar

mendapatkan kesan anak kecil yang pas dengan umur Hana.

Gambar 3.2. Karakter dari Buku Ilustrasi Anak Pengemudi Taksi

Gambar 3.3. Karakter Miiko dari Komik Hai Miiko


27

Gambar 3.4. Karakter dari Buku Ilustrasi Anak Pembaca Cerita

Untuk pakaian yang digunakan Hana, Penulis menggunakan

referensi dari pakaian anak-anak sebagai berikut.

Gambar 3.5. Pakaian Anak (http://kbyhebrewcamp.files.wordpress.com/2013/06/sumer-clothes-for-kids.jpg)


28

Gambar 3.6. Baju Anak Perempuan (http://thumbs2.ebaystatic.com/d/l225/m/m_09CC6yZnF5RqC0LHnAygQ.jpg)

b. Psikologis

Secara psikologis Hana merupakan anak yang ceria, extrovert, polos dan

banyak ingin tahu. Sering terlibat masalah karena rasa ingin tahunya yang

besar. Selalu mengutarakan apa yang ada didalam pikirannya tanpa pikir

panjang lebih dahulu. Tingkat kecerdasannya rata-rata untuk anak

seumurannya.

c. Sosiologis

Hana anak yang ramah dan senang berteman dengan siapa saja. Sayangnya

teman-temannya menjauhinya akibat kemampuannya yang aneh. Hana

sangat dekat dengan kakak laki-lakinya dan setiap memiliki masalah

dirinya akan selalu mencari kakaknya terlebih dahulu.


29

Warna yang digunakan untuk membuat karakter Hana adalah warna-warna

cerah. Dimana warna cerah ini menunjukkan keceriaan dari seorang anak pada

keadaan sekitar mereka.

2. Ryo

a. Fisiologis

Ryo berumur 12 tahun. Secara fisiologis tinggi badannya lebih tinggi

daripada Hana dan rata-rata dari anak seumuran dirinya. Sering terlihat

memakai baju kaus dan celana 3/4. Warna kulit putih. Rambutnya hitam

kecoklatan dan sedikit ikal. Warna mata coklat seperti Hana.

Untuk pakaian yang dipakai oleh Ryo, Penulis mengambil

referensi dari pakaian anak laki-laki yang ada. Pakaian yang digunakan

untuk referensi rata-rata berasal dari pakaian untuk anak-anak pra remaja.

Gambar 3.7. Pakaian Anak Laki-Laki (https://doubledutchery.com/sites/default/files/styles/large/public/kids-clothing-box/photo-

39.JPG?itok=GwvuuplF)


30

Gambar 3.8. Celana Panjang 3/4 (http://image.rakuten.co.jp/ripe/cabinet/item/2013-3-8/gra-0719.jpg?_ex=128x128)

b. Psikologis

Secara psikologis Ryo merupakan anak yang ceria, extrovert, memiliki

rasa percaya diri tinggi, dan berpendirian kuat. Termasuk orang yang

memiliki tingkat kecerdasan tinggi, namun malas saat melakukan sesuatu

yang dianggapnya mudah.

c. Sosiologis

Ryo merupakan kakak laki-laki dari Hana. Dia seorang murid kelas 6 SD

di dekat rumahnya. Memiliki banyak teman dan pandai bergaul. Dulu

sempat mengalami hal serupa dengan Hana, tapi dirinya yang tidak kenal

kata menyerah terus berusaha meyakinkan teman-temannya kalau dia tidak


31

aneh. Sangat sayang pada Hana dan selalu memanjakan adiknya itu di

mana saja.

3.2.2. Background

Untuk background digunakan berbagai referensi dari taman bermain anak yang

ada. Hanya saja background yang digunakan sebagai referensi tidak semuanya

ditampilkan dalam komik.

Gambar 3.9. Taman Bermain Anak (http://www.new-bern.nc.us/Sports-Recreation/PierceParkPlayground.JPG)

Gambar 3.10. Kotak Pasir (http://img.archiexpo.com/images_ae/photo-g/sandboxes-playgrounds-10924-4889287.jpg)


32

3.2.3. Sketsa

Dari hasil referensi yang penulis gunakan, penulis membuat sketsa sebagai

berikut:

Gambar 3.11. Sketsa Hana

Proporsi kepala lebih besar daripada badan terlihat seperti pada referensi

yang penulis gunakan. Kebanyakan karakter yang ada di dalam buku ilustrasi

maupun komik anak memiliki proporsi kepala yang besar membuat karakter

tampak ramah dimata para pembacanya.


33

Gambar 3.12. Sketsa Ryo

Referensi yang digunakan untuk gambar karakter Ryo juga sama seperti

Hana, hanya saja ada perbedaan tinggi antara Ryo dengan Hana. Selain itu

karakter Ryo juga memiliki kepala berukuran besar walau tidak sebesar ukuran

kepala Hana.

Dari sketsa yang sudah dibuat, maka dipilih sketsa yang nantinya akan

menjadi gambar akhir dan dimasukkan ke dalam komik. Berikut adalah sketsa

akhir dari Hana dan Ryo.


34

Gambar 3.12. Sketsa Final Hana dan Ryo

3.2.4. Pola Interaksi

Pola interaksi yang digunakan dalam komik ini adalah nodal plot. Pola ini adalah

pola paling sederhana untuk digunakan dalam berbagai macam permainan

interaktif dan komik interaktif. Komik interaktif yang penulis teliti pun

kebanyakan memakai nodal plot sebagai pola interaksi.

Gambar 3.13. Pola Interaksi Nodal Plot (http://2.bp.blogspot.com/-J-

hdwbXBHfE/UTtQqhrgl8I/AAAAAAAAA7o/xq7pg9uM8Oo/s1600/Nodal+Plot+Structure+Exa

mple.jpg)


35

Gambar 3.14. Sitemap Nodal Plot Komik Interaktif "Hana"

3.2.5. Komik Interaktif dan Interaktifitas

Penelitian yang dilakukan oleh penulis adalah studi existing komik interaktif.

Komik interaktif yang beredar dimasyarakat kebanyakan berasal dari negara

Barat. Perbedaan perkembangan teknologi yang membuat negara Barat lebih dulu

mengembangkan komik interaktif. Beberapa komik interaktif yang beredar dan

bisa dilihat di internet adalah:

1. NAWLZ season 1 & 2

Komik interaktif ini memakai alur nodal plot dimana interaktifitas yang ada

di dalam komik berupa scroll ke samping dan mengklik beberapa tanda panah

untuk membaca. Namun, sayangnya beberapa ikon dan simbol yang bisa

diklik tidak terlalu terlihat jelas sehingga terkadang membingungkan

pembaca.


36

Gambar 3.15. Awal Komik Nawlz (Nawlz.com)

Hanya saja beberapa fitur animasi dan suara yang ada di dalam komik

ini cukup membuat pembaca merasakan kejadian yang terjadi di dalam komik

ini.

Gambar 3.16. Isi Komik Nawlz (Nawlz.com)


37

2. Dead on Arrival

Bercerita mengenai detektif yang menangani sebuah kasus pembunuhan.

Komik ini menggunakan alur modulated plot. Pembaca dapat berperan

sebagai sang detektif untuk menebak siapa pelaku pembunuhan dalam kasus

ini.

Gambar 3.17. Awal Komik Dead on Arrival (http://www.dead-on-arrival.co.uk/)

Interaktifitas yang ada di dalam komik ini berupa animasi, suara, serta

ikon-ikon yang bisa diklik untuk mendapatkan informasi tertentu.


38

Gambar 3.18. Contoh Informasi dalam Ikon (http://www.dead-on-arrival.co.uk/)

3. Dracula

Komik mengenai Dracula ini menggunakan alur modulated plot. Pembaca

berperan sebagai orang yang mengunjungi kastil Dracula dan harus memilih

apakah akan menjadi tamu Dracula atau tidak. Komik ini menggunakan

sistem scroll samping menggunakan pointer mouse.


39

Gambar 3.19. Isi Komik Dracula (http://www.draculacomic.co.uk/)

Kelebihan dari komik interaktif ini adalah fitur webcam dan QR code

untuk menampilkan gambar salib dari layar ponsel ke webcam yang nantinya

digunakan untuk berinteraksi dengan Dracula dalam komik.

Gambar 3.20. Contoh Interaksi Dalam Komik (http://www.draculacomic.co.uk/)


40

Gambar 3.21. Penggunaan Webcam dan QR Code untuk Interaksi (http://www.draculacomic.co.uk/)

4. Knite

Komik interaktif ini menggunakan alur nodal plot. Tidak seperti komik

interaktif lain yang memakai suara, komik ini hanya menampilkan sedikit

interaktifitas. Interaktifitas yang ada di dalam komik ini hanya berupa animasi

dan ikon untuk melanjutkan ke halaman selanjutnya.

Knite termasuk komik interaktif paling sederhana diantara komik

interaktif lain yang beredar dimasyarakat. Hal ini dikarenakan sedikitnya

interaktifitas yang ada di dalam komik ini.


41

Gambar 3.22. Halaman Awal Komik Knite (Wenqing Yan, 2010)

Gambar 3.23. Isi Komik Knite (Wenqing Yan, 2010)


42

Tabel 3.1. Tabel Perbandingan Komik Interaktif Daftar Nama Komik Interaktif

NAWLZ Dead on Arrival Dracula Knite

Format Horizontal Horizontal Horizontal Horizontal

Interaktifitas Animasi, suara

dan ikon

Animasi, suara

dan ikon

Animasi,suara,

ikon, dan QR

Code

Animasi dan

ikon

Pola

Interaksi Nodal Plot Modulated Plot Modulated Plot Nodal Plot

3.2.6. Graphical User Interface

Selanjutnya Penulis melakukan penelitian mengenai GUI lewat beberapa referensi

seperti permainan interaktif dan komik interaktif anak. GUI disini menyangkut

desain layout dan tombol yang akan digunakan dalam komik interaktif nantinya.

1. Layout

Dalam komik ini penulis menggunakan beberapa macam pembagian panel. Ada

panel yang menunjukkan keseluruhan gambar dalam satu halaman, ada panel

yang membagi gambar menjadi beberapa bagian untuk transisinya.

a. Full Frame / 1 panel

Pembagian panel ini tampak dalam satu halaman penuh tanpa batas-batas

dengan panel lainnya.


43

Gambar 3.24. Pembagian 1 Panel b. 2 panel

Untuk pembagian dua panel, penulis memiliki dua cara. Pembagian secara

horizontal dan secara vertikal.

Gambar 3.25. Pembagian 2 Panel Vertikal

Gambar 3.26. Pembagian 2 Panel Horizontal


44

c. 3 panel

Gambar 3.27. Pembagian 3 panel d. 4 panel

Gambar 3.28. Pembagian 4 Panel e. 5 panel

Gambar 3.29. Pembagian 5 Panel


45

2. Tombol

Desain yang digunakan untuk GUI dalam permainan interaktif dan komik

interaktif untuk anak biasanya berupa ikon-ikon dengan simbol yang mudah

dimengerti anak-anak.

Gambar 3.30. Contoh GUI Dalam Komik Neomad (http://www.knowyourapps.com/wp-content/uploads/2012/12/mzl.gqqitvpc.480x480-75.jpg)

Berbeda dengan komik interaktif untuk remaja keatas, komik interaktif

anak memiliki ikon yang lebih terlihat dan dikenali. Contohnya pada komik

interaktif Neomad yang memiliki tombol play dengan ukuran cukup besar.

Pada komik interaktif Ironman pun bagian yang memiliki interaktifitas

dibuat dengan ukuran cukup besar. Seperti saat permainan menyusun puzzle,

bentuk puzzle dalam komik interaktif Ironman ini dibuat cukup besar.


46

Gambar 3.31. Ikon untuk Puzzle Dalam Komik Ironman (http://loudcrow.com/wp-content/uploads/marvel-04.png)

3.3. Komik

3.3.1. Sketsa

Proses pembuatan komik ini dimulai dari sketsa komik. Sketsa komik ini

ditujukan untuk mengetahui pembagian panel dan gambar yang akan digambar di

dalam komik. Selain itu sketsa juga berperan dalam menentukan halaman mana

yang akan diberi animasi atau interaktif nantinya.


47

Gambar 3.32. Sketsa Halaman 1-6

Untuk halaman pertama dan kedua komik ini nantinya akan diberikan

animasi sederhana. Sedangkan pada halaman keenam komik akan diberikan

interaksi kecil di salah satu panelnya.


48



49


3.3.2. Coloring

Proses pewarnaan dilakukan setelah menebalkan garis dari sketsa yang sudah

dibuat. Warna yang digunakan dalam pewarnaan komik ini adalah warna-warna

solid. Kecuali untuk bagian latar belakang, warna yang digunakan kebanyakan

menggunakan gradasi warna.


50

Gambar 3.35. Pewarnaan pada Halaman 3

Gambar 3.36. Penggunaan Gradasi untuk Background


lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2592/4/bab iii.pdfterkait...

Documents