Cara Membuat Animasi Gif dengan Adobe Image Ready

Kali ini saya akan bagi ilmu buat anda semua :), cara membuat animasi Gif dengan Adobe Image Raedy, Tentunya anda semua tahu kan, apa itu animasi gif, yap benar gamar yang bergerak-gerak namun tidak membutuhkan flash plugin , baiklah langsung saja kita menuju materi.

Begini Caranya :

• Buka aplikasi Adobe Image Ready CS2 pada computer anda.

• Lalu, buat file baru dengan ukuran 90 x 90 atau terserah selera Anda. Caranya pilih menu File > New atau tekan Ctrl + N.

• Buat lingkaran menggunakan Elliptical Marquee Tool (terletak di pojok kiri kanan) atau tekan M. Jangan lupa menekan tombol Shift + Alt untuk membuat lingkaran.


Gambar 1

• Klik pada menu set forgroun color, pilih warna yang anda sukai, contoh kali ini dengan warna biru muda Caranya : Tekan tombol Alt+Del untuk memasukkan warna yang sudah Anda pilih di Foreground Color.



gambar 2


• Duplikasi layer pertama ini dengan meng klik kanan pada tab layer dan buat 2 layer sejenis dengan warna kuning muda dan merah jambu jadi nantinya kita akan memiliki 3 layer yang berisi lingkaran dengan warna biru muda, kuning muda dan merah jambu.


Gambar 3


Gambar 4

• Buat agar ketiga layer terebut tidak terlihat/invisible. Caranya : Klik ikon mata yang ada di sebelah kiri layer.

• Lalu pastikan Anda sudah menampilkan Window Animation. Jika belum pilih menu Window > Animation atau tekan F7. Pastikan juga Window Layers telah muncul dan bila belum pilih menu Window > Layers atau tekan F11.



• Sekarang kita akan membuat animasi jadi gamabar-gambar yang tadi kita buat akan dibuat bergerak. Cara membuatnya tidak jauh beda dengan animasi pada umumnya namun disini kita akan membuat sebuah animasi sederhana.


• Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi. Tampilkan layer lingkaran berwarna biru muda pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.


Gambar 5

• Maka tampilan frame pertama dalam Window Animation adalah seperti gambar berikut :


Gambar 6

• Sekarang kita akan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame dan sebuah duplikasi dari frame pertama telah terbuat. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna kuning muda dan nonaktifkan layer berwarna biru muda.

• Langkah terakhir, buat lagi frame baru pada Window Animation, pada Window Layers aktifkan layer lingkaran merah jambu dan nonaktifkan layer lingkaran berwarna kuning muda.

• Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.


Gambar 7

• Sekarang simpan hasil kerjaan anda dengan klik File > Save Optimized As > Lingkaran_warna dan pastikan ekstensinya . gif


gambar 8

• Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik file linkaran_warna.gif

yang hasilnya kurang lebih seperti ini :





Smoga bermanfaat :)


copyright@2009idisastra.blogspot.com



15 komentar:

  1. Makasih bro............
    thanks buanyaaaaaaaaaaaaaak........
    nanti aku coba praktekan.
    mampir ya ke rumah mayaku,
    http://ancispengelana.blogspot.com/

    BalasHapus
  2. @semua :
    Terimakasih sudah mau berkomentas, salam persahabat keep share :D

    BalasHapus
  3. Nice tutorial gan..

    tapi lebih enaknya pake flash aja, lebih mulus animasinya...

    saya udah ngelink blog anda, di harap kan link balik blog saya. Terima kasih..

    BalasHapus
  4. thank's bro sangat bermanfaat,..

    BalasHapus
  5. tutorial yang bagus sangat bermanfaat ..
    boleh dicoba nih :)
    makacih buat tutorialnya...

    BalasHapus
  6. Makasih banget atas tipsnya yang benar-benar mantap, kebetulan mau bikin banner nich...

    BalasHapus
  7. thaanks!
    bener2 butuh yang kyk gini2 nihhh (Y)

    BalasHapus
  8. thanks bgt................

    BalasHapus
  9. Nice info, thanks for share

    artis

    BalasHapus
  10. mantap bener nih sob buat infonya semoga bermanfaat gan , langsung saja ke tkp

    BalasHapus
  11. Tutorial nya bermanfaat mas, ini yang saya cari, agar tidak menggunakan flash.

    BalasHapus
  12. seep mas, berhasi ^^
    http://caratrikblog.blogspot.com

    BalasHapus

kunjungi juga :

Temukan Gadget Murah dan Berkualitas di www.distonlineshop.com


terimakasih sobat, sudah berkunjung di blog ini. Jangan lupa isi tanda kehadiran anda ya :)