Banner Button

Setelah lama tertunda karena malezzz, akhirnya tulisan tentang banner button beranimasi kelar juga.nampak sederhana, akan tetapi tulisan ini  di tunjukan bagi yang belum paham cara memainkan animasi dalam program photoshop. untuk mengikuti tutorialnya silahan anda donlot dulu file psd-nya di sini.

Step 1

Buka program photoshop, kemudian buka file Abizs.psd yang kita donlot tadi.

  

Step 2.

Untuk photoshop CS 1 ke bawah, buka menu- file edit in image ready, setelah terbuka program image ready-nya baru buka menu- windows-Animation. Sedangkan untuk photoshop Cs 2 ke atas kita tinggal buka menu-windows- animation.

Step 3.

Setelah terbuka windows animation-nya kemudian,tekan tombol Duplicates Selected Frames ( yg bergambar halaman kecil...lihat gambar. ) sebanyak lima frames.

hasil pengandaan akan terlihat seperti gambar ini.

Step 4.

Pindahkan Pemilhan pada Frame 2.

Step 5.

Pada palet layer , tandai layer penutup sehingga nampak sebuah icon mata.

 

Step 6.

Pindahkan pemilihan pada Frame 3. Kemudian pada palet layer tandai layer penutup seperti langkah ke 5. Setelah itu tekan tombol  Right Arrow , untuk mengeser layer penutup  ke samping kanan hingga menutupi hurup B. lihat gambar

Step 7.

Pindahkan pemilihan pada Frame 4. kemudian ulangi dengan menandai layer penutup. dan setelah itu tekan Right Arrow di keyborad hingga menutup hurup I. ulangi langkah 4, 5 dan 6 sampe frame 6.

Step 8.

Setelah semua frame memiliki aksi animasi, langkah selanjutnya sambil menekan tombol Shift di keyboard pilih frame pertama sampe frame terakhir ( Memilih Frame Semuanya ).

Kemudian tekan tombol Selects Frame Delay Time. Delay-nya sekitar  0.2 second. lihat gambar.

 

Step 9.

Apakah animasi yang akan kita tampilkan secara berulang, sekali atau kita sendiri yang menentukannya. untuk mensetting ini pilih satu dari tombol di samping bawah kiri palet animation.

Tombol Setting Animasi	Pemilihan

 

Step 10.

Sekarang coba tekan tombol plays animation.

Step 10.

Simpan filenya ke dalam format gif.

Technorati tags: Belajar photoshop, Banner

Page views this post: reader