P. 1
Animasi Sederhana Dengan Photoshop CS3

Animasi Sederhana Dengan Photoshop CS3

|Views: 22|Likes:
Published by Zira Whiter

More info:

Published by: Zira Whiter on Jun 02, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less

11/01/2012

pdf

text

original

Animasi sederhana dengan Photoshop CS3

Apa itu Animasi? Sebelumnya Anda harus paham dulu apa itu animasi? animasi merupakan serangkaian gambar ( tiap gambar diistilahkan sebagai frame ) yang ditampilkan dalam kurun waktu tertentu. Animasi memiliki satuan, yaitu FPS ( Frame Per Second ) yang menunjukkan berapa banyak sequence ( rangkaian gambar ) yang ditampilkan dalam waktu satu detik. Standar film animasi ialah 24 fps, yang artinya ada 24 gambar/frame yang ditampilkan dalam satu detik. Dengan kecepatan seperti ini, rangkaian gambar diam tersebut akan menimbulkan ilusi pada mata kita sehingga seolah-olah bergerak. Catatan Penting Ada beberapa hal yang harus Anda ketahui sebelum membuat animasi menggunakan Photoshop CS3/ImageReady: Animasi dalam photoshop/Imageready berkisar pada perubahan posisi, penggunaan layer style dan tampil-tidaknya objek ( berupa gambar atau teks ). Ini artinya, Anda tidak dapat membuat animasi dengan mengandalkan perubahan warna dan ukuran objek. Karena apabila Anda mengubah ukuran objek, maka seluruh frame yang menampilkan objek tersebut akan ikut berubah. Tutorial Animasi 1 Sudah kenyang dengan teori? sekarang mulailah membuka program Photoshop CS3 atau ImageReady CS2 ( dalam contoh ini saya menggunakan Photoshop CS3, jadi mungkin beberapa perintah agak berbeda dengan ImageReady, namun secara konsep bisa digunakan juga untuk ImageReady koq ) 1. Buat sebuah dokumen baru berukuan sedang, 300×250 px dengan latar belakang putih saya rasa sudah cukup memadai.

Gunakan Ellipse tool untuk membuat objek lingkaran kecil berwarna hitam. cukup gandakan saja objek lingkaran tersebut dengan menekan Ctrl+J lalu susun horisontal seperti yang terlihat pada Gambar dibawah ini: 4. Buat tiga buah objek lingkaran lagi dengan ukuran yang sama satu sama lainnya. Pastikan Anda menggunakan pilihan shape layers. sehingga objek lingkaran tersebut dibuat pada layer shape baru. ( Klik pada gambar untuk memperbesar ukurannya – pada jendela browser baru) 3. Buat sebuah objek lingkaran lagi dengan ukuran yang sama. . Bila tidak ingin repot. Pastikan objek lingkaran ini berada di urutan teratas pada palet Layers lalu sembunyikan layer ini dengan menghilangkan icon mata di sebelahnya.2. namun gunakan warna merah.

frame selanjutnya akan diberi nama frame 3. Berikutnya apabila Anda mengulang langkah ini. di sini Anda hanya melihat sebuah frame. 8.5. Tampilkan palet Animation melalui menu Window> Animation. Buat frame 4. 6. Lihat gambar untuk lebih jelasnya. klik tombol Duplicates Selected Frames ( tombol ini sudah mendefinisikan sendiri fungsinya bukan ? ) Frame hasil duplikat ini dinamai Frame 2. Untuk itu. Buat frame 3. lalu pindahkan objek lingkaran merah ke atas lingkaran hitam 2. Untuk membuat animasi. Ingat. Masih pada frame 2. frame 4 dan seterusnya sesuai dengan urutan frame tersebut dibuat. 9. tampilkan kembali objek lingkaran merah. Cukup jelas yah? mudah2an 7. Anda harus menambah jumlah frame dan melakukan perubahan yang diperlukan dalam tiap-tiap frame tersebut. lalu pindahkan objek .

Bila gerakan animasi dirasa terlalu cepat. Buat frame 5. 13. .lingkaran merah ke atas lingkaran hitam 3. Kemudian klik salah satu tulisan 0 sec yang berada dibawah kotak frame. 12. pilih Select All Frames. untuk memilih delay time yang diinginkan. 11. seleksi seluruh frame terlebih dahulu melalui tombol menu.2 detik. 10. lalu pindahkan objek lingkaran merah ke atas lingkaran hitam 4.2 sec. untuk mengatur delay seluruh frame. OK sudah cukup. Anda dapat mengatur jarak tayang ( delay ) antar frame. sekarang coba mainkan animasi dengan mengklik tombol play. Dalam contoh ini saya memilih delay 0. artinya jarak waktu untuk menampilkan tiap-tiap frame adalah 0.

Untuk menjadikan gambar ini sebagai animasi. 15. 16. soalnya terlalu bertele-tele kalau saya jelaskan lagi kenapa pilih Preset ini. pilih Forever. segitu dulu deh.14. Klik tombol Save. Klik kembali tombol Play. tentukan lokasi penyimpanan serta nama file. Klik menu File> Save for web and Devices atau Save Optimize image ( kalau nggak salah ) untuk ImageReady. jangan lupa untuk menyimpan gambar animasi dalam format PSD juga. Anda harus menyimpannya ke dalam format GIF. mungkin di lain kesempatan saya akan jelaskan maksud pilihan ini ). 17. Pada bagian Looping options. pilih salah satu Preset GIF. Selesai sudah Bila diperlukan untuk lain waktu. misalnya GIF 32 No Dither ( Anda ikuti saja dulu. mudah2an tutorial sederhana ini bisa bermanfaat untuk pengunjung setia blog pixelisme Tunggu tutorial animasi saya berikutnya ya… . kini gerakan animasi menjadi sedikit lebih lambat. Dalam kotak dialog yang tampil. 18.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->