peran motion graphic artist dalam mythologic studio
TRANSCRIPT
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
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'
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
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
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
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
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
viii
4.2. Saran ......................................................................................................... 138
DAFTAR PUSTAKA ....................................................................................... XXI
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
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
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
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
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
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
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
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
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
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
xix
DAFTAR TABEL
Tabel 3.1. Detail Pekerjaan Yang Dilakukan Selama Magang ............................. 14
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