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

XP system: Graphics driver not compatible solution

For some Windows XP users whose Open GL ≥ 2.0 yet still have compatibility issue with the graphics card driver will encounter the below error message when starting up Nox. The solution is to roll back your driver. Usually a previous version published around 2012 will work. You could either go to the official website of your graphics card manufacturer and try different driver versions or follow the steps below: Step1:  Download and install Driver Talent:  https://www.drivethelife.com/ Step 2:  Start Driver Talent and click Hardware Step 3:  Click Download & Update in the left Navigation Bar and you will find your driver information for all your devices listed on the right side of the window. In the dropdown list of the graphics driver, choose a version of previous year. (2012 version is recommended for XP system) Step 4:  Click Update to install the chosen graphics driver. Then restart your computer and Nox. That should fix the problem. ...

6 Aplikasi Download Game Terbaik di Android, Gratis!

Bermain game mobile kini sudah jadi pilihan utama bagi sebagian gamers jika dibanding dengan  bermain game di konsol  maupun PC. Fleksibilitas smartphone yang selalu di bawa kemanapun jadi salah satu faktor penyebabnya. Buat kamu pengguna Android, kali ini Jaka akan kasih rekomendasi enam  aplikasi download game  terbaik dan gratis untuk kamu penggila game mobile. 6 Aplikasi Download Game Terbaik di Android Selain tentunya di Play Store, ternyata ada lho beberapa aplikasi lain yang bisa jadi sarana buat kamu mengunduh game-game seru untuk smartphone dan perangkat Android. Apa aja? Berikut rekomendasi aplikasi download game gratis terbaik di Android yang wajib kamu coba: 1.  9apps Aplikasi bernama 9apps ini diciptakan buat kamu yang ingin mencari game-game alternatif untuk dimainkan di smartphone atau perangkat Androidmu. 9pps adalah toko aplikasi pihak ketiga yang diakui sebagai salah satu yang terbesar di dunia. Hingga kini, total download game d...

How to fix “Nox App Player has stopped working” error by increasing the virtual memory size in your computer

If your computer shows the above error message when running Nox, you could fix it by changing the Virtual Memory Paging File Size. By default, the virtual memory (also known as paging file) size is managed by Windows and it could change automatically. This may cause the above problem “Nox App Player has stopped working”. To solve this problem, simply follow the below steps to change the virtual memory size: 1. Right click the Computer icon on your desktop and then click  Properties . 2. Go to  Advanced system settings  in the left navigation panel. 3. In the  System Properties  windows, go to  Advanced  tab and click  Settings  under Performance. 4. Keeping going to  Advanced  tab and click the  Change  button. 5. Uncheck “”Automatically manage paging file size for all drivers” and select “Custom size” below it. Usually when set your own virtual machine size, it is recommend that you set it to your phy...