Senin, 16 September 2013

Selasa, 27 Agustus 2013

Cara Membuat Animasi Bergerak (.gif) dengan Photoshop CS 5

Hai semua , sekarang saya akan menulis postingan pertama saya tentang bagaimana cara membuat gambar animasi bergerak (.gif) sederhana dengan menggunakan photoshop CS 5.

Hasil akhir yang akan kita buat



Pertama-tama bukalah photoshop dan buatlah dokumen baru dengan cara CTRL + N . Ukuran kanvas terserah, tetapi kalau saya menggunakan 500x500 pixels. Seperti gambar di bawah ini.


Buatlah sebuah lingkaran menggunakan Ellipse Tool di menu bar samping atau ikon lingkaran. Ubahlah warna di Foreground color sesuai dengan warna yang diinginkan, lalu berikan garis hitam di sekeliling lingkaran dengan mengklik 2x pada layer lingkaran atau dengan cara klik kanan pada layer lalu pilih blending options dan pilih stroke. Aturlah sesuai dengan pengaturan di bawah ini.


Tada! Lingkaran dengan garis pinggir hitam-pun telah berhasil dibuat. Buatlah layer baru dan pindahkan layer tersebut di bawah layer lingkaran. Setelah itu kita buat setengah badannya menggunakan Pen Tool atau bisa dengan klik P di keyboard. Buatlah seperti gambar dibawah. Untuk mengisi path yang telah tersambung cukup dengan klik kanan dan pilih Fill Path.


Hapuslah path yang masih ada pada gambar dengan klik kanan dan pilih Delete Path.
Buatlah garis pinggir pada gambar badan dengan klik kanan dan pilih Stroke Path dan atur seperti pengaturan pada pembuatan lingkaran dengan size sebesar 10px.


Sekarang kita buat matanya persis dengan membuat kepala tadi dengan Ellipse Tool dan berikan garis pinggirnya serta titik hitam ditengahnya. Setelah itu gandakan mata yang telah dibuat tadi dengan menekan Ctrl + J pada keyboard. Setelah menggandakan mata jangan lupa drag mata yang satunya ke sebelah kanan. Kira-kira hasilnya akan seperti gambar dibawah ini.


Nah sekarang kita buat deh mulutnya dengan Pen Tool hanya dengan membuat garis sedikit melengkung. Klik kanan pada path melengkung yang telah kita buat dan pilih Stroke Path. Ketebalan brush bisa dipilih sesuai selera. Seperti gambar dibawah.




Sekarang kita akan menggabungkan antara background putih yang telah kita gandakan (caranya klik background paling bawah yang berwarna putih lalu klik kanan pilih duplicate layer), kepala, kedua mata, badan, dan mulut dengan tekan Ctrl + Shift + E. Kita akan mendapatkan gambar utuh, dan buatlah kembali satu persatu gambar-gambar yang akan kita buat menjadi animasi sesuai kreatifitas kita sendiri.

Kita hanya tinggal menggerakkan matanya saja sekarang. Sebelum itu, kita harus mengaktifkan menu animasi dengan pilih Window lalu Animation.
Muncullah menu animasi di bagian bawah layar kerja, untuk memasukkan semua layer yang akan dibuat menjadi animasi tekan tombol yang berada di sebelah kanan atas panel kerja animasi, lalu pilih Make Frames From Layers.
 
Setelah layer masuk ke dalam panel kerja animasi, delete layer-layer yang kalian anggap tidak perlu. sehingga tersisa layer-layer yang ingin kalian jadikan animasi. Jangan lupa atur kecepatan waktu masing-masing gambar sesuai dengan keinginan kalian. Kalau saya sendiri memakai waktu 1 detik tiap gambarnya.
Setelah itu sudah deh jadi, tetapi ada hal yang penting lagi. Cara menyimpannya yaitu dengan klik File pilih Save for Web & Devices atau tekan Alt + Shift + Ctrl + S di keyboard.
Setelah itu akan muncul kotak dialog, tidak perlu diubah-ubah kita hanya tinggal menekan oke dan menentukan nama file kita dan tempat menyimpan file kita. TADA! animasi sederhana buatan kita pun selesai dibuat. Buatlah sesuai kreatifitas kalian dan bisa juga ditambahkan tulisan ataupun gambar lainnya. 

Jadi selamat mencoba dan good luck!