Cara Membuat Animasi Format GIF Dengan Photoshop

Membuat Animasi Format GIF 1

Cara Membuat Animasi Format GIF Dengan Photoshop – Fitur kelebihan Photoshop dibanding program lainnya adalah Photoshop menyediakan fitur untuk membuat gambar format .gif atau istilah lainnya gambar animasi. Cara membuat animasi format .gif dengan Photoshop tergolong mudah dan hasilnya tidak kalah menarik dengan program-program pengolah penghasil gambar animasi lainnya.

Jika Anda tertarik ingin membuat gambar animasi format .gif seperti contoh animasi diatas, mari kita bahas caranya. Photoshop yang saya gunakan dalam tutorial ini adalah Photoshop CS3.

Setelah Photoshop Anda aktif, silakan buat canvas baru dengan cara klik File > New. Beri nama canvas “Animasi” Width 350 pixels, Height 350 pixels dan Resolution cukup 72 pixels.

Membuat Animasi Format GIF 2

Gambar yang saya buat dalam tutorial membuat animasi ini menggunakan gambar Custom Shape Tool. Silakan Aktifkan Shape Toolnya, dan disini saya memilih gambar Flower 7.

Membuat Animasi Format GIF 3

Setelah memilih Shape seperti yang dicontohkan, sekarang buat gambar Flower di area canvas Animasi. Maka otomatis, di Pallet Layers akan bertambah sebuah Shape baru.

Membuat Animasi Format GIF 4

Aktifkan menu Animation dari Window. Animation Frames ini fungsinya untuk mengoperasikan projek Animasi Anda.

Membuat Animasi Format GIF 5

Sekarang set waktu durasi animasinya dengan cara klik pada Selects frame delay time. Cukup tentukan 0.1 seconds saja. Selanjutnya perbanyak Frames dengan mengklik Duplicates selested frames, duplikat sebanyak 5 frame.

Membuat Animasi Format GIF 6

Setelah melakukan duplikat Frame Animasi, sekarang duplikat juga Layer Animasi sebanyak 5 layer. Untuk menduplikat layer, selain dari Image > Duplicate… bisa juga dengan menekan Ctrl+J pada keyborad.

Membuat Animasi Format GIF 7

Sekarang Anda mempunyai lima buah Frame Animasi dan lima buah Layer Animasi. Langkah selanjutnya setting Indicates layer visibility (icon mata) pada setiap Frame Animasi. Maksudnya, jika Frame Animasi 1 aktif, maka Indicates layer visibility juga yang aktif harus Layer Animasi 1. Begitu selanjutnya Anda setting pada Layer animasi lainnya sesuaikan dengan posisi nomor Frame Animasi.

Membuat Animasi Format GIF 8
 
Contoh lain, dalam mengaktifkan Indicates layer visibility lihat gambar dibawah ini :

Membuat Animasi Format GIF 9

Jika sudah selesai melakukan pengaturan Indicates layer visibility di semua Layer Animasi dari Layer satu sampai dengan Layer 5, kita lanjutkan tutorialnya.
Aktifkan Frame Animasi 1 dan Layer Animasi 1, klik Move Tool pada Toolbox atau tekan huruf V pada keyboard. Rubah posisi derajat sudutnya menajdi 60.

Membuat Animasi Format GIF 10

Lakukan juga pada Frame Animasi 2 dan Layer Animasi 2. Rubah posisi derajat sudutnya menjadi 120. Di Frame Animasi 3 dan Layer Animasi 3 menjadi 180Frame Animasi 4 dan Layer Animasi 4 240 dan terakhir Frame Animasi 5 dan Layer Animasi 5 menjadi 300.
Bagaimana apakah Anda menemui kesulitan ? Semoga saja lancar dan sukses membuat gambar animasi format .gif dengan Photoshopnya.
Sekarang coba test gambar animasi yang baru saja telah ANda buat dengan cara klik Plays animation.

Membuat Animasi Format GIF 11

Simpan hasil karya Anda dengan cara klik File > Save for Web & Devices… Dan agar gambar animasi dapat berjalan disemua media browser maka perhatikan pengaturannya seperti gambar dibawah ini :

Membuat Animasi Format GIF 12

Sekarang Anda sudah bisa Cara Membuat Animasi Format GIF Dengan Photoshop

 sekian infonya kawan :)


EmoticonEmoticon