Membuat banner animasi dengan Photoshop

Banner sering digunakan untuk berbagai iklan sebagai promosi suatu situs/blog. Tampilan banner yang unik dapat menarik pengunjung untuk mengakses situs atau blog anda. Biasanya banner juga digunakan untuk bertukaran link antara sesama pengguna blog. Dari semua hal tersebut saya akan membahas mengenai cara membuat banner simple yang dinamis dengan bantuan dari Photoshop.

Langkah-langkah :
1. Buat file baru FILE > NEW dengan ukuran seperti di bawah ini :

2. Untuk tutorial kali ini, saya akan menggunakan dua image saja sebagai contoh.

3. Hal berikutnya yang harus dilakukan adalah mendrag kedua gambar tersebut pada layer yang akan kita buat menjadi banner, lalu sesuaikan ukurannya.

4. Jika langkah ketiga sudah dilakukan maka pada layer palette akan terlihat ada penambahan dua image, yang bernama layer 1 dan layer 2

5. Untuk membuat tampilan banner menjadi bergerak, pilih menu Window > Animation

6. Pada bagian bawah photoshop akan muncul Animation Palette, setelah itu klik New Frame

7. Klik frame kedua lalu pada layer palette klik indicates layer visibility di sebelah kiri tulisan layer 2. Hal tersebut dilakukan untuk menyembunyikan layer 2 pada frame dua.

8. Sekarang atur waktu untuk looping (pengulangan) layer, set waktu nya jadi 0,5. Pengaturan waktu bisa disesuaikan dengan kebutuhan anda.

9. Setelah semua langkah dilakukan, klik PLAY

10. Hasil akhirnya akan seperti tampilan di bawah ini

11. Langkah terakhir adalah penyimpanan, klik FILE > Save for Web > dan save dengan format GIF

"Tak ada yang tak bisa sebelum mencoba"

Related Posts by Categories

Widget by Hoctro | Jack Book