Perancangan layout dalam film animasi 3d "de rode draad"

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.. Team project ©2017 Dony Pratidana S. Hum | Bima Agus Setyawan S. IIP.

PERANCANGAN LAYOUT DALAM FILM ANIMASI 3D "DE RODE DRAAD" Laporan Tugas Akhir Ditulis sebagai syarat untuk memperoleh gelar Sarjana Desain (S. Ds.). Nama. : Ignes Olivia. NIM. : 11120210010. Program Studi : Desain Komunikasi Visual Fakultas. : Seni & Desain. UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG 2015. i.

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT. Saya yang bertanda tangan di bawah ini:. Nama. : Ignes Olivia. NIM. : 11120210010. Program Studi. : Desain Komunikasi Visual. Fakultas. : Seni & Desain Universitas Multimedia Nusantara. Judul Tugas Akhir : PERANCANGAN LAYOUT DALAM FILM ANIMASI 3D "DE RODE DRAAD". 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 Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

gelar (S.Ds.) yang telah diperoleh, serta sanksi lainnya sesuai dengan norma yang berlaku di Universitas Multimedia Nusantara.. Tangerang, 15 Juni 2015. Ignes Olivia. iii Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

Perancangan Layout. iv Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

KATA PENGANTAR Puji syukur penulis haturkan kepada Tuhan Yang Maha Esa atas rahmat-Nya sehingga penulis mampu menyelesaikan laporan tugas akhir yang berjudul "Perancangan Layout Dalam Film Animasi 3D De Rode Draad". Pemilihan topik yang cukup jarang dibahas di dalam proses produksi animasi ini sebenarnya diawali dengan penemuan fenomena, sekaligus pengalaman penulis selama menjalani magang dan proses perkuliahan empat tahun terakhir ini. Kekurangan visualisasi dari storyboard dan pentingnya proses perancangan layout dalam pembuatan film animasi 3D mendorong penulis untuk membahas tentang topik ini dengan lebih mendalam, yakni melalui perancangan layout film "De Rode Draad". Penyusunan laporan tugas akhir ini juga untuk memenuhi salah satu persyaratan program Sarjana Strata 1 (S1) Jurusan Desain Komunikasi Visual, Universitas Multimedia Nusantara. Dalam proses perancangan layout film "De Rode Draad", penulis menemukan bahwa pemahaman terhadap produksi layout di dalam industri animasi itu penting untuk membantu efisiensi produksi. Selama proses pembuatan film, banyak hambatan dan pengalaman yang membantu penulis untuk bertumbuh, khususnya saat bekerja dalam tim. Tanggung jawab, kedisiplinan, dan komunikasi yang baik merupakan sikap yang harus dimiliki saat bekerja sama, namun sayangnya sulit tercapai dalam praktiknya. Pada akhirnya, kekurangan tersebut menjadi pelajaran bagi penulis dan anggota tim untuk menjadi anggota kelompok yang lebih baik dari sebelumnya.. v Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

Pada kesempatan ini juga, penulis ingin mengucapkan terima kasih kepada pihak-pihak yang telah mendukung dari awal hingga penyelesaian tugas akhir ini, yaitu kepada: 1. Desi Dwi Kristanto, M.Ds., selaku Ketua Program Studi Desain Komunikasi Visual sekaligus dosen pembimbing penulis yang telah berjasa membimbing penulis dalam penulisan laporan tugas akhir ini, serta memberikan masukan-masukan berharga dalam penyelesaian proyek film "De Rode Draad", 2. Yusup S. Martyastiadi, S.T., M. Inf. Tech yang telah memberikan masukan dan saran yang membangun dalam penyusunan laporan tugas akhir serta presentasi penulis, 3. Annita, S.Pd., M.F.A. selaku konsultan sehubungan dengan penggunaan teknik sinematografi dalam film "De Rode Draad", 4. Dian Lestari Supendy, Yudhi Kristianto, Merry Wijaya, dan Kezia Litantra, selaku anggota tim Anak Nakal Production yang berjuang bersama dari awal hingga penyelesaian film ini, 5. Ayah, Ibu, dan kedua adik penulis, Gladys dan Bryan, yang menjadi sumber motivasi penulis dari jarak jauh sehingga penulis tetap semangat menyelesaikan film "De Rode Draad", 6. Cindy Handoyo dan Arancxa Irene, yang menjadi penyemangat agar lulus bersama, 7. Seluruh anggota KTM Sel Isidorus dan Sel Bernadette, yang dengan tulus mendoakan kelancaran penulisan tugas akhir penulis,. vi Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

8. Infinite Studios, yang menjadi tempat magang penulis terdahulu, sekaligus tempat yang menginspirasi pemilihan topik tugas akhir penulis. Tangerang, 15 Juni 2015. Ignes Olivia. vii Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

ABSTRAK Layout merupakan visualisasi pertama film animasi dalam scene 3D. Layout menutupi keterbatasan perwujudan visual dua dimensi pada storyboard, dari sisi staging dan pergerakan kamera. Melalui prinsip sinematografi tersebut, layout membantu penceritaan setiap shot secara visual, atau yang dikenal dengan istilah cinematic storytelling. Hal tersebut menjadi alasan penulis untuk merancang layout pada film animasi 3D berjudul "De Rode Draad" dan menerapkan cinematic storytelling pada layout tersebut. Beberapa metode penelitian yang akan digunakan adalah studi pustaka, observasi, dan eksperimen. Dalam tulisan ini, penulis akan membahas pengaplikasian gerakan kamera secara natural serta staging pada layout tersebut. Hasil akhir dari penelitian ini adalah final layout untuk film pendek animasi 3D "De Rode Draad". Perancangan layout ini bertujuan untuk membantu efisiensi produksi dari segi waktu dan tenaga, serta sebagai acuan awal sebelum memasuki proses animasi. Kata kunci: layout, cinematic storytelling, film animasi 3D, staging, gerakan kamera. viii Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

ABSTRACT. Layout is the very first 3D scene visualization in an animation film production.It covers up the two-dimension visual limitation from storyboard, which works through staging and how the camera moves. Besides that, layout plays a huge role in visual storytelling through every shot, which is also well-known as "cinematic storytelling". Those are the writer's reasons to design a layout for a 3D animated film "De Rode Draad", and also to apply cinematic storytelling in the project. Several research methods that will be used are literature study, observation, and experiment. In this writings, the writer will examine the application of natural camera movements and staging in layout. The result of this research is the final layout for a 3D animated film "De Rode Draad". This layout design aims not only to improve energy and time efficiency in production, but also to be used as an early guide before the animation starts. Kata kunci: layout, cinematic storytelling, 3D animated film, staging, camera movements. ix Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

DAFTAR ISI. LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT ..................... ii HALAMAN PENGESAHAN TUGAS AKHIR .... Error! Bookmark not defined. KATA PENGANTAR ........................................................................................... v ABSTRAK .......................................................................................................... viii ABSTRACT .......................................................................................................... ix DAFTAR ISI .......................................................................................................... x DAFTAR GAMBAR .......................................................................................... xiv DAFTAR TABEL .............................................................................................. xix DAFTAR LAMPIRAN ....................................................................................... xx 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.. Pipeline Produksi Animasi 3D ................................................................. 4. 2.2.. Peran Layout dalam Animasi 3D.............................................................. 5. 2.3.. Variasi Istilah Layout ............................................................................... 8. 2.4.. Tahapan Pembuatan Layout 3D ............................................................... 9. 2.5.. Layout ..................................................................................................... 11. 2.6.. Staging .................................................................................................... 11. 2.7.. Blocking .................................................................................................. 13. x Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

2.8.. Timing ..................................................................................................... 14. 2.9.. Kamera ................................................................................................... 15. 2.9.1. Jenis Camera Shot ................................................................................. 16 2.9.2. Gerakan Kamera ..................................................................................... 18 2.9.2.1. Gerakan Kamera Berdasarkan Fungsi ........................................... 18 2.9.2.2. Camera Mounting ......................................................................... 19 2.9.2.3. Jenis Gerakan Kamera................................................................... 20 2.9.3. Camera Angle ......................................................................................... 24 2.9.4. Focal Length dan Angle of View ............................................................ 25 2.9.5. Overhead Framing ................................................................................. 28 2.10. Sinematografi ......................................................................................... 29 2.11. Cerita ...................................................................................................... 30 2.12. Struktur Cerita ........................................................................................ 30 2.13. Cinematic Storytelling ............................................................................ 32 .14.. Prinsip Contrast dan Affinity .................................................................. 32. 2.15. Komposisi ............................................................................................... 33 2.16. Glossary .................................................................................................... 34 BAB III METODOLOGI ................................................................................... 35 3.1.. Gambaran Umum ................................................................................... 35. 3.1.1. Sinopsis .................................................................................................. 35 3.1.2. Struktur Cerita ........................................................................................ 36 3.1.3. Storyboard dan Shot List ........................................................................ 37 3.1.4. Breakdown Layout .................................................................................. 39 3.1.5. Karakter .................................................................................................. 40 3.1.6. Environment ........................................................................................... 41. xi Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

3.1.7. Overhead Framing ................................................................................. 43 3.2. Tahapan Kerja ............................................................................................ 45 3.3. Acuan .......................................................................................................... 47 3.4. Hasil Penelitian........................................................................................... 48 3.4.1. Observasi Layout Reel ............................................................................ 48 3.4.1.1.. "The Ocean Maker" ................................................................. 48. 3.4.1.2.. Layout Reel .............................................................................. 49. 3.4.1.3.. "Death in D Minor".................................................................. 52. 3.4.2. Wawancara ............................................................................................. 55 3.4.3. Observasi dan Eksperimen Staging ........................................................ 56 3.4.4. Gerakan Kamera P.O.V. Shot ................................................................. 59 3.4.5. Gerakan Kamera Zoom-Dolly ................................................................ 66 3.4.6. Static Frame ........................................................................................... 71 3.5. Eksperimen Gerakan Kamera ..................................................................... 72 3.5.1. Gerakan Kamera Shot 37 ........................................................................ 73 3.5.2. Gerakan Kamera Shot 51 ........................................................................ 76 3.5.3. Shot 72 dan 73 ......................................................................................... 78 BAB IV ANALISIS ............................................................................................. 79 4.1.. Proses Perancangan Layout .................................................................... 79. 4.1.1. Breakdown Layout .................................................................................. 79 4.1.2. Rough Layout .......................................................................................... 80 4.1.3. Revisi ...................................................................................................... 80 4.1.4. Final Layout ............................................................................................ 82 4.2.. Implementasi .......................................................................................... 83. 4.2.1. Shot 37 .................................................................................................... 83. xii Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

4.2.1.1.. Staging ..................................................................................... 84. 4.2.1.2.. Gerakan Kamera ...................................................................... 85. 4.2.2. Shot 51 .................................................................................................... 88 4.2.2.1.. Staging ..................................................................................... 88. 4.2.2.2.. Gerakan Kamera ...................................................................... 90. 4.2.3. Shot 72 dan 73 ......................................................................................... 92 4.2.3.1.. Staging ..................................................................................... 93. 4.2.3.2.. Gerakan Kamera ...................................................................... 94. BAB V PENUTUP ............................................................................................... 96 5.1. Kesimpulan ................................................................................................. 96 5.2. Saran ........................................................................................................... 97 DAFTAR PUSTAKA ......................................................................................... xxi LAMPIRAN A: Kartu Konsultasi Bimbingan .............................................. xxiv. xiii Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

DAFTAR GAMBAR. Gambar 2. 1. Pipeline Produksi 3D ........................................................................ 4 Gambar 2. 2. Aplikasi Depth of Field Pada Tahap Render ..................................... 8 Gambar 2. 3. Proses Storyboard ke Rough Layout ................................................. 9 Gambar 2. 4. Perbandingan Proxy (atas) dan Final Model (bawah) ..................... 10 Gambar 2. 5. Proses Final Layout ke Lighting .................................................... 10 Gambar 2. 6. Perbandingan Staging Baik (kiri) dan Buruk (kanan) ..................... 12 Gambar 2. 7. Contoh Rule of Thirds ..................................................................... 13 Gambar 2. 8. Tahap Blocking Out ......................................................................... 14 Gambar 2. 9. Jenis Tangent Pada Keyframe ......................................................... 15 Gambar 2. 10. Close Up Shot ................................................................................ 16 Gambar 2. 11. Contoh Medium shot dalam Film "The Royal Tenenbaums" ....... 17 Gambar 2. 12. Contoh Long Shot .......................................................................... 17 Gambar 2. 13. Contoh Over The Shoulder shot .................................................... 18 Gambar 2. 14. Contoh Subjective Shot ................................................................. 21 Gambar 2. 15. Panning Shot ................................................................................. 21 Gambar 2. 16. Contoh Gerakan Tilt ...................................................................... 22 Gambar 2. 17. Tracking ........................................................................................ 22 Gambar 2. 18. Camera Panel pada Maya ............................................................. 26 Gambar 2. 19. Angle of View dan Focal Length ................................................... 27 Gambar 2. 20. Perbandingan focal length panjang (kamera kiri) dan pendek (kamera kanan) ...................................................................................................... 27. xiv Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

Gambar 2. 21. Overhead Framing ........................................................................ 29 Gambar 2. 22. The Three-Act Structure ................................................................ 30 Gambar 2. 23. Cuplikan Film E. T. karya Steven Spielberg ................................. 32 Gambar 2. 24. Prinsip Contrast (kanan) dan Affinity (kiri)................................... 33 Gambar 3. 1. Storyboard shot 37 .......................................................................... 38 Gambar 3. 2. Storyboard shot 51 .......................................................................... 38 Gambar 3. 3. Storyboard Shot 72 (kiri) dan 73 (kanan)........................................ 39 Gambar 3. 4. Tinggi Badan Jan............................................................................. 40 Gambar 3. 5. Tinggi Badan Nja'i .......................................................................... 41 Gambar 3. 6. Crowd .............................................................................................. 41 Gambar 3. 7. Final Model Interior Ruko "De Rode Draad" ................................. 42 Gambar 3. 8. Konsep dan Proxy Tempat Tidur Jan .............................................. 42 Gambar 3. 9. Proxy Kompleks Eksterior Pasar..................................................... 43 Gambar 3. 10. Final Model Kompleks Pasar ........................................................ 43 Gambar 3. 11. Overhead Framing Shot 37 ........................................................... 44 Gambar 3. 12. Overhead Framing Shot 51 ........................................................... 44 Gambar 3. 13. Overhead Framing Shot 72 dan 73 ............................................... 45 Gambar 3. 14. Pembuatan Video Referensi .......................................................... 49 Gambar 3. 15. Perbandingan Layout dan Storyboard ........................................... 50 Gambar 3. 16. Perbandingan Storyboard dan Layout ........................................... 51 Gambar 3. 17. Cuplikan Screenplay Despicable Me 2 ......................................... 51 Gambar 3. 18. Perubahan Pose pada Layout ......................................................... 52 Gambar 3. 19. Perubahan dari 35 mm menjadi 18 mm ........................................ 52. xv Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

Gambar 3. 20. Scene Kejar-Kejaran (15 mm) ....................................................... 54 Gambar 3. 21. Penggunaan Focal Length 50 mm................................................. 54 Gambar 3. 22. Bagan Perancangan Layout ........................................................... 55 Gambar 3. 23. Referensi Pose Jatuh...................................................................... 57 Gambar 3. 24. Video Referensi Shot 51 ............................................................... 58 Gambar 3. 25. Dramatisasi Pengambilan Barang ................................................. 58 Gambar 3. 26. Pengamatan Staging Shot 72 dan 73 ............................................. 59 Gambar 3. 27. P.O.V Shot Lari Santai .................................................................. 62 Gambar 3. 28. Referensi Pengamatan Lari Cemas ............................................... 62 Gambar 3. 29. Referensi Video Dua ..................................................................... 63 Gambar 3. 30. Overhead Framing Shot 37 ........................................................... 63 Gambar 3. 31. Pengambilan Video Referensi ....................................................... 64 Gambar 3. 32. Gerakan Zolly Pada Film "Jaws" ................................................... 67 Gambar 3. 33. Cuplikan Naskah "Jaws" ............................................................... 67 Gambar 3. 34. Gerakan Zolly Pada Film "Apollo 13" .......................................... 68 Gambar 3. 35. Cuplikan Naskah "Apollo 13" ....................................................... 68 Gambar 3. 36. Gerakan Zolly Pada Film "Ratatouille" ......................................... 69 Gambar 3. 37. Cuplikan Screenplay "Ratatouille"................................................ 69 Gambar 3. 38. Potongan Naskah Film "Whiplash"............................................... 71 Gambar 3. 39. Screenshot Film "Whiplash" ......................................................... 72 Gambar 3. 40. Peletakan Kamera Sejajar Tinggi Mata Jan .................................. 73 Gambar 3. 41. Perbandingan Focal Length 18 mm dan 50 mm ........................... 74 Gambar 3. 42. Perbandingan Linear Tangent vs Auto Tangent ............................ 75. xvi Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

Gambar 3. 43. Attribute Pada Graph Editor ......................................................... 76 Gambar 3. 44. Perubahan Focal Length dari 35 mm ke 20 mm ........................... 77 Gambar 3. 45. Gerakan Dolly In ........................................................................... 77 Gambar 3. 46. Perbandingan Focal Length Pendek (kiri) dan Panjang (kanan) .. 78 Gambar 4. 1. Screenshot Layout Tracking ............................................................ 79 Gambar 4. 2. Rough Layout "De Rode Draad" ..................................................... 80 Gambar 4. 3. Revisi Karena Perubahan Aset Environment .................................. 81 Gambar 4. 4. Perubahan Timing Shot 46............................................................... 81 Gambar 4. 5. Penambahan Gerakan Kamera Shot 53 ........................................... 82 Gambar 4. 6. Penghilangan Adegan Layout.......................................................... 82 Gambar 4. 7. Naskah Shot 37 ................................................................................ 83 Gambar 4. 8. Storyboard Shot 37 .......................................................................... 83 Gambar 4. 9. Contoh Staging Perwujudan Storyboard ......................................... 84 Gambar 4. 10. Penerapan Staging Karakter .......................................................... 85 Gambar 4. 11. Gerakan Tangan Jan ...................................................................... 85 Gambar 4. 12. Layout Shot 37............................................................................... 88 Gambar 4. 13. Cuplikan Naskah Shot 51 .............................................................. 88 Gambar 4. 14. Storyboard shot 51 ........................................................................ 88 Gambar 4. 15. Perubahan Pose Shot 51 ................................................................ 90 Gambar 4. 16. Perbesaran Ukuran Tokoh Pada Shot ............................................ 91 Gambar 4. 17. Cuplikan Naskah Resolution ......................................................... 92 Gambar 4. 18. Cuplikan Rough Storyboard Shot 72 dan 73................................. 92 Gambar 4. 19. Cuplikan Final Storyboard Shot 72 dan 73................................... 92. xvii Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

Gambar 4. 20. Perbandingan Storyboard (kiri) dan Video Reference (kanan) ..... 93 Gambar 4. 21. Perbandingan eksperimen (kiri) dan shot akhir (kanan) ............... 94 Gambar 4. 22. Final Storyboard ........................................................................... 94 Gambar 4. 23. Cuplikan Layout Shot 72 dan 73 ................................................... 95. xviii Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

DAFTAR TABEL Tabel 3. 1. Breakdown Adegan Pembahasan ........................................................ 39 Tabel 3. 2. Pengamatan Gerakan Kamera P.O.V. shot ......................................... 60 Tabel 3. 3. Pengamatan Video Eksperimen P.O.V. Shot ...................................... 64 Tabel 3. 4. Setting Graph Editor Pada Kamera .................................................... 86. xix Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.

DAFTAR LAMPIRAN Lampiran A: Kartu Konsultasi Bimbingan.........................................................xxiv. xx Perancangan Layout..., Ignes Olivia, FSD UMN, 2015.