Cara Membuat Animasi Perubahan Warna pada Peta (After Effect)

Bagikan Postingan ini :

Halo sobat netizen kali ini saya akan sharing sedikit pengalaman saya membuat Animasi Perubahan Warna pada Peta menggunakan Adobe After Effect, Jadi ceritanya kemarin saya diminta oleh bos untuk membuat data Covid 19 berbentuk video dengan menggunakan animasi apabila terdapat pasien covid di daerah tersebut maka daerah tersebut akan berubah warna, Misalnya dari Putih ke merah muda dan semakin terang apabila semakin banyak yang terindikasi positif di daerah tersebut sehingga terlihat jelas dimana Kecamatan yang memiliki positif Covid tertinggi di suatu wilayah. dah Paham belum maksudnya ? 😀

Dalam pembuatanya hanya menggunakan beberapa Effect bawaan di software Adobe After Effect jadi nggak perlu instal Plugin Aneh – Aneh, namun memang dibutuhkan kesabaran kalau jumlah Kecamatanya banyak dari juga hal melelahkan lainya adalah menyamakan data dengan perubahan warnanya terlebih lagi jika datanya banyak, bisa begadang sampai pagi kita :D. Oke Kita langsung saja

Pertama yang perlu sobat buat adalah Bar yang menunjukan indikator perubahan warna, sobat bisa buat di Photoshop ya, Gampang kok tinggal buat kotak kotak trus kasih warna, Contohnya seperti gambar di bawah ini.

Bagaimana sob, sudah ada bayangan kan? jadi Bar di atas adalah indikator kalau pasien sudah mencapai di level tertentu, sehingga sobat jadi lebih mudah untuk memberikan warna pada wilayah peta yang sobat hendak tandai. Oke kita lanjut saja sekarang sobat harus membuka software adobe After Effect untuk membuat animasi tersebut. Oh iya untuk membuat pewarnaan setiap wilayah berbeda sobat harus memisahkan setiap wilayah menggunakan Adobe Photoshop seperti gambar di bawah ini.

Nah pada gambar di atas saya sudah memisahkan setiap Kecamatan di masing – masing layer sehingga nanti mudah untuk pembuatan animasinya, proses di atas ini harus dilakukan dengna sabar supaya hasilnya maksimal ya sob.

Sekarang Kita lanjut di Adobe After Effectnya, Sobat buka aplikasi tersebut lalu pilih New Project dan Buat Composition baru dengan pengaturan HDTV 1080 seperti gambar di bawah ini.

Selanjutnya sobat Import File Photoshop yang dari peta yang berbentuk PSD, Ingat yang  PSD ya bukan file yang sudah dijadikan Gambar utuh, Pilih File —-> Import

Setelah itu kalian cari file PSD kalian lalu klik nanti akan muncul pilihan seperti gambar di bawah ini.

Sekarang sobat ganti di bagian Import Kind menjadi Composition lalu Layer Options —–> Editable Layer Styles Jika sudah Klik Ok Nanti file photoshopnya akan muncul berupa Composition. Sekarang kita lanjut jika sudah di Import sekarang sobat hanyak perlu membuat New Composition  dengan nama Main dengan settingan sama seperti di atas yaitu HDTV

Jika sudah membuat Composition baru sekarang sobat tinggal drag & drop file peta PSD kalian ke timeline Composition Main

Jika sudah kalian bisa mengisi Background untuk Main Composition supaya tidak hitam seperti di atas semisal kalian ingin menggunakan Background Animasi bisa ditaruh di bawah layer Peta, Contohnya bisa dilihat pada gambar di bawah ini.

Sekarang kita lanjut ke pembuatan animasi warna pada petanya, nah jika sobat perhatikan pada Timeline Composition Main terdapat 2 layar yaitu PETA PISAH & TEMPLATE 1,  sekarang sobat klik 2 kali pada layer Composition Peta Pisah nanti akan muncul seperti gambar di bawah

Nah jika sobat perhatikan kalau kita melakukan klik 2 kali di Composition Peta maka akan muncul 2 Composition lagi yaitu Nama & Kecamatan, kenapa bisa muncul 2 Composition lagi ? itu dikarenakan saat pengeditan menggunakan Photoshop saya sudah memisahkan Semua Layer Nama dan Kecamatan jadi terbaca di AE seperti itu. Selanjutnya sobat klik Kecamatan nanti akan muncul seperti gambar di bawah ini…

Oke sampai disini sobat sudah setengah jalan untuk pembuatan animasi perubahan warna, sekarang sudah terlihat seluruh layer dari setiap Kecamatan yang perlu sobat lakukan adalah merubah warna Layernya di setiap tenggang waktu yang sobat inginkan misal setiap 5 detik berubah warna dan untuk warnanya sobat bisa gunakan Bar di paling atas sebagai indikator, Sekarang import layer Bar yang sudah kita buat sebelumnya menggunakan Photoshop di bagian atas dari seluruh layer kecamatan. Lihat Gambar di bawah ini.

Untuk Bar Helath ini sobat tidak perlu Import file PSDnya cukup gambar yang sudah jadi, lalu setelah di import masukan bar Helathnya di Paling atas dari Seluruh layer Kecamatan dan atur Position dan Scalenya, untuk memunculkan tab Position pencet tombol P di Keyboar dan tambah Shift S untuk memunculkan tab Scale lalu atur dimana posisi dan besarnya Bar Health untuk ditampilkan,

Lanjut kita kembali ke Main Composition lalu set semuanya di Awal

Majukan timeline ke 1 detik pertama seperti gambar di bawah ini

Setelah itu pindah ke Composition Kecamatan

Oh iya jangan lupa geser ke kanan pada bagian yang saya lingkari merah tersebut supaya timelineya bisa terlihat per detik hal ini sama seperti Composition main tadi. Nah jika sudah berada di 1 detik pertama sekarang sobat buka tanda panah Kecamatan yang hendak di rubah warnanya seperti gambar di bawah ini.

nah sekarang ini saya mau membuat layer Kecamatan Alas Barat supaya berganti warna di 1 detik berikutnya, sobat buka dulu sampai ketemu Pilihan seperti di atas Layer Style —–> Color Overlay, nanti setelah ketemu seperti di atas sobat klik tanda stopwatch di bagian color 1 kali dulu sebagai penanda awal sebelum perubahan warna dan lanjut ke detik berikutnya lalu ganti warna menggunakan pen kecil tersebut dan klik di bagian bar Helath yang diinginkan, seperti gambar di bawah ini

nah sekarang sobat sudah bisa mengganti warna dari 1 Kecamatan di peta tersebut, untuk lebih smooth animasinya sobat pilih kedua Keyframe lalu tekan F9 nanti akan berubah tampilanya seperti huruf dibawah

Oke sekarang soba tinggal kembangkan sendiri untuk kecamatan lainya untuk melihat hasilnya sobat bisa putar dari awal nanti perubahan warnanya akan terlihat, jika sobat ingin perubahnya lebih lama maka sobat tinggal drag ke kanan keyframe terakhir dari Color Overlay.

Sebagai gambaran sobat bisa melihat video di bawah ini.

 

Video di atas kurang sempurna menurut saya karena ada beberapa item yang belum dilengkapi dan beberapa wilayah yang belum ditampilkan dikarenakan waktu yang juga cukup terbatas pengeditan saya paksakan selesai. namun seperti itulah gambaran animasi perubahan warna yang saya maksudkan. untuk file dari seluruh project sobat bisa dapatkan di Internet semisal Background bergeraknya di Youtube banyak disediakan apalagi untuk Peta wilayah masing – masing banyak di Google tinggal sobat cari dan modifikasi sedikit menggunakan Photoshop.

Oke sampai disini semoga sobat bisa melakukan animasi perubahan warna, sekarang tinggal sobat kembangkan supaya lebih mahir, semoga tutorial di atas bisa membantu sobat dalam pembuatan animasi, apabila ada pertanyaan sobat bisa tanyakan di kolom komentar, Semoga berhasil dan salam Mr Leong

Author: Putu Artha

Seorang Laki- Laki yang senang berbagi ilmu seputar Informasi Teknologi dan Elektronika Serta pengalaman yang pernah saya lakukan

Leave a Reply

Your email address will not be published. Required fields are marked *