Lompat ke konten Lompat ke sidebar Lompat ke footer

gambar efek animasi GIF charger baterai HP di photoshop

gambar efek animasi GIF charger baterai HP di photoshop

Sering kita melihat Gambar bergerak/animasi dalam format GIF (Graphic Interchange Format) sudah sangat lazim dijumpai seiring dengan kemajuan era digital. Dengan gambar format ini, pesan bisa tersampaikan lebih detail karena menggunakan gambar bergerak, dan saya mengajak pembaca yang ingin belajar membuat gambar bergerak (animasi gif). Ada banyak cara untuk bisa membuat gambar dalam format GIF, dan banyak pula aplikasi yang membuat gambar format GIF.

animasi format GIF di photoshop
animasi format GIF di photoshop

Namun di sini saya menggunakan salah satu software populer yang bisa digunakan untuk membuat GIF adalah Photoshop. Dengan bermain frame per frame, kita dapat membuat animasi tulisan atau pun gambar dengan mudah sesuai selera, tergantung bagaimana tingkat kreativitas masing-masing dari kita. Nah kali ini saya akan membagi sekaligus sharing langkah-langkah tentang gambar efek animasi GIF charger baterai HP dengan menggunakan photoshop. Ok saya akan langsung memberikan dasar-dasarnya saja, selanjutnya kamu bisa kembangkan sendiri sesuai dengan kebutuhan, dan saya membuat gambar charger baterai HP.

Langkah 1


Buka Adobe photoshop kemudian pilih file> new kemudian buat layar baru seperti gambar di bawah ini.

New layer
New layer


Langkah 2

Buatlah gambar baterai dengan menggunakan rounded rectangle tool seperti gambar di bawah ini.

gambar baterai
gambar baterai


Langkah 3

Kemudian anda tambahkan gambar efek animasi GIF charger baterai HP, Atur sesuai dengan konsep animasi GIF yang ingin kamu buat. Lihat contoh di bawah ini

gambar efek animasi GIF charger baterai HP
gambar efek animasi GIF charger baterai HP


Langkah 4

Silahkan anda Tentukan jumlah frame pada box animation frame, kemudian tiap frame disinkronkan dengan gambar yang terlihat. Untuk memilih gambar mana yang akan dimunculkan, klik tanda mata di sebelah kiri layer.

frame pada box animation frame
frame pada box animation frame

Tentukan durasi dari setiap frame dengan cara mengklik pada durasi detik (sec) di bawah masing-masing frame. Agar animasi bergerak terus tanpa henti, maka animasi harus disetting forever di kolom pojok kiri bawah. Tetapi jika ingin bergerak satu kali, pilih once.

Langkah 6

Setelah semua frame sesuai dengan keinginan, klik play untuk melihat bagaimana GIF hasil karyamu bergerak. Jika sudah sesuai simpan dengan menggunakan save for web & device (CTRL+ALT+SHIFT+S), pilih format GIF lalu klik save.

efek animasi GIF charger baterai HP
efek animasi GIF charger baterai HP

save_for_web

Lalu voila, GIF kamu sudah jadi. Jika sudah menguasai teknik dasarnya, kamu bisa berkreasi lagi dengan membuat banyak variasi GIF lainnya. Selamat mencoba, sampai jumpa di tips goresan si blogger 2 yang lainnya.

1 komentar untuk "gambar efek animasi GIF charger baterai HP di photoshop"

Silahkan berkomentar sesuai dengan topik,jika komentar dengan kata kotor atau kasar di angap spam. ! Terima kasih