Membuat Animasi Teks Mengkilat



 


 

Apa yang ada di pikiran anda tentang animasi diatas?
Ribet??... susah??...tidak tahu cara buatnya??... atau tidak tahu itu apaan?? :D
Tenang disini saya akan menjelaskan cara membuat animasi teks mengkilat tersebut dengan Aplikasi Adobe Photoshop.
Disini saya memakai adobe photoshop cs6, mau pakai yang cs 5 pun bisa :D tergantung versi apa yang anda gunakan J

Tetapi lebih baik pakai yang cs5 aja, soalnya cs 3 kebawah tidak bisa secara langsung membuat output file berektensi .gif(kalau tidak salah).


 

Ikuti langkah-langkahnya ya :D
  1. Buat dulu project baru, dengan ukuran 450px X 100px. Dengan background transparan seperti gambar berikut.

     
  2. Buat teks terserah, tetapi karena sedang mengikuti tutor saya maka tulis aja "FUHREND BLOG" tanpa tanda petik dan huruf besar semua.

     
  3. Ubah ukuran huruf seperti gambar berikut. Atau terserah kalian. (digambar:menggunakan font type century gothic dan bold)

     
  4. Klik kanan pada layer font dan klik convert to smart object dan juga rasterize layer.

     
  5. Buat layer baru dengan mengklik pada area di lingkari merah pada gambar.

     
  6. Buat garis gradient dengan mengikuti gambar-gambar berikut.



  7. Atur gradient seperti pada gambar

     
  8. Buat ukuran gradient dengan klik dan seret dengan area seperti pada gambar (aduh ribet jelasinnya :D).

     
  9. Klik CTRL+klik gambar kecil dari layer font yaitu fuhrend blog.

     
  10. Klik pada area dilingkari merah di gambar.

     
  11. Klik tanda 1 dan pilih mode screen pada tanda 2.

     
  12. Buat durasi layer menjadi 0.1 pada tanda 1 dan buat frame baru pada tanda 2.

     
  13. Masih pada kondisi frame satu terseleksi.

     
  14. Klik layer 1 gradient pada gambar kecil di kotak yang kiri, kan ada dua tuh.

     
  15. Terus klik SHIFT+arahkan ke kiri bagian mengkilatnya sampai tidak terlihat saja.

     
  16. Setelah itu selek frame 2 dan geser bagian mengkilat tadi ke kanan sampai tidak kelihatan saja.

     
  17. Klik pada area dilingkari merah terus atur sesuai gambar.
  18. Save hasilnya di file>save for web>save..

     
  19. Save dengan nama yang diinginkan 
  20. SELESAI.

     

    Dengan saya ucapkan terima kasih, huhh pada lah saya capek ngetiknya sama buat ssnya :D tapi tetap semangat . J

1 komentar:

Posting Komentar

Tinggalkan Komentar yang baik. Spam akan di hapus..