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: :pukul: atau :oops: 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. gambar bergerak 1Bismillahirrohmaanirrohiim…. 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

    • muka,
    • melet,
    • tonyo,
    • ciprat.

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

  2. gambar bergerak 2

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

    Setelah itu jangan lupa file > save .psd

  3. gambar bergerak 3Buka 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.

    gambar bergerak 4

  4. 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:

  5. 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:

  6. 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:
  7. Hnah, betapa kasihannya si ndop dalam tutorial ini, mungkin dia kuwalat sama adiknya di tutorial yang ini. wakakaka…

  8. Lalu klik pada tween animation frames lagi. Muncul kotak daiyyelog, masukkan angka 4 pada frames to add. Cekelik OuKey.

  9. 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:


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

  11. 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.

  12. 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…

  13. 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!!!

307 Comments

Komen yuk kak!