11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing

Untuk menjadi seorang animator, kita harus mengetahui Bagaimana Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing atau bisa d...

Untuk menjadi seorang animator, kita harus mengetahui Bagaimana Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing atau bisa disebut juga Lipsync yang akan dibuat dengan Adobe After Effects -- Beberapa animator sering kebingungan saat membuat animasi dan menemukan konsep yang mengharuskan karakter untuk berkomunikasi atau berbicara, maka mereka buatkan karakter tanpa mulut. Tetapi itu tidak boleh terjadi, konsep harus sesuai dengan animasi yang akan dibuat.

11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


Selain mengetahui 11 langkah cara membuat animasi gerak bibir, didalam artikel ini kita akan mengetahui tips agar gerak bibir bisa sesuai dengan dubbing yang dibuat. Ada juga beberapa trik alternatif didalamnya yang bisa kalian terapkan pada proses produksi.

Kalian harus tahu, membuat animasi gerak bibir tidaklah sulit. Mengapa?

Karena didalam Adobe After Effects terdapat fitur yang bisa kita gunakan untuk kebutuhan Lipsync, sehingga kita bisa leluasa dalam membuat animasi gerak bibir dengan praktis dan mudah. Saya yakin fitur tersebut tidak ditujukan untuk membuat gerak bibir, tapi kita bisa menggunakannya sebagai cara alternatif yang membantu proses produksi animasi menjadi lebih cepat.

Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing

Sebelum memulai, pastikan kita sudah mempersiapkan Adobe After Effects yang terinstall di PC atau Laptop kita -- saya sarankan agar menggunakan Adobe After Effects CS5 keatas, atau atau CS6 pun sudah cukup.

1. Buatlah desain gambar mulut didalam Adobe Photoshop, kita bisa menggunakan Pen Tool (P) atau Brush Tool (B) dengan gabungan warna yang cocok. Setelah itu kita simpan dalam format .PNG (interlaced)
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


Tips: Cukup buat desain mulut yang sederhana dan tidak terlalu banyak menggunakan warna atau pola yang rumit. Maksimal kita hanya membutuhkan gambar gigi, lidah, dan rongga mulut.

Artikel terkait:



2. Tentunya kita harus mempersiapkan minimalnya 4 jenis mulut yang sedang mengucapkan vokal juga konsonan sebagai berikut:

  • A
  • B, M, P
  • E, I
  • O, U


11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


Setiap gerak bibir bisa kita sesuaikan dengan audio dubbing yang sudah dibuat, beri nama setiap file menjadi lips-a, lips-b atau bibir-a, bibir-b dan sebagainya.

Tips: Sebenarnya masih banyak gerak bibir yang dapat kita buat sesuai vokal dan konsonan, agar lebih realistis kita bisa menambahkan gerak bibir lainnya seperti L, T, ataupun F.

3. Pastikan file sudah siap dan disimpan dalam bentuk .PNG (interlaced), setelah itu buka Adobe After Effects lalu impor bahan-bahan gerak bibir .PNG tadi kedalamnya. Perhatikan pada menu bar, pilih File lalu Import, klik pada File.. (Ctrl + I)
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


Artikel Rekomendasi:



4. Seperti biasa, sebelum kita melakukan apapun didalam After Effects, kita harus membuat komposisi baru (Composition >> New Composition..)
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


Setelah semuanya terimpor kedalam projek, masukkan kedalam komposisi yang sudah dibuat. Usahakan komposisi gerak bibir berbeda dengan komposisi lainnya atau harus terpisah.

5. Tekan Ctrl + Panah Kanan pada keyboard untuk menggeserkan scroll time menuju 0:00:00:01 atau 1 frame, lalu tekan Ctrl + Shift + D untuk memotong.
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


6. Kita harus membuat semua layer hanya berdurasi 1 frame saja, maka hapus potongan tadi dengan menekan Del pada keyboard.

11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


Baca juga:



7. Geser layer gerak bibir ke kanan dan jangan sampai ada layer yang saling menimpa satu sama lain, buatlah pergeseran dengan jarak per frame. Jika gerak bibir ada 4 buah, maka susun dari frame 1 sampai frame 4 harus terisi sehingga menyerupai anak tangga.
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


8. Jika kita sudah membuat komposisi gambar animasi kepala atau wajah, kita bisa membuka komposisi tersebut dan buat komposisi baru. Simpan diatas komponen animasi kepada atau wajah yang sudah dibuat.
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


Jika belum disiapkan, kita bisa menggunakan komposisi kosong, tetapi tetap kita harus membuat komposisi baru. Nantinya kita akan menyimpan komposisi gerak bibir didalam komposisi baru tersebut.

Artikel terkait:



9. Setelah komposisi gerak bibir kita impor kedalam komposisi baru, langkah selanjutnya mengaktifkan Time Remapping dengan menekan klik kanan pada komposisi gerak bibir, pilih Time >> Enable Time Remapping.. (Ctrl + Alt + T)

10. Maka keyframe akan terbuat secara otomatis, keyframe tersebut menunjukan awal dan akhir dari komposisi gerak bibir. Hal yang harus dilakukan adalah menekan klik kanan pada keyframe, lalu pilih Toggle Hold Keyframe
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


11. Langkah terakhir adalah menggerakan animasi bibir tersebut, kita bisa gunakan Time Remap dengan Toggle Hold Keyframe. Untuk melakukan ini, kita harus mengingat nomor frame pada setiap layer gerak bibir (A, BMP, EI, dan OU)
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial

Masih ingatkah layer yang tadi berbentuk anak tangga? Nah, setiap gerak bibir tersebut memiliki frame nya masing-masing. Kita bisa coba dengan memasukan angka 3 pada Time Remap dan lihat apa yang terjadi. Gerak bibir E, I akan terlihat.

Baca juga:



Bagaimana Menyesuaikan Gerak Bibir dengan Dubbing di After Effects?

Ada 2 cara dalam melakukan penyesuaian gerak bibir dengan dubbing, yang berbeda hanyalah susunan pembuatannya. Kalian bisa pilih mana yang lebih tepat untuk kalian dalam melakukan produksi.

Membuat dubbing terlebih dahulu

Dengan cara ini, kita bisa menyesuaikan secara langsung antara gerak bibir dengan audio dubbing. Kita bisa mengimpor audio dubbing kedalam After Effects dan menyesuaikannya dengan mengaktifkan audio pada After Effects agar bisa terdengar pengucapannya.

Cara ini tergolong cepat, tetapi untuk melakukannya kita membutuhkan spesifikasi komputer yang tinggi. Minimalnya memiliki RAM 4GB, rekomendasi RAM 8GB untuk kebutuhan rendering video dan audio sekaligus.

11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing - Hog Pictures Tutorial


Membuat gerak bibir terlebih dahulu

Ini adalah cara yang sering saya lakukan, saya biasa mengutamakan pembuatan gerak bibirnya sebelum dubbing. Selebihnya kita tidak diharuskan menggunakan komputer yang memiliki spesifikasi tinggi, RAM 2GB pun sudah mencukupi.

Trik untuk melakukan cara kedua ini adalah:


  • Harus bisa menebak panjang pendeknya suatu pengucapan kata yang tertulis dalam dialog, naskah, atau script.
  • Terbiasa dengan penggunaan Time Remapping untuk membaca frame
  • Menyesuaikan dialog dengan pengucapan secara langsung, jadi selagi kita membuat gerak bibir, kita harus menyesuaikannya dengan suara dan pengucapan dari bibir secara langsung dengan membaca dialog nya.


Tidak sampai disitu, kita harus menyelesaikan gerak bibir didalam After Effects hingga Render. Dengan spesifikasi komputer minimum, kita tidak bisa secara langsung menyesuaikannya didalam After Effects karena proses akan sangat memakan waktu.

Artikel terkait:



Kita bisa sesuaikan audio dubbing dan gerak bibir setelah mengimpor nya kedalam Video Editor atau Video Compositing seperti Adobe Premiere Pro atau Corel VideoStudio, disana terdapat opsi video track dan audio track yang bisa disunting secara bersamaan. Proses render pun tidak terlalu lama, setidaknya kita bisa menghemat waktu dan membuat produksi lebih praktis lagi.


Kesimpulan dalam Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing

Animasi gerak bibir memanglah proses animasi yang tidak mudah untuk dilakukan dibandingkan proses animasi lainnya. Tetapi dengan cara yang sudah dijelaskan diatas, kita bisa menghemat waktu juga tenaga dalam pembuatannya. Belum lagi kita menerapkan ekspresi wajah terhadap suatu karakter animasi agar terlihat lebih real atau nyata, saya rasa pembuatan animasi gerak bibir adalah hal yang harus diketahui sebelum kita menerapkan ekspresi pada wajah karakter.

Demikianlah tutorial penjelasan dari Hog Pictures mengenai Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing -- Ayo mulai praktek sekarang karena inilah yang kalian butuhkan! Jika ada yang ingin ditanyakan, silahkan tulis di kolom komentar atau bagikan ke teman kalian melalui sosial media.

COMMENTS

BLOGGER: 4
Loading...
Adobe After EffectsAdobe FlashAdobe PhotoshopAdobe PremiereAdobe SystemsAnimationArticlesAudioCharactersHomeNewsOthersPlacesTutorialsYouTube
false
ltr
item
Hog Pictures: Belajar Komputer dan Multimedia untuk Pemula: 11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing
11 Langkah Cara Membuat Animasi Gerak Bibir di After Effects untuk Dubbing
https://1.bp.blogspot.com/-dI5l4cRflPM/WgdPZLFrChI/AAAAAAAAD0s/8c_VZ28if_Y6DR6L3PrAJLaLYnboiYJbACLcBGAs/s640/cara-membuat-animasi-gerak-bibir-di-after-effects-untuk-dubbing-0.jpg
https://1.bp.blogspot.com/-dI5l4cRflPM/WgdPZLFrChI/AAAAAAAAD0s/8c_VZ28if_Y6DR6L3PrAJLaLYnboiYJbACLcBGAs/s72-c/cara-membuat-animasi-gerak-bibir-di-after-effects-untuk-dubbing-0.jpg
Hog Pictures: Belajar Komputer dan Multimedia untuk Pemula
https://hog-pictures.blogspot.com/2017/11/cara-membuat-animasi-gerak-bibir-after-effects.html
https://hog-pictures.blogspot.com/
https://hog-pictures.blogspot.com/
https://hog-pictures.blogspot.com/2017/11/cara-membuat-animasi-gerak-bibir-after-effects.html
true
9172736097871728012
UTF-8
Not found any postsVIEW ALLReadmoreReplyCancel replyDeleteByHomePAGESPOSTSView AllRECOMMENDED FOR YOULABELARCHIVESEARCHALL POSTSNot found any post match with your requestBack HomeSundayMondayTuesdayWednesdayThursdayFridaySaturdaySunMonTueWedThuFriSatJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecemberJanFebMarAprMayJunJulAugSepOctNovDecjust now1 minute ago$$1$$ minutes ago1 hour ago$$1$$ hours agoYesterday$$1$$ days ago$$1$$ weeks agomore than 5 weeks agoFollowersFollowTHIS CONTENT IS PREMIUMPlease share to unlockCopy All CodeSelect All CodeAll codes were copied to your clipboardCan not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy