Belajar Membuat Animasi Dengan Photoshop
Belajar Membuat Animasi Dengan Photoshop
Software : adobe Photoshop CS3 – CS4 .. CS2 blom cek udah ada fasilitas animasinya ato belom yaa.. mungkin masih pake Image Ready.By Request : Saya bikin Tutorial ini karena banyak yang request.
Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..
Pembuatan animasi di photoshop ada 2 cara :
1. Import Langsung dari layer ( Make frame from layers – buat yang udah EXPERT )
2. Manual ( ini khusus buat menggerakan benda aja)
Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..
Pertamax.. hehehe buka dokumen baru :
![animasi1](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image003.jpg)
Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black
![animasi2](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image004.jpg)
Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..
Warnai dengan Gradient TOol > Radial Gradient. Warna Terserah aja..
![animasi3](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image005.jpg)
Kalo ngikutin nya bener … jadinya kayak gini ..
![animasi4](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image006.jpg)
Sekarang kita gerakkan Bola nya..
Klik Windows > Animation, maka muncul Animation Bar..
![animasi5](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image007.jpg)
Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..
![animasi6](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image008.jpg)
Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..
![animasi7](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image009.jpg)
Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..
![animasi8](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image010.jpg)
Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.
![animasi9](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image011.jpg)
Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..
Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..
![animasi11](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image012.jpg)
Klik tombol Play.. Kalo udah Ok save di GIF..
Klik File > Save For Web and Devices
![animasi12](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image013.jpg)
Hasilnya :
![animasi12](file:///C:%5CDOCUME%7E1%5CWARNET%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_image014.gif)
Selamat Mencoba…
Tidak ada komentar
Komentarlah Dengan Kata-Kata Sopan Dan Tidak Spam.
Tinggalkan Pesan atau Komentar Anda, Jika Anda Ada Keluhan.