peran motion graphic artist dalam mythologic studio

20
PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO Laporan Magang Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni (S.Sn.) Nama : Justin Rafael NIM : 00000020379 Program Studi : Film Fakultas : Seni dan Desain UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG 2021

Upload: others

Post on 20-Oct-2021

20 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

PERAN MOTION GRAPHIC ARTIST DALAM

MYTHOLOGIC STUDIO

Laporan Magang

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

Nama : Justin Rafael

NIM : 00000020379

Program Studi : Film

Fakultas : Seni dan Desain

UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG

2021

Page 2: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

ii

PENGESAHAN LAPORAN KERJA MAGANG

PERAN MOTION GRAPHIC ARTIST DALAM

MYTHOLOGIC STUDIO

Oleh

Nama : Justin Rafael

NIM : 00000020379

Program Studi : Film

Fakultas : Seni dan Desain

Tangerang, 03-05-2021

Mengetahui,

Ketua Program Studi

Kus Sudarsono, S.E., M.Sn.

Pembimbing

Matheus Prayogo, S.Sn., M.Ds.

Penguji

Christine M. Lukmanto, S.Sn., M.Anim.

Digitally signed by Kus Sudarsono Date: 2021.05.03 12:28:47 +07'00'

Page 3: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

iii

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT

DALAM PENYUSUNAN LAPORAN KERJA MAGANG

Dengan ini saya:

Nama : Justin Rafael

NIM : 00000020379

Program Studi : Film

Menyatakan bahwa saya telah melakukan kerja magang:

Nama Perusahaan : Mythologic Studio

Divisi : Motion Graphic

Alamat : Techpolitan, The Breeze BSD City (Cabang),

Jl. BSD Grand Boulevard, Sampora, Cisauk, Tangerang, Banten 15345.

Periode Magang : 13 Januari 2021 - 13 April 2021

Pembimbing Lapangan : Bernhard Sitompul

Laporan kerja magang ini merupakan hasil karya saya sendiri, dan saya tidak

melakukan plagiat. Semua kutipan karya ilmiah orang lain atau lembaga lain yang

dirujuk dalam laporan kerja magang ini telah saya sebutkan sumber kutipannya

serta saya cantumkan di Daftar Pustaka.

Jika di kemudian hari terbukti melakukan kecurangan/penyimpangan baik

dalam pelaksanaan kerja magang maupun penulisan laporan kerja magang, maka

saya bersedia menerima sanksi dinyatakan tidak lulus untuk mata kuliah magang

yang telah saya tempuh.

Tangerang, 16-04-2021

Justin Rafael

Page 4: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

iv

KATA PENGANTAR

Puji dan syukur yang sebesar-besarnya penulis panjatkan kepada Tuhan Yang Maha

Esa, karena penyertaan beserta rahmat-NYA, penulis dapat menyelesaikan laporan

mata kuliah internship berjudul “Peran Motion Graphic Artist dalam Mythologic

Studio”. Dalam penyusunan laporan ini, penulis telah melaksanakan program

magang di Mythologic Studio selama 3 bulan secara lancar. Penulis menyusun

laporan ini sebagai sarana untuk menyelesaikan program studi Film di Universitas

Multimedia Nusantara dan mendapat gelar Sarjana Seni (S.Sn).

Penulis memilih pekerjaan magang sebagai motion graphic artist dengan

tujuan untuk memperdalam pengetahuan serta kemampuan penulis dalam membuat

motion graphic, baik secara konseptual maupun teknis. Selain itu, penulis yang

mendalami bidang motion graphic selama masa perkuliahan, terkesan akan

perkembangan motion graphic beberapa tahun terakhir ini sebagai salah satu bentuk

animasi yang digunakan secara luas di berbagai media sosial. Motion graphic

menjadi salah satu media yang dapat digunakan untuk berbagai sarana, mulai dari

storytelling, edukasi, hingga marketing atau promosi bagi masyarakat luas. Dengan

memilih posisi motion graphic artist dalam program kerja magang, penulis

berharap dapat mengasah kemampuan teknis secara hardskill, maupun

mendapatkan berbagai pengalaman kerja berarti yang mengasah softskill penulis.

Penulis pun sangat berterimakasih kepada Mythologic Studio yang telah

memberikan kesempatan bagi penulis untuk melakukan praktik kerja magang

sesuai dengan minat dan kemampuan penulis, yaitu dalam divisi motion graphic.

Selama melakukan kerja magang, penulis belajar banyak tentang bagaimana

membuat berbagai konten motion graphic sesuai branding dan standar yang

dijunjung oleh perusahaan. Penulis yang banyak membuat konten-konten seperti

bumper, flyer promosi, maupun video-video edukasi dan promosi; perlu untuk

memperhatikan guideline tertentu sehingga konten yang dibuat sesuai dengan

identitas dan keperluan perusahaan yang memerlukan konten motion graphic

buatan penulis. Selain itu, penulis juga belajar banyak tentang bagaimana bekerja

dengan tata struktur dan attitude yang sesuai dengan standar lingkup kerja

Page 5: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

v

profesional, sehingga melatih kebribadian penulis dan menjadi pengalaman yang

sangat berarti.

Penulis berharap dengan adanya laporan magang ini, dapat membantu para

khalayak terutama mahasiswa program studi Film UMN angkatan-angkaan

selanjutnya untuk memahami tata cara untuk bekerja dalam lingkup profesional.

Selain itu, laporan ini juga diharapkan dapat berguna bagi masyarakat umum yang

ingin mempelajari tata struktur dalam membuat suatu motion graphic baik secara

konseptual maupun teknis.

Di akhir kata, penulis ingin menyampaikan terimakasih kepada pihak-pihak

yang telah membantu penulis dalam proses penyelesaian laporan magang ini, yaitu:

1. Mythologic Studio selaku perusahaan tempat penulis melaksanakan

praktik kerja magang.

2. Bernhard Sitompul, selaku Pembimbing Lapangan selama penulis

melaksanakan praktik kerja magang, yang banyak memberi masukan

bagi hasil kerja penulis maupun wawasan baru bagi penulis.

3. Andrew Suryadi selaku Course Director dari divisi edukasi non-formal

milik Mythologic Studio (Dapoer Animasi) yang telah banyak memberi

wawasan baru dan mengarahkan banyak konten yang dibuat penulis.

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

5. Matheus Prayogo, S.Sn., M.Ds., selaku Dosen Pembimbing Magang

yang telah membantu mengarahkan penulisan laporan magang.

6. Christine Mersiana Lukmanto selaku Penguji Sidang Magang yang telah

memberi berbagai saran perbaikan laporan.

7. Kedua orangtua penulis yang telah memberikan dukungan doa.

Tangerang, 16-04-2021

Justin Rafael

Page 6: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

vi

ABSTRAKSI

Mythologic Studio merupakan sebuah studio start-up yang bergerak dalam berbagai bidang pipeline produksi sebuah animasi. Studio yang telah didirikan sejak 2017 ini telah berpengalaman mengalami berbagai klien berskala nasional seperti PT Kereta Api Indonesia dan juga MNC (Media Nusantara Citra). Baru dibentuknya divisi motion graphic serta track record studio yang menjanjikan mendorong penulis melakukan magang di Mythologic Studio sebagai motion graphic artist. Dengan kerja magang ini, penulis ingin mengetahui peran animasi motion graphic pada studio yang biasa berkecimpung pada bidang animasi 2D maupun 3D, juga memperoleh pengetahuan untuk bekerja dengan lingkup profesional.

Kendala yang penulis temukan selama melakukan magang di Mythologic Studio adalah dimana penulis perlu bekerja secara mandiri karena merupakan satu-satunya motion graphic artist dalam divisi motion graphic. Adanya pandemi COVID-19 juga menjadi momok bagi penulis dalam menjalani kerja magang di kantor. Namun dengan ini, penulis menjadi banyak belajar untuk lebih kreatif dalam membuat atau mengembangkan konsep suatu karya yang akan dibuat, juga semakin efisien dalam mengeksekusi sisi teknis dalam produksi sebuah motion graphic. Penulis juga berhasil memperluas wawasan lewat pengalaman membuat berbagai jenis konten motion graphic selama tiga bulan, mulai dari bumper, flyer promosi, hingga konten-konten edukasi bagi divisi edukasi non-formal milik Mythologic Studio, yaitu Dapoer Animasi.

Kata kunci: Mythologic Studio, Magang, Motion Graphic, Motion Graphic Artist

Page 7: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

vii

DAFTAR ISI

PENGESAHAN LAPORAN KERJA MAGANG ............................................. II

LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT DALAM

PENYUSUNAN LAPORAN KERJA MAGANG ............................................. II

KATA PENGANTAR ......................................................................................... IV

ABSTRAKSI ........................................................................................................ VI

DAFTAR ISI ...................................................................................................... VII

DAFTAR GAMBAR ........................................................................................... IX

DAFTAR TABEL ............................................................................................ XIX

DAFTAR LAMPIRAN ...................................................................................... XX

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

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

1.2. Maksud dan Tujuan Kerja Magang ......................................................... 2

1.3. Waktu dan Prosedur Pelaksanaan Kerja Magang ................................... 2

BAB II GAMBARAN UMUM PERUSAHAAN ................................................ 5

Deskripsi Perusahaan .............................................................................. 5

Struktur Organisasi Perusahaan .............................................................. 8

BAB III PELAKSANAAN KERJA MAGANG .............................................. 11

Kedudukan dan Koordinasi ................................................................... 11

Tugas yang Dilakukan........................................................................... 13

Uraian Pelaksanaan Kerja Magang ....................................................... 19

3.3.1. Proses Pelaksanaan.................................................................... 20

3.3.2. Kendala yang Ditemukan ........................................................ 131

3.3.3. Solusi Atas Kendala yang Ditemukan........................................... 134

BAB IV PENUTUP .......................................................................................... 137

4.1. Kesimpulan .............................................................................................. 137

Page 8: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

viii

4.2. Saran ......................................................................................................... 138

DAFTAR PUSTAKA ....................................................................................... XXI

Page 9: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

ix

DAFTAR GAMBAR

Gambar 2.1. Logo Mythologic Studio .................................................................... 6

Gambar 2.2. Logo Divisi Edukasi Non-Formal Mythologic Studio, Yaitu Dapoer

Animasi ........................................................................................................... 7

Gambar 2.3. Contoh Konten Instagram dan Juga Website Dapoer Animasi .......... 7

Gambar 2.4. Bagan Struktur Organisasi Mythologic Studio Secara Keseluruhan . 8

Gambar 3.1. Bagan Alur Koordinasi..................................................................... 13

Gambar 3.2. Referensi Bumper Techpolitan ......................................................... 22

Gambar 3.3. Proses Pembuatan Emblem Techpolitan Dalam Adobe After Effects

....................................................................................................................... 23

Gambar 3.4. Bahan Dasar Gambar Logo Untuk Pembuatan Bumper Techpolitan

....................................................................................................................... 23

Gambar 3.5. Proses Pembersihan Background pada Tulisan “Techpolitan” Untuk

Bumper Techpolitan ...................................................................................... 24

Gambar 3.6. Penganimasian Shapes Awal dari Bumper Techpolitan ................... 24

Gambar 3.7. Penganimasian Repeater dalam Bumper Techpolitan ...................... 25

Gambar 3.8. Tahapan Pembuatan Shapes bagi Repeater ...................................... 26

Gambar 3.9. Penganimasian Stroke Width dalam Membuat Animasi Repeater ... 26

Gambar 3.10. Penganimasian Munculnya Emblem Techpolitan dalam Bumper .. 27

Gambar 3.11. Penganimasian Munculnya Teks Techpolitan dalam Bumper

Menggunakan Shatter ................................................................................... 28

Gambar 3.12. Revisi Animasi Munculnya Teks “Techpolitan” pada Bumper ..... 29

Gambar 3.13. Tayangnya Bumper Techpolitan yang Penulis Buat di Kanal Youtube

Techpolitan .................................................................................................... 30

Gambar 3.14. Referensi dari Stinger Transition, Lower Thirds, & Facecam

Template ........................................................................................................ 31

Gambar 3.15. Logo Dapoer Animasi sebagai Referensi Pembuatan Stinger

Transition, Lower Thirds, dan juga Facecam Template ............................... 31

Gambar 3.16. Tahap Awal Pembuatan Stinger Transition ................................... 32

Page 10: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

x

Gambar 3.17. Penggunaan Beberapa Rectangle dalam Pembuatan Stinger

Transition ...................................................................................................... 33

Gambar 3.18. Penganimasian Menggunakan Aplha Mask dalam Stinger Transition

....................................................................................................................... 33

Gambar 3.19. Pembuatan dan Penyusunan Bentuk-Bentuk Dasar Pembuatan Lower

Thirds ............................................................................................................ 34

Gambar 3.20. Penyusunan Shapes & Pemberian Font dalam Lower Thirds ........ 35

Gambar 3.21. Penganimasian Shapes dan Teks dalam Lower Thirds .................. 35

Gambar 3.22. Penganimasian Lower Thirds yang Muncul Kemudian Menghilang

Dari Layar dengan Time-Reverse Layer ....................................................... 36

Gambar 3.23. Hasil jadi Lower Thirds Setelah Direvisi pada Segi Font .............. 36

Gambar 3.24. Layout Dasar Pembuatan Facecam Template ................................ 37

Gambar 3.25. Seleksi Area dari Facecam Template dan juga Penambahan Elemen

Desain ............................................................................................................ 37

Gambar 3.26. Hasil Jadi dari Facecam Template yang Digunakan dalam

Livestreaming Dapoer Animasi .................................................................... 38

Gambar 3.27. Aset Visual Berupa Logo Dapoer Animasi yang Penulis Dapatkan

Dalam File Adobe Photoshop ....................................................................... 39

Gambar 3.28. Animasi dari Bumper Sebelumnya Dapoer Animasi ..................... 39

Gambar 3.29. Logo Dapoer Animasi .................................................................... 40

Gambar 3.30. Penggunaan Pen Tool Untuk Men-Trace Logo Dapoer Animasi dan

Penambahan Efek Stroke............................................................................... 40

Gambar 3.31. Penganimasian Teks Logo “Dapoer Animasi” dalam Bumper Baru,

Menggunakan Efek Visual Stroke ................................................................ 41

Gambar 3.32. Animasi 3D Rotation pada Maskot “Bakoel” dalam Bumper Baru

Dapoer Animasi ............................................................................................ 42

Gambar 3.33. Animasi Mask Reveal pada Tagline dalam Bumper Baru Dapoer

Animasi ......................................................................................................... 42

Gambar 3.34. Keseluruhan Animasi Bumper Baru sebelum Revisi ..................... 43

Gambar 3.35. Animasi Pergerakan Karakter Meloncat dalam Bumper dan

Penggunaan Inertia Bounce Script pada Animasi Position & Scale............. 43

Page 11: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xi

Gambar 3.36. Pergerakan Anggota Tubuh dari Maskot “Bakoel” dalam Bumper

Menggunakan Scale & Rotation. .................................................................. 44

Gambar 3.37. Bumper Baru Dapoer Animasi Versi Pertama ............................... 44

Gambar 3.38. Varian Kedua Bumper Dapoer Animasi dengan Warna Berbeda yang

disiapkan Bagi Video-Video Techpolitan Apps ........................................... 45

Gambar 3.39. Referensi Desain Brosur yang Digunakan Sebagai Contoh

Pembuatan Template Flyer ........................................................................... 46

Gambar 3.40. Penyusunan Dasar Shapes & Berbagai Teks dalam Flyer Alternatif

Pertama .......................................................................................................... 46

Gambar 3.41. Penggunaan Shapes Rounded Rectangle dalam Template Flyer

Alternatif Pertama ......................................................................................... 47

Gambar 3.42.Alternatif Kedua dari Desain Flyer Promosi Kursus Online .......... 47

Gambar 3.43. Video-Video Yang Perlu di-Edit Oleh Penulis Sebagai Material

Video Promosi dalam Flyer .......................................................................... 48

Gambar 3.44. Editing Video yang Dilakukan Penulis Untuk ditampilkan dalam

Flyer .............................................................................................................. 49

Gambar 3.45. Beberapa Portofolio yang Penulis Perlu Tampilkan dalam Flyer

Promosi ......................................................................................................... 50

Gambar 3.46. Penggunaan Linear Wipe Sebagai Transisi Antar Portofolio Dalam

Flyer Promosi Kursus Online ....................................................................... 51

Gambar 3.47. Penganimasian Masuknya Lower Thirds Kedalam Layar.............. 52

Gambar 3.48. Penganimasian Lower Thirds “Online Course Basic 3D Animation”

....................................................................................................................... 52

Gambar 3.49. Pemberian Elemen Desain Hexagon dalam Flyer Supaya Desain

Tidak Nampak Kosong dan Lebih Dinamis .................................................. 53

Gambar 3.50. Pemberian Elemen Desain Crosshair Dengan Bantuan Plug-In

Motion Bro .................................................................................................... 54

Gambar 3.51. Revisi Tagline Pada Flyer Promosi Kursus Online ....................... 54

Gambar 3.52. Konsep Konten yang diberikan Kepada Penulis ............................ 56

Gambar 3.53. Foto-Foto Yang Penulis Kumpulkan Untuk Pembuatan Video

Explainer “Pipeline Animasi 3D” ................................................................. 57

Page 12: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xii

Gambar 3.54. Berbagai Post Instagram Dapoer Animasi Sebagai Acuan Pemilihan

Gaya Aset Visual........................................................................................... 57

Gambar 3.55. Pembuatan Aset-Aset Visual Video Part-1 Yang Membahas Tahapan

Pra-Produksi Dalam Pipeline Pembuatan Animasi 3D ................................. 58

Gambar 3.56. Pembuatan Aset-Aset Visual Video Part-2 Yang Membahas Tahapan

Produksi Dalam Pipeline Pembuatan Animasi 3D ....................................... 59

Gambar 3.57. Pembuatan Aset-Aset Visual Video Part-3 Yang Membahas Tahapan

Pasca-Produksi Dalam Pipeline Pembuatan Animasi 3D ............................. 60

Gambar 3.58. Pembuatan Opening Title bagi Seluruh Video Motion Graphic

Explainer “Pipeline Produksi Animasi 3D” .................................................. 61

Gambar 3.59. Font Yang Terdapat Pada Tagline Dapoer Animasi Yaitu “Gill Sans

MT” ............................................................................................................... 61

Gambar 3.60. Penganimasian Scene Penjelasan Awal dalam Video Explainer ... 62

Gambar 3.61. Penganimasian Aset-Aset Ikon Dalam Scene Penjelasan Awal Untuk

Ketiga Bagian Video Explainer .................................................................... 62

Gambar 3.62. Warna Kuning “FFA600”, Salah Satu Warna yang Penulis Gunakan

Dalam Video Karena Maskot Bakoel Dalam Dapoer Animasi Juga Didominasi

Warna Kuning ............................................................................................... 63

Gambar 3.63. Penganimasian Scenes Penjelasan Mendetail Setiap Tahapan Pipeline

Awal Ketiga Bagian Video Explainer........................................................... 63

Gambar 3. 64. Perubahan Layout Pada Bagian Penjelasan Awal Video-Video yang

Telah Dibuat .................................................................................................. 64

Gambar 3.65. Revisi Layout Pada Scenes Penjelasan Tahapan Pipeline Video-

Video yang Telah Dibuat .............................................................................. 65

Gambar 3.66. Elemen Desain Hexagon berputar pada Seluruh Seri Video Explainer

“Pipeline Animasi 3D” ................................................................................. 65

Gambar 3.67. Video-Video Yang Penulis Buat Ditayangkan di Akun Instagram

Dapoer Animasi ............................................................................................ 66

Gambar 3.68. Konsep yang Bersumber dari Artikel di Website Dapoer Animasi

Dalam Video Explainer “Pilihan Karir Dalam Industri Animasi” Part 1&2 67

Page 13: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xiii

Gambar 3.69. Foto-Foto Yang Dikumpulkan Sebagai Material Video Explainer

“Pilihan Karir Dalam Industri Animasi” Part 1&2 ...................................... 68

Gambar 3.70. Aset-Aset Visual Bergaya Flat yang digunakan Ulang Maupun

Penulis Buat Baru Dalam Adobe Illustrator Untuk Video Explainer “Pilihan

Karier Dalam Industri Animasi” ................................................................... 68

Gambar 3.71. Aset-Aset Visual Bergaya Flat yang digunakan Ulang Maupun

Penulis Buat Baru Dalam Adobe Illustrator Untuk Video Explainer “Pilihan

Karier Dalam Industri Animasi” ................................................................... 69

Gambar 3.72. Animasi Opening Title dari Video Explainer “Pilihan Karier Dalam

Industri Animasi” .......................................................................................... 70

Gambar 3.73. Adegan Penjelasan Awal dari Video Explainer “Pilihan Karier

Dalam Industri Animasi” .............................................................................. 71

Gambar 3.74. Adegan Penjelasan Masing-Masing Profesi dalam Industri Animasi

dari Kedua Part Video Explainer “Pilihan Karier Dalam Industri Animasi” 72

Gambar 3.75. Transisi Antar Adegan dari Video Explainer “Pilihan Karier dalam

Industri Animasi” .......................................................................................... 73

Gambar 3.76. Susunan Layers Dalam Menggunakan Transisi dari Plug-In Motion

Bro ................................................................................................................. 74

Gambar 3.77. Contoh Perubahan Layout Pada Dua Bagian Video Explainer

“Pilihan Karier Dalam Industri Animasi” ..................................................... 74

Gambar 3.78. Penambahan Aset Visual Berupa Elemen Desain Penghias pada Part

1 dan 2 Video Explainer “Pilihan Karier Dalam Industri Animasi” ............. 75

Gambar 3.79. Dua Part Video Yang Penulis Buat Tayang di Instagram Dapoer

Animasi ......................................................................................................... 75

Gambar 3.80. Artikel yang Penulis Gunakan Sebagai Guideline Pembuatan Konten

Ini .................................................................................................................. 76

Gambar 3.81. Foto-Foto yang Penulis Unduh dari Situs Dapoer Animasi Sebagai

Material Video .............................................................................................. 77

Gambar 3.82. Penulis Meringkas Isi Artikel & Membagi Konten Kedalam Tiga

Bagian Video ................................................................................................. 78

Page 14: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xiv

Gambar 3.83. Bagian Opening Title pada Video Explainer Storytelling Method:

“The Hero’s Journey” Part 1, 2, dan 3. ....................................................... 79

Gambar 3.84. Animasi Teks Bagian Penjelasan Umum (Gambar diatas), &

Tampilan Akhir Bagian Penjelasan Umum pada Video Explainer Storytelling

Method: “The Hero’s Journey” Part 1, 2, dan 3 (Tiga Gambar dibawah). . 80

Gambar 3.85. Contoh Penganimasian Adegan Penjelasan Setiap Pembabakan

Cerita dalam Ketiga Part Video Video Explainer Storytelling Method: “The

Hero’s Journey”............................................................................................ 81

Gambar 3.86. Contoh Tampilan Plug-In Motion Bro untuk Transisi Berbagai

Adegan Dalam Video .................................................................................... 82

Gambar 3.87. Contoh Revisi Desain yang Penulis Dapatkan Dalam Ketiga Part

Video Explainer Storytelling Method: “The Hero’s Journey” .................... 83

Gambar 3.88. Ringkasan Artikel Dapoer Animasi yang Penulis Perlu Tuangkan

Sebagai Konten ............................................................................................. 84

Gambar 3.89. Showreel Pribadi Penulis yang digunakan dalam Video “Tips

Menghasilkan Demo Reel Dengan Baik” ..................................................... 85

Gambar 3.90. Title Pembuka dalam Video “Tips Menghasilkan Demo Reel Dengan

Baik” ............................................................................................................. 86

Gambar 3.91. Seleksi dan Cutting dari Video Showreel yang Digunakan Dalam

Video Motion Graphic. ................................................................................. 86

Gambar 3.92. Pembuatan Aset Visual Pembantu Secara Langsung Yaitu Video

Player UI dengan Duration Bar, dalam Adobe After Effects ...................... 87

Gambar 3.93. Aset visual Penanda Durasi Yang dibuat Menggunakan Timecode 88

Gambar 3.94. Pembuatan Aset Dasher Untuk Memperjelas Penjelasan Teks Dalam

Motion Graphic ............................................................................................. 89

Gambar 3.95. Scene Pada Tips Ketiga dan Keempat di Video Explainer “Tips

Menghasilkan Demo Reel dengan Baik” ...................................................... 89

Gambar 3.96. Revisi yang Penulis Dapatkan pada Video yang Selesai Berupa

Penambahan Elemen Desain yang Dianimasikan Supaya Video Tidak Statis

....................................................................................................................... 90

Page 15: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xv

Gambar 3.97. Riset Yang Penulis Lakukan Lewat Situs-Situs Internet Termasuk

Youtube Untuk Pembuatan Video CSR “Stay Safe Selama Pandemi” ......... 91

Gambar 3.98. Konsep Pembuatan Video CSR ..................................................... 92

Gambar 3.99. Beberapa Aset Visual Yang Penulis Temukan Dari Freepik ......... 92

Gambar 3.100. Beberapa Aset Free to Use Yang di-Edit Oleh Penulis. .............. 93

Gambar 3.101. Aset Mencuci Tangan Yang Dibuat Dalam Adobe Illustrator ..... 94

Gambar 3.102. Pembuatan Aset yang Menggambarkan Video Conference ......... 94

Gambar 3. 103. Penganimasian Aset Visual Karakter yang Menggunakan Masker

....................................................................................................................... 95

Gambar 3.104. Penganimasian Adegan Himbauan Untuk Menggunakan Masker

Dalam Video CSR “Stay Safe Selama Pandemi” .......................................... 95

Gambar 3.105. Adegan Himbauan Untuk Melakukan Social Distancing Dalam

Video CSR “Stay Safe Selama Pandemi” ..................................................... 96

Gambar 3.106. Detail Penganimasian Dari Aset Karakter dalam Adegan yang

Membahas Social Distancing ........................................................................ 97

Gambar 3.107. Penggunaan Efek Visual CC Wave Warp Untuk Membuat Air yang

Mengalir ........................................................................................................ 98

Gambar 3.108. Penganimasian Tangan Yang Sedang Mencuci ........................... 99

Gambar 3.109. Adegan Himbauan untuk Melakukan Berbagai Hal secara Online

....................................................................................................................... 99

Gambar 3.110. Bagian Penutup dalam Video CSR ............................................ 100

Gambar 3.111. Perbedaan Video Sebelum & Sesudah Revisi ............................ 101

Gambar 3.112. Video CSR Tayang Pada Akun Instagram Dapoer Animasi...... 102

Gambar 3.113. Concepting Ketiga Video Explainer “Steps of How to Create

Motion Graphics” ....................................................................................... 103

Gambar 3.114. Aset-Aset Visual Yang di-Unduh dari Freepik & Digunakan dalam

Video Explainer “Steps of How to Make Motion Graphic” Part 1 ............ 104

Gambar 3.115. Animasi & Transisi Opening Title Dalam Video Explainer “Steps

of How to Make Motion Graphic” Part-1................................................... 105

Page 16: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xvi

Gambar 3.116. Seluruh Adegan Penjelasan Tentang Tahapan Concepting dalam

Membuat Sebuah Motion Graphics, Beserta Transisi Aset-Aset Visual Dalam

Video “Steps of How to Make Motion Graphic” Part 1 ............................ 106

Gambar 3.117. Contoh Penggunaan Puppet Tool dan juga CC Bend It untuk

Menganimasikan Aset Manusia & Aset Organik Seperti Tumbuhan ......... 107

Gambar 3.118. Beberapa Footage yang Penulis Rekam Menggunakan Bandicam

untuk Video “Steps of How to Make Motion Graphic” Part 2 .................. 108

Gambar 3.119. Beberapa Aset Visual yang Dibuat Untuk Video Part 2 Dalam

Adobe Illustrator ......................................................................................... 108

Gambar 3.120. Adegan Penjelasan Tentang Pembuatan Dokumen dalam Video

“Steps of How to Make Motion Graphic” Part 2 ....................................... 109

Gambar 3.121. Adegan Penjelasan Tentang Pembuatan Shapes Dalam Adobe

Illustrator dalam Video “Steps of How to Make Motion Graphic” Part-2 109

Gambar 3.122. Adegan Penjelasan Tentang Color Picker Dalam Video “Steps of

How to Make Motion Graphic” Part-2 ....................................................... 110

Gambar 3.123. Adegan yang Membahas Konten Tentang Cara Membuat Project

Baru dalam Adobe After Effects ”Steps of How to Make Motion Graphic”

Part 3 ........................................................................................................... 111

Gambar 3.124. Adegan yang Membahas Konten Tentang Cara Membuat Keyframe

Animasi dalam Video “Steps of How to Make Motion Graphic” Part 3 ... 111

Gambar 3.125. Adegan yang Membahas Konten Tentang Cara Membuat Keyframe

Animasi dalam Video “Steps of How to Make Motion Graphic” Part 3 ... 112

Gambar 3.126. Adegan yang Membahas Konten Tentang Cara Membuat Keyframe

Animasi dalam Video “Steps of How to Make Motion Graphic” Part 3 ... 113

Gambar 3.127. Adegan yang Membahas Konten Tentang Cara Membuat Keyframe

Animasi dalam Video “Steps of How to Make Motion Graphic” Part 3 ... 113

Gambar 3.128. Video Yang Diberikan Oleh Supervisor Penulis, Sebagai Material

Promosi ....................................................................................................... 114

Gambar 3.129. Proses Seleksi Dan Cutting Video Dalam Adobe After Effetcs 115

Gambar 3.130. Pembuatan Animasi Pembuka dari Video Motion Graphic Promosi

Kursus Desain Karakter .............................................................................. 115

Page 17: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xvii

Gambar 3.131. Transisi Antara Opening Title dan Adegan Penjelasan Utama Dalam

Video Motion Graphic Promosi Kursus Desain Karakter .......................... 116

Gambar 3.132. Frame yang dibuat Untuk memuat Berbagai Footage yang Telah

Disiapkan Sebelumnya ................................................................................ 117

Gambar 3.133. Nampak Potongan Footage Dalam Video .................................. 117

Gambar 3.134. Brosur Kursus Desain Karakter Yang Penulis Edit Untuk Menjadi

Aset Visual .................................................................................................. 118

Gambar 3.135. Penganimasian Brosur Kursus Desain Karakter Dalam Animasi

Motion Graphic Buatan Penulis .................................................................. 119

Gambar 3.136. Penggunaan Glow Pada Salah Satu Teks Brosur ....................... 119

Gambar 3.137. Video Referensi & Gambar Background Yang Penulis Gunakan

Dalam Pembuatan Video Motion Graphic “Fun Fact Raya Movie” .......... 120

Gambar 3.138. Konsep Caption dan Materi yang Penulis Buat Dalam Pembuatan

Video Motion Graphic “Fun Fact Raya Movie” ......................................... 121

Gambar 3.139. Proses Pemotongan Bagian-Bagian Footage dalam Video “Fun Fact

Raya Movie” ............................................................................................... 122

Gambar 3.140. Opening Title Dalam Video Motion Graphic “Fun Fact Raya

Movie”......................................................................................................... 122

Gambar 3.141. Penggunaan Efek CC Rainfall Pada Adjusment Layer Untuk

Keseluruhan Video ...................................................................................... 123

Gambar 3.142. Opsi CC Rainfall Yang Digunakan Pada Adjustment Layer ...... 123

Gambar 3.143. Penempatan Footage dan juga Caption Dalam Video Motion

Graphic “Fun Fact Raya Movie” ................................................................ 124

Gambar 3.144. Penggunaan Transisi antar Potongan Footage Dalam Video Motion

Graphic “Fun Fact Raya Movie” ................................................................ 125

Gambar 3.145. Adegan Penutup Dalam Video Motion Graphic “Fun Fact Raya

Movie”......................................................................................................... 125

Gambar 3.146. Konsep yang Penulis Kembangkan Bagi Kedua Bagian dari Video

Promosi Kursus CG Fundamentals ............................................................. 126

Gambar 3.147. Footages yang Penulis Rekam untuk Video Promosi Kursus CG

Fundamentals tentang Adobe Photoshop ................................................... 127

Page 18: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xviii

Gambar 3.148. Aset Visual Berupa Elemen Desain Penghias untuk Video Promosi

Kursus CG Fundamentals tentang Adobe Photoshop ................................. 127

Gambar 3.149. Animasi Opening Title Dalam Video Promosi Kursus CG

Fundamentals Bagian Photoshop ................................................................ 128

Gambar 3.150. Adegan Penjelasan Kegunaan Aplikasi dalam Video Promosi

Kursus CG Fundamentals Bagian Photoshop ............................................. 128

Gambar 3.151. Transisi dari Adegan Yang Menjelaskan Kegunaan Aplikasi

Kedalam Adegan Yang Menampilkan Footages Yang Sebelumnya direkam

..................................................................................................................... 129

Gambar 3.152. Adegan Yang Menampilkan Footages & Teks Penjelasan

Dibawahnya dalam Video Promosi Kursus CG Fundamentals Bagian

Photoshop .................................................................................................... 129

Gambar 3.153. Animasi Aset Visual Elemen Desain Penghias Dalam Video

Promosi Kursus CG Fundamentals Bagian Photoshop .............................. 130

Gambar 3.154. Contoh Footage yang Direkam oleh Penulis Untuk Video Promosi

Kursus CG Fundamentals Bagian Illustrator .............................................. 130

Gambar 3.155. Beberapa Bagian Yang diganti dari Animasi yang digunakan Ulang

dalam Pembuatan Video Promosi Kursus CG Fundamentals Bagian Illustrator

..................................................................................................................... 131

Page 19: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xix

DAFTAR TABEL

Tabel 3.1. Detail Pekerjaan Yang Dilakukan Selama Magang ............................. 14

Page 20: PERAN MOTION GRAPHIC ARTIST DALAM MYTHOLOGIC STUDIO

xx

DAFTAR LAMPIRAN

LAMPIRAN A: SURAT PEMBEKALAN MAGANG ................................ XXII

LAMPIRAN B: SURAT PENGANTAR MAGANG ................................. XXIII

LAMPIRAN C: SURAT PENERIMAAN MAGANG ............................... XXIV

LAMPIRAN D: KARTU KERJA MAGANG ............................................. XXV

LAMPIRAN E: KEHADIRAN KERJA MAGANG (1) ............................ XXVI

LAMPIRAN F: KEHARIDAN KERJA MAGANG (2) ........................... XXVII

LAMPIRAN G: KEHADIRAN KERJA MAGANG (3) ........................ XXVIII

LAMPIRAN H: KEHADIRAN KERJA MAGANG (4) .......................... XXIX

LAMPIRAN I: KEHADIRAN KERJA MAGANG (5) .............................. XXX

LAMPIRAN J: LAPORAN REALISASI KERJA MAGANG (1) ........... XXXI

LAMPIRAN K: LAPORAN REALISASI KERJA MAGANG (2) ........ XXXII

LAMPIRAN L: LEMBAR VERIVIKASI LAPORAN MAGANG ..... XXXIII

LAMPIRAN M: SURAT KETERANGAN SELESAI MAGANG ........ XXXIV

LAMPIRAN N: FORMULIR BIMBINGAN MAGANG ......................... XXXV

LAMPIRAN O: LEMBAR PENGECEKAN TURNITIN ..................... XXXVI