Membuat animasi dari awal di Photoshop mungkin tampak menakutkan, tetapi pada kenyataannya, mereka sangat sederhana. Jalankan Photoshop dan ambil beberapa file Anda. Saatnya untuk mengganggu celana dari teman-teman Anda dengan banyak GIF animasi!
Kami telah membicarakan tentang beberapa cara sederhana untuk mengubah video dan Youtube merobek menjadi GIF animasi, tetapi hari ini kami akan menunjukkan cara membuat animasi sederhana tanpa menggunakan file video apa pun. Terus membaca yang satu ini sangat menyenangkan.
Untuk animasi sederhana, kita akan membuat bagian dari gambar pada lapisan terpisah yang bisa kita gerakkan. Kami hanya akan menjiwai gerakan mata, tetapi Anda dapat membuat jenis animasi apa pun dengan cara ini, termasuk sel animasi yang digambar dengan tangan yang sebenarnya atau foto bergerak.
Terlepas dari apa yang ingin Anda animasikan, mulailah dengan setidaknya dua lapisan. Dalam contoh kami, kami menggunakan logo HTG dan kami menggerakkan matanya ke lapisan kedua yang dapat kami gunakan untuk menggerakkan gerakan.
Untuk memulai, tarik panel Animasi. Temukan dengan masuk ke Window> Animation.
Panel muncul di bagian bawah jendela dan cukup mudah digunakan. Setiap "bingkai" baru dari animasi semacam seperti snapshot file. Klik di panel animasi kapan pun Anda ingin membuat snapshot baru dari status file saat ini. Tetapi belum!
Panel ini juga memungkinkan Anda mengatur "penundaan" untuk masing-masing frame, yang berarti berapa lama (dalam keseluruhan atau pecahan detik) itu ditampilkan di layar sebelum maju ke frame berikutnya. 25 frame per detik (0,04) adalah tarif standar untuk animasi, tapi mungkin sedikit cepat untuk GIF animasi. Untuk contoh kami, kami berkompromi dengan penundaan 0,05, yang juga dapat Anda gunakan. Jika Anda ingin menggunakan jumlah frame per detik yang berbeda, cukup bagi 1 dengan jumlah bingkai untuk mendapatkan waktu tunda yang tepat. (Misalnya, 1 detik dibagi dengan 25 bingkai sama dengan waktu tunda 0,04.)
Idenya adalah untuk memindahkan lapisan mata sedikit demi sedikit dan mengambil foto sepanjang jalan. Kami akan menggunakan memindahkan alat (tombol pintas "V") dan menyentuh layer kami dengan menggunakan tombol panah. Dalam contoh kami, kami telah mengambil snapshot 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, sehingga Anda mungkin ingin memilih penundaan yang tepat di tempat pertama, sehingga Anda tidak perlu mengubah banyak bingkai setelah Anda selesai menangkap gambar.
(Catatan Penulis: Jika Anda seperti saya, Anda akan menyesuaikan penundaan itu satu miliar kali. Lagi pula, semuanya tidak selalu sesuai dengan yang Anda inginkan!)
Lay out frame Anda saat Anda pergi, menggunakan panel lapisan Anda untuk memindahkan objek Anda (dalam contoh kita, mata) bagaimanapun Anda peduli, dan mengambil banyak dan banyak snapshot. Ingat, 25 atau lebih akan sama dengan satu detik, jadi ambillah snapshot Anda.
Anda juga dapat mengedit penundaan beberapa bingkai sekaligus dengan menggunakan tombol shift dan memilih banyak atau semua bingkai Anda dan mengubah penundaan. Perhatikan bahwa Anda dapat mengatur penundaan Anda ke "Lainnya ..." di dekat bagian bawah untuk menggunakan penundaan kustom kami 0,05.
Arahkan ke File> Simpan untuk Web & Perangkat untuk membuka alat dengan nama yang sama.
Alat ini akan memungkinkan Anda untuk membuat GIF animasi ramah browser, serta mengujinya di dalam alat (seperti yang ditunjukkan di atas, di mana kursor panah berada). Pastikan untuk mengatur jenis file Anda ke GIF dan gunakan pengaturan apa pun Perseptual, Selektif, atau Adaptif. Ini dapat mengubah gambar Anda dengan cara yang berbeda, tetapi bagi banyak dari Anda akan memberikan hasil yang mendekati identik. Untuk mengurangi ukuran file, Anda dapat mengubah Ukuran gambar (ke arah bawah) dan nomor Anda Warna (di sisi kanan atas). Anda juga dapat mengurangi ukuran file Anda dengan tidak termasuk transparansi, meskipun kami tidak dalam contoh kami (whoops!).
Dan, GIF animasi kami siap dipasang di web untuk menyenangkan, mengejutkan, dan menciptakan kekaguman.
Dan itu tentang membungkusnya untuk animasi. Pikiran atau pertanyaan tentang metode kami? Memiliki metode yang lebih baik, atau beberapa teknik yang lebih sederhana? Ingin melihat sesuatu yang lebih canggih? Beri tahu kami tentang mereka di komentar, atau kirimkan pendapat Anda di [email protected], dan kami dapat memasukkannya dalam artikel grafis yang akan datang.