Skip to main content

Animasi With Adobe Photoshop Cs6

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
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..

Comments

Popular posts from this blog

GUIDE CARA MEMBUKA AVATAR PUBG MOBILE YANG TERKUNCI!

Avatar atau foto profil adalah suatu hal yang wajib ada di dalam sebuah game. Pemain bisa mengganti avatar mereka sesuka hatinya. Di  PUBG Mobile , kamu juga bisa mengganti avatar sesuai dengan yang kamu mau lho! Namun, Avatar yang ada di  PUBG Mobile  harus kamu buka dengan menjalankan misi yang diberikannya. Hari ini  G CUBE  akan memberitahu kalian cara membuka Avatar  PUBG Mobile  yang terkunci! Yuk Simak Artikel dibawah ini! ^^ Avatar yang Ada di PUBG Mobile dan Cara Membukanya Ada  19 avatar  yang bisa kamu buka di PUBG Mobile ini. Berikut adalah listnya: Social Network Jika kamu login menggunakan  Facebook  atau  Twitter , biasanya Avatar ini akan langsung terbuka. Tetapi jika kamu  log in  dan bermain menggunakan " Guest ", kamu tetap bisa menghubungkan akun  Facebook  dan  Twitter mu. Dengan cara membuka setting, lalu di bagian atas kanan ada " Linked Account " d...

Solusi [your graphics card driver is outdated,we recommend you to update it first ] Nox App Player

Kita akan membahas tentang Masalah yang terjadi Di Nox App Player yaitu biasanya  Lag (Lemot),Patah-Patah,Graphics tidak mendukung , Biasanya ini terjadi saat anda memulai menginstall nox app player dan masalah yang paling terjadi muncul tulisan  " your graphics card driver is outdated,we recommend you to update it first ."  Nah itu lah yang paling sering dialami oleh semuanya error muncul seperti tidak support dengan VGA anda dengan itu saya akan membahasnya di sini cara mengatasinya untuk anda yang ingin memainkannya. Jika anda mengalami masalah ini saat saat pertama kalinya anda menjalankan Nox App, Ini lah beberapa solusi yang mungkin dapat membantu anda : Aktifkan VT di PC anda >  Baca Disini Sesuaikan CPU & RAM di PC anda untuk mendukung menjalankan Nox App Klik Setting Bergambar gerigi Isi Berapa Kinerja Yang Ingin Di Pakai Nox (Dengan Angka) "Jangan Di Pakai Semuanya" Update Graphics Card Anda, Saya Rekomendasikan Dengan Ini ...

Tutorial Menggunakan NetCut dan Cara Mengatasinya Dengan NetCut Defender.

hai teman maaf nih baru nge post lagi :D karena ada kesibukan , bukan sibuk sih tapi jarang buka pc :D jadi lah , eh iyah nih bei mau update tentang Net Cut Apa itu NetCut? Bagaimana cara menggunakan NetCut tersebut Apa itu NetCut Difender? Bagaimana cara menggunakan NetCut Difender tersebut           I. Apa itu NetCut? Petama-tama apakah kalian tau apa itu NetCut..?? Mungkin bagi Para h@cker dan pelikmat internet, software NetCut itu tidak asing lagi di telinga mereka. Baik lahhh... langsung aja pada topik: NetCut adalah singkatan dari Network dan Cut, pasti kalian sudah tau artinya. yupss, dari kata Network dan Cut tersebut kalian pasti sudah tau apa fungsi NetCut tersebut.. Yaa bagi yang tidak mengerti saya akan jelaskan. NetCut berarti menggunting jaringan atau lebih tepatnya lagi memutuskan Hubungan/Koneksi.. (Bukannya memutuskan hubungan seseorang lhooo... wuakakakakkk...) dan jika kita memutuskan koneksi mereka maka otomatis Bandw...