lisensi ini mengizinkan setiap orang untuk menggubah ... (1).pdf · penerapan visualisasi flat...

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.

PENERAPAN VISUALISASI FLAT DESIGN PADA TOKOH

ANIMASI MOTION GRAPHIC EDUKASI “STUDCHEM”

Skripsi Penciptaan

Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni (S.Sn.)

Nama : Vinnie Januarty Wongso

NIM : 00000018875

Program Studi : Film

Fakultas : Seni & Desain

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2019

ii

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Saya yang bertanda tangan di bawah ini:

Nama : Vinnie Januarty Wongso

NIM : 00000018875

Program Studi : Film

Fakultas : Seni & Desain

Universitas Multimedia Nusantara

Judul Skripsi:

PENERAPAN VISUALISASI FLAT DESIGN PADA TOKOH ANIMASI

MOTION GRAPHIC EDUKASI “STUDCHEM”

dengan ini menyatakan bahwa, laporan dan karya Skripsi 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 nara sumber.

Demikian surat Pernyataan Orisinalitas ini saya buat dengan sebenarnya,

apabila di kemudian hari terdapat penyimpangan serta ketidakbenaran dalam

pernyataan ini, maka saya bersedia menerima sanksi akademik berupa pencabutan

Penerapan Visualisasi Flat..., Vinnie Januarty Wongso, FSD UMN, 2019

v

PRAKATA

Puji dan syukur penulis ucapkan kepada Tuhan YME atas segala rahmat dan

karunia yang telah diberikan, sehingga Laporan Tugas Akhir ini dapat

diselesaikan dengan baik. Penulis memutuskan untuk membahas tentang

penerapan flat design style pada tokoh dalam animasi edukasi motion graphics

karena penulis merasa bahwa motion graphics adalah salah satu medium yang

cukup menarik, terutama untuk dapat diterapkan untuk menjadi media

pembelajaran bagi siswa-siswi dalam kegiatan belajar-mengajar di sekolah.

Penulis juga memilih untuk membahas tentang penerapan flat design style,

terutama pada tokoh dalam motion graphics karena menurut penulis tokoh

merupakan unsur terpenting dan utama dalam sebuah animasi, khususnya karya

motion graphics.

Penulis berharap bahwa Laporan ini bermanfaat bagi banyak orang,

terutama terhadap para mahasiswa serta para kalangan professional lainnya yang

tertarik atau membutuhkan informasi tentang perancangan visual, terutama

perancangan tokoh dalam motion graphics, menggunakan flat design style yang

ditargetkan sebagai tontonan bagi remaja. Dalam proses penulisan laporan ini,

tidak sedikit hambatan yang penulis lewati, namun dengan kemauan yang teguh,

kegigihan serta kerja keras, akhirnya penulis dapat menyusun Laporan ini.

Penulis menyadari ketika melaksanakan penulisan laporan ini, bahwa

pembahasan tentang perancangan tokoh dengan menerapkan flat design style

tidaklah sedikit dan masih perlu diseleksi kembali. Penulis juga mendapatkan

wawasan dan pengetahuan baru seputar pembahasan bagaimana merancang tokoh


vi

yang baik, pemilihan warna yang tepat untuk menggambarkan nuansa atau tokoh

serta teknik deformasi atau penyederhanaan atau pengilustrasian yang tepat.

Penulis juga menyadari bahwa informasi tentang perancangan motion graphics

sebagai media untuk pembelajaran masih belum banyak, sehingga dengan

pembuatan karya motion graphics ini, penulis turut serta dalam pengembangan

motion graphics, juga pengembangan media animasi menjadi sarana atau media

yang dapat digunakan untuk kegiatan belajar-mengajar yang efektif.

Untuk itu, penulis ingin mengucapkan terima kasih kepada orang-orang

yang telah terlibat dalam penyusunan proposal TA ini:

1. Kus Sudarsono, S.E., M.Sn. selaku Ketua Program Studi Film

Universitas Multimedia Nusantara.

2. Dominika Anggraeni P., S.Sn., M.Anim., selaku Koordinator Mata

Kuliah Final Project.

3. Matheus Prayogo, S.Sn., M.Ds., selaku Dosen Pembimbing Final

Project yang selalu membimbing, mengarahkan dan memberi

masukan, kritik serta saran yang membangun selama pengerjaan

laporan Tugas Akhir ini dan Karya Tugas Akhir.

4. Bharoto Yekti, S. Ds., M. A., selaku Dosen Animasi Program Studi

Film Universitas Multimedia Nusantara yang membantu dalam

pengerjaan Laporan Tugas Akhir.

5. Christian Aditya, S.Sn., M.Anim., selaku penguji yang memberikan

saran serta masukan yang membangun.

6. Christine M. Lukmanto, S.Sn., M.Anim, selaku ketua sidang akhir.


viii

ABSTRAKSI

Motion graphic merupakan salah satu bentuk dari animasi, yang dari

dekade ke dekade semakin berkembangan dengan pesat. Animasi dapat digunakan

sebagai media pembelajaran, yang dapat digunakan secara efektif dan tepat dalam

kegiatan pembelajaran. Untuk merancangan karya motion graphic yang dapat

secara efektif digunakan untuk kegiatan pembelajaran, unsur dalam karya

haruslah dirancangan dengan tepat, agar audience dapat memahami. Karena itulah

dibutuhkan perancangan visual, terutama tokoh dalam karya secara tepat dan

efektif, menyesuaikan dengan target audience yang menjadi sasaran dari karya.

Untuk dapat menciptakan perancangan tokoh yang tepat, maka dilakukan riset

agar dapat mencapai standar yang diinginkan. Riset atau pengumpulan data

dilakukan akan bersifat kualitatif-kuantitatif, yaitu dengan melakukan studi

literatur, observasi visual reference terhadap karya lain yang terkait dengan topik

yang dibahas, serta wawancara maupun penyebaran kuesioner untuk memahami

apa yang diinginkan oleh target audience. Kemudian, dilanjutkan dengan

eksperimen berdasarkan riset tentang teknis serta style flat design yang dilakukan

untuk mendapatkan perancangan yang nantinya akan diterapkan dalam karya. Hal

ini penting karena tokoh menjadi pintu masuk bagi kreator untuk dapat membuat

audience tertarik untuk mengikuti pesan, cerita atau makna dalam sebuah karya

film atau animasi.

Kata kunci : motion graphics, media pembelajaran, flat design style, tokoh


ix

ABSTRACT

Motion graphic is one form of animation, which from decade to decade

grows rapidly. Animation can be used as a learning medium, which can be used

effectively and appropriately in learning activities. To design motion graphics

that can be effectively used for learning activities, elements in the work must be

properly designed, so that the audience can understand. That's why it takes a

visual design, especially in the characters so it can work appropriately and

effectively, adjusting to the target audience who became the target audience. To

be able to create the right character design, we must do the research in order to

achieve the desired standard. Research or data collection will be done

qualitatively-quantitative, by conducting literature studies, visual observation of

reference to other works related to the topic discussed, as well as interviews and

questionnaire to understand what the target audience wants. Then, followed by

experiments based on technical research and using flat design style is being done

to get the design that will be applied in the animation. This is important because

the character becomes the entrance for creators to be able to make the audience

interested to follow messages, stories or meaning in a work of film or animation.

Keywords: motion graphics, learning media, flat design style, character


x

DAFTAR ISI

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT .................... II

HALAMAN PENGESAHAN SKRIPSI ............................................................ IV

PRAKATA ........................................................................................................... IV

ABSTRAKSI ..................................................................................................... VIII

ABSTRACT .......................................................................................................... IX

DAFTAR ISI .......................................................................................................... X

DAFTAR GAMBAR ........................................................................................ XIII

DAFTAR TABEL .............................................................................................. XV

DAFTAR LAMPIRAN ................................................................................. XVIII

BAB I PENDAHULUAN ...................................................................................... 1

1.1. Latar Belakang ........................................................................................ 1

1.2. Rumusan Masalah ................................................................................... 4

1.3. Batasan Masalah...................................................................................... 4

1.4. Tujuan Skripsi ......................................................................................... 4

1.5. Manfaat Skripsi ....................................................................................... 5

BAB II TINJAUAN PUSTAKA ........................................................................... 6

2.1. Animasi ................................................................................................... 6

2.2. Motion Graphic ....................................................................................... 8

2.3. Flat Design Style ................................................................................... 11


xi

2.4. Perancangan Tokoh dan Penyederhanaan Bentuk ................................ 15

2.5. Pakaian Yunani Kuno ........................................................................... 20

2.6. Pakaian Abad ke-18 .............................................................................. 23

2.7. Pakaian Abad Ke-19 ............................................................................. 25

BAB III METODOLOGI .................................................................................. 26

3.1. Gambaran Umum .................................................................................. 26

3.1.1. Sinopsis ..................................................................................... 26

3.2. Tahapan Kerja ....................................................................................... 27

3.3. Acuan .................................................................................................... 28

3.3.1. Tokoh motion graphics Crash Course by Thought Café .......... 29

3.3.2. Tokoh motion graphic The Infographics Show ........................ 37

3.3.3. Tokoh motion graphic Ted-ed by Lou Serico ................................. 42

3.4. Proses Perancangan ............................................................................... 49

3.4.1. Proses perancangan tokoh Democritus ..................................... 51

3.4.2. Proses perancangan tokoh John Dalton..................................... 57

3.4.3. Proses perancangan tokoh Ernest Rutherford ........................... 62

BAB IV ANALISIS ............................................................................................. 68

4.1. Analisis tokoh Democritus .................................................................... 68

3.2. Analisis tokoh John Dalton ................................................................... 77

3.3. Analisis tokoh Ernest Rutherford .......................................................... 85

BAB V PENUTUP ............................................................................................... 93

5.1. Kesimpulan ........................................................................................... 93


xii

5.2. Saran ...................................................................................................... 94

DAFTAR PUSTAKA ....................................................................................... XIV


xiii

DAFTAR GAMBAR

Gambar 2.1. Ilustrasi Motion Graphics .................................................................. 8

Gambar 2.2. Ilustrasi style flat design pada Tampilan Windows 8 ....................... 12

Gambar 2.3. Perbandingan Skeuomorphics dengan flat design pada UI iPhone .. 14

Gambar 2.4. Contoh Character Design ................................................................. 16

Gambar 2.5. Contoh teknik Cartooning ................................................................ 19

Gambar 2.6. Ilustrasi Bentuk Doric Chiton (Kanan) dan Ionic Chiton (Kiri) ...... 22

Gambar 3.1. Skema Perancangan Proses Penerapan Visual Style ........................ 28

Gambar 3.2. Karakter dalam motion graphics Crash Course by Thought Café ... 29

Gambar 3.3. Karakter dalam motion graphics The Infographics Show ............... 37

Gambar 3.4. Karakter dalam motion graphics Ted-ed by Lou Serico .................. 42

Gambar 3.5. Ilustrasi Wajah Democritus .............................................................. 52

Gambar 3.6. Desain Awal Karakter Democritus .................................................. 53

Gambar 3.7. Percobaan membuat versi vector karakter Democritus .................... 54

Gambar 3.8. Sketsa Karakter Democritus ............................................................. 55

Gambar 3.9. Hasil Akhir Bentuk Vector Karakter Democritus ............................ 56

Gambar 3.10. Ilustrasi Wajah John Dalton ........................................................... 58

Gambar 3.11. Desain Awal Karakter John Dalton ................................................ 58

Gambar 3.12. Percobaan membuat versi vector karakter John Dalton ................. 59

Gambar 3.13. Sketsa Karakter John Dalton .......................................................... 60

Gambar 3.14. Hasil Akhir Bentuk Vector Karakter John Dalton ......................... 61

Gambar 3.15. Ilustrasi Wajah Ernest Rutherford .................................................. 63

Gambar 3.16. Desain Awal Karakter Ernest Rutherford ...................................... 64


xiv

Gambar 3.17. Percobaan membuat versi vector karakter Ernest Rutherford ........ 65

Gambar 3.18. Sketsa Karakter Ernest Rutherford ................................................. 66

Gambar 3.19. Hasil Akhir Bentuk Vector Karakter John Dalton ......................... 67

Gambar 4.1. Karakter Democritus dalam Scene ................................................... 69

Gambar 4.2. Karakter John Dalton dalam Scene .................................................. 78

Gambar 4.3. Karakter John Dalton dalam Scene .................................................. 85


xv

DAFTAR TABEL

Tabel 3.1. Analisis detail wajah dari acuan motion graphic Crash Course by

Thought Cafe ................................................................................................. 30

Tabel 3.2. Analisis penyederhanaan bentuk tubuh dari acuan motion graphic

Crash Course by Thought Cafe ..................................................................... 33

Tabel 3.3. Analisis detail pakaian dari acuan motion graphic Crash Course by

Thought Cafe ................................................................................................. 35

Tabel 3.4. Analisis detail wajah dari acuan motion graphic The Infographics

Show .............................................................................................................. 38

Tabel 3.5. Analisis penyederhanaan bentuk tubuh dari acuan motion graphic The

Infographics Show ........................................................................................ 40

Tabel 3.6. Analisis detail pakaian dari acuan motion graphic The Infographics

Show .............................................................................................................. 41

Tabel 3.7. Analisis detail wajah dari acuan motion graphic Ted-ed by Lou Serico

....................................................................................................................... 43

Tabel 3.8. Analisis penyederhanaan bentuk tubuh dari acuan motion graphic Ted-

ed by Lou Serico ........................................................................................... 45

Tabel 3.9. Analisis detail pakaian dari acuan motion graphic Ted-ed by Lou

Serico............................................................................................................. 46

Tabel 3.10. Perbandingan Detail Acuan ............................................................... 48

Tabel 3.11. Tabel three-dimensional Character Tokoh Democritus ................... 51

Tabel 3.12. Tabel three-dimensional Character Tokoh John Dalton ................... 57

Tabel 3.13. Tabel three-dimensional Character Tokoh Ernest Rutherford .......... 62


xvi

Tabel 4.1. Analisis penggambaran detail wajah Democritus ................................ 70

Tabel 4.2. Perbandingan Detail Mata Democritus dengan Karakter Vector......... 71

Tabel 4.3. Perbandingan Detail Mulut Democritus dengan Karakter Vector ....... 72

Tabel 4.4. Perbandingan Detail Wajah Democritus dengan Karakter Vector ...... 73

Tabel 4.5. Analisis penyederhanaan bentuk tubuh Democritus ............................ 75

Tabel 4.6. Analisis penggambaran detail pakaian Democritus ............................. 76

Tabel 4.7. Perbandingan detail model pakaian Chiton Democritus dengan

Karakter Vector ............................................................................................. 77

Tabel 4.8. Analisis penggambaran detail wajah John Dalton ............................... 79

Tabel 4.9. Perbandingan Detail Wajah John Dalton dengan Karakter Vector ...... 80

Tabel 4.10. Perbandingan Detail Mulut John Dalton dengan Karakter Vector .... 81

Tabel 4.11. Perbandingan Detail Wajah dan Rambut John Dalton dengan Karakter

Vector ............................................................................................................ 82

Tabel 4.12. Analisis penyederhanaan bentuk tubuh John Dalton ......................... 83

Tabel 4.13. Analisis penggambaran detail pakaian John Dalton .......................... 84

Tabel 4.14. Analisis penggambaran detail wajah Ernest Rutherford .................... 86

Tabel 4.15. Perbandingan Detail Mata Ernest Rutherford dengan Karakter Vector

....................................................................................................................... 87

Tabel 4.16. Perbandingan Detail Mulut Ernest Rutherford dengan Karakter Vector

....................................................................................................................... 88

Tabel 4.17. Perbandingan Detail Wajah Ernest Rutherford dengan Karakter

Vector ............................................................................................................ 89

Tabel 4.18. Analisis penyederhanaan bentuk tubuh Ernest Rutherford ................ 90


xvii

Tabel 4.19. Analisis penggambaran detail pakaian Ernest Rutherford ................. 91


xviii

DAFTAR LAMPIRAN

LAMPIRAN A: KARTU KONSULTASI BIMBINGAN TUGAS

AKHIR/SKRIPSI ............................................................................................. XVI

LAMPIRAN B: HASIL PENGECEKAN TURN-IT-IN ........................... XVIII


lisensi ini mengizinkan setiap orang untuk menggubah ... (1).pdf · penerapan visualisasi flat...

Documents