Thursday, 26 February 2015

cara membuat animasi bergerak di photoshop

Tutorial photoshop pada kesempatan kita kali ini adalah tentang membuat animasi di photoshop. Mungkin sudah banyak yang tahu kalau aplikasi photoshop bukan hanya untuk mengedit sebuah gambar namun juga bisa membuat sebuah animasi bergerak dari gambar-gambar yang kita kreasikan sendiri.

Animasi yang kita buat kali ini juga disebut dengan cinemagraph, yaitu sebuah animasi sederhana yang terdapat pada suatu gambar dimana gerakan diulang secara terus menerus. Cinemagraph akan terlihat seperti sebuah video yang sangat singkat.
Berikut ini adalah cinemagraph atau animasi pada tutorial kita kali ini.

animasi photoshop, membuat animasi, tutorial animasi photoshop


Aplikasi : Adobe Photoshop CS6
Waktu : 2 Jam
Tingkat Kesulitan : Sedang

Bahan :
Female
Mountain
Thunderbolt

Animasi photoshop yang akan kita buat ini bukan sebuah video yang di jadikan gambar, lalu di susun menjadi animasi. Disini kita akan membuat sendiri gambar serta gerakan yang kita inginkan.

Ide Gerakan Animasi
Animasi ini memiliki tema seorang wanita yang terlihat misterius berada di sebuah tempat yang pada hari itu cuaca sangat buruk. Langit yang gelap dan petir yang menyambar menambah kesan seram pada sosok wanita ini. Sesekali petir menyambar sehingga pantulan cahaya petir tersebut memperlihatkan sebagian dari tubuh sosok misterius ini.

Persiapan Gambar
Langkah 1
Open foto mountain di photoshop.
Tekan Ctrl+J di keyboard untuk duplikat layer tersebut.
Kemudian seleksi bagian batu mountain tersebut.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Atur canvas lembar kerja kita, tekan Ctrl+C dan tambah area kerja kita pada bagian atas layer dengan menambah tinggi canvas tersebut.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Sembunyikan layer pertama atau layer background kita sehingga kita mendapatkan hasil seperti gambar dibawah ini.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Langkah 2
Tambah layer baru diatas layer background
Atur warna foreground dan background di tool box dengan warna hitam dan abu-abu.
Klik menu filter-Render-Clouds.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Kemudian klik menu Filter-Noise-Add Noise
Beri Amount Noise 5%


animasi photoshop, membuat animasi, tutorial animasi photoshop

Langkah 3
Seleksi foto perempuan.
Posisikan foto tersebut diatas gambar mountain yang kita buat tadi.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Tekan Ctrl+T untuk mengaktifkan fungsi transform Tool.
Klik kanan pilih transform dengan mode warp.
Tarik titik sudut bagian bawah warp untuk menyesuaikan posisi pakaian peremuan tersebut.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Baca Juga : Tutorial manipulasi taman langit di photoshop

Langkah 4
Seleksi foto petir kemudian tarik ke lembar kerja utama kita.
Posisikan petir ini diatas kepala perempuan tersebut.
Ubah mode layer menjadi pin light.

animasi photoshop, membuat animasi, tutorial animasi photoshop

update : karena link gambar thunderbolt broken, maka saya beri link baru untuk stocknya.
Untuk menambah petir duplikat layer petir yang pertama.
Atur posisi petir kedua ini, dan bentuk seperti petir yang bercabang.

animasi photoshop, membuat animasi, tutorial animasi photoshop


animasi photoshop, membuat animasi, tutorial animasi photoshop

 Buat bayangan dari wanita tersebut, dengan menggunakan Brush Tool dengan warna hitam, lalu turunkan opacity layer tersebut.

animasi photoshop, membuat animasi, tutorial animasi photoshop
animasi photoshop, membuat animasi, tutorial animasi photoshop

Dan inilah hasil yang kita dapatkan.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Langkah 5
Duplikat layer wanita, kemudian tekan Ctrl+L untuk mengatur level warna pada gambar.
Atur level seperti gambar berikut ini.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Duplikat layer wanita atau layer orang yang telah kita atur levelnya, kemudian sembunyikan hasil duplikat tadi.
Aktifkan layer orang, yang hasil duplikat pertama.
Add layer mask pada foto, dengan cara mengklik icon add layer mask yang ada dibawah layer box.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Aktifkan Brush Tool dengan warna hitam, sapukan brush pada bagian pinggir foto orang.
inilah nantinya yang akan terlihat seperti pantulan cahaya petir tersebut.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Sama seperti pantulan yang ada di layer orang, kita juga melakukan hal yang sama pada layer batu tempat berdiri wanita tersebut.
Batu ini juga akan memantulkan cahaya ketika petir nya muncul.
Cara yang sama seperti kita membuat pantulan pada wanita ini.
dan ketika semua layer diaktifkan maka kita akan mendapatkan hasil seperti berikut ini.


animasi photoshop, membuat animasi, tutorial animasi photoshop

Pembuatan Animasi
Langkah 1
Aktifkan Kotak Timeline di lembar kerja kita, Klik menu Windows-Tmeline.
Timeline hanya pada Adobe Photoshop CS6, Jika anda menggunakan Adobe Photoshop CS5, maka pilih Animation.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Untuk kotak animasi pertama kita sembunyikan kedua layer petir.
dan beri waktu 0,7 Sec.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Duplikat kotak animasi dengan menekan layer duplikkat pada timeline box.
Aktifkan lagi kedua layer petir, dan sembunyikan layer orang dan batu yang gelap.
Beri waktu animasi 0,2 Sec.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Langkah 2
Klik icon Tweens untuk menambah effecct layer.
Atur frames menjadi 5, dengan komposisi pengaturan seperti gambar berikut ini.

animasi photoshop, membuat animasi, tutorial animasi photoshop

Langkah 3
Untuk kotak animasi 3,4,5,6,7, sembunyikan semua layer petir nya.
Ubah waktu di kotak animasi menjadi 0,05 sec.


animasi photoshop, membuat animasi, tutorial animasi photoshop

animasi photoshop, membuat animasi, tutorial animasi photoshop

Kemudian agar animasi ini dapat bergerak, kita simpan dengan format Gif.
Klik menu file-save for web

Finish!!
Setelah semua langkah diatas kita ikuti dengan baik dan berurut, maka kita akan mendapatkan sebuah animasi sederhana atau cinemagraph seperti gambar berikut ini.

animasi photoshop, membuat animasi, tutorial animasi photoshop
Demikianlah tutorial animasi photoshop kita pada kesempatan kali ini.
Menarik bukan jika kita bisa membuat gambar dengan gerakan yang kita inginkan.
Cara seperti ini juga digunakan sebagian orang untuk membuat DP BBM bergerak.

Terima kasih telah berkunjung ke blog tutorial ini. Jika ada pertanyaan tentang postingan ini, silahkan sisipkan pertanyaan tersebut dikomentar bawah ini.
Wassalamualaikum..

Artikel Terkait

saya adalah seseorang yang ramah dan manis serta senang berbagi apa saja yang telah saya pelajari

6 komentar

thanks buat tutornya gan,, sangat memabantu sekali.. http://goo.gl/hyzyAQ

siip gan. terima kasih atas kunjungan nya.

gan,itu minimal potoshop minimal cs berapa?
di ane cs6 rada ngelag

Photoshop versi rendah juga bisa tu gan, teknik nya sama. kalau versi cs 5 kebawah menu untuk membuat animasinya di windows - animation. kalau di cs 6 timeline. Untuk adobe photoshop 7.0 untuk membuat animasi di adobe image ready.
btw thanks untuk kunjungan nya gan

Terimakasih banyak gan untuk tutornya bagus gan ...

Sangat bagus n mudah untuk pemula seperti saya


EmoticonEmoticon