ditulis sebagai syarat untuk memperoleh gelar sarjana seni ...kc.umn.ac.id/1888/1/halaman...
TRANSCRIPT
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
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
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
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
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
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
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
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
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
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
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
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
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
xiv
Gambar 4.15 Scene Penjara ....................................................................................................... 94
Gambar 4.16 Scene Gunung Fuji ............................................................................................... 95
Perancangan Motion Graphics..., Melisa, FSD UMN, 2013