Mohon tunggu...
mamat keren
mamat keren Mohon Tunggu... -

membumi

Selanjutnya

Tutup

Nature

Yuk... Bikin Animasi GIF Sederhana

8 November 2010   05:12 Diperbarui: 26 Juni 2015   11:47 2664
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.

Sebelumnya saya izin memperkenalkan diri. saya mamat dari bogor. Tutorial Photoscape ini artikel pertama saya di kompasiana. mohon bimbingan rekan-rekan sekalian... :)

Anda pasti tak asing lagi sama gambar animasi. Kita sering melihatnya di televisi seperti film anak-anak (kartun) dan iklan atau di media internet ini sebagai hiasan situs. Kalau anda belum tau, animasi itu gambar yang karakter didalamnya bisa bergerak.

Kalo saya artikan, animasi adalah kumpulan gambar-gambar yang bentuknya berbeda, teratur berurutan, dan dijalankan atau ”load” secara bergantian sehingga menjadi satu gambar yang bergerak. Nah, gambar-gambar yang berbeda itu disebut Frame (bukan frame foto ya...).

Satu animasi memiliki gambar frame lebih dari satu, kalau hanya satu gambar namanya ya gambar saja hehehe... Untuk membuat animasi minimal dibutuhkan 2 file gambar berbeda. Langsung saja kuberi contoh ya, lihat 2 file gambar sederhana di bawah:

2 gambar itu jika disatukan menjadi animasi akan seperti ini:

12891916491384595862
12891916491384595862

Aku membuat frame di atas dengan program MS Paint dan untuk mengubahnya menjadi animasi menggunakan Photoscape. 2 program ini sangat mudah digunakan untuk pemula, kalo sudah tingkat lanjut bisa pakai Photoshop atau Macromedia.

Nah, gambar animasi yang mau kubagi tutorialnya ini berekstensi GIF, karena hanya ekstensi ini yang mensupport gambar bergerak dibanding ekstensi lainnya seperti JPEG, PNG or BMP. Fitur di Photoscape untuk mengubah jadi animasi yaitu AniGIF (mungkin kependekan dari Animasi GIF).

12891917261017253322
12891917261017253322

Saya anggap anda sudah bisa membuat frame, soalnya ini tergantung kreatifitas dan keahlian menggambar saja. Sekarang yang ingin ku-share cara bikin animasinya pakai program Photoscape...

Anda musti punya program pendukungnya dulu, untuk bikin frame bisa pakai MS Paint or program menggambar yang lain. Kalau Photoscape, anda bisa download gratis di situs penyedianya http://photoscape.org.

Baiklah kita mulai tutorialnya, langkah pertama jalankan program Photoscape dan pilih fitur AniGIF yang gambarnya negatif film...

12891917961577813493
12891917961577813493

Langkah berikutnya cari frame-frame yang sudah dibuat sebelumnya disimpan, letaknya di jendela kiri atas (no. 1). File-file gambar di dalam folder yang anda klik akan terlihat di jendela kiri bawah (no. 2).

Selanjutnya, frame-frame tersebut di drag ke tengah (no. 3) secara berurutan, frame 01 dulu diikuti frame 02 dan seterusnya. Atau anda bisa menggunakan tombol Add di kanan atas (no. 4).

Secara otomatis preview animasi langsung terlihat. Kalau urutan framenya tertukar, anda bisa mengatur ulang di jendela atas (no. 5), tinggal drag saja ke kanan atau ke kiri.

12891919181145279670
12891919181145279670

Selanjutnya anda atur waktu pergantian antar framenya. Klik Change Time (no. 6). Anda ketikkan saja poin waktunya, semakin banyak poinnya semakin lama pergantiannya. Perbandingannya 100 poin sama dengan 1 detik.

12891919921857508712
12891919921857508712

Berikutnya anda juga bisa mengatur efek pergantian antar frame dengan meng-klik Change Effect(no. 7). Efek-efek ini tidak diperlukan untuk gambar bergerak, seperti animasi di atas. Efek ini bisa digunakan untuk memperhalus pergantian slideshow gambar. Jenis efeknya yaitu bergeser horisontal atau vertikal, berubah hitam atau putih dulu lalu ke frame berikutnya atau berubah ke warna background lalu ke frame berikutnya.

12891920561503225703
12891920561503225703

Langkah terakhir, anda bisa simpan animasinya (no. 8). Selesai.... :) kalau keahlian anda sudah meningkat bisa bikin yang seperti ini:

Animasi ini bisa diletakkan di blog wordpress.com atau blogspot.com. tapi kalau di Blogspot harus menggunakan layanan pihak ketiga karena sampai artikel ini diterbitkan blogger belum mensupport animasi GIF, jadinya gambar tidak bisa bergerak. Anda bisa save dulu di photobucket.com lalu copy-paste kode HTML-nya.

Sekian dulu tutorial singkat dariku, aku bukan siapa-siapa tapi apa yang kuketahui ingin kubagi untuk anda. Aku akan sangat senang sekali jika bermanfaat..

Salam,

”Tak perlu Ahli untuk Berbagi”

Kehormatan bagiku bila anda menyukai artikel ini, anda bisa melihat artikel tutorial lainnya dariku di kompasiana ini atau berkenan mengunjungi blogku:

-blogger: pemburututorial.blogspot.com

-Wordpress: rachmatullah83.wordpress.com

Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H

Mohon tunggu...

Lihat Konten Nature Selengkapnya
Lihat Nature Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun