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.
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 me
rubah 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...
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.
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.
%2BBBM%2BAnimasi%2BUntuk%2BAndroid%2C%2BiPhone%2BDengan%2BPS%2BCS3.gif)
%2BBBM%2BAnimasi%2BUntuk%2BAndroid%2C%2BiPhone%2BDengan%2BPS%2BCS3%2Ba.png)
%2BBBM%2BAnimasi%2BUntuk%2BAndroid%2C%2BiPhone%2BDengan%2BPS%2BCS3%2Bb.png)
%2BBBM%2BAnimasi%2BUntuk%2BAndroid%2C%2BiPhone%2BDengan%2BPS%2BCS3%2Bc.png)
0 komentar:
Posting Komentar