Cara Menganimasikan GIF Kustom Anda Sendiri dengan Photoshop

Membuat animasi dari awal di Photoshop mungkin tampak menakutkan, tetapi sebenarnya sangat sederhana. Jalankan Photoshop dan ambil beberapa file Anda. Sudah waktunya untuk mengganggu celana teman Anda dengan banyak GIF animasi!

Kami telah berbicara tentang beberapa cara sederhana untuk mengubah video dan Youtube menjadi GIF animasi, tetapi hari ini kami akan menunjukkan kepada Anda cara membuat animasi sederhana tanpa menggunakan file video apa pun. Terus membaca - ini sangat menyenangkan.

Membuat Animasi dengan Alat Animasi Photoshop

Untuk animasi sederhana, kami akan membuat bagian dari gambar pada layer terpisah yang dapat kami pindahkan. Kami hanya akan menggerakkan gerakan mata, tetapi Anda dapat membuat segala jenis animasi dengan cara ini, termasuk sel animasi gambar tangan yang sebenarnya atau memindahkan foto.

Apa pun yang ingin Anda menghidupkan, mulailah dengan setidaknya dua lapisan. Dalam contoh kita, kita menggunakan logo HTG dan kita menggerakkan matanya ke lapisan kedua yang bisa kita gunakan untuk menghidupkan gerakan.

Untuk memulai, tarik panel Animation. Temukan dengan membuka Window> Animation.

Panel muncul di bagian bawah jendela dan cukup mudah digunakan. Setiap "bingkai" baru dari animasi adalah seperti snapshot file. Klik tautan di panel animasi setiap kali Anda ingin membuat snapshot baru dari keadaan file saat ini. Tapi belum!

Panel ini juga memungkinkan Anda mengatur "penundaan" untuk masing-masing frame, yang berarti berapa lama (secara keseluruhan atau sepersekian detik) itu ditampilkan di layar sebelum melanjutkan ke frame berikutnya. 25 frame per detik (0,04) adalah tingkat standar untuk animasi, tetapi mungkin sedikit cepat untuk GIF animasi. Sebagai contoh kami, kami berkompromi dengan penundaan 0,05, yang juga dapat Anda gunakan. Jika Anda ingin menggunakan jumlah frame yang berbeda per detik, cukup bagi 1 dengan jumlah frame untuk mendapatkan waktu tunda yang tepat. (Misalnya, 1 detik dibagi 25 frame sama dengan waktu tunda 0,04.)

Idenya adalah untuk memindahkan lapisan mata kenaikan kecil dan mengambil snapshot di sepanjang jalan. Kami akan menggunakan pindahkan alat (tombol pintas "V") dan menyenggol lapisan kita dengan menggunakan tombol panah. Dalam contoh kami, kami telah mengambil foto setelah menyenggol setiap dua piksel atau lebih.

Dengan mengklik di panel, Anda dapat melihat bingkai baru yang dibuat dalam animasi. Mereka mengambil waktu tunda bingkai sebelum mereka, jadi Anda mungkin ingin memilih penundaan yang tepat di tempat pertama, jadi Anda tidak perlu mengubah banyak bingkai setelah Anda selesai mengambil gambar.

(Catatan Penulis: Jika Anda seperti saya, Anda akan mengutak-atik penundaan itu berjuta kali, toh. Hal-hal tidak selalu berjalan persis seperti yang Anda inginkan!)

Lay out frame Anda saat Anda berjalan, menggunakan panel lapisan Anda untuk memindahkan objek Anda (dalam contoh kami, mata) namun Anda peduli, dan mengambil banyak dan banyak foto. Ingat, 25 atau lebih akan sama dengan satu detik, jadi ambil snapshot Anda sesuai.

Anda juga dapat mengedit penundaan beberapa frame sekaligus dengan menggunakan tombol shift dan memilih banyak atau semua frame Anda dan mengubah penundaan. Perhatikan bahwa Anda dapat mengatur penundaan Anda ke "Lainnya ..." di dekat bagian bawah untuk menggunakan penundaan khusus kami sebesar 0,05.

Arahkan ke File> Save for Web & Devices untuk membuka alat dengan nama yang sama.

Alat ini akan memungkinkan Anda untuk membuat animasi GIF yang ramah browser, serta mengujinya di dalam alat (seperti yang ditunjukkan di atas, di mana kursor panah berada). Pastikan untuk mengatur tipe file Anda ke GIF dan gunakan pengaturan Perceptual, Selective, atau Adaptive. Ini dapat mengubah gambar Anda dengan cara yang berbeda, tetapi bagi banyak dari Anda akan memberikan hasil yang hampir sama. Untuk mengurangi ukuran file, Anda dapat mengubah Ukuran gambar (menuju bagian bawah) dan nomor Anda dari Warna (di sisi kanan atas). Anda juga dapat mengurangi ukuran file dengan tidak memasukkan transparansi, meskipun kami tidak mencontohkannya (wah!).

Dan, GIF animasi kami siap dipasang di web untuk menyenangkan, mengejutkan, dan membuat kagum.

Dan itu tentang membungkusnya untuk animasi. Pikiran atau pertanyaan tentang metode kita? Punya metode yang lebih baik, atau teknik yang lebih sederhana? Ingin melihat sesuatu yang lebih maju? Ceritakan pada kami di komentar, atau kirimkan pendapat Anda di [email protected], dan kami dapat memasukkannya dalam artikel grafis mendatang.