Minggu, 09 Desember 2012

Cara Membuat Animasi dengan Photoshop.


Banyak kalau kita cari di Internet berbagai macam animasi bergerak. Tapi terkadang kita juga berfikir untuk bisa membuat sendiri animasi bergerak itu. Dengan menggunakan photoshop kita bisa mebuatnya. Disini aku menulis tutorial sederhana untuk membuat sebuah animasi dengan menggunakan Photoshop CS6.
Caranya adalah:
  • Buka Photoshop kalian kemudian tekan Ctrl+N untuk membuat dokumen baru dengan ukuran sesuai dengan keinginan kalian ( disini aku gunakan ukuran 200x200pixels dengan resolution 72 dan background color transparent)
  • Selanjutnya klik pada layer 1. Dengan menggunakan paint bucket tool warnai dengan warna putih
layer 1 putih
  • Selanjutnya klik window>timeline
timeline
  • Setelah window timeline terbuka duplikat frame menjadi 3. Pada waktu kalian menduplikat frame pada masa yang sama kalian mendapatkan layer baru
duplikat frame
  • Butlah bulatan pada tiap tiap layer baru tersebut dengan menggunakan brush tool. Tiap tiap bulatan warnanya lain dan posisinya juga lain. ( misalnya pada layer frame 2 kalian buat bulatan warna merah, posisi paling bawah; kemudian pada layer frame 3 bulatan warna kuning; posisi di atas lingkaran merah; dan pada layer frame 4 bulatan warna hijau, dengan posisi paling atas)
buat lingkaran
  • Sekarang kalian fokus pada timeline lagi
  • Hapus salah satu frame agar kalian cuma mendapat 3 frame aja. Caranya drag dan drop salah satu frame ke gambar tong sampah
3frame
  • Sekarang klik pada frame 1 di timeline kalian, kemudian hilangkan tanda mata pada layer frame 3 dan 4
frame 1
  • Sekarang giliran frame 2 pada time line kalian, tapi sekarang hilangkan tanda mata pada layer frame 2 dan layer frame 4
  • Yang terakhir frame 3 pada timeline , dan hilangkan tanda mata pada layer frame 2 dan layer frame 3.
  • Atur delay tiap tiap frame. Klik tanda panah kecil di bawah frame pada timeline kalian. Disini  aku gunakan 0.2cec
mengatur delay
  • Untuk mencoba animasi yang kalian buat klik button play
uji coba
  • Langkah akhir simpan animasi yang baru kalian buat, caranya klik File>Save for Web
Hsil akhir dari animasi yang baru kita buat adalah seperti gambar di bawah ini
Untitled-1

Mungkin itulah tutorial sederhana membuat sebuah animasi bergerak dengan menggunakan photoshop.


1 komentar: