Belajar Membuat Animasi Gerak Orang Berjalan Menggunakan Aplikasi GIMP ~ Broadband Learning Center (BLC) Surabaya

1. Buka Aplikasi Gimp

2. Pilih Menu File - New kilik sekali ! ketika muncul Create a new image isikan image size dengan width 600 px, dan height 500 px, kemudian klik ok

3. Klik menu "File" lalu klik "Open as Layers"

4. Kemudian mucul perintah "Open Image" (cari penyimpanan data yang menyimpan image yang sudah disediakan) lau pilih gambar "BACKGROUND" setelah itu "Open"

Setelah itu akan muncul di layer (Seperti Gambar)

5. Gunakan "Move Tool" untuk mengeser background ke arah KIRI hingga seperti pada gambar di bawah ini : (Ketika mengeser usahakan background dalam keadaan center tanpa melebihi atas dan bawah cukup ke arah kiri, gunakan Klik + Ctrl)

6. Setelah itu garis bantu dari Rule atas : Klik Drag lalu arahkan ke ukuran 350 px (Garis bantu ini digunakan untuk membantu meletakan Image Orang agar sejajar)

7. Setelah Background dan garis bantu selesai sekarang kita memasukan Image Orang, Klik menu "File => Open as Layers" kemudian muncul "Open Image" pilih gambar "1.png" lalu klik "Open" hingga tampil seperti pada gambar:

8. Gunakan "Move Tool" Untuk mengeser Image orang ke arah garis bantu hingga seperti pada gambar di bawah ini :(perhatikan layer)

9. Kemudian Duplikat Layer Background : Klik Kanan pada layer Background klik "Duplicate Layer" hingga muncul 2 layer background(seperti pada gambar)

10. Setelah background di duplikat, letakan Hasil Duplikat Background di atas gambar orang "1.png" dengan cara Klik Tahan dan Drag mouse ke atas.

11. Klik Layer Background yang baru kemudian gunakan "Move Tool" untuk mengeser background ke arah KANAN hingga seperti pada gambar di bawah ini :

12. Setelah Background sekarang kita memasukan Image Orang ke 2, Klik menu "File => Open as layers" kemudian muncul "Open Image" pilih gambar "2.png" lalu klik "Open" hingga tampil kemudian "Move" hingga seperti pada gambar :

13. Kemudian Duplikat Layer Background ke 2 : Klik Kanan pada layer Background ke 3 (seperti pada gambar).

Setelah hasil Duplicate muncul, arahkan, arahkan di atas gambar"2.png"(Klik Drag Mouse)

14. Setelah itu gunakan "Move Tool" untuk mengeser Background ke 3 ke arah KANAN (=>) hingga tampak seperti gambar:

15. Setelah Background ke 3 sekarang kita memasukan Image Orang ke 3, klik menu "File => Open as Layers" kemudian muncul "Open Image" pilih gambar "3.png" lalu klik "Open" hingga tampilan kemudian "Move"hingga seperti pada gambar: (lakukan seperti langkah sebelumnya)

16. Lalu klik Kanan "Background ke 3" kemudian "Duplicate Layer" hingga mucul Background ke 4 da klik Drag hingga di atas gambar "3.png".(seperti langkah sebelumnya):

17. Setelah Background ke 4 selesai, gunakan "Move Tool" untuk mengeser ke arah KANAN (=>) hingga tampak seperti pada gambar:

18. Setelah Background ke 4 sekarang kita memasukan Image Orang ke 4, klik menu "File => Open as Layers" kemudian muncul "Open Image" pilih gambar "4.png" lalu klik "Open" hingga tampilan kemudian "Move" hingga seperti pada gambar: (seperti langkah sebelumnya)

19. Lalu klik Kanan Background ke 4 kemudian "Duplicate Layer" hingga muncul Background ke 5 dan Klik Drag hingga di atas gambar "4.png".(seperti langkah sebelumnya)

20. Setelah Background ke 5 selesai, gunakan "Move Tool" untuk mengeser ke arah KANAN (=>) hingga tampak seperti pada gambar:

21. Setelah Background ke 5 sekarang kita memasukan Image Orang ke 5, klik menu "File (=>) Open as Layers" kemudian muncul "Open Image" pilih gambar "5.png"lalu klik "Open" hingga tampil kemudian "Move" hingga seperti pada gambar: (lakukan seperti langkah sebelumnya)

22. Lalu klik Kanan Background ke 5 kemudian "DuplicateLayer" hingga muncul Background ke 6 dan Klik Drag hingga di atas gambar "5.png".(seperti langkah sebelumnya)

23. Setelah Background ke 6 selesai, gunakan "Move Tool" untuk mengeser ke arah KANAN (=>) hingga tampak seperti pada gambar:

24. Setelah Background ke 6 sekarang kita memasukan Image Orang ke 6, klik menu "File => Open as Layers" kemudian muncul "Open Image" pilh gambar "6.png"lalu klik "Open" hingga tampil kemudian "Move" hingga seperti pada gambar: (lakukan seperti langkah sebelumnya)

25. Lalu klik Kanan Background ke 6 kemudian "Duplicate Layer" hingga muncul Background ke 7 dan Klik Drag hingga di ats gambar "6.png".(seperti langkah sebelumnya):

26. setelah background ke-7 selesai, gunakan "move tool" untuk menggeser ke arah kanan (->) hingga tampak sperti pada gambar.

27.setelah background ke 7 sekarang kita memasukan image orang ke 7, klik menu "file -> open as layers" kemudian muncul "open image" pilih gambar "7.png" lalu klik "open" hingga tampil kemudian "move" hingga seperti pada gambar : (lakukan seperti langkah sebelumnya)

28.setelah semua image orang dan background tersusun rapi, langkah berikutnya adalah menyatuhkan image orang dengan background:
langkah pertama klik kanan pada image orang "7.png" kemudian pilih "merge down". sehingga layer "7.png" menyatu dengan background 7 yang berada di bawah image orang ke-7 (seperti pada gambar)

contoh tampilan sebelum di "merge down" (gambar orang dengan background belum menyatu)

contoh tamilan setelah di "merge down" (gambar orang depan background sudah menyatu

29. langkah berikutnya ulangi kembali pada langkah ke-28 untuk (image orang "6.png" dengan background dibawahnya), (image orang "4.png"dengan background dibawahnya)(image orang "3.png" dengan background dibawahnya)(image orang "2.png" dengan background dibawahnya) (image orang "1.png" dengan background dibawahnya

30. selanjutnya "rename" (ubah nama layer) masing-masing layer menurut urutan paling bawah : "klik kanan -> edit layer attributes" lalu muncul format "layer attributes" kemudian pada layer name ganti dengan tulisan "gambar 1" jika sudah klik "ok"

31. lakukan kembali langkah diatas (langkah ke-30) untuk layer berikutnya : "gambar 2 sampai gambar 7" seperti gambar dibawah ini :

langkah - langkah membuat teks"BLC" pada atap gedung :

32. membuat teks "BLC" klik text tool kemudian pada tool option pilih type text "cooper black", size "60 px" dan warna"putih (white)"lalu ketikan pada kanvas (atap gedung)

33. gunakan "move tool" untuk mengatur letak tulisan yang and buat pada posisi tengah atap gedung

34. setelah teks "BLC" sudah rapi diatap gedung,sekarang duplikat layer teks "BLC" dengan langkah : klik kanan pada layer teks BLC kemudian pilih "dulpicate layer" hingga muncul layer teks "BLC#1"

35. kemudian klik kanan pada layer "BLC#1" pilih "alpha to selection

sebelum di "alpha to selection" sesudah di "alpha to selection"

36. selanjutnya memberi warna pada teks BLC : klik pada layer "BLC#1" kemudian klik "bucket fill" pada toolbox.

37. lalu klik " foreground & background color" hingga muncul format "change foreground color"

38. setelah muncul "change foreground color" pilih warna biru kemudian "ok"

39. kemudian klik huruf "B" hingga berwarna biru (bucket fill dalam keadaan aktif)

40. setelah itu duplikat layer text "BLC#1"dengan langkah : klik kanan pada layer text BLC#1 kemudian pilih "duplicate layer" hingga muncul layer text "BLC#2"

41. selanjutnya lakukan kembali langkah - langkah ke 36 s/d 39 untuk memberi warna merah pada huruf "L"

42. setelah itu duplikay layer text "BLC#2" dengan langkah : klik kanan pada layer text BLC#2 kemudian pilih "duplicate layer" hingga muncul layer text "BLC#3"

43. selanjutnya lakukan kembali langkah - langkah ke 36 s/d 39 untuk memberi warna kuning pada huruf "C"

langkah - langkah membuat gambar bergerak :

44. klik menu "filter -> animation -> playback"

45. kemudian muncul format "animation playback" (seperti pada gambar).

46. setelah semua selesai simpan dengan format (GIF):

file -> export kemudian muncul format "export image"

47. pada saat klik "export" kemudian muncul"the image you are trying to save as a GIF contains layers which extend beyond the actual borders of the image." maka pili "crop". jika tidak maka lanjutkan ke langkah berikutnya!