Selasa, 06 Juni 2017

PEMBUATAN ANIMASI LOADING


Langkah – Langkah membuat Animasi Loading :

Pertama, Persiapkan pastinya adalah dua Aplikasi ini dapat berjalan dengan baik di sistem, diantaranya adalah :
  1. Inkscape
  2. Gimp
Kedua, bukalah Inkscape dan kemudian buat 3 kotak rectangle seperti gambar di bawah ini. Jangan lupa sesuaikan juga tinggi rendahnya ukuran halaman gambar dengan pas.


Ketiga, ekspor gambar tersebut menjadi file dan beri nama loadingku.png.



Keempat, berilah warna pada persegi yang telah dibuat dengan cara drag warna yang telah disediakan ke dalam form persegi, warna bebas. Seperti dibawah ini




Lakukanlah pewarnaan yang sama untuk kotak persegi 2 dan 3. Dan beri nama file menjadiloadingku2.png untuk pewarnaan persegi 2 dan loadingku3.png untuk pewarnaan kotak rectangle terakhir.

Akhirnya, 4 elemen gambar loading telah dibuat. 4 gambar tersebut mempunyai identitas nama file yang urut dan pewarnaan blok biru laut secara konsisten.

4 Elemen gambar telah terbuat. Selanjutnya drag satu persatu gambar tersebut ke area layer Gimp dan sesuaikan seperti screenshot di bawah ini.



Setelah semua layer terbentuk. Lalu simpan gambar dengan klik File > Export As > dengan nama Untitled.gif (Ubah formatnya menjadi gif) > lalu klik Export




Lalu akan tampil kotak dialog option, dimana tempat untuk mengatur looping, kecepatan animasi, atau delay. Isikan sesuai selera. dan centang As animation > Export


Maka Hasilnya akan seperti ini :