Seringkali kita melihat gambar bergerak pada animasi di film kartun terlihat hidup layaknya benda hidup. Tetapi jika kita perhatikan dengan baik gambar tersebut hanyalah berupa gabungan dari gambar-gambar yang sangat banyak dan berurutan. Sebelum diciptakannya teknologi animasi komputer film kartun dibuat dari ratusan hingga ribuan lembar gambar yang berurutan, gambar tersebut di sorot satu per satu sehingga menjadi seperti sebuah gerakan yang terlihat hidup. Prinsip kerjanya adalah semakin banyak gambar yang dibuat maka semakin halus gerakan yang akan tercipta.
Prinsip dasar animasi tersebut masih sering digunakan sampai sekarang, seperti yang ditampilkan dari teknik animasi stop motion. Dalam stop motion setiap gerakan akan tercipta dari beberapa foto yang ditangkap kamera. Foto-foto tersebut lalu digabungkan dan di slideshow dalam waktu yang sangat cepat sehingga akan menampilkan gerakan yang juga mirip gerakan animasi.
Jenis Animasi File GIF
Ada banyak jenis animasi sederhana yang lainnya. Jika Anda sering melihat sebuah ikon atau avatar seseorang pada sebuah forum di internet terlihat bergerak layaknya animasi atau video, itu adalah salah satu jenis animasi sederhana. Animasi tersebut sekilas terlihat seperti sebuah file video padahal pada dasarnya file tersebut hanyalah berupa gambar yang dibuat dengan teknik animasi GIF yang sederhana.
Animasi GIF merupakan teknik animasi sederhana yang menggunakan prinsip animasi dasar berupa gambar-gambar yang saling dihubungkan. Bagaimana cara membuat animasi GIF?. Berikut ini adalah contoh sederhana bagaimana membuat animasi GIF dengan software Adobe Photoshop, pada dasarnya animasi yang akan dibuat berikut ini adalah beberapa gambar yang digabungkan dan dimainkan secara bergantian seperti halnya slideshow.
Cara Membuat Animasi Bergerak GIF
Untuk lebih memudahkan Anda, berikut adalah langkah-langkahnya membuat animasi bergerak GIF :
1. Buka software Adobe Photoshop dan buat halaman baru. Buat gambar pertama yang akan muncul pada frame pertama.
2. Lalu selanjutnya buat gambar untuk frame-frame berikutnya secara berurutan sesuai dengan urutan animasinya nanti. Setiap gambar diletakan pada layer yang terpisah. Sebaiknya setiap gambar pada tiap frame dibuat dalam satu layar sehingga jika Anda membuat gambar yang berjumlah 6 frame animasi, maka usahakan juga hanya terdapat enam buah layer gambar. Jadi satu frame = satu layer. Seperti yang terlihat pada gambar berikut.
3. Selanjutnya pilih panel Animasi yang terletak pada toolbar Windows -> Animation lalu pada panel animasi buat frame baru dengan menekan tombol “duplicates selected frames”. Perintah tersebut akan berfungsi seperti halnya duplicate layer, hanya saja pada hal ini bukan berupa layer melainkan frame.
4. Setelah membuat frame dengan cara menduplicatenya maka sekarang akan ada dua frame, tetapi masih berupa gambar yang sama. Untuk merubahnya pertama-tama Anda harus mengklik frame kedua sehingga frame no.2 menjadi terseleksi. Lalu non aktifkan layer visibility pada semua layer kecuali layer yang akan ditampilkan dalam hal ini berarti layer bernama “hold” harus aktif. Aturan tersebut berlaku untuk frame lainnya, jadi pada frame 1 berarti layer yang diaktifkan hanyalah layer “bendra”, frame no 3 layer yang diaktifkan adalah layer “3” begitu seterusnya.
5. Jika semua frame telah dibuat berdasarkan urutan layer yang Anda inginkan maka Anda tinggal mengklik tombol play untuk memainkan animasi tersebut. Untuk mengatur timing tiap frame Anda cukup menggantinya pada tiap frame. Timeng tiap frame dapat diatur berbeda-beda atau sama.
6. Setelah jadi Anda tinggal mensave dengan format gif. Sebaiknya gunakan perintah Save for Web & Devices atau dengan shortkey Alt+Shift+Ctrl+S pada menu save for web and devices pilih format gif dan tekan tombol save. File animasi GIF Anda telah selesai dan siap untuk digunakan.
Cara Membuat Animasi Bergerak – Prolog
Demikian tutorial singkat untuk membuat animasi bergerak yang dapat Anda ikuti. Selamat mencoba dan semoga bermanfaat.
thx bagus banget sangat membantu
@ vanesa lie vani
Sip. Senang bisa membantu :)
mau nanya kalau ingin merubah animasi pada sketchup menjadi video lalu di masukkan ke power point ya p4 ?
@ Fais
Halo Pak Fais. Kalau untuk yang itu saya belum pernah mencoba jadi kurang tahu. Mohon maaf.
gimana sih.. caranya membuat animasi di adobe photoshop???
@ ginaya24
Silakan dicermati lagi artikel di atas :)
tolong perjelas langkah langkah peralatan apa saja yang digunakan diphotoshop ini,karna menurut saya ini kurang untuk mempraktekan dan masih membingungkan
@ heri
Terima kasih untuk pertanyaannya. Untuk penjelasan lebih lanjut sepertinya akan terlalu sempit jika dijelaskan melalui form komentar. Mudah2an kami bisa menulis lebih detali lagi di artikel yang lainnya.
saya sangat senang dgn adanya forum ini terlebih bs menambah wawasan dlm hal cetak poto dgn langkah sederhana, ini bagian usaha saya sbnrya,tp saya msh ingin lebih banyak bljr terutama aplikasi adobe potoshop keliatannya agak rumit
@ ergy
Terima kasih atas dukungannya. Belajar memang kadang rumit dan sulit, tapi jangan patah semangat karena hasilnya biasanya manis :)
trims
@ adi
Terima kasih kembali.
photoshop yang CS biasa kq gak ada pilihan animasi yaaa
@ setia
Ada lah. Yang versi sebelumnya aja ada :)
di mana letak windows?
@ ila
Di mana letak Windows? Mohon maaf saya kurang faham dengan pertanyaan yang diajukan.
cara buat animasinya pakai photoshop cs5 kan?
@ bintang yahasri
Ya, bisa pakai Adobe Photoshop CS 5
terima kasih atas pemberitahhuannya
@ aisya
Terima kasih kembali.
bagus juga penjelasannya. bisa dimengerti.
@ siti rabila sari
Terima kasih banyak untuk dukungannya.
maaf kang, panel Animasi yang terletak pada toolbar Windows -> Animation
koq ngak ketemu, thanx
@ irwan
Adobe Photoshop yang dipakai versi apa Pak?
terima kasih infox mampir juga dong di bloger q http://sispecter.blogspot.com/
@ ilham hacker
Terima kasih kembali. Saya sudah kunjungi blog Anda, sesuai dengan namanya, bertema hacking. Salam kenal Pak.
gimana ya caranya buat animasi bergerak kalau lewat internet?
@ tazkiyyatul maulidah
bisa dicoba untuk memakai berbagai website GIF animator, seperti :
gifup.com, picasion.com, gickr.com, makeagif.com, gifsun.org, loogix.com, online-image-editor.com
gampangan juga pake macromedia flash player kusus buat newbie pake nih
@ thorik
Terima kasih banyak untuk tipsnya.
aku akan coba ..
terimakasih atas infonya ..!!
@ Tricajus
Terima kasih kembali.
informasi yang sangat bagus sekali,,
terimaksih
@ produk furniture,furniture jepara
Terima kasih kembali. Semoga sukses usahanya.
mantep gan tutorialnya ,,, ngomog2 pake photoshop versi berapa ya gan yang bagus yang kumplit untuk buat gambar animasi?
@ J-Ris-Man
Makasih kembali. Versi makin baru makin komplit tentunya. Ya tapi makin mahal juga, hehehe.
terimakasih pak,
saya sudah berhasil membuat animasi gif nya. tengok di bagian bawah page ini http://transferfactorpeduliwanita.blogspot.com/2011/04/transfer-factor-sang-pemimpin-di.html
singkat dan jelas sekali penjelasannya.
silahkan mampir dan download brosurnya ya, sewaktu-waktu mungkin akan bermanfaat.
trimksh
@ Arif Transfer Factor
Terima kasih kembali :)
mas, ada ngak kursus atau pelatihan membuat animasi sederhana untuk wilayah bandung khususnya..sangat berminat. saya bukan basic ilmu komputer tapi ingin tau sedikit nasalah membuat animasi
@ pemula
Kalau di Bandung masih belum tahu Pak, paling di Jakarta yang saya tahu Baba Studio
mas
klo membuat animasi bergerak di java gmna ya mas
mkasih :)
@ decky
Mohon maaf kalau untuk yang urusan ini saya kurang tahu.