Artikel ini merupakan seri terakhir dari Tutorial Membuat Animasi Sederhana menggunakan Handphone Android sampeyan. Pada Tutorial kali ini saya akan menjelaskan bagaimana membuat Avatar yang sebelumnya sudah sampeyan buat dengan Aplikasi SuperMe dan Aplikasi PixelLab bisa terlihat bergerak (mulutnya) sesuai ucapan dan narasi sampeyan.
Kita akan menggunakan aplikasi Kinemaster sebagai software aplikasi pengolah video-nya. Kalau sampeyan belum instal aplikasi Kinemaster, monggo diinstal dulu ya....
Aplikasi Kinemaster ini, menurut saya adalah aplikasi pengolah (pengedit) video yang paling lengkap (walaupun ada Watermark-nya, untuk Kinemaster versi gratisnya) dan mudah untuk digunakan. Selain untuk bikin animasi sederhana ini, sampeyan bisa memanfaatkan aplikasi Kinemaster ini untuk membuat Vlog konten Youtube sampeyan.....gampang koq.
Kenapa harus pakai Kinemaster ? Alasannya adalah karena (setahu saya) hanya Kinemaster yang bisa edit video dengan banyak layer (multi layer) dan bisa diatur transisi-nya sesuai keinginan.
Mari kita mulai lanjutkan Tutorial Animasinya ya...
Baca:Â
Setelah terbuka jendela Edit, Klik 'Media'
Buka folder 'Background' lalu pilih background dan ganti warnanya menjadi warna hijau
Pas Folder Background terbuka, pilih warna apa saja dulu karena nanti akan kita ganti menjadi warna Hijau. Disini saya pilih warna putih (sementara)
Tekan di Tab Layer (yang ada 4 titik), lalu geser ke kiri sampai durasi yang paling kecil. Untuk durasi minimal sekitar 00.00.01.0 menit.
Setelah mengatur durasi background pada posisi 1 menit, pindahkan garis 'mark' merah sampai di pojok awal Layer (menit 00). Lalu klik tombol OK di kanan atas.
Klik 'Layer' hingga memunculkan pilihan seperti pada gambar di bawah dan pilih Media
Sampeyan akan dibawa kembali ke Media Browser, pilih Folder pixelLab (tempat penyimpanan hasil editan bentuk mulut sebelumnya).
Pilih file gambar bentuk mulut A (salah satu dulu ya...) hasil edit dari PixelLab
Atur durasi Layer gambar mulut dengan cara seperti mengatur durasi background. Layer di klik (jadi ada kotak kuningnya), lalu tarik tab editnya ke kiri sampai didapat durasi 00.00.150 detik.
Di garis akhir durasi gambar vokal A, klik 'Layer' lalu pilih 'Media'
Selanjutnya cari gambar mulut hasil editan PixelLab yang lain, atur durasi dan lakukan langkah ini untuk vokal A, I, O dan diam.
Hasilnya akan tampak seperti berikut ini:
Sudah selesai ?
Belum....jalan kita masih panjang kawan-kawan
Kalau sampeyan males dan pusing edit gerak mulut ini, silahkan download file hasil yg saya buat disini
Buka lagi Kinemasternya dan buat 'New Project'....
Sama caranya dengan cara diatas, bedanya pas pertama mau input 'Media', yang kita masukkan adalah file gerakan mulut 1 menit yang sudah jadi. Kemudian di bagian akhir durasi 1 menit, kita tambahkan file media yang sama berulang-ulang sampai 5 atau 10 menit'an, seperti pada gambar berikut ini
Export (Save) hingga didapatkan hasil gerakan mulut seperti ini....
Kali ini kita pilih Gambar Background yang akan kita gunakan. Setelah gambar backgroud terpilih kita atur posisi background sesuai yang kita inginkan dengan Tool Cropping.
Geser posisi background untuk Cropping
Klik tanda sama dengan (=) agar posisi background awal video dan akhir video tetap sama, tidak berubah (bergeser)
Tarik dan atur durasi background sesuai video yang mau dibuat.
Selanjutnya klik Layer untuk memasukkan Avatar Animasi sampeyan.
Browse di Folder SuperMii sampeyan, pilih Avatar pembuka yang ada bentuk mulut diamnya. Kenapa ? Ya karena untuk awal narasi kan Avatar-nya masih belum bergerak ngoceh-ngoceh mulutnya....
Seperti ini jadinya...
Atur durasi Avatar pembukanya....kira-kira saja dulu...karena nantinya durasinya akan menyesuaikan lagi setelah input voice narasi.
Selanjutnya masukkan Avatar yang tidak ada bentuk mulutnya, setelah Avatar pembuka. Caranya klik 'Layer' lalu pilih 'Media'
Avatar ini akan 'numpuk' di atas (In Front) Avatar sebelumnya (avatar dengan bentuk mulut diam). Atur ukuran, dengan menarik tanda panah di kanan bawah. Jadi diatur size-nya agar pas seperti Size Avatar Pembuka tadi....agar pas pergantian dari Avatar dg Mulut dan Avatar Tanpa Mulut (Avatar Animasi Mulut Bergerak) pas ukurannya...
Kalau dirasa sudah pas ukuran Gambar-nya, atur menit awal Avatar Tanpa Mulut ini akan ditampilkan. Tarik kotak pengaturan durasi Avatar Tanpa Mulut sehingga nanti akan jadi 1 layer dengan Avatar Pembuka.
Selanjutnya, kembalikan Marking Merah Garis Penanda ke awal video, lalu klik Audio untuk menambahkan Audio Narasi.
Kalau sampeyan sudah punya Audio (klik yang saya lingkari merah 1), Pilih Folder dimana Voice Audio Narasi disimpan.
Atau kalau sampeyan belum buat Voice Narasi, sampeyan bisa langsung rekam menggunakan tombol Voice (lingkaran merah 2)
Klik File Audio yang mau dipakai terus klik tenda tambah (+) lalu kalau sudah keluar klik tanda centang di kanan atas. Hasilnya akan seperti berikut ini,
Sesuaikan durasi background dan Avatar Tanpa Mulut sampai di ujung Audio Narasi, seperti berikut
Tarik kembali garis Marking ke awal Audio Narasi mulai berbicara (perhatikan pada audio akan terlihat ada gelombang naik), klik 'Layer' lalu Media kemudian masukkan file gerakan mulut yang sudah kita buat pada langkah diatas.
Pada saat kita masukkan file Gerakan Mulut akan terlihat seperti gambar diatas.
Selanjutnya kita akan hilangkan background warna hijau dengan tool Chroma Key. Scroll bilah tool di samping kanan, lalu klik Chroma Key
Karena letak posisi mulut belum pas, maka klik di Layer Animasi Mulut lalu tarik posisi mulut agar pas posisinya.
Kalau posisi mulut sudah pas, selanjutnya klik lagi 'Layer', pilih Media, buka folder PixelLab, lalu masukkan Gambar Mulut Diam yang tidak kita edit hilangkan warnanya.
File mulut tersebut akan berada di Layer paling atas (in Front). Jadi sebetulnya gambar Mulut ini akan menutupi animasi gerakan mulut yang sudah kita input sebelumnya.
Dengarkan setiap jeda (tanpa ada suara narasi/vokal), kemudian tandai dengan cara klik kotak durasi (warna merah) menjadi berwarna ungu.
Selanjutnya klik Layer Gambar Mulut dengan Latar Warna lalu klik gambar gunting
Nanti akan muncul pilihan seperti tampilan ini....pilih
Klik Pilih 'Split at Playhead', sehingga Gambar jadi terpisah
Geser Timeline sampai ke marking Ungu yang ke-2, lalu lakukan proses Trim/Split seperti langkah diatas.
Lakukan proses Trim ini pada setiap Narasi Audio diam.
Selanjutnya pada setiap Segmen Narasi Bicara, klik (kotak kuning) dan klik lagi pada gambar Tong Sampah di bilah samping kiri
Setelah semua gerak mulut pas sesuai Narasinya, klik Export dan Share
Hingga hasilnya akan seperti video berikut ini....
Demikian kira-kira tutorial lengkap Membuat Animasi Sederhana bermodalkan Handphone Android.
Animasi ini bisa sampeyan pasang di channel Youtube sampeyan sebagai video pembuka atau penutup atau bahkan sampeyan buat Animasi berbicara sepanjang video Youtube sampeyan.
Nah....Selamat Berkreasi
Untuk sementara #stayathome #dirumahaja....tapi tetap produktif ya...
Selamat mencoba
Kita akan menggunakan aplikasi Kinemaster sebagai software aplikasi pengolah video-nya. Kalau sampeyan belum instal aplikasi Kinemaster, monggo diinstal dulu ya....
Aplikasi Kinemaster ini, menurut saya adalah aplikasi pengolah (pengedit) video yang paling lengkap (walaupun ada Watermark-nya, untuk Kinemaster versi gratisnya) dan mudah untuk digunakan. Selain untuk bikin animasi sederhana ini, sampeyan bisa memanfaatkan aplikasi Kinemaster ini untuk membuat Vlog konten Youtube sampeyan.....gampang koq.
Kenapa harus pakai Kinemaster ? Alasannya adalah karena (setahu saya) hanya Kinemaster yang bisa edit video dengan banyak layer (multi layer) dan bisa diatur transisi-nya sesuai keinginan.
Mari kita mulai lanjutkan Tutorial Animasinya ya...
Baca:Â
- Tutorial Membuat Animasi Sederhana Menggunakan Handphone Android (1)
- Tutorial Membuat Animasi Sederhana Menggunakan Handphone Android (2)
Membuat Animasi Mulut
Buka aplikasi Kinemaster sampeyan...
 |
| Opening Kinemaster - dok. Pribadi |
 |
| Tampilan Pembuka Kinemaster - dok. Pribadi |
Klik bulatan paling besar 'New Project' lalu 'Select aspect ratio'.
Untuk membuat animasi gerakan mulut, aspek ratio-nya kita pilih 1:1 saja.
 |
| Select Aspect Ratio Video - dok. Pribadi |
Setelah terbuka jendela Edit, Klik 'Media'
 |
| Pilih Tombol Media - dok.Pribadi |
 |
| Klik Folder Background - dok. Pribadi |
Pas Folder Background terbuka, pilih warna apa saja dulu karena nanti akan kita ganti menjadi warna Hijau. Disini saya pilih warna putih (sementara)
 |
| Pilih Warna Apa Saja - dok. Pribadi |
 |
| Klik pada Bulatan Warna Putih Untuk Mengganti Warna - dok. Pribadi |
 |
| Pilih Warna Background Hijau - dok. Pribadi |
 |
| Warna Background Hijau RGB 0,204,5 - dok. Pribadi |
Tekan di Tab Layer (yang ada 4 titik), lalu geser ke kiri sampai durasi yang paling kecil. Untuk durasi minimal sekitar 00.00.01.0 menit.
 |
| Geser Durasi Sampai 1 menit (Minimal) - dok. Pribadi |
Setelah mengatur durasi background pada posisi 1 menit, pindahkan garis 'mark' merah sampai di pojok awal Layer (menit 00). Lalu klik tombol OK di kanan atas.
 |
| Tombol OK di Pojok Kanan Atas - dok. Pribadi |
Klik 'Layer' hingga memunculkan pilihan seperti pada gambar di bawah dan pilih Media
 |
| Tambah Layer 'Media' - dok. Pribadi |
Sampeyan akan dibawa kembali ke Media Browser, pilih Folder pixelLab (tempat penyimpanan hasil editan bentuk mulut sebelumnya).
 |
| Media Browser (Folder) - dok. Pribadi |
Pilih file gambar bentuk mulut A (salah satu dulu ya...) hasil edit dari PixelLab
 |
| Editan Vokal 'A' - dok. Pribadi |
Atur durasi Layer gambar mulut dengan cara seperti mengatur durasi background. Layer di klik (jadi ada kotak kuningnya), lalu tarik tab editnya ke kiri sampai didapat durasi 00.00.150 detik.
 |
| Atur Durasi Gambar Vokal A 00.150 - dok. Pribadi |
Di garis akhir durasi gambar vokal A, klik 'Layer' lalu pilih 'Media'
Selanjutnya cari gambar mulut hasil editan PixelLab yang lain, atur durasi dan lakukan langkah ini untuk vokal A, I, O dan diam.
 |
| Klik Layer dan Input Gambar Vokal yang Lain - dok. Pribadi |
 |
| Klik Layer dan Input Vokal I - dok. Pribadi |
Ulangi cara diatas dan masukkan semua bentuk mulut A, I, O, diam (transparan)....
Ulangi lagi sampai semua bentuk mulut vokal terinput semua dengan durasi Background (1 menit lebih) terpenuhi.
 |
| Memenuhi Durasi Background - dok. Pribadi |
Export (Save) hasil video gerakan mulut 1 detik tersebut
 |
| Export and Share - dok. Pribadi |
Hasilnya akan tampak seperti berikut ini:
Sudah selesai ?
Belum....jalan kita masih panjang kawan-kawan
Kalau sampeyan males dan pusing edit gerak mulut ini, silahkan download file hasil yg saya buat disini
Buka lagi Kinemasternya dan buat 'New Project'....
Sama caranya dengan cara diatas, bedanya pas pertama mau input 'Media', yang kita masukkan adalah file gerakan mulut 1 menit yang sudah jadi. Kemudian di bagian akhir durasi 1 menit, kita tambahkan file media yang sama berulang-ulang sampai 5 atau 10 menit'an, seperti pada gambar berikut ini
 |
| Gerakan Animasi Mulut 10 menit - dok. Pribadi |
Export (Save) hingga didapatkan hasil gerakan mulut seperti ini....
Menyatukan Gerakan Mulut, Avatar dan Background Narasi
Setelah jadi gerakan mulut Animasi-nya, buka lagi Kinemaster dan klik 'New Project'.
Pilih Aspek Ratio 16:9 untuk format video Youtube
 |
| Aspek Ratio 16:9 - dok. Pribadi |
Kali ini kita pilih Gambar Background yang akan kita gunakan. Setelah gambar backgroud terpilih kita atur posisi background sesuai yang kita inginkan dengan Tool Cropping.
 |
| Pilih Background - dok. Pribadi |
Geser posisi background untuk Cropping
 |
| Cropping Background Video Animasi - dok. Pribadi |
Klik tanda sama dengan (=) agar posisi background awal video dan akhir video tetap sama, tidak berubah (bergeser)
 |
| Menyamakan Awal dan Akhir Gambar Background - dok. Pribadi |
Selanjutnya klik Layer untuk memasukkan Avatar Animasi sampeyan.
 |
| Input Layer Media Avatar - dok. Pribadi |
Browse di Folder SuperMii sampeyan, pilih Avatar pembuka yang ada bentuk mulut diamnya. Kenapa ? Ya karena untuk awal narasi kan Avatar-nya masih belum bergerak ngoceh-ngoceh mulutnya....
 |
| Pilih Avatar dengan Bentuk Mulut Diam - dok. Pribadi |
 |
| Avatar Pembuka - dok. Pribadi |
Selanjutnya masukkan Avatar yang tidak ada bentuk mulutnya, setelah Avatar pembuka. Caranya klik 'Layer' lalu pilih 'Media'
 |
| Avatar Tanpa Bentuk Mulut - dok. Pribadi |
Avatar ini akan 'numpuk' di atas (In Front) Avatar sebelumnya (avatar dengan bentuk mulut diam). Atur ukuran, dengan menarik tanda panah di kanan bawah. Jadi diatur size-nya agar pas seperti Size Avatar Pembuka tadi....agar pas pergantian dari Avatar dg Mulut dan Avatar Tanpa Mulut (Avatar Animasi Mulut Bergerak) pas ukurannya...
Kalau dirasa sudah pas ukuran Gambar-nya, atur menit awal Avatar Tanpa Mulut ini akan ditampilkan. Tarik kotak pengaturan durasi Avatar Tanpa Mulut sehingga nanti akan jadi 1 layer dengan Avatar Pembuka.
 |
| Atur Durasi Avatar dari Titik Awal Pergantian Avatar - dok. Pribadi |
 |
| Avatar Dijadikan 1 Layer - dok. Pribadi |
Selanjutnya, kembalikan Marking Merah Garis Penanda ke awal video, lalu klik Audio untuk menambahkan Audio Narasi.
 |
| Tambahkan Audio Narasi (1) atau Buat Voice Narasi (2) - dok. Pribadi |
 |
| Audio Browser - dok. Pribadi |
Klik File Audio yang mau dipakai terus klik tenda tambah (+) lalu kalau sudah keluar klik tanda centang di kanan atas. Hasilnya akan seperti berikut ini,
 |
| Audio Narasi Sudah Terinput - dok. Pribadi |
Sesuaikan durasi background dan Avatar Tanpa Mulut sampai di ujung Audio Narasi, seperti berikut
 |
| Gambar Background dan Avatar Disesuaikan Durasinya - dok. Pribadi |
Tarik kembali garis Marking ke awal Audio Narasi mulai berbicara (perhatikan pada audio akan terlihat ada gelombang naik), klik 'Layer' lalu Media kemudian masukkan file gerakan mulut yang sudah kita buat pada langkah diatas.
 |
| Perhatikan Gelombang Mulainya Suara - dok. Pribadi |
 |
| Animasi Gerakan Mulut - dok. Pribadi |
Pada saat kita masukkan file Gerakan Mulut akan terlihat seperti gambar diatas.
Selanjutnya kita akan hilangkan background warna hijau dengan tool Chroma Key. Scroll bilah tool di samping kanan, lalu klik Chroma Key
 |
| Chroma Key - dok. Pribadi |
 |
| Enable Chroma Key - dok. Pribadi |
Enable Chroma Key sehingga tampak seperti tampilan berikut ini
 |
| Enable Chroma Key - dok. Pribadi |
Kalau posisi mulut sudah pas, selanjutnya klik lagi 'Layer', pilih Media, buka folder PixelLab, lalu masukkan Gambar Mulut Diam yang tidak kita edit hilangkan warnanya.
 |
| File Mulut Yang Masih Ada Warna Kulitnya - dok. Pribadi |
File mulut tersebut akan berada di Layer paling atas (in Front). Jadi sebetulnya gambar Mulut ini akan menutupi animasi gerakan mulut yang sudah kita input sebelumnya.
 |
| Gambar Mulut Diam Dengan Latar Warna - dok. Pribadi |
Dengarkan setiap jeda (tanpa ada suara narasi/vokal), kemudian tandai dengan cara klik kotak durasi (warna merah) menjadi berwarna ungu.
 |
| Garis Marking Berwarna Ungu - dok. Pribadi |
Selanjutnya klik Layer Gambar Mulut dengan Latar Warna lalu klik gambar gunting
 |
| Trim/Cut Gambar Mulut - dok. Pribadi |
Nanti akan muncul pilihan seperti tampilan ini....pilih
 |
| Split Gambar Mulut - dok. Pribadi |
Klik Pilih 'Split at Playhead', sehingga Gambar jadi terpisah
 |
| Gambar Mulut Terpisah (Split) - dok. Pribadi |
Geser Timeline sampai ke marking Ungu yang ke-2, lalu lakukan proses Trim/Split seperti langkah diatas.
 |
| Geser Sampai di Marking Ungu - dok. Pribadi |
 |
| Split di Marking yang ke dua dst - dok. Pribadi |
Lakukan proses Trim ini pada setiap Narasi Audio diam.
 |
| Gambar Mulut Terbagi dalam Segmen - dok. Pribadi |
Selanjutnya pada setiap Segmen Narasi Bicara, klik (kotak kuning) dan klik lagi pada gambar Tong Sampah di bilah samping kiri
 |
| Animasi Saat Narasi Bicara - dok. Pribadi |
 |
| Animasi Saat Narasi Diam -dok. Pribadi |
Setelah semua gerak mulut pas sesuai Narasinya, klik Export dan Share
 |
| Export dan Share - dok. Pribadi |
Hingga hasilnya akan seperti video berikut ini....
Demikian kira-kira tutorial lengkap Membuat Animasi Sederhana bermodalkan Handphone Android.
Animasi ini bisa sampeyan pasang di channel Youtube sampeyan sebagai video pembuka atau penutup atau bahkan sampeyan buat Animasi berbicara sepanjang video Youtube sampeyan.
Nah....Selamat Berkreasi
Untuk sementara #stayathome #dirumahaja....tapi tetap produktif ya...
Selamat mencoba
 | Kinemaster.apk){kind=link}
0 Comments