Skip to content Skip to sidebar Skip to footer

Cara Membuat Animasi Loading GIF Part 1

Desainew - Pada kali ini kita akan membahas bagaimana membuat desain animasi loading berformat GIF di software Gimp dan Inkscape... Animasi bergerak berformat GIF ini adalah gambar diam, namun bila gambar/frame banyak akan bergerak...

Tutorial membuat desain animasi loading berformat .gif di Inkscape dan Gimp

Pada pembuatan animasi loading sederhana berformat GIF dibuat di inkscape yakni kita membuat frame-frame nya terlebih dahulu dengan format PNG karena di inkscape format untuk export hanya PNG... Lalu dianimasikan  di Gimp dan dikonversi ke format GIF dapat dilihat untuk artikel bagian yang kedua... Dan hasil final untuk animasi loading sederhana yang dibuat di Inkscape dan Gimp dapat dilihat sebagai berikut..

Hasil final cara membuat animasi loading .gif di Gimp dan Inkscape
.
Maaf, bila hasil final untuk animasi loading .gif ini ukurannya kecil... Ini karena bila dibuat ukuran besar akan menambah kapasitas file/file size... Sehingga ukurannya 50 x 50 px...

Cara membuat animasi .gif sederhana ini saya sertakan dalam bentuk video tutorial... Untuk bagian pertama kita membuatnya di Inkscape terlebih dahulu yakni membuat frame-framenya...



Sebagai referensi anda dapat download hasil finalnya yang saya sediakan dalam format svg, xcf, dan animasi loading .gif final...

DOWNLOAD

Untuk melihat tutorial animasi loading GIF bagian kedua dapat dilihat disini

Demikian, tulisan sederhana untuk membuat animasi loading .gif yang sederhana ini... Semoga anda menemukan ide atau inspirasi sesuai imajinasi anda... Salam open source...



Irfan P
Irfan P Blogger, Graphic Designer, Front End Web Developer

4 comments for "Cara Membuat Animasi Loading GIF Part 1"

  1. wah mantep bro keren pasti kalo pake itu

    http://galpock.blogspot.com/

    ReplyDelete
  2. Sangat bermanfaat gan infonya.
    Saya paling suka nih sama dunia-dunia yg berhubungan dengan animasi, desain, dll.


    NB: maaf gan, kunjungan balik saya telat. Thanks ya sudah berkunjung di blog saya
    http://syafrizalsetiabudi.blogspot.com

    ReplyDelete
  3. Mantep banget caranya..
    thanks

    ReplyDelete
  4. keren gan!!!!
    http://themaster-technology.blogspot.com/

    ReplyDelete