Langkah membuat duplikat gambar yang betul adalah

Info Menarik – Tahukah Kamu bahwa di Photoshop itu kita bisa membuat gambar bergerak format gif atau animasi. Gambar yang dihasilkan tidak kalah menarik dengan program-program lain khusus untuk membuat gambar animasi. Dan menurut saya pembuatan gambar format gif di Photoshop itu tergolong mudah. Untuk Kamu yang baru mengenal Photoshop-pun bisa mencoba praktik cara ini.

Table of Contents Show

Cara Membuat Gambar Animasi Format GIF di Photoshop
1. Buat Canvas Baru
2. Buat Gambar dari Custom Shape Tool
3. Aktifkan Menu Animation
4. Setting Animation Frames
5. Ubah Posisi Gambar Animasi
6. Selesai dan Simpan Gambar Animasi

Baca Juga: Cara Mengganti Background Foto dengan Extract

Berikut adalah contoh hasil gambar animasi format .gif sederhana yang saya buat menggunakan program Adobe Photoshop:

Jika Kamu tertarik ingin mencoba membuat gambar animasi seperti contoh di atas, silakan simak artikel ini sampai selesai.

Sedangkan Photoshop yang saya gunakan dalam tutorial ini adalah Photoshop CS3.

Cara Membuat Gambar Animasi Format GIF di Photoshop

1. Buat Canvas Baru

Langkah pertama silakan Kamu buka program Photoshop yang sudah terinstall di komputer atau laptop. Kemudian buat canvas baru dengan cara klik menu File > New. Beri nama canvas “Animasi” Width 350 pixels dan Height 350 pixels serta Resolution cukup 72 pixels.

Ukuran tersebut hanyalah contoh saja. Sebaiknya langkah awal ini agar Kamu samakan saja seperti yang saya intruksikan. Nanti jika sudah paham langkah-langkahnya baru Kamu sesuaikan dengan kebutuhan.

2. Buat Gambar dari Custom Shape Tool

Setelah selesai membuat canvas seperti penjelasan di atas, sekarang silakan Kamu buat gambar yang nantinya akan kita jadikan animasi. Untuk membuat gambar di Photoshop, kali ini saya menggunakan Custom Shape Tool.

Kamu aktifkan Shape Tool dan cari gambar yang cocok untuk gambar gerak nani. Contoh kali ini saya menggunakan gambar Flower 7.

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

Langkah selanjutnya silakan Kamu aktifkan menu Animation dari menu Window. Setelah mengaktifkan menu Animation maka otomatis akan tampil Animation (Frames) yang berfungsi untuk mengelola gambar animasi yang akan kita buat.

4. Setting Animation Frames

Sekarang saatnya kita setting Animation Frames agar gambar yang tadi sudah kita buat berubah menjadi sebuah animasi atau gambar gerak.

Langkah awal Kamu set waktu durasi animasinya dengan cara klik pada Selects frame delay time. Cukup tentukan 0.1 seconds saja.

Selanjutnya perbanyak Frames dengan cara klik Duplicates selected frames, duplikat sebanyak 5 frame.

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

Sampai tahap ini Kamu sudah mempunyai lima buah Frame Animasi dan lima buah Layer Animasi. Langkah selanjutnya setting juga pada Indicates layer visibility (icon mata) pada setiap Frame Animasi.

Perlu kita ketahui juga jika Frame Animasi 1 aktif, maka Indicates layer visibility juga yang aktif harus Layer Animasi 1. Begitu seterusnya Kamu lakukan pada Layer animasi lainnya sesuaikan dengan posisi nomor Frame Animasi.

Contoh lain, dalam mengaktifkan Indicates layer visibility lihat gambar di bawah ini:

Jika sudah selesai melakukan pengaturan Indicates layer visibility di semua Layer Animasi dari Layer satu sampai dengan Layer 5, kita lanjutkan tutorialnya.

5. Ubah Posisi Gambar Animasi

Untuk mengubah posisi gambar silakan Kamu aktifkan Frame Animasi 1 dan Layer Animasi 1, kemudian klik Move Tool pada Toolbox atau tekan huruf V pada keyboard. Kemudiaan ubah posisi gambar dengan satuan derajat derajat yaitu menajdi 60.

Lakukan juga pada Frame Animasi 2 dan Layer Animasi 2. Kemudian ubah posisi derajat sudutnya menjadi 120. Lalu pada Frame Animasi 3 dan Layer Animasi 3 menjadi 180, Frame Animasi 4 dan Layer Animasi 4 240 dan terakhir Frame Animasi 5 dan Layer Animasi 5 menjadi 300.

Sekarang coba test gambar animasi yang baru saja telah Kamu buat dengan cara klik tombol Plays animation.

6. Selesai dan Simpan Gambar Animasi

Selesai sudah tutorial ini dan sekarang silakan simpan hasil karya Kamu dengan cara klik menu File > Save for Web & Devices… Dan agar gambar animasi dapat berjalan di semua browser maka perhatikan pengaturannya seperti gambar di bawah ini: