Friday 12 October 2012

membuat animasi text pada photoshop


Kali ini gw berbagi cara untuk membuat animasi menggunakan software photoshop
Ok…….lanjut aja, disini gw pake photoshop cs 3 karena menurut gw lebih mudah di gunakan,,,
Langkah membuat animasi:
1.       Buka photoshop cs3 anda , setelah terbuka photoshopnya klik fileà new atau ctrl+n untuk membuka file baru, maka akan terlihat gambar dibawah
Pada dialog anda disuru buat nama dan ukuran layout pada kotak merah diatas dan ukuran terserah anda (disini gw pake ukuran  500x 400 pixel)


2.       Setelah kanvas terbuka warna putih maka step selanjutnya dengan membuka animasi pada icon bar dengan klik windowsàanimation,,,,,seperti dibawah

 

3.       Langkah selanjutnya membuka icon text pada icon kiri bawah seperti di gambar.

4.       Setelah di ketik text/nama yang diinginkan,,,,pada gambar dibawah dengan kotak merah yaitu sebagai duplikasi kanvas dan text pada animasi agar step pergerakan tidak mempengaruhi step awal.


5.       Setelah gambar tercopy  pada di bawah ini langkah selanjutnya merubah step animasi/memindahkan text agar seperti tampak berjalan dengan menggunakan move tool atau (v) pada icon paling kiri




6.       Langkah selanjutnya membuat step agar text kelihatan seperti jalan
 

Pada no 1 kita posisikan dahulu alur awal animasi bergerak, kemudian klik no 2 maka akan terlihat kotak dialog pada no 3 yaitu berfungsi sebagai step agar pergerakan text/animasi berjalan halus tidak kaku dengan mengatur jumlah step yang kita mau (semakin banyak step semakin halus pergerakan animasi)

7.       Setelah langkah diata selesai maka kita bisa mengatur kecepatan animasi dari 1 step ke step lain yaitu dengan mengatur pada no 1 dibawah,,,,cara ini memang sedikit buang2 waktu,,,
Agar kecepatan waktu animasi tidak di atur2 lami sebaiknya kita  mensetting kecepatan/waktu animasi lalu menggunakan step diatas sehingga waktu yang ditampilkan sama (serempak)


Pada no 2 gambar step langkah no 6 yg sudah di buat.

8.       Buatlah langkah diatas secara berulang tetapi memindahkan text sesuai keinginan
9.       Setelah selesai dibuat saatnya kita save animasi ini, yaitu dengan klik fileàsave for web & deviceà klik ok



Ini hasilnya:

 
Semoga bermanfaat

2 comments: