[TUTOR] Membuat Display Picture BlackBerry Animasi

Selama ini kita pengguna fitur Blackberry Messenger tentunya sudah tidak aneh lagi melihat tampilan DP teman-teman kita. RIM sebagai pemegang paten BB telah meningkatkan kualitas BBM nya sehingga bisa menampilkan gambar bergerak/animasi dalam format GIF untuk display picture. Mungkin selama ini kita hanya bisa meng-copy ataupun men-download gambar GIF tersebut baik dari teman atau internet. Pernahkan terpikirkan di pikiran kita untuk membuat sendiri gambar seperti itu?

Di internet telah banyak tutorial yang tersedia untuk membuat animasi bergerak dari yang sederhana hingga kompleks. Software perancang animasi pun juga tersebar di internet untuk digunakan. Tapi, tentunya jadi kebanggaan tersendiri apabila kita bisa membuatnya sendiri, ya kan ?

Agar animasi dapat bergerak dengan lancar di DP BBM ada beberapa ketentuan yang harus dipenuhi:

• -          Ukuran file tidak lebih dari 32 Kb
• -          Ukuran pixel dimensinya harus sama misal 50x50, 100x100, dst

Software yang dipakai bisa berupa Adobe Photoshop, Adobe ImageReady, Adobe Flash dan software perancang GIF lainnya. Dalam tutor ini kita menggunakan Adobe Photoshop CS2 dan bantuan software pengolah animasi yang bisa diakses di : http://picasion.com/get-photo/

Mari kita mulai, kita ambil contoh membuat DP BBM sederhana untuk menyambut Kathina tahun ini.

Pengaturan canvas dan resolusi

Buka photoshop dan buat dokumen baru seperti berikut (File-New) beri nama DISPLAY1

Desain sederhana

Rancanglah gambar yang diinginkan terus tentukan gambar/tulisan mana yang ingin dijadikan animasi bergerak, contoh disini tulisan ”Happy Kathina 2556BE/2012” yang akan dianimasikan.

Setelah selesai, duplikasikan gambar anda dengan cara pilih menu IMAGE-->DUPLICATE, sekarang anda mempunyai 2 gambar yang sama. Berikan nama file yang berbeda agar lebih memudahkan contoh DISPLAY2.

2 file hasil duplikasi

Dikarenakan yang akan dibuat animasi adalah tulisan  ”Happy Kathina 2556BE/2012” maka sorot pada file DISPLAY2 dan di layer text  ”Happy Kathina 2556BE/2012” matikan/off layer tersebut dengan cara mengklik icon mata yang ada di samping 

Tampak layer teks yang telah di-off kan

Tujuannya agar ketika animasi tulisan  ”Happy Kathina 2556BE/2012” akan muncul hilang berulang kali.

Setelah selesai simpan hasil gambar tersebut dengan format PNG. Simpan DISPLAY1 dengan nama DISPLAY1.PNG dan juga untuk yang gambar ke-2

Buka situs http://picasion.com lalu upload 2 gambar PNG kita.

Tampilan situs picasion.com

Atur size sesuai keinginan, dalam contoh dipakai size Userpic-125x wide dan speed Normal. Jika sudah klik Create Animation.

Animasi yang telah kita buat akan muncul diatas, lalu tersedia pilihan untuk share dan save ke komputer. Setelah disimpan pastikan ukuran file GIF tidak melebihi 32Kb. Bisa dicek dengan klik kanan pada gambar dan lihat size yang tertera.

Hasil upload akan muncul

Tips: Jika file melebihi 32 Kb bisa diakali dengan cara membuang layer yang tidak berguna, tidak membuat desain yang kompleks atau menggunakan fasilitas kompresi file GIF (silakan dicari di internet)

• Dalam tutorial ini kami tidak lagi mengajarkan teknik-teknik dasar pengolahan gambar di photoshop seperti layer, efek blending , text. Untuk teknik dasar tersebut bisa dipelajari lebih lanjut baik dari otodidak, buku dan sebagainya.
• Tutor diatas hanya sederhana, anda bisa mencoba sendiri desain dan efek animasi yang lain selama tidak melanggar aturan untuk DP BBM.