Desain dan Pemrograman Web 1

Wahyu Pramusinto, S.Kom | Universitas Budi Luhur | http://away.web.id

Membuat Animasi GIF dengan Photoshop

Photoshop dapat digunakan untuk membuat animasi gif. Berikut ini adalah langkah-langkah untuk membuat animasi gif dengan photoshop.1. Buatlah sebuah gambar baru dengan photoshop.

2. Buatlah teks seperti di bawah ini dengan menggunakan 2 layer

Desain dan Pemrograman Web 1

Wahyu Pramusinto, S.Kom | Universitas Budi Luhur | http://away.web.id

3. Buka palet animation dari menu Window >> Animation. Palet animation ada di bagian bawah. Akan terlihat sebuah frame.

4. Klik icon Duplicates Selected frames untuk membuat duplikat dari frame pertama. Sekarang sudah ada 2 frame

5. Pada frame pertama atur opacity masing-masing layer menjadi 0%.

6. Pada frame kedua, atur opacity masing-masing layer menjadi 100%. Ubah juga posisi masing-masing layer ke arah kanan.

Desain dan Pemrograman Web 1

Wahyu Pramusinto, S.Kom | Universitas Budi Luhur | http://away.web.id

7. Pada palet animation, pilih pada frame yang kedua. Klik icon Tween sehingga muncul dialog seperti ini.

8. Pilihan Frames to Add adalah jumlah frame yang akan Anda tambahkan. Pada palet animation akan terbentuk 10 frame baru.

9. Klik pada icon play untuk menjalankan animasi

10. Simpan dengan ekstention psd

11. Simpan juga dengan ekstension gif.

12. Gambar animasi siap untuk digunakan dalam website Anda