Cara Membuat Animasi Loading GIF Part 2 End
Desainew - Di sini kita akan melanjutkan pembahasan tutorial untuk membuat desain animasi loading berformat gif di inkscape dan gimp... Menurut saya memang agak susah, karena kita membuat frame by frame tidak seperti aplikasi tetangga mudah untuk menganimasikannya (keluarga adobe flash dan kawan-kawan).. Untuk itu dalam pembuatan frame-frame untuk animasi loading .gif ini kita terbantu dengan aplikasi inkscape karena dengan mudah kita mengedit desain vektor untuk frame animasi loading ini... Kalau didesain di gimp, menurut saya kurang leluasa jadi saya pilih inkscape saja untuk mendesain frame-frame animasi loadingnya...
Pada posting sebelumnya kita telah membuat desain frame animasi loading dengan ekstensi .png sebanyak 8 frame... Dan pada posting ini kita akan merangkai frame-frame tersebut menjadi gambar bergerak dengan ekstensi .gif sehingga menghasilkan animasi loading .gif sederhana seperti gambar final berikut ini...
Untuk merangkai frame-frame yang telah dibuat cukup mudah dilakukan di gimp (saya menggunakan gimp 2.8 di 12.04 LTS)... Layer-layer di gimp ini dapat berfungsi menjadi frame-frame untuk membuat animasi gif... Karena kita membuat 8 frame animasi loading, kita harus menyiapkan 8 layer... Untuk memainkannya (play animasi gif) bisa pilih menu Filters... Baiklah, kita lihat saja streaming video tutorial membuat desain animasi loading GIF berikut ini
Bagaimana? Cukup mudah bukan? Dengan trik sederhana kita dapat membuat desain animasi loading ini... Oh, iya saya juga menyertakan file mentah mulai dari frame (8 buah berformat PNG) dan file XCF untuk dipelajari lebih lanjut... Sehingga anda dapat mengembangakan desain sederhana ini...
Sekian untuk postingan ini, semoga anda menemukan desain inspirasi untuk ke depannya... Maaf, bila artikel tutorial desain animasi loading gif ada kesalahan maupun kekurangan...
Salam open source...
UPDATE:
Untuk memasukkan ke dalam 8 layer baru, pertama buat layer kosong transparan sebanyak 7 buah lalu pilih menu File - Open as layer kemudian seleksi ketujuh frame lalu open...
Trik ini saya peroleh dari seorang teman blogger (lupa linknya) sehingga tidak perlu seleksi copy dan paste pada layer baru...
UPDATE:
Untuk memasukkan ke dalam 8 layer baru, pertama buat layer kosong transparan sebanyak 7 buah lalu pilih menu File - Open as layer kemudian seleksi ketujuh frame lalu open...
Trik ini saya peroleh dari seorang teman blogger (lupa linknya) sehingga tidak perlu seleksi copy dan paste pada layer baru...
Keren abis tutornya, izin download sob..
ReplyDeletekalo kata anak surabaya artikelnya sangar bro visit back
ReplyDeletehttp://darkbunshin.blogspot.com/
boleh juga nih sob,,,,
ReplyDeletemantab gan... itu pake software apa ya gan ?
ReplyDeleteitu di tampilin di web bisa gak gan?
ReplyDeleteajib gan... di buat theme hape asyik nih
ReplyDeleteitu format yang kesimpen selalu gift ya gan.. apa dibuat .swf gak bisa?
ReplyDeleteterima kasih atas trick yang berguna ini pak bisa buat banner animasi ni
ReplyDeleteboleh nih saya coba pak.seperti penjelasannya yang simple dan jelas di mengerti.yakin kayanya terlihat tidak sulit ya
ReplyDeleteIni jadi kayak slide gif gitu ya pak? Mudah juga ya pakai photoscape buatnya. Terima kasih tutorialnya
ReplyDeleteMau coba ah bikin animasi bergerak
ReplyDeleteGambar animasi bergerak diatas keren banget pak
ReplyDeleteoke pak sangat menarik sekali animasinya
ReplyDeleteoke terima kasih dah aplikasinya,akhirnya saya jadi tau
ReplyDeleteterima kasih banyak untuk ilmunaya pak.
ReplyDeleteWah keren artikelnya sangat mudah dipahami
ReplyDeletemaaf terlambat berkunjung
ReplyDeletepos besar! Saya benar-benar bersiap-siap untuk di informasi ini yang saya temukan sangat menarik untuk dibaca.Distributor Baja Ringan | Distributor Genteng
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDelete