Begini Cara Membuat Gambar Animasi Bergerak di Photoshop | Tukang Ketik
|
Gambar animasi (GIF) - Untuk kali ini, aku akan membuat artikel belajar Photoshop membuat gambar animasi bergerak atau yang sering disebut dengan gambar gif. Karena kita sama-sama masih belajar, sebagai contoh kita buat tulisan saja ya biar lebih mudah :D tulisannya kita buat bergerak otomatis :D kenapa nggak buat gambar animasi kartun yang bergerak mas? Masalahnya aku sendiri belum ngerti caranya, tapi kurang lebih tekniknya sama dengan yang ini :D
Langsung saja ya, sebagai contoh kita akan membuat tulisan dan akan kita simpan dalam format gif (gambarnya bisa bergerak secara otomatis).
Langsung saja kamu buka Photoshop, buat lembar kerja baru. Tekan menu File - New atau langsung menggunakan shortcut Ctrl + N.
Sesuaikan sendiri lebar lembar kerjanya atau bisa disamakan dengan yang aku buat ini :D jika sudah klik OK.
Ketikkan tulisan dengan Horizontal Type Tool atau kalau di CorelDRAW namanya Text Tool.
Misalkan aku ketikkan tulisan "TUKANG". Buat tulisan satu huruf satu Layer. Tulisan tukang kan ada 6 huruf, jadi kita buat Layer huruf sebanyak 6. Kalau tambah background Layernya jadi 7 :D
Sekarang non aktifkan semua layer huruf dengan meng klik tanda mata pada setiap layer. Klik gambar di bawah ini jika belum jelas. Jika langkah yang kamu lakukan berhasil, tulisan secara otomatis akan menghilang untuk sementara :D
Langkah selanjutnya aktifkan menu Animation. Klik menu Window - Timeline untuk Photoshop CC.
Kalau untuk Photoshop CS3 klik menu Window - Animation.
Akan muncul tampilan seperti gambar di bawah ini :D Pilih yang Create Frame Animation.
Jika berhasil pasti tampilannya seperti yang tampak pada gambar di bawah :D
Sekarang aktifkan layer hurufnya satu per satu dengan mengklik gambar mata. Satu layer huruf satu frame animation.
Lakukan sampai layer terakhir seperti gambar di bawah ini :D
Supaya nanti tulisannya bergerak terus, klik Forever.
Sampai di sini ada yang ditanyakan? Kalau tidak mari kita lanjutkan :D
Atur posisi dan panjang durasi munculnya tulisan. Lihat panah warna kuning untuk mengatur durasi tulisan, panah warna biru untuk menampilan previewnya. Untuk mengatur posisi tulisan, tinggal klik dan geser-geser (lihat panah warna pink kemerahan)
Jika dirasa sudah selesai, simpan gambarnya dengan format GIF. Klik File - Save for Web.
Bagaimana mudahkan cara membuat gambar animasi gif di photoshop ? Jika ada yang belum jelas, silahkan ditanya lewat komentar yang sudah disediakan. Boleh dishare dan semoga bermanfaat.
Cara membuat gambar gif di Photoshop sebenarnya mudah untuk dipraktekkan. Kita tinggal bermain dengan menu animation yang sudah disediakan oleh Photoshop. Untuk versi yang aku gunakan pada tutorial ini adalah Photoshop CC 2014.
Langsung saja ya, sebagai contoh kita akan membuat tulisan dan akan kita simpan dalam format gif (gambarnya bisa bergerak secara otomatis).
Langsung saja kamu buka Photoshop, buat lembar kerja baru. Tekan menu File - New atau langsung menggunakan shortcut Ctrl + N.
Sesuaikan sendiri lebar lembar kerjanya atau bisa disamakan dengan yang aku buat ini :D jika sudah klik OK.
Ketikkan tulisan dengan Horizontal Type Tool atau kalau di CorelDRAW namanya Text Tool.
Misalkan aku ketikkan tulisan "TUKANG". Buat tulisan satu huruf satu Layer. Tulisan tukang kan ada 6 huruf, jadi kita buat Layer huruf sebanyak 6. Kalau tambah background Layernya jadi 7 :D
Sekarang non aktifkan semua layer huruf dengan meng klik tanda mata pada setiap layer. Klik gambar di bawah ini jika belum jelas. Jika langkah yang kamu lakukan berhasil, tulisan secara otomatis akan menghilang untuk sementara :D
Langkah selanjutnya aktifkan menu Animation. Klik menu Window - Timeline untuk Photoshop CC.
Kalau untuk Photoshop CS3 klik menu Window - Animation.
Akan muncul tampilan seperti gambar di bawah ini :D Pilih yang Create Frame Animation.
Jika berhasil pasti tampilannya seperti yang tampak pada gambar di bawah :D
Sekarang aktifkan layer hurufnya satu per satu dengan mengklik gambar mata. Satu layer huruf satu frame animation.
Lakukan sampai layer terakhir seperti gambar di bawah ini :D
Supaya nanti tulisannya bergerak terus, klik Forever.
Sampai di sini ada yang ditanyakan? Kalau tidak mari kita lanjutkan :D
Atur posisi dan panjang durasi munculnya tulisan. Lihat panah warna kuning untuk mengatur durasi tulisan, panah warna biru untuk menampilan previewnya. Untuk mengatur posisi tulisan, tinggal klik dan geser-geser (lihat panah warna pink kemerahan)
Jika dirasa sudah selesai, simpan gambarnya dengan format GIF. Klik File - Save for Web.
Bagaimana mudahkan cara membuat gambar animasi gif di photoshop ? Jika ada yang belum jelas, silahkan ditanya lewat komentar yang sudah disediakan. Boleh dishare dan semoga bermanfaat.
0 COMMENT:
Post a Comment
Assalamu'alaikum Wr. Wb
Terima kasih atas kritik, saran dan masukan komentar yang kalian berikan.
Semoga Allah s.w.t selalu memberikan kelancara rejeki, kesehatan dan keistiqomahan buat kita semua. Aamiin ^_^