Monday, June 25, 2012

on Leave a Comment

GIMP: Animasi GIF dengan Efek Fade


Akhirnya bisa membuat tutorial GIMP lagi. Kali ini kita akan membuat animasi GIF dengan efek fade. Hasilnya bisa dilihat pada gambar di atas. Caranya relatif mudah, hanya mungkin agak membingungkan saat menyusun layer.


Satu

Kita buat image baru. Di tutorial ini saya buat ukuran 300x96 px dengan warna hitam.

Dua

Kita buat 2 buah teks. Bisa juga diganti dengan gambar.

Tiga

Supaya lebih mudah, kita ganti nama layer. Klik kanan pada layer > Edit Layer Attributes. Di sini saya beri nama masing-masing alinscribe #1 (untuk teks alinscribe), gif #1 (untuk teks gif animation tutorial), dan bg1 #1 (untuk background hitam)

Empat

Kita mulai tahap pertama penyusunan layer. Duplikat layer alinscribe #1 dan gif #1 masing masing 6 kali. Jadi nanti ada 7 layer alinscribe (#1 - #7) dan 7 layer gif (#1 - #7). Lalu kita duplikat layer background (bg1 #1), dan kita ganti namanya menjadi bg2 #1. Kita tempatkan layer bg2 #1 ini di antara layer alinscribe #7 dan gif #1.

Lima

Kita ubah opacity layer-layer berikut ini dengan masing-masing nilai opacity-nya
    alinscribe #1 dan #7, gif #1 dan #7 : 25%
    alinscribe #2 dan #6, gif #2 dan #6 : 50%
    alinscribe #3 dan #5, gif #3 dan #5 : 75%
Layer alinscribe #4 dan gif #4 tetap 100%

Enam

Duplikat layer bg1 #1 dan layer bg2 #2 masing-masing 7 kali, sehingga ada 8 layer bg1 dan 8 layer bg2. Lalu kita susun seperti berikut ini (dari atas ke bawah)
    bg2 #8
    gif #7 - bg2 #7
    gif #6 - bg2 #6
    gif #5 - bg2 #5
    ...
    ...
    ...
    bg1 #8
    alinscribe #7 - bg1 #7
    alinscribe #6 - bg1 #6
    ...
    ...
    ...
    alinscribe #1 - bg1 #1

Tujuh

Merge down (klik kanan layer > Merge Down) layer teks ke backgroundnya masing-masing. Layer gif #7 ke bg2 #7, gif #6 ke bg2 #6, dan seterusnya sampai layer alinscribe #1 ke bg1 #1

Delapan

Kita buat supaya layer yang tadi tidak kita ubah opacity-nya (alinscribe #4 dan gif #4, setelah di merge down menjadi bg1 #4 dan bg2 #4) tampil lebih lama daripada layer lain. Caranya dengan Edit layer attributes, kemudian kita tambahkan nilai fps-nya (frame per second). Default-nya setiap layer ditampilkan per 100 ms (0,1 detik).

Misalnya kita ingin menampilkan layer selama 1 detik, kita tambahkan (1000 ms), setelah nama layer. Jadi namanya nanti menjadi bg1 #4 (1000 ms) dan bg2 #4 (1000 ms)

Sembilan

Sebenarnya sampai langkah ke-delapan sudah bisa disimpan menjadi GIF. Tapi dengan susunan tadi, frame paling depan adalah layer yang opacity teks-nya 25%. Nah, kita bat supaya frame paling awal adalah layer bg1 #4 yang opacity teksnya 100%. Caranya dengan memindah layer bg1 #1 - #3 ke atas layer bg2 #8.


Bisa kita preview lewat menu Filters > Animation > Playback

Sepuluh

Agar ukuran filenya tidak terlalu besar, kita optimize melalui menu Filters > Animation > Optimize (for GIF). Hasil optimize nanti akan muncul di jendela baru (atau tab baru di GIMP 2.8). Terakhir, Save as > as animation (atau export untuk GIMP 2.8)

Semoga bermanfaat dan tidak membuat bingung. Kalau ada yang ingin ditanyakan, silakan tinggalkan komentar. Salam.


0 Comments:

Post a Comment