Home » » Cara Membuat Display Picture (DP) BBM Animasi Untuk Android, iPhone Dengan PS CS3

Cara Membuat Display Picture (DP) BBM Animasi Untuk Android, iPhone Dengan PS CS3

Sebelumnya saya sudah membuat tutorial cara membuat Diplay Picture untuk digunakan pada BBM Android, iPhone maupun Blackberry dengan menggunkan aplikasi Photoshop CS3. Kali ini saya akan membuat lagi tutorial yang sama namun dengan sedikit teknik yang berbeda, teknik atau cara yang kedua ini lebih mudah dan tentunya gabar yang dihasilkan lebih rapi. 

Perbedaan yang mendasar antara tutorial kali ini dengan yang dulu adalah proses pembuatan animasinya, prosesnya sedikit berbeda. Perlu untuk diketahui bahwa ukuran DP BBM baik di Android, iPhone maupun Windows Phone tidak boleh lebih dari 32 Kb jika lebih dari itu gambar animasi tidak akan bekerja dan hanya akan muncul gambar seperti bentuk JPG bukan GIF. Untuk lebih jelasnya mari kita mulai tutorial kali ini. 

Pada tutorial kali ini saya membuat animasi DP BBM berupa mobil Toyota Yaris dengan animasi pada perubahan warnanya saja. Seperti diketahui Yaris ada 7 pilhan warna dan warna itu yang akan digunakan untuk animasi, jadi animasi nya hanya dalam bentuk perubahan warna pada yaris. Untuk lebih jelasnya saya berikan gambar animasi yang nanti akan kita buat pada gambar dibawah ini:

Langkah pertama adalah mempersiapkan gambar Yaris yang akan dibuat DP BBM Animasi. Cek gambar berapa ukuran Panjang dan Lebarnya dalam satuan pixel. Jika sudah diketahui ukurannya kita buka Photoshop CS3 dan buat ukuran layers dengan panjang dan lebar yang sama dan yang terpenting kuran tersebut lebih besar dari ukuran gambar Toyota Yaris. Misal ukuran yaris adalah 400 x 500 pixel maka ukuran layers yang digunakan adalah 600 x 600 Pixel, ukuran ini untuk memudahkan dalam menempatkan gambar atau menumpuk gambar sehingga hasilnya akan lebih presisi.

Gambar sudah siap, langkah berikutnya buat terlebih dahulu background nya, setelah itu masukkan gambar satu persatu ke atas background. Tumpuk gambar Yaris satu persatu hingga semua gambar masuk ke layers.



Langkah terakhir buat tulisan pada Layers utama. tulisan bisa disesuaikan dengan tema sesuai dengan keinginan Anda. Untuk proses pembuatan Animasinya caranya adalah klik menu Window kemudian pilih Animation,


Perhatikan tanda panah pada gambar diatas, panah yang berada di Frame adalah untuk membuat layers, karena gambar Yaris ada tuju warna maka perlu di buat tuju warna (atau menyesuaikan dengan gambar yang dibutuhkan). Untuk tanda panah yang menujuk ke gambar mata berfungsi untuk merubah gambar layes pada Frame, jadi seteah tuju frame dibuat untuk merubah gambar warna gunakan menu atau klik saja gambar mata, jika di hilangkan gambar matannya maka akan hilang.

Setelah semua proses selesai klik pada menu 0 Sec pada Frame, atur berapa detik durasi atau jeda perpindahan warna atau gambar dari satu gambar ke gambar lainnya, saya sarankan cukup gunakan 0.5 S karena semakin besar durasi detik misal 1 S maka ukuran gambar GIF juga akan semakin besar. Jika sudah cocok silahkan simpan gambar dengan menean menu File pilih menu Save For Web & Devices...


Perhatikan warna biru pada gambar diatas, pad agambar yang diberi lingkaran biru itu artinya adalah ukuran gambar yang udah jadi. Ukuran tidak boleh lebih dari 32 Kb, jika ukuran lebih dari itu maka untuk mengeciklkan ukurangambar gunakan dua menu kotak biru pada layar kanan atau pada menu Preset dan Images Size. Jika gamabr animasi sudah tidak lebih dari 32 Kb simpan gambar dan proses pembuatan animasi selesai.

Jika Anda masih binggung untuk mempraktekan cara membuat DP Animasi BBM silahkan lihat pada video tutorial dibawah ini.


Akhir kata selamat mencoba jika mengalami kesulitan silahkan tinggalkan komentar.

Alt/Text Gambar

0 comments: