5
BAB III
PELAKSANAAN KERJA MAGANG
3.1. Kedudukan dan KoordinasiBerikut adalah informasi mengenai kedudukan dan koordinasi yang penulis jalani selama magang di Just Design Indonesia.
1. Kedudukan
Penulis berkedudukan sebagai graphic designer intern di Just Design Indonesia. Tugas yang diberikan disesuaikan dengan jurusan dan kemampuan penulis, seperti ilustrasi vektor dan membuat motion graphic.
2. Koordinasi
Koordinasi selama kerja magang biasanya klien akan memberikan brief kepada account executive atau kepada creative managing director. Account
executive, yaitu Raesa Anindia selaku pembimbing lapangan kemudian akan
meneruskannya kepada penulis via email atau WhatsApp mengenai bagian yang harus penulis kerjakan. Setelah desain selesai dibuat, pembimbing lapangan akan mengeceknya dan memberikan revisi bila diperlukan. Setelah revisi selesai, hasil desain akan diberikan ke klien dan direvisi bila klien
Gambar 3.1 Bagan Alur Koordinasi
6 belum merasa puas.
3.2. Tugas yang Dilakukan
Berikut adalah tabel berisi detail pekerjaan yang penulis kerjakan selama periode magang.
Tabel 3.1. Detail Pekerjaan Yang Dilakukan Selama Magang
No. Minggu Proyek Keterangan
1. 1-5 Februari 2021
Ilustrasi untuk website
designstudio.id
Mencari referensi dan membuat sketsa ilustrasi untuk halaman
website bagian Works, Contact, Register Now, Registered, Privacy Policy, dan Terms of Service
2. 8-12 Februari 2021
Ilustrasi untuk website
designstudio.id
Membuat ilustrasi dan merevisi hasil ilustrasi untuk halaman
website bagian Works, Contact, Register Now, Registered, Privacy Policy, dan Terms of Service
3. 15-19 Februari 2021
-Motion Graphic “How to Get the Design You Need”
- Membuat motion graphic singkat dari aset hingga animasi sampai selesai
-Motion Graphic “4 Types of Promotional Videos”
- Membuat storyboard hingga aset
4. 22-26 Februari 2021
-Motion Graphic “4 Types of Promotional Videos”
- Menganimasikan aset vektor yang telah dibuat hingga selesai -Motion Graphic “Start a
Brand from Scratch in 9 Steps”
- Membuat storyboard hingga desain aset
-Animasi feed Instagram BRAND'S
- Menganimasikan aset yang telah disediakan untuk konten Instagram
7 5. 1-5
Maret 2021
- Animasi feed Instagram BRAND'S
- Menganimasikan aset yang telah disediakan untuk konten Instagram dan melakukan revisi -Animasi story Instagram
Remid
- Membuat animasi hujan untuk konten story Instagram
- Motion Graphic “Start a Brand from Scratch in 9 Steps”
- Membuat storyboard hingga desain aset
-Motion Graphic “The
Marketing Campaign Checklist”
- Membuat storyboard hingga desain aset
6. 8-11 Maret 2021
-Motion Graphic “Design Studio ID FAQs”
- Membuat desain aset
-Pattern untuk label madu Manuka Farm
- Membuat preview pattern lebah,
pattern pohon manuka, dan visual
desa 7. 15-19
Maret 2021
- Animasi feed Instagram BRAND'S
- Menganimasikan aset yang telah disediakan
- Animasi feed Instagram Air Soda
- Menganimasikan aset yang telah disediakan
-Motion Graphic “Design Studio ID Perks”
- Menganimasikan desain aset yang telah dibuat
- Menambahkan musik dan merevisi motion graphic yang sebelumnya.
8. 22-26 Maret 2021
- Motion Graphic “Design Studio ID Perks”
- Menganimasikan hingga selesai desain aset yang telah dibuat - Animasi feed Instagram
BRAND'S
- Menganimasikan feed BRAND’s MatoBright & Prune Routine
8 - Logo Roteh Gembong - Mencari referensi dan mendesain
2 alternatif icon wajah orang untuk logo sesuai dengan konsep
9. 29 Maret – 1 April 2021
-Logo Roteh Gembong - Membuat logo wajah orang sesuai konsep
-Logo Mister Kiem - Membuat logo chef sesuai brief - Membuat desain business card 10. 5 April –
9 April 2021
-Ilustrasi vektor karakter Ding Dang
- Membuat ilustrasi vektor berdasarkan referensi gambar 3D yang diberikan
- Logo animation untuk designstudio.id
- Menganimasikan logo sesuai
brief dan aset yang diberikan
-Motion Graphic “The
Marketing Campaign Checklist” - Melanjutkan animasi 11. 12 – 16 April 2021
-Motion Graphic “The
Marketing Campaign Checklist”
- Melanjutkan animasi hingga selesai
-Motion Graphic “Design Studio ID FAQs”
- Melanjutkan animasi hingga selesai
12. 19 – 23 April 2021
-Revisi Ilustrasi vektor karakter Ding Dang
- Revisi yang dilakukan berupa ilustrasi dibuat lebih sederhana dan cute
-Animasi feed BRAND’S x OGAWA
- Animasi 1 video feed untuk konten Instagram
-Animasi feed Remid - Animasi konten story dan feed Instagram ucapan Idul Fitri dan Isa Almasih
13. 26 – 30 April
-Kartu ucapan idul fitri Orbit Krane
-Desain kartu ucapan Idul Fitri ukuran A6 untuk Orbit Krane
9 2021 -Revisi Ilustrasi vektor
karakter Ding Dang
-Melakukan revisi style gambar dan proporsi badan
-Ilustrasi untuk Mamee Chef -Ilustrasi sederhana 4 bahan memasak
-Ilustrasi vektor chicken
untuk Mamee
-Membuat 2 alternatif gambar ayam
3.3. Uraian Pelaksanaan Kerja Magang
Berikut ini uraian secara umum kerja magang yang dilakukan penulis di Just Design
3.3.1. Proses Pelaksanaan
Selama magang di Just Design penulis mendapatkan tugas yang bervariasi, namun dari antara semua tugas yang diberikan, motion graphic merupakan tugas yang paling banyak penulis kerjakan. Maka dari itu, penulis akan membahas beberapa proyek motion graphic yang penulis kerjakan.
1. Motion Graphic untuk designstudio.id
Designstudio.id merupakan website yang menyediakan layanan desain yang masih dalam tahap pengembangan hingga sekarang. Pembimbing lapangan memberikan instruksi kepada penulis untuk membuat 6 video motion graphic yang rencananya akan ditampilkan di website dan YouTube. Untuk bagian isi konten, yaitu judul dan tulisan, diinformasikan oleh pembimbing. Sedangkan, penulis mendapat tugas untuk membuat aset sesuai konten yang diberikan dan menganimasikannnya. Masing-masing video berdurasi sekitar 30-60 detik. Keenam video tersebut meliputi:
a. How to Get the Design You Need b. 4 Types of Promotional Videos c. Start a Brand from Scratch in 9 Steps d. The Marketing Campaign Checklist e. Design Studio ID FAQ
10 f. Design Studio ID Perks
Pada tahap awal pembuatan aset vektor, penulis memberikan beberapa referensi style gambar kepada pembimbing, setelah style disetujui, penulis lanjut ke tahap perancangan storyboard, desain, hingga animasi.
Gambar di atas salah satu storyboard yang penulis kerjakan berdasarkan tulisan kata-kata yang disediakan oleh pembimbing. Melalui pembuatan storyboard, penulis merancang desain aset dan gerakan animasi yang akan dilakukan. Setelah tahap storyboard selesai, penulis mengirimkannya ke pembimbing untuk disetujui dan lanjut ke tahap desain. Keenam motion graphic menggunakan style yang serupa, yaitu style dengan 3 warna, biru navy, merah, dan hijau, dengan font yang digunakan yaitu Gotham Narrow Medium. Penulis menggunakan Adobe Illustrator untuk pengerjaan aset dan Adobe After Effects untuk animasi.
Gambar 3.2 Storyboard motion graphic “How to Get the Design You Need”
11 Pada proses pengerjaan animasi, penulis menggunakan prinsip-prinsip animasi, diantaranya yaitu, squash and stretch, ease in, ease out, timing. Untuk menerapkan prinsip-prinsip animasi tersebut, penulis mengatur graph editor sehingga kecepatan gerakan dapat lebih sesuai. Aset-aset dianimasikan dengan menggunakan position, rotation, scale, dan opacity. Teknik lainnya yang digunakan adalah penggunaan expression elastic yang didapatkan dari website motiondesign.school. Expression ini mengatur amplitude, frequency, dan decay dari suatu gerakan. Amplitude, frequency, dan decay ini juga dapat dihubungkan dengan effect slider control sehingga dapat lebih mudah diubah valuenya. Hal-hal tersebut dapat membuat animasi terlihat lebih hidup dan tidak kaku.
Gambar 3.3 Aset motion graphic “How to Get the Design You Need”
12 Teks pada motion graphic juga animasikan, salah satunya melalui masking sehingga tulisan muncul dari shape layer yang merupakan mask dengan mengatur mode alpha inverted matte pada layer teks, seperti yang terdapat pada gambar di bawah ini.
Gambar 3.4 Penggunaan elastic expression di After Effects
(Dokumentasi Pribadi)
Gambar 3.5 Penggunaan masking untuk text animation
13 Teks dianimasikan secara sederhana dengan menggunakan gabungan atau salah satu dari position, scale, dan opacity. Di bawah adalah salah satu contoh text
animation menggunakan opacity. Melalui opsi pengaturan yang ada penulis
mengatur opacity agar memunculkan perlahan satu per satu karakter pada kata.
Berikut di bawah ini adalah hasil desain aset untuk kelima video lainnya:
Gambar 3.6 Text animation mengunakan opacity
14 Setelah tahap animasi selesai, video dirender dengan resolusi 1920 x 1080 melalui Adobe Media Encoder dengan format mp4.
Gambar 3.7 Hasil desain aset untuk kelima motion graphic lainnya
15 2. Motion Graphic BRAND’S®
BRAND’S merupakan merek dari produk-produk suplemen kesehatan tubuh yang terdiri dari berbagai jenis varian dan rasa. Untuk keperluan promosi produknya, BRAND’S membutuhkan animasi sederhana untuk ditampilkan di feed
Instagram. Selama magang, penulis mengerjakan 7 video animasi yang
masing-masing lumayan singkat dan sederhana. Desain feed dikerjakan oleh rekan lainnya, sedangkan tanggung jawab penulis berada di bagian animasi. Beberapa video mendapat revisi dari klien, yaitu revisi durasi agar tidak terlalu cepat, dan revisi desain berupa aset, warna, teks, dan lainnya. Berikut dibawah ini adalah 3 contoh hasil screenshot video sebelum direvisi:
Gambar 3.8 Screenshot 3 video Instagram feed BRAND’s sebelum direvisi
16
17 Desain feed dibuat di Photoshop dan dianimasikan di After Effects menggunakan cara-cara yang serupa dengan motion graphic sebelumnya, yaitu dengan mengatur position, scale, opacity, dan rotation. Di bawah ini adalah salah satu proses animasi dimana penulis menggerakan setiap buah prune menggunakan
rotation, scale, dan position. Lalu, keyframe diubah ke easy ease agar pergerakan
tidak kaku. Pergerakkan buah-buah prune tersebut memberikan kesan fruity, fun, dan fresh. Pada scene terakhir di setiap video terdapat teks “Try Now” yang dianimasikan dengan effect light sweep sehingga mampu mengarahkan fokus bagi mata penonton.
Gambar 3.9 Screenshot 6 video Instagram feed setelah direvisi
18 3. Motion Graphic Remid
Remid merupakan perusahaan yang menyediakan layanan jasa transfer dana secara aman dan mudah yang dapat dilakukan di seluruh Alfamart. Untuk Instagram, Remid menginginkan desain story tentang musim hujan dengan animasi hujan. Resolusi yang digunakan 1920 x 1080 dengan 30 fps. Aset desain telah disediakan dan penulis mengerjakan bagian animasi hujannya. Hujan dibuat di After Effects menggunakan trim paths seperti yang terlihat pada foto di bawah. Penulis juga menambahkan splash air pada bagian tanah dan di atas payung.
Gambar 3.10 Proses animasi feed Instagram BRAND’S
19 Selain motion graphic dengan konten musim hujan, penulis juga mengerjakan animasi ucapan Idul Fitri dan Isa Alamasih untuk Instagram seperti yang terlihat pada gambar di bawah dengan size 1080 x 1080 px. Aset telah disediakan dan penulis mengerjakan bagian animasinya.
Gambar 3.11 Story Instagram Remid dan proses animasi menggunakan trim path
(Dokumentasi Perusahaan)
Gambar 3.12 Proses animasi feed Instagram Remid Idul Fitri dan Isa Alamasih
20 3.3.2. Kendala yang Ditemukan
Selama magang berlangsung, perusahaan menerapkan sistem work from home dan komunikasi dilakukan melalui email dan WhatsApp ke pembimbing lapangan. Hal ini membuat penulis terkadang salah mengerti maksud brief yang diberikan.
Miscommunication ini dapat membuat waktu pengerjaan penulis menjadi lebih
lama dan menjadi kurang efisien. Kendala lainnya, terkadang penulis membutuhkan waktu lama untuk mengerjakan ilustrasi vektor karena belum terlalu menguasai Adobe Illustrator dan skill menggambar penulis masih kurang.
3.3.3. Solusi Atas Kendala yang Ditemukan
Solusi dari kendala yang penulis hadapi adalah penulis berusaha menanyakan dan memastikan kembali brief yang diberikan. Penulis juga memberikan update
progress sehingga pembimbing dapat memberikan masukan atau mengoreksi bila
penulis salah mengerjakan. Mengenai ilustrasi vektor, penulis berusaha mencari banyak referensi dan menonton tutorial sehingga skill dapat berkembang.
