PERANCANGAN WEBTOON MENGENAI KOMIK INDONESIA
Laporan Tugas Akhir
Ditulis sebagai syarat untuk memperoleh gelar Sarjana Desain (S.Ds.)
Nama : Noah Timothy Surjadi
NIM : 00000018460
Program Studi : Desain Komunikasi Visual Fakultas : Seni dan Desain
UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG
2021
ii
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT
Saya yang bertanda tangan di bawah ini:
Nama : Noah Timothy Surjadi
NIM : 00000018460
Program Studi : Desain Komunikasi Visual Fakultas : Seni dan Desain
Universitas Multimedia Nusantara Judul Tugas Akhir :
PERANCANGAN WEBTOON MENGENAI KOMIK INDONESIA
dengan ini menyatakan bahwa, laporan dan karya tugas akhir ini adalah asli dan belum pernah diajukan untuk mendapatkan gelar sarjana, baik di Universitas Multimedia Nusantara maupun di perguruan tinggi lainnya.
Karya tulis ini bukan saduran/terjemahan, murni gagasan, rumusan dan pelaksanan penelitian/implementasi saya sendiri, tanpa bantuan pihak lain, kecuali arahan pembimbing akademik dan narasumber.
Demikian surat Pernyataan Originalitas ini saya buat dengan sebenarnya, apabila di kemudian hari terdapat penyimpangan serta ketidakbenaran dalam pernyataan ini, maka saya bersedia menerima sanksi akademik berupa pencabutan gelar (S.Ds.) yang telah diperoleh, serta sanksi lainnya sesuai dengan norma yang berlaku di Universitas Multimedia Nusantara.
Tangerang, 17 Juni 2021
Noah Timothy Surjadi
iii
HALAMAN PENGESAHAN TUGAS AKHIR
PERANCANGAN WEBTOON MENGENAI KOMIK INDONESIA
Oleh
Nama : Noah Timothy Surjadi
NIM : 00000018640
Program Studi : Desain Komunikasi Visual Fakultas : Seni dan Desain
.
Pembimbing I
Rani Aryani Widjono, S.Sn., M.Ds
Ketua Program Studi
Mohammad Rizaldi, S.T., M.Ds.
Penguji
Erwin Alfian, S.Sn., M.Ds
Ketua Sidang
Frindhinia Medyasepti, S.Sn., M.Sc Tangerang, 2 Juli 2021
iv
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Tuhan yang Maha Esa karena telah menemani penulis selama pengerjaan Tugas Akhir ini. Alasan penulis tertarik dengan tema yang diambil adalah karena sejak kecil penulis memiliki ketertarikan terhadap media bercerita komik, dan ingin suatu saat nanti menciptakan sebuah komik yang dapat disukai oleh banyak orang.
Selama menjalankan masa belajar di UMN, penulis menyadari betapa kurangnya pengetahuan penulis terhadap komik Indonesia, dan ketika penulis melakukan riset, semakin jelas bahwa era globalisasi menyebabkan banyaknya komik Indonesia yang menurun popularitasnya. Oleh karena itu penulis merasa topik ini sangatlah penting karena banyak sekali hal yang dapat dipelajari oleh generasi muda dari komik - komik Indonesia, terutama bagi mereka yang memiliki keinginan untuk masuk ke industri komik dan webtoon.
Selama proses pengerjaan Tugas Akhir ini, penulis menyadari bahwa betapa pentingnya kesabaran, terutama melihat bahwa Indonesia sedang mengalami pandemi, untuk pengumpulan data dan wawancara terasa sangat sulit karena setiap individu memiliki kesibukan mereka masing - masing yang mengakibatkan sulitnya komunikasi.
Terima kasih penulis ucapkan kepada setiap individu yang telah mendukung penulis dalam pelaksanaan Tugas Akhir ini dari awal hingga akhir;
1. Muhammad Rizaldi, S.T., M.Ds., selaku Ketua Program Studi Desain Komunikasi Visual di Universitas Multimedia Nusantara.
2. Rani Aryani Widjono, selaku dosen pembimbing.
v
3. Semua pihak yang terlibat dalam riset dan perancangan Tugas Akhir ini.
4. Natasha, selaku teman dekat dari penulis yang memberikan mental support.
5. Teman - teman penulis yang melaksanakan Tugas Akhir bersama dengan penulis.
6. Suzy Ann Tiwon, selaku ibu dari penulis yang telah sabar dengan penulis selama masa pengerjaan.
Tangerang, 19 Juni 2021
Noah Timothy Surjadi
vi
ABSTRAKSI
Komik adalah media storytelling yang berbasis teks dan gambar. Di Indonesia sendiri, komik pertama kali muncul pada tahun 1931 dan telah berkembang hingga sekarang, dan telah memasuki era digital seperti webtoon. Webtoon adalah komik yang diunggah secara online dan memiliki flow vertikal sehingga cocok untuk diakses melalui smartphone. Pergeseran ini membuat banyak dari generasi muda yang tidak mengetahui perkembangan komik di Indonesia. Dalam pencarian data, penulis menggunakan penyebaran kuesioner kedua grup Facebook yang memiliki ketertarikan dengan LINE WEBTOON Indonesia dan menemukan bahwa sebanyak 55,2% dari 155 partisipan tidak mengetahui perkembangan komik di indonesia, Namun meskipun banyak dari mereka yang masih tidak mengenal perkembangan komik Indonesia, mereka juga tertarik untuk mempelajari perkembangan dari komik - komik di Indonesia oleh karena itu penulis merancang sebuah media informasi untuk memperkenalkan ciri - ciri komik dari jaman ke jaman menggunakan webtoon. Dalam perancangan webtoon menggunakan elemen - elemen interaktif seperti branching plot dan kuis agar membuat pembaca mendapatkan informasi dengan cara yang fun.
Kata kunci : Komik, webtook, perkembangan komik Indonesia, generasi muda, interaktif.
vii
ABSTRACT
Comics is a storytelling media that uses text and illustration. In Indonesia, komik first appeared during 1931 and has developed until now, and has entered the digital era in the form of webtoon. Webtoons are comics that are uploaded onto the internet and have vertical reading flow, which makes it excellent to be accessed via smartphones. This shift from physical comics to webtoon makes many of the younger generation not aware of the development of comics in Indonesia. Searching for fate, the author sent questionnaires and sent it to two Facebook groups that have interest in LINE WEBTOON Indonesia, and found that 55,2% of the 155 participants did not know about the development of comics in Indonesia. But despite of them not knowing, the author also found out that they would like to learn more about the topic and because of that the author designed an informative media to introduced the characteristic of comics from the time it first appeared, to the golden age of comics, the fall of comics Indonesia, and until now using webtoon. In designing the webtoon, the author used interactive elements such as branching plots and quizzes so that the reader will receive information in a fun way.
Keywords: Comics, webtoon, younger generation, development of comics in Indonesia, interactive
viii
DAFTAR ISI
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT ... II
HALAMAN PENGESAHAN TUGAS AKHIR/SKRIPSI* ... KESALAHAN!
BOOKMARK TIDAK DITENTUKAN.
KATA PENGANTAR ... IV ABSTRAKSI ... VI ABSTRACT ... VII DAFTAR ISI ... VIII DAFTAR GAMBAR ... XI DAFTAR TABEL ... XVI DAFTAR LAMPIRAN ... XVII
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 2
1.3. Batasan Masalah... 2
1.4. Tujuan Tugas Akhir ... 3
1.5. Manfaat Tugas Akhir ... 3
BAB II TINJAUAN PUSTAKA ... 5
2.1. Teori Desain ... 5
2.1.1. Prinsip Desain ... 5
ix
2.1.2. Elemen Desain ... 10
2.2. Visual Story Telling ... 15
2.2.1. Komik ... 16
2.2.2. Elemen Visual Pada Komik ... 19
2.3. Interactive Narrative ... 21
2.4. Ilustrasi ... 24
2.5. Tipografi ... 25
2.6. Perkembangan Komik di Indonesia ... 26
BAB III METODOLOGI ... 29
3.1. Metodologi Pengumpulan Data ... 29
3.1.1. Kuesioneri ... 30
3.1.2. Studi Referensi ... 39
3.2. Metodologi Perancangan ... 43
BAB IV STRATEGI DAN ANALISIS PERANCANGAN ... 62
4.1. Analisis Alpha ... 62
4.1.1. Analisis Alpha Test ... 62
4.1.2. Sebelum dan Sesudah Alpha Test ... 70
4.1.3. Desain Tahap Beda ... 73
4.2. Analisis Beta ... 87
4.2.1 Analisis Desain ... 87
4.2.2. Analisis Beta Test ... 96
BAB V PENUTUP ... 102
x
5.1. Kesimpulan ... 103 5.2. Saran ... 103 DAFTAR PUSTAKA ... XIV
xi
DAFTAR GAMBAR
Gambar 2.1. Photography Continuation ... 6
Gambar 2.2. Illustration Grid ... 7
Gambar 2.3. Illustration Emphasis and Focal Point ... 7
Gambar 2.4. Photography Scale and Proportion... 8
Gambar 2.5.Illustration Balance ... 9
Gambar 2.6. Painting Rhythm ... 10
Gambar 2.7. Photography Line ... 11
Gambar 2.8. Photography Natural Shape ... 11
Gambar 2.9. Illustration Distortion Shape ... 12
Gambar 2.10. Illustration Pattern ... 12
Gambar 2.11. Photography Texture ... 13
Gambar 2.12. Painting Illusion of Space ... 13
Gambar 2.13. Painting Illusion of Motion ... 14
Gambar 2.14. Illustration Value... 14
Gambar 2.15. Illustration Color... 15
Gambar 2.16. Cover Komik Gundala ... 16
Gambar 2.17. Screenshot Bunga Bomi ... 17
Gambar 2.18. Screenshot Bagian Komentar Bunga Bomi ... 18
Gambar 2.19. Screenshot Webtoon Baby Journal ... 18
Gambar 2.20. Illustrasi Panel ... 19
Gambar 2.21. Illustrasi Balon Kata ... 20
Gambar 2.22. Screenshot Teks Webtoon On or Off... 20
xii
Gambar 2.23. Screenshot Ikon Karakter pada Webtoon On or Off ... 21
Gambar 2.24. Screenshot Efek Visual pada Webtoon On or Off ... 21
Gambar 3.1. Hasil Kuesioner 1 ... 31
Gambar 3.2. Hasil Kuesioner 2 ... 31
Gambar 3.3. Hasil Kuesioner 3 ... 32
Gambar 3.4. Hasil Kuesioner 4 ... 33
Gambar 3.5. Hasil Kuesioner 5 ... 33
Gambar 3.6. Hasil Kuesioner 6 ... 34
Gambar 3.7. Hasil Kuesioner 7 ... 35
Gambar 3.8. Hasil Kuesioner 8 ... 35
Gambar 3.9. Hasil Kuesioner 9 ... 36
Gambar 3.10. Hasil Kuesioner 10 ... 37
Gambar 3.11. Hasil Kuesioner 12 ... 37
Gambar 3.12. Hasil Kuesioner 13 ... 38
Gambar 3.13. Cover Underground Kingdom ... 40
Gambar 3.14. Logo Cyclum Killer ... 41
Gambar 3.15. Screenshot Bagian Komentar Cyclum Killer ... 42
Gambar 3.16. Screenshot Mind Map... 44
Gambar 3.17. Persona ... 45
Gambar 3.18. Referensi Artstyle ... 46
Gambar 3.19. Referensi Typeface ... 46
Gambar 3.20. Color Palette ... 47
Gambar 3.21. Proses Desain Rama ... 50
xiii
Gambar 3.23. Proses Desain Sri Ningsih ... 51
Gambar 3.24. Screenshot Scrip ... 51
Gambar 3.25. Storyboard Pendahuluan ... 54
Gambar 3.26. Storyboard bagian 1, Tahun 1930 ... 55
Gambar 3.27. Storyboard bagian 2, Tahun 1950 ... 56
Gambar 3.28. Sketsa ... 57
Gambar 3.29. Sketsa Digitized 1 ... 57
Gambar 3.30. Sketsa Digitized 2 ... 58
Gambar 3.31. Gambar dan Tulisan ... 59
Gambar 3.32. Gambar Pemilihan ... 60
Gambar 3.33. Screenshot Figma ... 60
Gambar 3.34. Judul Awal ... 61
Gambar 4.1. Hasil Alpha Test 1 ... 62
Gambar 4.2. Hasil Alpha Test 2 ... 63
Gambar 4.3. Hasil Alpha Test 3 ... 64
Gambar 4.4. Hasil Alpha Test 4 ... 64
Gambar 4.5. Hasil Alpha Test 5 ... 65
Gambar 4.6. Hasil Alpha Test 6 ... 66
Gambar 4.7. Hasil Alpha Test 7 ... 66
Gambar 4.8. Hasil Alpha Test 8 ... 67
Gambar 4.9. Hasil Alpha Test 9 ... 68
Gambar 4.10. Hasil Alpha Test 10 ... 68
Gambar 4.11. Hasil Alpha Test 11 ... 69
xiv
Gambar 4.12. Judul Sebelum dan Setelah Revisi ... 70
Gambar 4.13. Ilustrasi dan Animasi Perubahan ... 71
Gambar 4.14. Ilustrasi Desain Karakter Sri Ningsih ... 72
Gambar 4.15. Referensi Rama Chibi ... 73
Gambar 4.16. Desain Akhir Karakter Rama ... 74
Gambar 4.17. Storyboard Pendahuluan ... 75
Gambar 4.18. Storyboard Bagian1... 76
Gambar 4.19. Storyboard Bagian 2... 77
Gambar 4.20. Storyboard Bagian 2, Intro dan Romansa ... 78
Gambar 4.21. Storyboard Bagian 3, Pahlawan dan Bela Diri ... 79
Gambar 4.22. Storyboard Bagian 4... 80
Gambar 4.23. Storyboard Bagian 5... 81
Gambar 4.24. Sketsa Awal hingga Bagian Dua ... 82
Gambar 4.25. Sketsa Bagian Dua hingga Bagian Tiga; Romana dan Pahlawan .. 82
Gambar 4.26. Sketsa Bagian Tiga Bela Diri hingga Awalan Akhir ... 83
Gambar 4.27. Sketsa Bagian Akhir hingga Kuis ... 83
Gambar 4.28. Hasil Akhir Awal hingga Bagian Dua... 84
Gambar 4.29. Hasil Bagian Dua hingga Bagian Tiga; Romansa dan Pahlawan ... 85
Gambar 4.30. Hasil BAgian Tida hingga Bagian Awalan Akhir ... 85
Gambar 4.31. Hasil Bagian Akhir hingga Bagian Kuis ... 86
Gambar 4.32. Perubahan Warna ... 86
Gambar 4.33. Mockup Layar Judul ... 87
Gambar 4.34. Pendahuluan dan Bagian Satu ... 89
xv
Gambar 4.35. Bagian Dua ... 90
Gambar 4.36. Bagian Tiga ... 91
Gambar 4.37. Bagian Empat ... 92
Gambar 4.38. Bagian Kuis ... 94
Gambar 4.39. Desain Branching Plot dan Kuis ... 95
Gambar 4.40. Hasil Beta Test 1 ... 96
Gambar 4.41. Hasil Beta Test 2 ... 97
Gambar 4.42. Hasil Beta Test 3 ... 97
Gambar 4.43. Hasil Beta Test 4 ... 98
Gambar 4.44. Hasil Beta Test 5 ... 99
Gambar 4.45. Hasil Beta Test 6 ... 99
Gambar 4.46. Hasil Beta Test 7 ... 100
Gambar 4.47. Hasil Beta Test 8 ... 101
xvi DAFTAR TABEL
Tabel 3.1. Studi Referensi Underground Kingdom ... 40 Tabel 3.2. Studi Referensi Webtoon Cyclum Killer ... 42 Tabel 3.3. 3D Karakter Rama dan Sri Ningsih ... 48
xvii
DAFTAR LAMPIRAN
LAMPIRAN A: FORM BIMBINGAN ... xviii
LAMPIRAN B: HASIL KUESIONER ... xix
LAMPIRAN C: HASIL ALHPA TEST ... xxiii
LAMPIRAN D: HASIL BETA TEST ... xxix