Tuesday 12 August 2014

Cara membuat animasi menggunakan adobe photoshop

Ada banyak cara untuk membuat gambar bergerak digital dengan extensi .gif. Bisa dengan software yang memang khusus untuk membuat gambar bergerak (gif maker, gif creator, dll), atau dengan softare desain grafis yang popular salah satunya dengan photoshop. Membuat gambar animasi bergerak dengan photoshop. Membuat gambar bergerak sama halnya dengan kita mempunyai beberapa gambar (bisa saling berhubungan) yang kemudian kita tampilakan bergiliran secara cepat sahingga tampak bergerak.Satu scene gerakan bisa terdiri dari beberapa gambar.
saya memakai gambar berhubungan berikut :





1.      Buka Photoshop kemudian buka masing-masing gambar.


2.   Satukan gambar dalam 1 file photoshop dengan menduplikat layer dari masing-masing gambar (file) ke salah satu file. [1 gambar yang dibuka dengan photoshop = 1 file]. Caranya,  klik kanan pada layer yang akan dipindah lalu pilih duplicate  layer. Di pilihan kotak duplicate, pilih lokasi dimana layer hasil duplikasiakan diletakkan.



 Lalukan terus hingga semua layer ada dalam satu file seperti tampilan berikut.



3.       Klik menu window pilih animasi, untuk adobe photshop yang lama belum ada, bisa pakai tombol adobe image ready di bagian paling bawah toolbox.


akan mumcul jendela animasi di bawah jendela kerja anda.



 PERHATIKAN :

"frame yang tampil di jendela animasi  akan sesuai dengan layer-layer yang terlihat di panel layer, otomatis pula sesuai denga gambar yang tampil di jendela kerja"
Langkah selanjutnya kita akan mulai membuat frame untuk menyusun animasi


 4.    Membuat frame 1 : tampilkan layer 1 di panel layer, lalu di jendela animasi klik tombol duplicate  selectedframes sehingga sekarang ada 2 frame





PERHATIKAN :

"Frame 1 telah jadi, gambarnya sesuai layer 1. Frame 2 masih belum jadi, ia masih berubah-ubah sesuai tampilan layer yang terlihat"

5.  Membuat Frame 2 : tampilkan layer 2 kemudian klick duplicate selected frame pada jendela animasi



6.  Membuat Frame 3,3,5 dst : caranya sama dengan membuat frame 1 dan 2. Tampilkan layer kemudian klik duplicate selcted frame di jendela animasi.

7.      Mainkan animasi dengan mengklik tombol play animation.

ada tombol (icon tong sampah) untuk menghapus frame yang tidak dibutuhkan. Anda juga bisa mengatur lama tayang tiap frame pada tombol pengaturan waktu (mata panah hitam) anda juga bisa menggunakan opsi lain untuk jumlah penayangan.



PERHATIKAN

Frame bisa diulang-ulang sesuai kebutuhan agar tampilan animasisesuai keinginan.

atur waktu penanyangan sesuai kebutuhan.

di gambar ini saya membuat 12 frame dengan mengulang beberapa frame seperti gambar di bawah ini.



8.       Menyimpan File animasi

klik file pilih save for web and device. Atur format ke gif. kemudian atur ukuran imagenya (secukupnya) kemudian tekan save.


 9.    Berikut ini hasil animasinya.





                                                          

 TAMBAHAN

1. semakin banyak frame dan semakin detail frame maka animasinya semakin kelihatan halus (tidak patah-patah)

2. Gambar tidak harus berhubungan tinggal seperti apa kebutuhan animasinya

3. misal menggunakan gambar berhubungan anda bisa menggambar manual kemudian scan, atau anda bisa print screen dari film.


TWEENS ANIMATION FRAME

digunakan untuk membuat animasi dari 2 gambar berupa perubahan opacity yang jumlah framenya bisa ditentukan. misalnya saya punya 2 gambar berikut







lalu klik tombol tweens animation frames dan kali ini saya menambahkan 10 frame, total menjadi 12 frame seperti gambar di bawah ini


Hasilnya seperti berikut


Sumber: http://clublogos.blogspot.com/

No comments:

Post a Comment