Membuat Banner Iklan Animasi Bergerak Dengan Photoshop Cs3

Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3 - Untuk tutorial photoshop yang kini bagikan wacana animasi gambar bergerak/berkedip pada banner iklan memakai photoshop CS3. Biasanya gambar banner iklan ini dibentuk dan dipasang di blog/website dan lokasi penempatan dari banner iklan bisanya oleh para blogger ditempatkan di header blog, sidebar blog, di atas judul postingan atau di footer blog. Dengan tutorial dasar pembuatan gambar banner iklan yang akan buat, anda nantinya sanggup berbagi sendiri dalam menciptakan gambar iklan banner yang lebih manis dan menarik sehingga apabila pengunjung blog melihat akan lebih usang berkunjung di blog anda. Format banner iklan yang akan dibentuk akan disimpan dalam format Gif sebab jikalau disimpan format JPG maka animasi gambar banner iklan tidak akan bergerak atau berkedip-kedip.

Sebenarnya banyak layanan online yang sanggup dimanfaatkan untuk menciptakan animasi banner iklan bergerak/berkedip dan lebih praktis, tapi akan menunjukkan teknik pembuatan banner iklan dengan photoshop CS3 dan akibatnya lebih memuaskan sebab disain banner merupakan hasil karya sendiri. Seperti yang anda lihat gambar dibawah ini yang merupakan disain gambar banner yang buat sendiri. Untuk menciptakan gambar banner iklan akan aku share pada tutorial berikutnya, dinantikan aja ya. Sekarang simak bagaimana cara menciptakan gambar animasi banner iklan bergerak format gif dengan photoshop CS3 dibawah ini.

Simak juga : Cara menciptakan animasi teks/tulisan berjalan dengan photoshop CS3

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3

Cara Membuat Animasi Bergerak Banner Iklan Dengan Photoshop CS3
1. Buka photoshop
2. Buka gambar banner ibarat pola ini

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


3. Kaprikornus jikalau dilihat pada Palet Layer ada 4 layer terdiri dari :
- Layer background
- Layer teks space iklan
- Layer 300x250
- Layer Url

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


4. Selanjutnya proses pembuatan animasi bergerak, caranya pada menubar pilik Window => Animation

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


5. Akan terlihat di Animation (Frames) ibarat gambar dibawah ini

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


6. Silahkan ubah kecepatan/delay dari 0 second menjadi 1,0 second caranya klik pada tanda panah merah dan pilih 1,0 lihat gambar dibawah

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


7. Duplikat/gandakan cara klik Duplicates Selected Frames kemudian pada palet layer hilangkan tanda mata pada layer space iklan dan akibatnya ibarat ini

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


8. Tekan tombol Play dan akibatnya demo dari animasi bergerak ibarat dibawah ini

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3

Nah anda sanggup lihat pada gambar diatas untuk gambar banner iklan dengan animasi berkedip-kedip.

9. Selanjutnya pindah ke layer dengan goresan pena 300x250 yang juga akan dibentuk animasi berkedip-kedip, caranya klik Duplicates Selected Frames kemudian hidupkan semua tanda mata.

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


10. Lalu pada palet layer hilangkan tanda mata pada layer 300x250 dan hidupkan kembali tanda mata pada layer space iklan ibarat dibawah ini

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


Untuk melihat akibatnya tekan tombol Play ibarat hasil dibawah ini

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


11. Untuk pembuatan banner animasi selanjutnya caranya sama dengan diatas

12. Kalau sudah semua kemudian simpan akibatnya dengan format gif, caranya pada menubar pilih File => Save for web & devices

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


13. Lalu Save dan beri nama banner animasi berkedip

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3


14. Hasil simpulan dari menciptakan animasi berkedip pada iklan banner ibarat dibawah ini

 Cara Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS Membuat Banner Iklan Animasi Bergerak Dengan Photoshop CS3

0 Response to "Membuat Banner Iklan Animasi Bergerak Dengan Photoshop Cs3"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel