Cara Menganimasikan Gambar Di Photoshop

 Cara Menganimasikan Gambar Di Photoshop



Dengan beberapa latihan dan kesabaran, Anda dapat mempelajari cara membuat animasi di Photoshop dan mengubah pekerjaan Anda menjadi GIF untuk dibagikan secara online. Alat animasi Photoshop sering kali tidak diketahui tetapi sangat layak untuk dipelajari. Kami akan membawa Anda melalui setiap langkah yang diperlukan untuk mempelajari cara membuat animasi di Photoshop.


Seperti kebanyakan alat animasi, Anda harus membuat setiap bingkai sebagai gambar terpisah, jadi Anda perlu menyisihkan waktu untuk membuat setiap bingkai secara manual, terutama jika Anda berencana membuat animasi yang rumit.

Daftar isi


Mulailah Dengan Membuat Bingkai Animasi Anda Di Photoshop


Untuk memulainya, Anda harus menyimpan gambar terpisah untuk setiap bingkai yang akan Anda gunakan. Terserah Anda seberapa rumit Anda ingin membuat animasi Anda, tetapi untuk pengujian ini kami akan membuat logo animasi sederhana.


Trik untuk mempelajari cara menganimasikan di Photoshop adalah membuat gerakan kecil dan menyimpan foto baru setiap kali Anda membuat gerakan. Setiap gerakan harus memiliki bobot yang sama. Misalnya, jika Anda ingin sebaris teks meluncur melintasi layar, setiap bingkai harus membuat teks bergerak dengan jumlah piksel yang sama sehingga animasi terlihat mulus.


Jika Anda tidak yakin bagaimana Anda bisa berpindah dari titik A ke B dalam animasi Anda, mulailah dengan bingkai akhir terlebih dahulu, lalu buat bingkai pertama. Terakhir, isi bingkai di antaranya.


Saat Anda menyimpan setiap gambar, beri nama secara numerik sehingga Anda tidak bingung dengan posisinya.


Cara Menganimasikan Urutan Gambar Di Photoshop


Setelah Anda memiliki gambar frame-by-frame, saatnya untuk mengubahnya menjadi animasi. Pastikan untuk mengikuti langkah-langkah di bawah ini dengan cermat.

 1. Klik File, Klik Scripts, lalu klik Load Files Into Stack..

 2. Klik Browse… dan pilih semua frame untuk animasi Anda.

 3. Klik OK dan tunggu hingga gambar dimuat ke dalam lapisan terpisah.

 4. Klik Window dan kemudian Timeline untuk membuka jendela animasi.

 5. Klik panah dropdown di panel timeline dan pilih Create Frame Animation.

 6. Klik Buat Animasi Bingkai.


Anda sekarang akan memiliki lapisan di timeline Anda. Langkah selanjutnya adalah mengubah setiap layer Anda menjadi bingkai baru. Ikuti langkah-langkah di bawah ini.

 1. Klik Pilih di bagian atas lalu klik Semua Lapisan.

 2. Klik ikon menu tiga tumpukan di sisi kiri panel garis waktu.

 3. Pada menu yang muncul, klik Create New Layer untuk Every New Frame.

 4. Klik ikon menu tiga tumpukan dan sekarang klik Make Frames From Layers.


Anda sekarang akan memiliki semua gambar Anda dimuat ke dalam bingkai terpisah. Tugas selanjutnya adalah memilih waktu berapa lama setiap frame akan dimainkan. Mungkin perlu beberapa pengujian untuk mendapatkan kecepatan yang tepat, tetapi Anda dapat memilih waktu bingkai untuk setiap bingkai dengan mengklik panah di bawah setiap bingkai di sebelah teks 0 detik.


Anda dapat bereksperimen dengan waktu yang berbeda, tetapi yang terbaik adalah memulai dengan memilih waktu yang sama untuk setiap frame. Jika animasi berisi adegan atau fase animasi yang berbeda, Anda mungkin ingin menyesuaikan pengaturan waktu untuk setiap fase/adegan tersebut satu per satu.

Kapan saja Anda dapat mengklik tombol putar untuk melihat animasi. Ada sejumlah kontrol lain di jendela timeline juga, yang telah kami jelaskan dari kiri ke kanan di bawah.


Pergantian Garis Waktu


Beralih garis waktu antara garis waktu bingkai demi bingkai dan garis waktu film tradisional.


Jumlah Pemutaran


Ubah apakah animasi diputar selamanya atau untuk sejumlah loop tertentu sebelum berhenti. Ini akan memengaruhi hasil akhir setelah disimpan sebagai GIF. Anda dapat mengubah pengaturan ini lagi sebelum mengekspor animasi nanti.


Tarik-turun Pemutaran


Panah tarik-turun yang Anda lihat di kontrol garis waktu adalah metode lain untuk mengakses jumlah pemutaran.


Kontrol Pemutaran


Putar, jeda, hentikan, dan lompat animasi ke akhir atau awal dengan empat kontrol pemutaran yang tersedia.


dua belas


Gunakan fitur Tween untuk menghasilkan frame “di antara” agar animasi Anda terlihat lebih halus. Fitur Tween akan dijelaskan lebih detail di bawah ini.


Bingkai Duplikat


Tombol ini akan menduplikasi setiap frame yang dipilih saat ini dan akan menempatkannya di timeline setelah aslinya.


Hapus Bingkai


Opsi ini akan menghapus bingkai yang dipilih.


Cara Mengekspor Animasi Photoshop Anda


Setelah Anda puas dengan animasi Photoshop Anda, Anda dapat mengekspornya dengan mengikuti langkah-langkah di bawah ini.

 1. Klik Baru.

 2. Klik Ekspor lalu klik Simpan untuk Web (Legacy)…

 3. Jika Anda memiliki animasi dengan warna detail, pilih GIF 128 Dithered di bawah dropdown preset.

 4. Jika Anda memiliki animasi dengan warna blok sederhana, pilih GIF 128 No Dither.

 5. Pastikan Anda telah mengatur pilihan pilihan Anda di Looping Options di bagian bawah.

 6. Terakhir, klik Simpan… dan pilih tempat untuk menyimpan GIF Anda di PC.

How To Make An Animation Smooth In Photoshop


Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.


To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position.


Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.


Summary


We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.


Bagikan: