Cara Menghidupkan GIF Kustom Anda Sendiri dengan Photoshop

Daftar Isi:

Cara Menghidupkan GIF Kustom Anda Sendiri dengan Photoshop
Cara Menghidupkan GIF Kustom Anda Sendiri dengan Photoshop

Video: Cara Menghidupkan GIF Kustom Anda Sendiri dengan Photoshop

Video: Cara Menghidupkan GIF Kustom Anda Sendiri dengan Photoshop
Video: 32 Kombinasi Rahasia Ini Ada di Keyboard-mu - YouTube 2024, Maret
Anonim
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!
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. Teruslah membaca - yang ini sangat menyenangkan.

Membuat Animasi dengan Alat Animasi Photoshop

Image
Image
Untuk animasi sederhana, kami akan membuat bagian dari gambar pada lapisan terpisah yang bisa kita gerakkan. Kami hanya akan menggerakkan 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.
Untuk animasi sederhana, kami akan membuat bagian dari gambar pada lapisan terpisah yang bisa kita gerakkan. Kami hanya akan menggerakkan 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.

Panel muncul di bagian bawah jendela dan cukup mudah digunakan. Setiap "bingkai" baru dari animasi semacam seperti snapshot file. Klik
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!
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.)

Image
Image

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 mengambil snapshot setelah menyenggol setiap dua piksel atau lebih.

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

(Catatan Penulis: Jika Anda menyukai saya, Anda akan menyesuaikan penundaan itu satu miliar kali. Semuanya tidak selalu sesuai dengan cara 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.
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.
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.
Arahkan ke File> Simpan untuk Web & Perangkat untuk membuka alat dengan nama yang sama.
Image
Image

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, 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.

Direkomendasikan: