Cara membuat DP BBM Bergerak sederhana

DP BBM atau yang biasa disebut DP saja sebenarnya bisa dibuat dengan sangat mudah. Alat untuk membuatnya juga sangat banyak, bisa menggunakan Photoshop, Adobe Illustrator, Paint, atau bahkan menggunakan aplikasi android semisal Auto Desk. Tentu saja semuanya memiliki kelebihan dan kelemahan masing-masing. Kita ambil contoh yang paling mudah, dengan Paint. Paint adalah program bawaan windows dan sudah pasti disemua komputer ada. Jadi tidak perlu menginstall apapun. Tapi Paint adalah program yang tidak kaya akan fitur. Jadi DP yang akan dibuat ya sesederhana mungkin.

Sehingga sudah jelas, jika ingin membuat DP yang bagus ya menggunakan software pengolahan gambar yang mutakhir seperti Photoshop. Namun, membuat DP BBM Bergerak dengan photoshop itu memerlukan waktu dan pikiran. Ya jelas, kalau tidak berpikir mana bisa membuat DP?. Bukan itu maksudnya, Gambar bergerak proses pembuatannya tidak bisa langsung jadi seperti gambar diam. Misalnya untuk gerakan berkedip saja, pada gambar bergerak diperlukan minimal dua buah gambar yang berbeda. Jadi kita harus berpikir bagaimana nanti hasil akhirnya. 

Langsung saja, mari kita buat satu DP BBM Bergerak paling simple. Untuk menjelaskan cara kerja gambar bergerak saya pakai contoh saja.

Gambar tersebut dibuat dengan menggabungkan dua buah gambar dengan ukuran yang sama. Dan dua gambar yang saya buat sebelumnya adalah sebagai berikut :

Gambar pertama

Gambar kedua

Jika gambar pertama dan kedua disatukan dan diberikan jeda waktu tampilnya maka akan menjadi gambar bergerak. Itu yang paling sederhana. Untuk contoh yang lain saya akan berikan praktik langsungnya.

Membuat dokumen baru

• Buatlah dokumen baru di adobe photoshop. Ukuran gambar adalah 400 x 400 px. Atau boleh lebih dari ukuran tersebut namun dengan skala yang proporsi. Misalnya 600 x 600 px.
• Pastikan anda mengedit dalam mode RGB karena DP BBM tidak untuk di print tapi untuk dipasang di HP atau ditampilkan di website.
• Background gambar silahkan diset warna putih saja.

Membuat rancangan gerak

Untuk membuat rancangan gerak kita perlu "ngawang-ngawang". Kita harus membayangkan bagaimana benda bergerak jatuh, maju, mundur, melompat, berputar dan sebagainya. Istilah dalam dunia animasi itu disebut motion. Kebetulan saya bukan orang "animator" jadi saya tidak bisa menjelaskan detil bagaimana membuat gambar jadi bergerak. Tapi jika anda punya TV dan pernah nonton iklan susu. Saya lupa susu merek apa. Yang jelas susu anak-anak. Bukan susu kambing atau susu lainya. Nah disitu ada adegan seorang anak yang menggambar proses ulat menjadi kupu-kupu dan di tampilkan didepan kelas. Gambar satu buku penuh itu dibuka secara cepat dan karena gambar satu dengan kedua masih nyambung maka membuat ilusi seolah-olah gambar tersebut bergerak padahal sebenarnya diam.

Mari kita lihat bagaimana proses menggambarnya.

Silahkan diamati dari gambar satu sampai gambar nomer 7. Kurang lebih seperti itulah kita dapat membuat gambar seolah-olah bergerak. Dalam video time lapse proses ini juga berlaku. Pada intinya, frame atau bingkai tidak boleh bergerak dan kamera harus memotret objek dalam interval tertentu.

Pertanyaannya adalah, bagaimana membuat frame seperti gambar diatas?. Silahkan belajar dasar -dasar photoshop terlebih dahulu dan kenali yang namanya layer. Nanti anda akan mengerti.

Bermain dengan menu windows>Animation

Selanjutnya, Pengelolaan layer dan frame pada windows>animation yang akan membuat gambar bergerak. Seperti apa tampilannya? Silahkan dilihat.

Jika anda pernah membuat video time lapse pasti anda akan mengerti apa yang saya maksud. Intinya adalah kita butuh banyak gambar yang disatukan dan dipercepat jeda tampilannya.

• Untuk percobaan, silahkan buat gambar bintang berwarna kuning. Atau pakai gambar kotak-kotak yang saya buat diatas.
• Satukan gambar tersebut tepat pada satu posisi.
• Buka menu windows>animation

Keterangan gambar :

Panel animations

1. Frame : Bingkai, pada contoh diatas saya hanya membuat dua bingkai.
2. Icon new frame : Berfungsi untuk menambah frame baru.

Panel layer

3. Panel Layer : Layer adalah bahasa inggris dari 'lapisan'. Jadi pada contoh diatas ada dua lapisan. Yang pertama adalah background dan yang kedua adalah layer 1.

Untuk membuat gambar menjadi bergerak, kita perlu :

• Aktifkan frame 1, buat layer 1 menjadi tidak terlihat/ hilangkan visibilitasnya. Caranya, klik gambar mata. 
• Sekarang, aktifkan fram ke 2. Dan buat layer 1 menjadi terlihat. Silahkan klik lagi gambar matanya.
• Terakhir, pada panel animation, ada pilihan play animations. Silahkan coba diklik. Dan lihat hasilnya.

Mensave gambar menjadi GIF

Langkah terakhir adalah menyimpan gambar dalam bentuk GIF. Silahkan tekan ctrl+shift+alt+s. Merupakan short-cut dari save for web. Anda bisa mencarinya manual di menu file>save for web. Silahkan memilih format GIF dan gambar kita selesai.

Jika anda mau bereksperimen maka gambar tangan main bola diatas akan menjadi seperti ini.

Jika anda mengolah gambar dengan sangat baik tentu hasilnya tidak seburuk diatas. Mana ada jari petot begitu?. Tapi paling tidak itu sudah memberi gambaran bagaimana membuat DP BBM bergerak sederhana. Jika anda pusing dan bingung, saya akan berikan contoh filenya secara gratis. Silahkan download disini. Terimakasih sudah membaca. Semoga bermanfaat.