Minggu, 23 Januari 2011

CARA MEMBUAT GIF ANIMASI DENGAN IMAGE READY

Gimana caranya membuat gambar bergerak, atau teks berganti-ganti? Itu pertanyaan di benak saya dulu. Itu namanya GIF animated atau GIF animasi, atau animasi GIF.

Ingin membuat banner sepert ini?

animated

Saya akan mencoba menjelaskan langkah-langkah membuat GIF animasi menggunakan media Adobe Photoshop dan Adobe Image Ready.

1. Buat 3 layer di Photoshop seperti dibawah ini

layer_psd1

2. Klik File > Edit in ImageReady

3. Tampilkan ikon mata pada angka 1 saja

layer_img1

4. Pada window Animation, atur waktu (timing)

anim1

5. Buat frame baru,

anim2

6. Maka tampilan akan seperti ini

anim3

7. Non-aktifkan ikon mata pada angka 1, aktifkan ikon mata pada angka 2

layer_img2

8. Maka pada window Animation tampilan akan seperti ini

anim4

9. Buat frame baru (seperti langkah ke 5)

10. Non-aktifkan ikon mata pada angka 2, aktifkan ikon mata pada angka 3 (seperti langkah ke 7)

11. Coba jalankan Plays/stops animation. Apabila di perlukan, atur kembali timing.

anim5

12. Simpan. File>Save Optimized As

13. Selesai

Semoga bermanfaat !

Sumber: KANGISMET

2 komentar:

Temukan Kami Di Facebook

Andi Uyha Nugraha Makkasau

Buku Tamu


ShoutMix chat widget