Like Us On Facebook

Cara membuat Animasi Teks Display Picture BBM sendiri dengan Adobe Photoshop

Cara membuat Animasi Teks Display Picture BBM sendiri dengan Adobe Photoshop

Aplikasi BBM saat ini memang sangat banyak pemakainya dikalangan masyarakat Indonesai, khususnya remaja. Gambar profil atau display picture atau disingkat DP bbmpun beragam, mulai gambar pribadi, gambar meme ataupun gambar bergerak atau animasi DP bbm lainya. Langsung saja kita ke topic masalah, disini penulis membuat DP animasi BBM menggunakan Photoshop CS5, namun tutorial ini bisa digunakan di adobe Photoshop CS 2, CS3, CS 4, CS 6. Namun yang perlu diperhatikan pada pembuatan DP animasi BBM, jenis gambar harus berformat .GIF, dan ukuran pixel gambar harus sama/ ukuran lebar x tinggi sama. Dan yang terpenting hasil file save .GIF tidak lebih dari 32 Kb.
1.Buka Adobe Photoshopnya



2.Pada tutorial kali ini, penulis ingin membuat animasi teks DP bbm bewarna-warni.
3.Buat dokumen canvas baru. Klik File -> New. Atau menggunakan CTRL+N.
4.Setting ukuran canvasnya 200pixel x 200pixel, settingan bisa terserah anda, yang penting ketika di save file tidak berukuran lebih dari 32 Kb.

5.Ketik Huruf yang ingin anda tampilkan di bbm nanti. Misalnya “Hallo, Apa Kabar?”

6.Sesuaikan ukuran, jenis font dan warnanya. Cara ganti warnanya: pilih text tool, blok seluruh teks, dan sesuaikan warnanya di toolbar atas.


7.Misalnya warna awal adalah merah.

8.Aktifkan menu animasi. Klik menu window pada toolbar atas pilih animation

9.Kemudian muncul menu baru dibawah gambar. Lalu klik menu convert to frame animation yang terletak dikanan pojok bawah





10.Gandakan atau duplikat layer teks tadi menjadi 3 layer. Caranya tekan tombol CTRL + J, atau bisa dengan klik kanan layer teks aktif, pilih duplicate layer.

Hasilnya seperti pada gambar berikut ini.


11.Berikan warna yang berbeda untuk tiap layer hasil duplikat tadi.
12.Pada sesi animasi pertama, non aktifkan semua layer hasil duplikat tadi, dan sisakan layer teks aslinya. Caranya yaitu dengan ngenonaktifkan/ klik gambar mata pada tiap layer sehingga gambar mata itu hilang.

13.Kemudian klik menu duplicates selected frames.

14.Pada Frame animation 2, Aktifkan duplikat layer pertama tadi dengan mengklik kotak tempat mata tadi. Lihat gambar untuk memperjelas.

15.Dan lakukan duplikasi frame tadi sampai layer warna ketiga itu muncul.

16.Klik menu looping options. Dan pilih forever.

17.Untuk waktu frame anda bisa mengaturnya sendiri.
18.Setelah animasi jadi, kita save dalam bentuk .GIF.
19.Menu File -> save for web and devices

20.Ikuti settingan pada gambar.

21.Dan yang terpenting adalah file berukuran tidak lebih dari 32 Kb.






0 comments:

Post a Comment

Next Older Post
Cara membuat Animasi Teks Display Picture BBM sendiri dengan Adobe Photoshop