Membuat Banner Animasi Sederhana dengan Photoshop Cs6

Tutorial kali ini kita akan mencoba Membuat Banner Animasi Sederhana dengan Photoshop Cs6, kita dapat membuat banner promosi suatu produk atau desain logo web dan lainnya sesuai dengan suasana hati...ada yang perlu di ingat, tidak semua aplikasi Photoshop bisa membuat banner seperti ini, biasanya yang sering kita jumpai banner biasa dengan efek yang kurang menarik atau hampir sama sekali tidak ada fade motion nya.. hanya cupiklan gambar yang berotasi bergantian dalam satu frame.

Kali ini asybook akan memberikan cara membuat banner animasi yang mudah-mudahan bermanfaat bagi para pembaca sekalian.

Okey tidak banyak ching chong 

lagi langsung saja..

1. Buka program Photoshopnya (harus Cs 6) 
2. File > New > disini saya menggunakan ukuran 468 x 60 lalu klik OK (backgournd sesuai pilihan)
3. Buat layer Text { CTRL+T ) Buat Teks Sesuai keinginan anda
4. Menyusun posisi Layer Text sesuai desain anda ( akan tampak seperti gambar di bawah )

Langkah ini yang akan membuat banner anda bergerak Pilih menu Windows > Timeline > Create Video Timeline.

Maka akan tampak seperti di bawah ini

Berikutnya Fokus pada Langkah Timeline

1. Klik Icon Segitiga
2. Klik Keyframe Animation “OPACITY”
3. Ubah Nilai Opacity hingga 0%
4. Geser Splitline ( menentukan kecepatan gerak objek, semakin jauh semakin lambat ) 
5. Klik keyframes, maka otomatis akan muncul keyframes ke dua
6. Ubah lagi Nilai Opacity menjadi 100% 

 Supaya Lebih Jelas, perhatikan gambar dibawah ini
 

 
Ulangi langkah di atas sesuai yang anda inginkan.
Dan lakukan juga langkah di atas pada layer “Membuat Banner Animasi dengan Photoshop Cs6"

Untuk layer “Shape Putih” saya menggunakan Keyframe animasi “POSITION” 

Ini langkahnya 

1. Geser shape hingga keluar canvas
2. Klik Keyframe Animation “POSITION”  
3. Geser Splitline ( menentukan kecepatan gerak objek, semakin jauh semakin lambat ) 
4. Geser shape memasuki canvas hingga tampak seperti semula.

Ulangi langkah di atas sesuai yang anda inginkan.

Langkah terakhir anda tinggal menyimpannya dalam bentuk .gif 
Caranya:

• CTRL+ALT+SHIFT+S lalu setting seperti gambar di bawah ini  

• Sesuaikan seperti kolom yang sudah di tandai pada gambar di atas. 
• Lalu Klik Tombol SAVE  

Hasilnya :

"Cukup sekian dulu tutorial dari saya,

Selamat mencoba, apabila ada yang kurang jelas silahkan berkomentar di bawah page ini"

Penulis: asybook © 2015

Anda sedang membaca Artikel berjudul Membuat Banner Animasi Sederhana dengan Photoshop Cs6, yang diterbitkan oleh asybook. Semoga artikel tersebut bermanfaat untuk Anda. Mohon maaf apabila terdapat konten yang memiliki tanda baca rusak, dan salah dalam penulisan. Jika ada pertanyaan, kritik dan saran yang ingin disampaikan silahkan tulis di kotak komentar.

:: Terima Kasih ::