Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN...

14
PERANCANGAN MOTION GRAPHICS DALAM CLOSING TITLE FILM RETRO ADAM Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni (S.Sn) Laporan Tugas Akhir Nama : Melisa NIM : 09120210045 Fakultas : Seni dan Desain Program Studi : Desain Komunikasi Visual UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG 2013 Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Transcript of Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN...

Page 1: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

PERANCANGAN MOTION GRAPHICS DALAM

CLOSING TITLE FILM RETRO ADAM

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

Laporan Tugas Akhir

Nama : Melisa

NIM : 09120210045

Fakultas : Seni dan Desain

Program Studi : Desain Komunikasi Visual

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2013

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 2: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

ii

HALAMAN PENGESAHAN TUGAS AKHIR

Perancangan Motion graphics dalam Closing Title Film

Retro Adam

Oleh

Nama : Melisa

NIM : 09120210045

Fakultas : Seni dan Desain

Program Studi : Desain Komunikasi Visual

Tangerang, 19 Februari 2013

Penguji

Edwin Hartono Sutiono, M.A.

Ketua Sidang

Edy Purwantoro, M.Ds.

Pembimbing

M.S. Gumelar, M.A.

Ketua Program Studi

Desain Komunikasi Visual

Desi Dwi Kristanto, M. Ds.

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 3: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

iii

LEMBAR PERNYATAAN

Yang bertanda tangan dibawah ini :

Nama : Melisa

NIM : 09120210045

Program Studi : Desain Komunikasi Visual

Judul Laporan Tugas Akhir : Perancangan Motion Graphics dalam Closing Title

Film Retro Adam

Dengan sebenarnya penulis menyatakan bahwa laporan tugas akhir ini disusun

tanpa mengambil bahan hasil penelitian baik untuk satu gelar atau diploma yang

sudah ada di suatu universitas maupun hasil penelitian lain. Sejauh yang penulis

ketahui, laporan tugas akhir ini juga tidak mengambil bahan atau rujuakan dari

orang lain, kecuali disebutkan dalam daftar pustaka. Saya bersedia menerima

sanksi jika terbukti melakukan penjiplakan. Pernyataan ini saya tulis dalam

keadaan sadar dan tidak ada paksaan dari pihak manapun.

Melisa

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 4: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

iv

KATA PENGANTAR

Kelimpahan inspirasi dari Tuhan Yang Maha kasih sungguh menjadi sumber

pengetahuan penulis dalam menyelesaikan skripsi dan tugas akhir yang berjudul

“Perancangan Motion Graphics dalam Closing Title Film Retro Adam”. Oleh

karena itu, penulis mengucap syukur karena penulis dapat menyelesaikan skripsi

dan tugas akhir ini. Skripsi dan tugas akhir ini diajukan kepada Program Strata I

Jurusan Animasi, Program Studi Desain Komunikasi Visual, Fakultas Seni dan

Desain, Universitas Multimedia Nusantara.

Skripsi dan tugas akhir ini dapat menjadi sumber inspirasi bari para

desainer motion graphics untuk membuat motion graphics dalam closing title

sebuah film. Selain itu, dalam skripsi dan tugas akhir ini juga dibahas proses

pembuatan motion graphics dari awal hingga akhir, serta hal-hal yang perlu

diperhatikan dalam merancang sebuah motion graphics.

Penulis ingin mengucapkan terima kasih kepada Universitas Multimedia

Nusantara yang telah memberikan banyak ilmu pengetahuan kepada penulis

selama menempuh pendidikan di Universitas Multimedia Nusantara.

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 5: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

v

Penulis juga mengucapkan terima kasih kepada:

1. Ayah, ibu dan kakak yang tidak henti-hentinya memberikan dukungan melalui

doa dan memotivasi penulis untuk menyelesaikan skripsi dan tugas akhir ini,

2. Semua kru Retro Adam yang telah memberikan izin kepada penulis untuk

menggunakan film Retro Adam sebagai acuan skripsi dan tugas akhir ini,

3. Bapak Gumelar atas kesabarannya dalam memberikan bimbingan serta

meluangkan waktunya untuk membimbing selama proses pembuatan skripsi

dan tugas akhir ini,

4. Bapak Yusuf yang telah mengajarkan penulis tata cara menulis karya ilmiah

dengan benar,

5. Bapak Desi yang telah memberikan arahan kepada penulis dalam sistematika

penulisan tugas akhir ini,

6. Bapak Edwin Hartono yang telah membantu dalam memberikan teori,

7. Ibu Niknik M Kuntarto atas bukunya yang telah membantu dalam sistematika

penulisan,

8. Lim san san yang telah memberikan motivasi dan dukungan terhadap penulis,

9. Wulan Agustias Iskandar yang telah memberikan motivasi dan dukungan

terhadap penulis,

10. Nurul Meutia yang telah memberikan motivasi dan dukungan terdahap

penulis,

11. Devi Novianti yang telah memberikan motivasi dan dukungan terhadap

penulis.

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 6: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

vi

Semoga skripsi ini dapat bermanfaat, baik sebagai sumber informasi maupun

sumber inspirasi, bagi para pembaca.

Tangerang

Penulis

(Dibuat oleh Melisa, Nim: 09120210045, Mahasiswa UMN)

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 7: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

vii

ABSTRAKSI

Retro Adam adalah film bergenre komedi dengan setingan tahun 2180 di

bumi. Closing title film Retro Adam dibuat menggunakan teknik motion graphics

yang berdurasi dua setengah menit. Judul skripsi ini adalah “Perancangan Motion

Graphics dalam Closing Title Film Retro Adam”. Tujuannya untuk merancang

dan menerapkan motion graphics yang sesuai dalam closing title film Retro

Adam. Closing Tile ini dibuat dengan tujuan untuk memperkenalkan semua nama

yang terlibat dalam produksi film Retro Adam, baik yang terlibat secara langsung

maupun yang berada dibelakang film.

Metode yang digunakan dalam perancangan ini yaitu literature review,

indepth, konseptual, dan comparison. Dalam membuat karakter dan background

penulis menggunakan software adobe photoshop dan adobe efter effect, dengan

merancang sendiri berdasarkan storyline film retro adam. animasi karakter

menggunakan teknik puppet pin sedangkan tulisan salah satunya menggunakan

evaporated animator.

Kata Kunci : Title, Closing Title, Motion Graphic, Retro Adam, Puppet Pin.

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 8: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

viii

ABSTRACT

Retro Adam is a comedy movie in 2180 with the settings on earth. Retro

Adam movie title Closing created using motion graphics techniques that lasted

two and a half minutes. The title of this thesis is "Design Motion Graphics in

Retro Adam Movie Title Closing ". The goal is to design and implement an

appropriate motion graphics in the closing title Retro Adam movie. This Closing

Title was created with the aim to introduce all the names involved in the

production of the film Retro Adam, either directly involved or who was behind

the film.

The method used in this design the literature review, indepth, conceptual,

and comparison. in making the characters and the background the author using

software adobe photoshop and adobe efter effect, with its own design by adam

retro movie storyline. Character animation using puppet pin technique, and

animation typhography

Keywords: Title, Closing Title, Motion Graphics, Retro Adam, Puppet Pin.

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 9: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

ix

DAFTAR ISI

HALAMAN PENGESAHAN TUGAS AKHIR ................................................................ ii

HALAMAN PENGESAHAN TUGAS AKHIR ................................................................ iii

KATA PENGANTAR ....................................................................................................... iv

ABSTRAKSI ..................................................................................................................... v

ABSTRACT ....................................................................................................................... vi

DAFTAR ISI .................................................................................................................... vii

DAFTAR GAMBAR ...................................................................................................... viii

HALAMAN JUDUL ........................................................................................................ ix

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

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

1.2 Rumusan Masalah ................................................................................................. 2

1.3 Batasan Masalah ................................................................................................... 2

1.4 Tujuan Tugas Akhir .............................................................................................. 2

1.5 Manfaat Tugas Akhir ............................................................................................ 3

1.6 Sistematika Penulisan ........................................................................................... 3

BAB II TELAAH LITERATUR......................................................................................... 5

2.1 Motion Graphics ................................................................................................... 5

2.1.1 Elemen Motion Graphics .............................................................................. 7

2.1.1.1 Audio ................................................................................................. 7

2.1.1.2 Visual ................................................................................................. 8

2.1.2 Work Flow dalam motion graphics ............................................................. 14

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 10: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

x

2.1.2.1 Conceptualization ............................................................................ 14

2.1.2.2 Animation processes ........................................................................ 17

2.1.2.3 Motion Graphics compositing.......................................................... 23

2.1.2.4 Motion graphics sequencing ............................................................ 26

2.1.3 Credit title dalam motion graphics ............................................................. 29

2.1.3.1 opening title ..................................................................................... 30

2.1.3.1 Closing title ...................................................................................... 30

2.1.4 Prinsip dasar motion graphics ..................................................................... 31

2.1.5 Aplikasi motion graphics ............................................................................ 33

BAB III HASIL PENELITIAN ........................................................................................ 44

3.1 Gambaran Umum Penelitian ............................................................................... 45

3.1.1 Sinopsis ....................................................................................................... 46

3.1.2 Posisi Penulis .............................................................................................. 46

3.1.3 Peralatan ...................................................................................................... 46

3.2 Tahapan Kerja ..................................................................................................... 45

3.2.1 Pra produksi ................................................................................................ 45

3.2.1.1 Konsep ............................................................................................. 47

3.2.1.2 Pembuatan konsep karakter ............................................................. 48

3.2.1.3 Pembuatan konsep background dan Environment ........................... 52

3.2.1.4 Studi literatur ................................................................................... 54

3.2.1.5 Sketsa karakter ................................................................................. 55

3.2.1.6 Sketsa Background .......................................................................... 60

3.2.1.7 Storyboard ........................................................................................ 64

3.2.2 Produksi ........................................................................................................... 65

3.2.2.1 Modelling karakter ................................................................................... 65

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 11: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

xi

3.2.2.2 Pembuatan Background dan Environment ............................................... 68

3.2.2.3 Proses animasi .......................................................................................... 69

3.2.3 Pasca produksi ................................................................................................. 71

3.2.3.2 Compositing ............................................................................................. 71

3.2.3.2 Rendering ................................................................................................. 78

BAB IV ANALISIS DAN PEMBAHASAN .................................................................... 79

4.1 Karakter ............................................................................................................. 79

4.1.1 Visualisai Karakter ...................................................................................... 79

4.1.2 Warna .......................................................................................................... 79

4.2 Background dan Environment ............................................................................. 87

4.2.1 Visualisasi Background dan Environment .................................................. 87

4.2.2 Warna .......................................................................................................... 88

4.3 Analisa Proses Animasi Karakter ...................................................................... 89

4.3.1 Memasukan Karakter di Adobe After Effect .............................................. 89

4.3.2 Analisa Puppet Pin pada Animasi Karakter .............................................. 90

4.3.3 Menganimasikan Karakter ......................................................................... 91

4.4 Analisa Tulisan ................................................................................................... 95

4.4.1 Memilih Jenis Huruf ................................................................................... 95

4.4.2 Menganimasikan Tulisan ........................................................................... 96

BAB V KESIMPULAN DAN SARAN ............................................................................ 97

5.1 Kesimpulan ........................................................................................................ 97

5.2 Saran ................................................................................................................... 98

DAFTAR PUSTAKA ....................................................................................................... 99

LAMPIRAN .................................................................................................................... 100

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 12: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

xii

DAFTAR GAMBAR

Gambar 2.1 Satuan terkecil hitungan dalam motion graphics ................................................. 12

Gambar 2.2 Proses Pembuatan Storyboard .............................................................................. 17

Gambar 2.3 Spatial interpolation ............................................................................................. 19

Gambar 2.4 Spatial Interpolation ............................................................................................. 19

Gambar 2.5 Warping ................................................................................................................. 20

Gambar 2.6 Interpolasi Warna .................................................................................................. 21

Gambar 2.7 Mengaplikasikan Opacity Untuk Menghasilkan Animasi .................................... 22

Gambar 2.8 Hue saturation ...................................................................................................... 22

Gambar 2.9 Opening Title Film Aristocats .............................................................................. 35

Gambar 2.10 Opening Title I Dream of Jeannie ........................................................................ 36

Gambar 2.11 Opening Title Bewitched ...................................................................................... 37

Gambar 2.12 Opening Title The Jetson ...................................................................................... 38

Gambar 2.13 Opening title Battle Of the Planets ....................................................................... 39

Gambar 2.14 Closing Title The Flintstone ................................................................................. 40

Gambar 2.15 Title sequence The Pink Phanter .......................................................................... 41

Gambar 2.16 Opening Title The Hoober-Bloob Highway By Dr. Seuss .................................... 42

Gambar 2.17 Opening Title Rickety Rocket .............................................................................. 43

Gambar 2.18 Closing Title Bailey Comets ................................................................................ 44

Gambar 3.1 Hardware dan Software yang digunakan ............................................................. 46

Gambar 3.2 0pening tilte film catch me if you can .................................................................. 54

Gambar 3.3 Title sequence Kiss kiss bang bang ...................................................................... 54

Gambar 3.4 Closing Title Kungfu Panda .................................................................................. 55

Gambar 3.5 Sketsa Karakter Anand ......................................................................................... 55

Gambar 3.6 Sketsa Karakter Sabe ............................................................................................ 56

Gambar 3.7 Sketsa Karakter Sahid .......................................................................................... 56

Gambar 3.8 Sketsa Polisi Wanita ............................................................................................. 57

Gambar 3.9 Sketsa Ibu Presiden .............................................................................................. 58

Gambar 3.10 Sketsa Pria Misterius ............................................................................................ 59

Gambar 3.11 Sketsa Yeti ........................................................................................................... 60

Gambar 3.12 Sketsa Saluran Udara ........................................................................................... 61

Gambar 3.13 Pipa ...................................................................................................................... 61

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 13: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

xiii

Gambar 3.14 Sketsa Dapur Istana .............................................................................................. 62

Gambar 3.15 Sketsa Penjara ...................................................................................................... 62

Gambar 3.16 Sketsa Gunung Fuji .............................................................................................. 63

Gambar 3.17 Sketsa Gunung Fuji .............................................................................................. 63

Gambar 3.18 Sketsa Environment .............................................................................................. 64

Gambar 3.19 Storyboard ............................................................................................................ 65

Gambar 3.20 Modeling Karakter di Adobe Illustrator ............................................................... 66

Gambar 3.21 Pemberian Tekstur di Adobe Photoshop .............................................................. 66

Gambar 3.22 Modelling Karakter Anand ................................................................................... 67

Gambar 3.23 Modelling Karakter Sabe ..................................................................................... 67

Gambar 3.24 Pembuatan Background di Adobe Illustrator ....................................................... 68

Gambar 3.25 Pewarnaan di Adobe Photoshop ........................................................................... 69

Gambar 3.26 Pemasangan Puppet Pin di Adobe After Effect ..................................................... 70

Gambar 3.27 Proses Menganimasikan Karakter dengan Puppet Pin ......................................... 71

Gambar 3.28 Penggunaan Masking pada Objek ........................................................................ 72

Gambar 3.29 Memasukan Komposisi Lama, ke dalam Komposisi Baru ................................... 73

Gambar 3.30 Proses Pemberian Snow Effect ............................................................................. 74

Gambar 3.31 Sebelum Memakai Brightness Contrast ............................................................... 75

Gambar 3.32 Setelah Menggunakan Brightness Contrast ......................................................... 75

Gambar 3.33 Menggunakan Bullet Train Animator pada Text .................................................. 77

Gambar 3.34 Penggunaan Evaporate Animator pada Text ........................................................ 77

Gambar 4.1 Visualisasi Karakter Anand .................................................................................. 80

Gambar 4.2 Karakter Siluet Tampak Samping ........................................................................ 81

Gambar 4.3 Warna Cream pada Karakter Anand .................................................................... 82

Gambar 4.4 Warna Abu-Abu pada Karakter Sabe ................................................................... 83

Gambar 4.5 Warna Ungu Muda pada Karakter Sahid ............................................................. 84

Gambar 4.6 Warna Hitam pada Karakter Polisi Wanita .......................................................... 85

Gambar 4.7 Warna Ungu Terang pada karakter Ibu Presiden ................................................. 86

Gambar 4.8 Dapur dalam Concept Art film Retro Adam ......................................................... 87

Gambar 4.9 Visualisasi Dapur ................................................................................................. 88

Gambar 4.10 Warna yang Digunakan dalam Film Retro Adam ................................................ 89

Gambar 4.11 Konsep Awal Karakter ......................................................................................... 90

Gambar 4.12 Konsep Akhir Karakter tampak samping ............................................................. 90

Gambar 4.13 Scene Saluran Udara ............................................................................................ 92

Gambar 4.14 Scene Saluran Air ................................................................................................. 93

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013

Page 14: Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni ...kc.umn.ac.id/1888/1/HALAMAN AWAL.pdf · meluangkan waktunya untuk membimbing selama proses pembuatan skripsi dan tugas

xiv

Gambar 4.15 Scene Penjara ....................................................................................................... 94

Gambar 4.16 Scene Gunung Fuji ............................................................................................... 95

Perancangan Motion Graphics..., Melisa, FSD UMN, 2013