Anda di halaman 1dari 9

Tutorial image ready membuat gambar bergerak

(animasi) .gif
Hnah, inilah saat yang ditunggu-tunggu oleh kamu-kamu semua. Kenapa? karena si
ndop bener-bener akan membocorin semua kemampuannya dalam belajar otodidak ria,
belajar mengakali sesuwatu, belajar ngawur ngalor-ngidul tapi yang penting tetep
HASILNYA!

Ayuh, pada siyap-siyap menyimak penjelasan ala ndop yang “coba-coba tapi jadi”.
Maklum pemirsa di rumah maupun di setudiyo, si ndop ini memang tidak mengenyam
pendidikan dizain, dia hanya belajar secara otodidak dan selalu berhasil!. Maka dari itu,
apabila ada penjelasan yang sekiranya sak karepe dewe, ya harap diikuti saja. Wokeee?
udaah.. mantuk-mantuk ajaa… :roll:

Pengen bisa bikin beginian: atau khan??

Caranya gampang kok pemirsa, tinggal ceklak-ceklik dowang. Yang susah itu
menemukan idenya. Kalo sudah ketemu ide, tinggal ceklak-ceklik, jadi! Baca dari awal
sampai akhir ya, soalnya yang fast riding ndak mungkin akan faham, kalopun faham,
berarti dia titisan saya.. wekekeke..

1. Bismillahirrohmaanirrohiim…. Buka edoub


fotoshop (adobe photoshop, red.) sampeyan. Saya memakai photoshop 7.

Siapkan beberapa gambar yang akan digerakkan. Setiyap gambar harus diletakkan
di layer yang berbeda. Contohnya seperti gambar di samping yang terdiri dari 4
layer, yaitu

o muka,
o melet,
o tonyo,
o ciprat.

Untuk melihat lebih jelas lagi gambarnya, bisa dipentelengi gambar di bawah ini:

walah, nomernya kok ndak urut ndop? ndak usah kakehan nyocrot! manut
saja, sampeyan sudah ngerti khan?

Setelah itu jangan lupa file > save .psd

2. Buka software imij redi (Image ready, red.)


sampeyan. Open gambar .psd tadi. Aktifkan tanda “indicates layer visibility”

*panganan opo kuwi, ndop?

gak usah kebanyakan nanya, pokoknya yang kayak gambar mata itu tuh…* pada
layer pertama ngaliyas layer muka.
Setelah sampeyan ceklik, maka pada animation pertamanya akan terlihat seperti
di bawah ini. Kalau di imij redi sampeyan ndak muncul animationya, bisa
dimunculkan dengan ngeklik windows > animation.

3. Setelah itu, ceklik pada “duplicates current frame”


seperti gambar di atas.

*panganan opo maneh kuwi ndop?*


pisan ngkas takon, tak uncalne nang Ethiyopia kowe!!

Dan layer animation baru pun akan muncul. Lalu, pada layer, ceklik gambar mata
pada layer tonyo.

Maka pada animation akan terlihat seperti di bawah ini:


4. Lalu ceklik pada tween
animation frames. Akan muncul kotak daiyelog seperti ini:

Isi frames to add dengan angka 2. Tekan Oukey!

Maka pada layer animation akan bertambah seperti di bawah ini:


5. Lalu, ceklik duplicates current frame lagi pada
animation. Kemudian pada layer, pilih melet dan tonyo. Namun kali ini geser
layer tonyo ke kiri sampai menyentuh muka melet. Untuk lebih jelasnya bisa
dilihat digambar di bawah ini:

Hnah, betapa kasihannya si ndop dalam tutorial ini, mungkin dia kuwalat sama
adiknya di tutorial yang ini. wakakaka…

6. Lalu klik pada tween animation frames lagi. Muncul kotak daiyyelog, masukkan
angka 4 pada frames to add. Cekelik OuKey.
7. Klik duplicates current frame lagi. Pilih layer pilih
melet, tonyo dan ciprat. Namun kali ini, geser sedikit lagi layer tonyo hingga
seolah-olah mengenai pipi si ndop dan muncul efek cipratan kuning.

Untuk lebih jelasnya, bisa dilihat pada gambar di bawah ini:


8. Seperti biyasa, klik tween animation frames lagi. Masukkan angka 2. Klik OK.

9. Kemudian, untuk melambatkan gerakan, sampeyan bisa nyetting waktunya


dengan klik “select frame delay time” sesuwai selera. Dalam tutorial kali ini, saya
setting semuanya dengan waktu 0,1 detik. Cara settingnya gampang. Cukup klik
tombol animation paling kanan atas, lalu pilih select all frames.
Lalu klik pada tombol select frame delay time dan pilih 0.1 second.

10. Iyyap, coba deh sampeyan klik “play”, sampeyan akan kaget karena gambarnya
bisa bergerak-gerak.. wekekeke… jangan kaget adik-adikku, itu semua wajar saja
kok. Namanya saja kompyuter, ya tentu saja pinter toh, kalau namanya
kompyudoh, tentu saja akan bodoh.. hehehe…
11. Untuk menyimpannya, sampeyan musti mengecek pada windows > optimize.
Pastikan yang terpilih adalah gif. Secara default kayaknya gif 64 dithered. Sudah
biyarkan default saja. Soalnya saya ndak nanggung kalo sampeyan ubah
settingannya, kompyuter sampeyan akan mbledos! hehehe…

Nah, kalau sudah tersetting seperti itu, kaliyan tinggal pilih file > save optimized
as. Secara default akan terpilih .gif.

Iyyap, gambar bergerak anda sekarang sudah jadi bos!!!!

Kalau sampeyan kepengen menjadikannya sebagai emoticon belog, sampeyan


musti ngerisaiz(resize, red.)-nya dengan klik image > image size. Isikan pikselnya
sesuwai selera. Seperti contoh di bawah ini adalah width = 50 piksel (dengan
constrain proportions tercentang)

Woke selamat mencoba!!!

Anda mungkin juga menyukai