Membuat Banner Animasi dengan Photoshop

Sebelum berangkat kuliah, mumpung masih ada waktu untuk menyempatkan menulis mengenai Membuat Banner Iklan dengan Photoshop, memang bagi anda yang biasa sudah untuk membuat banner iklan, dan banyak sudah tutorial-tutorial lainnya yang sudah berhamburan dan banyak juga situs-situs yang menyediakan layanan untuk membuat banner. Tapi, mungkin bagi sebagian orang akan lebih puas jika bisa membuat dengan tangan sendiri dan kemampuan sendiri. Kelebihan membuat sendiri adalah kita dapat mengkreasikan bagaimana bentuk yang kita inginkan, sedangkan jika kita menggunakan jasa pihak lain maka kita tidak bisa menghasilkan yang sesuai dengan kehendak kita. Maka dari itu disini saya mencoba untuk memberikan sedikit contoh sederhana yang mudah anda pelajari bagi anda pengguna photoshop yang masih pemula maupun yang sudah mahir. Saya membuatnya beserta keterangan dengan gambar sehingga sangat mudah dipahami dan dipelajari. Berikut langkah-langkahnya :

Tentunya anda harus memikirkan konsep banner yang akan anda buat,

buka photoshop anda dan disini saya membuat banner dengan ukuran 500x500 px (cukup besar untuk sebuah banner hhehe),

Kemudian buat layer baru dengan menekan shift-ctrl-n

Tekan D untuk mengembalikan ke warna default (hitam dan putih)

klik icon gradient tool atau tekan G pada keyboard anda

perhatikan pengaturannya seperti gambar berikut

dan tarik garis gradient seperti gambar berikut

Sehingga hasilnya seperti ini :

Kemudian buat kata-kata sesuka hati anda untuk menarik perhatian orang untuk memasang iklan di blog anda. Saya mencontohkan sebagai berikut

Naahh, sampai sini sudah selesai tahap pembuatan bannernya dan tahap berikutnya kita membuat animasinya yaa !

Silahkan minum dulu biar lebih segar dan segeralah ke kamar kecil biar lebih tenang hehe :D

Berikut langkah-langkah membuat animasinya :

Buka jendela animasinya, caranya klik window - animation pada menu photoshop

Kemudian atur time nya (disini saya menggunakan 0,2), lihat gambar panah warna merah saja,

Setelah itu klik icon Duplicates Selected Frames , lihat gambar diatas yang saya kasih tanda panah warna kuning.
 Pada animation frame pastikan yang terpilih adalah frame yang pertama,

Peraturan yang kita gunakan  pada tutorial kali ini ialah sebagai berikut :

1. Tulisan Add Your Banner dan 500 x 500 px kita buat berubah warna,

2. Tulisan Click Here dan Termurah !! kita buat blink (berkedip).

Kita duplicate dulu tulisan Add Your Banner dan 500 x 500 px dengan menekan Ctrl+J

Tahap pembuatan animasi segera dimulaai !!

Pada hasil duplicate tulisan Add Your Banner dan 500 x 500 px kita ganti warnanya (lihat gambar)

Pada animation frame yang pertama hilangkan tanda mata pada layer Clik Here, Add Your Banner Here, dan , 500 x 500 

Pada animation frame yang kedua hilangkan tanda mata pada layer Muraah !!, 500 x 500 copy, dan,  Add Your Banner Here copy, dan jangan lupa untuk memunculkan kembali tanda mata pada layer Clik Here, Add Your Banner Here, dan , 500 x 500 yang sudah anda hilangkan pada langkah yang pertama tadi.

Coba jalankan animasinya dengan clik tombol play pada animation frame.

Demikian langkah-langkah Membuat Banner Animasi dengan Photoshop yang sederhana saya contohkan, silahkan anda berkreasi sendiri guna mengahsilkan hasil yang lebih baik.

Terima kasih atas kunjungan anda dan tinggalkan komentar anda dan tolong like blog ini juga yaa guna terus berkembang untuk kedepannya. Terima kassihhhh !!