lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/halaman awal.pdf ·...

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

Upload: others

Post on 09-Feb-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

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.

Page 2: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

DESAIN PENCAHAYAAN PADA FILM ANIMASI 2D

"LIFE" DENGAN MENGGUNAKAN ASET 3D

Laporan Tugas Akhir

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

Nama : Widya Pranajaya

NIM : 10120210275

Program Studi : Desain Komunikasi Visual

Fakultas : Seni & Desain

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2014

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 3: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Saya yang bertanda tangan di bawah ini:

Nama : Widya Pranajaya

NIM : 10120210275

Program Sudi : Desain Komunikasi Visual

Fakultas : Seni & Desain

Universitas Multimedia Nusantara

Judul Tugas Akhir/Skripsi:

DESAIN PENCAHAYAAN PADA FILM ANIMASI 2D "LIFE" DENGAN

MENGGUNAKAN ASET 3D

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 nara sumber.

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

ii

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 4: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

gelar (S.Sn.) yang telah diperoleh, serta sanksi lainnya sesuai dengan norma yang

berlaku di Universitas Multimedia Nusantara.

Tangerang, 8 Januari 2014

Widya Pranajaya

iii

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 5: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

HALAMAN PENGESAHAN TUGAS AKHIR

DESAIN PENCAHAYAAN PADA FILM ANIMASI

2D"LIFE" DENGAN MENGGUNAKAN ASET 3D

Oleh

Nama : Widya Pranajaya

NIM : 10120210275

Program Studi : Desain Komunikasi Visual

Fakultas : Seni & Desain

Tangerang, 20 Februari 2014

Ketua Program Studi

Desi Dwi Kristanto, S.Ds., M.Ds.

Penguji

Edwin Hartono Sutiono, M.A.

Ketua Sidang

Yusup Sigit Martyastiadi, S.T., M.Inf.Tech

Pembimbing II

Desi Dwi Kristanto, S.Ds., M.Ds.

Pembimbing I

Fachrul Fadly, S.Ked.

iv

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 6: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

KATA PENGANTAR

Dengan berkat Tuhan yang Maha Esa, laporan tugas akhir ini dapat terselesaikan

dengan baik dan tepat waktu. Perancangan dan penulisan laporan tugas akhir ini

dilakukan guna memenuhi syarat untuk mencapai gelar Sarjana Seni. Selain itu

penulis berharap agar tulisan dan perancangan ini bisa berguna untuk kemajuan

Industri Animasi di Indonesia.

Laporan ini berisi tentang eksperimen perancangan pencahayaan sebuah

animasi 2d berjudul Life yang dalam perancangannya menggunakan aset 3d.

Dengan adanya perancangan ini semoga sebuah efisiensi dalam pembuatan

animasi 2d dapat dilakukan.

Tak lupa penulis juga menyadari, bahwa dukungan, bantuan serta

bimbingan dari semua pihak sangat berperan penting dalam terselesaikannya

perancangan dan penulisan laporan tugas akhir ini. Karena itu penulis

mengucapkan terima kasih sebesar-besarnya kepada :

1. Desi Dwi Kristanto S.Ds., M. Ds. selaku Kepala Program Studi Desain

Komunikasi Visual, serta dosen pembimbing yang telah membimbing dan

sangat membantu selama proses pengerjaan Tugas Akhir ini.

2. Fachrul Fadly, S.Ked. selaku konsultan ahli yang telah bersedia

membimbing dan memberi saran dan masukan atas rancangan

pencahayaan penulis.

3. Keluarga penulis, yang senantiasa memberi dukungan, semangat, dan doa

untuk kelancaran Tugas Akhir penulis.

v

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 7: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

4. Teman-teman sesama mahasiswa yang telah mendukung dan memberi

masukan dalam pengerjaan Tugas Akhir ini.

5. Berbagai pihak yang tidak bisa disebutkan satu persatu yang telah

membantu penulis selama mengerjakan Tugas Akhir.

Tangerang, 8 Januari 2014

Widya Pranajaya

vi

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 8: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

ABSTRAKSI

Penelitian ini dibuat guna merancang dan mengaplikasikan pencahayaan pada film animasi 2d dengan menggunakan aset 3d. Pemilihan topik daripada penelitian ini didasari oleh kemajuan teknologi yang makin canggih baik dalam dunia 2d maupun 3d, oleh karena itu penulis hendak melakukan penelitian guna mengkombinasikan salah satu kelebihan dalam animasi 3d yaitu pencahayaannya kedalam animasi 2d. Dengan begitu diharapkan dapat dihasilkannya sebuah alternatif baru dalam pembuatan animasi 2d yang lebih baik terutama di bagian pencahayaannya. Metede yang akan dilakukan dalam penelitian ini adalah studi kepustakaan, observasi dan eksperimen

Kata kunci : Lighting, animasi 3d, animasi 2d, rotoscoping,2d coloring

vii

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 9: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

ABSTRACT

This research is made to design and apply lighting in 2d animation film which use 3d asset. This topic was chosen based on the sophisticated of technology both 2d and 3d. That's why the writer want to make a research to combine the 3d lighting technology into 2d lighting technology. Hopefully there will be a new alternative in 2d creation. The method that's used are literature, observation, and experiment.

Keywords: Lighting, 3d animation, 2d animation, rotoscoping,2d coloring

viii

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 10: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

DAFTAR ISI

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

HALAMAN PENGESAHAN TUGAS AKHIR................................................ IV

KATA PENGANTAR ........................................................................................... V

ABSTRAKSI ...................................................................................................... VII

ABSTRACT ....................................................................................................... VIII

DAFTAR ISI ........................................................................................................ IX

DAFTAR GAMBAR ......................................................................................... XII

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

2.1. Animasi ................................................................................................... 4

2.1.1. Animasi 2D ................................................................................. 4

2.1.2. Animasi 3D ................................................................................. 6

2.1.3. Animasi Hybrid ........................................................................... 6

2.1.4. Tim Produksi ............................................................................... 7

2.2. Pencahayaan .......................................................................................... 13

ix

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 11: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

2.2.1. Cahaya ....................................................................................... 13

2.2.2. Komposisi ................................................................................. 16

2.2.3. Teknik dalam Pencahayaan ....................................................... 20

2.2.4. Color Script ............................................................................... 24

2.2.5. Pencahayaan dalam 2D ............................................................. 25

2.2.6. Pencahayaan dalam 3D ............................................................. 26

2.3. Cel Shading ........................................................................................... 28

BAB III METODOLOGI .................................................................................. 30

3.1. Gambaran Umum .................................................................................. 30

3.2. Sinopsis ................................................................................................. 30

3.2.1. Desain Karakter ......................................................................... 31

3.2.2. Story Board ............................................................................... 31

3.2.3. Posisi Penulis ............................................................................ 32

3.2.4. Peralatan .................................................................................... 32

3.3. Tahapan Kerja ....................................................................................... 32

3.4. Observasi ............................................................................................... 32

3.4.1. Penggunaan High Key to Fill Ratio pada Tokoh ...................... 40

3.4.2. Penggunaan High Key to Fill pada Adegan .............................. 41

3.4.3. Rotoscoping Pada animasi Lord of The Ring dan Aku no Hana

44

3.5. Eksperimen ............................................................................................ 45

3.5.1. Rotoscoping ............................................................................... 45

3.5.2. Penentuan Tone dan Highlight pada Karakter ......................... 46

x

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 12: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

3.5.3. Percobaan Rendering Menggunakan Toon Shading ................. 51

BAB IV ANALISIS ............................................................................................. 53

2.1. Kelemahan 2D Pencahayaan Tradisional.............................................. 53

4.2. Pengukuran Warna pada Scene Animasi 2Ddan 3D ............................. 54

4.3. Pengaturan Pencahayaan dalam Film Animasi Life .............................. 56

4.3.1. Pengaturan Pencahayaan Key dan Fill ...................................... 57

4.3.2. Pengaturan Backlight ................................................................ 58

4.4. Rotoscoping 3D ..................................................................................... 67

4.5. Pencarian Palet Warna .......................................................................... 68

4.6. Pewarnaan pada Hasil Rotoscoping ...................................................... 71

4.7. Perbedaan Rotoscoping 3D dan Render 3D .......................................... 72

4.8. Efisiensi dalam Pembuatan Animasi 2D ............................................... 74

BAB V PENUTUP ............................................................................................... 75

5.1. Kesimpulan ........................................................................................... 75

5.2. Saran ...................................................................................................... 76

DAFTAR PUSTAKA ...................................................................................... XVII

LAMPIRAN ..................................................................................................... XVII

xi

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 13: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

DAFTAR GAMBAR

Gambar 2.1. Line Mielage ....................................................................................... 5

Gambar 2.2. The Black Cauldron ........................................................................... 7

Gambar 2.3. Warna Additive dan Subtractive ....................................................... 15

Gambar 2.4. Rule of Thirds ................................................................................... 17

Gambar 2.5. Rule of Space .................................................................................... 17

Gambar 2.6. Rule of Odds ..................................................................................... 18

Gambar 2.7. Penerapan Teori Gestalt ................................................................... 19

Gambar 2.8. Teori Gestalt ..................................................................................... 20

Gambar 2.9. Key to Fill Ratios.............................................................................. 22

Gambar 2.10. Low Key to Fill ............................................................................... 23

Gambar 2.11. Low Key to Fill ............................................................................... 24

Gambar 2.12. Color Script .................................................................................... 25

Gambar 2.13. Who Framed Roger Rabbit ............................................................ 25

Gambar 2.14. Cel Sading ...................................................................................... 28

Gambar 3.1. Desain Karakter Bhanu .................................................................... 31

Gambar 3.2. Storyboard ........................................................................................ 32

Gambar 3.3. Monster University ........................................................................... 33

Gambar 3.4. Hotel Transylvania ........................................................................... 35

Gambar 3.5. How to Train Your Dragon .............................................................. 36

Gambar 3.6. Afro Samurai .................................................................................... 37

Gambar 3.7. Hulk Vs Wolferine ........................................................................... 37

xii

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 14: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

Gambar 3.8. Lord of The Ring .............................................................................. 38

Gambar 3.9. Aku no Hana..................................................................................... 39

Gambar 3.10. Dean Hardscrabble ......................................................................... 40

Gambar 3.11. Afro Samurai .................................................................................. 41

Gambar 3.12. Adegan Menakut-nakuti ................................................................. 41

Gambar 3.13. Adegan Marah ................................................................................ 42

Gambar 3.14. Adegan Sedih ................................................................................. 42

Gambar 3.15. Adegan Sedih ................................................................................. 43

Gambar 3.16. Adegan Weapon X Facility Hancur ............................................... 43

Gambar 3.17. Rotoscope Lord of The Ring .......................................................... 44

Gambar 3.18. Aku no Hana Rotoscope ................................................................. 45

Gambar 3.19. Percobaan Rotoscoping 3D ............................................................ 46

Gambar 3.20. Warna Pada tokoh Afro .................................................................. 47

Gambar 3.21. Warna pada Tokoh Hardscrabble ................................................... 47

Gambar 3.22. Greyscale ........................................................................................ 47

Gambar 3.23. Pengecekan dalam Mode HSB ....................................................... 48

Gambar 3.24. Pengaplikasian Cahaya ................................................................... 48

Gambar 3.25. Pengaplikasian Warna .................................................................... 50

Gambar 3.26. Hasil Render Illustrate! .................................................................. 51

Gambar 3.27. Hasil Render Fall Off ..................................................................... 51

Gambar 3.28. Hasil Render Toon Shader-Ink and Paint ....................................... 52

Gambar 4.1. Hulk Mengamuk ............................................................................... 53

Gambar 4.2. Pengecekan cahaya pada tokoh Sullivan .......................................... 54

xiii

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 15: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

Gambar 4.3. Pengecekan cahaya pada tokoh Dracula .......................................... 54

Gambar 4.4. Pengecekan cahaya pada tokoh Jino ................................................ 55

Gambar 4.5. Analisis Cahaya pada Tokoh Mike .................................................. 56

Gambar 4.6. Analisis Cahaya pada Tokoh Wolverine .......................................... 56

Gambar 4.7. Analisis Backlight Tokoh Mike ....................................................... 58

Gambar 4.8. Analisis Backlight Tokoh Dracula ................................................... 58

Gambar 4.9. Analisis Backlight Tokoh Hiccup .................................................... 59

Gambar 4.10. 9 Lampu (Kiri) dan 1 Lampu (Kanan) ........................................... 60

Gambar 4.11. 9 Backlight pada Shoot 1 dan 2 ...................................................... 61

Gambar 4.12. 9 Hasil Render Shoot 1 dan 2 ......................................................... 62

Gambar 4.13. 9 Backlight pada Shoot 3 ................................................................ 62

Gambar 4.14. 9 Hasil Render Shoot 3 ................................................................... 63

Gambar 4.15. 9 Backlight pada Shoot 4 ................................................................ 63

Gambar 4.16. 9 Hasil Render shoot 4 ................................................................... 64

Gambar 4.17. 9 Backlight pada Shoot 5 dan 8 ...................................................... 64

Gambar 4.18. 9 Hasil render shoot 5 dan 8 .......................................................... 65

Gambar 4.19. 9 Backlight pada shoot 6 ................................................................ 65

Gambar 4.20. 9 Hasil Render shoot 6 ................................................................... 66

Gambar 4.21. 9 Backlight pada shoot 7 ................................................................ 66

Gambar 4.22. 9 Hasil Render Shoot 7 ................................................................... 67

Gambar 4.23. Hasil Outline Rotoscoping ............................................................. 68

Gambar 4.24. Pemberian Filter Hard Light .......................................................... 69

Gambar 4.25. Pengecekan Tingkat Cahaya .......................................................... 69

xiv

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014

Page 16: Lisensi ini mengizinkan setiap orang untuk menggubah ...kc.umn.ac.id/2017/1/HALAMAN AWAL.pdf · bimbingan dari semua pihak berperan penting dalam terselesaikannya sangat perancangan

Gambar 4.26. Pengurangangan Lightness pada Model Greyscale ........................ 70

Gambar 4.27. Pengurangangan Lightness pada Model Warna ............................. 70

Gambar 4.28. Pengecekan Ulang pada Model Greyscale ..................................... 70

Gambar 4.29. Palet Warna .................................................................................... 71

Gambar 4.30. Pewarnaan dan Tooning dari Hasil Rotoscoping............................ 72

Gambar 4.31. Perbandingan Rotoscoping 3d dan Render 3d................................ 72

Gambar 4.32. Menghilangkan Bagian Cacat ........................................................ 73

xv

Desain Pencahayaan..., Widya Pranajaya, FSD UMN, 2014