Ekspor Animasi Photoshop ke PNG Sequence

• April 19, 2024

Sejauh ini, kami telah membuat Photoshop yang sangat sederhana^R animasi dengan hanya 6 frame. Ketika kita memainkan animasi, kita melihat bahwa bola bergerak ke atas ke atas jendela gambar dan kemudian turun tiba-tiba ke bawah. Sebelum kita mengekspor frame dari animasi sebagai urutan PNG kita perlu membuat bola yang layak menjadi sedikit lebih halus. Animasi kami akan terlihat lebih realistis jika kami menambahkan lebih banyak bingkai ke jatuhnya bola. Kami akan melakukan ini dengan mengatasi beberapa bingkai dan memutarnya secara terbalik.

1. Pilih bingkai 2 - 5 di Panel Animasi dan pilih Salin Bingkai dari menu panel (ikon di sudut kanan atas).
   
   
2. Pilih bingkai 6 dan pilih Tempel Bingkai dari menu panel. Di kotak dialog Tempel Bingkai, pilih Tempel Setelah Seleksi.
   
   
3. Frame yang ditempel akan muncul setelah frame 6 dan harus tetap dipilih. Dari menu panel, pilih Reverse Frames.
   
   

Sekarang, kami memiliki 10 frame untuk animasi kami. Mainkan animasi dan bola harus bergerak ke atas dan kemudian kembali dengan kecepatan yang sama.

Simpan file animasi dalam format Photoshop default sebagai ball.psd.

Tugas kita selanjutnya adalah mengekspor frame-frame dari animasi sebagai PNG secara berurutan. Meskipun frame rate 0,2 fps bagus untuk animasi asli, kita perlu mengubahnya menjadi 1 fps untuk proses ekspor.

1. Di Panel Animasi, ubah .2 detik menjadi 1 detik di masing-masing dari 10 frame.
   
   
2. Pilih bingkai 1 di Panel Animasi dan klik File - Ekspor - Render Video.
   
   
3. Di bagian Lokasi kotak dialog Video Render, pilih folder tujuan untuk gambar PNG. Anda dapat secara otomatis menempatkan PNG dalam subfolder jika Anda mau.
   
   
4. Di bagian Opsi File, pilih Urutan Gambar dan setel jenisnya ke PNG. Pertahankan awal default # dari 0 dan atur Digit ke 1. Ini akan menyebabkan PNG keluaran diberi nama ball0.png melalui ball9.png (tanpa angka nol di depan).
   
   
5. Biarkan Ukuran default diatur ke Ukuran Dokumen. Ini harus 256 x 256 seperti yang kita atur di awal tutorial.
   
   
6. Di bagian Rentang, pilih Semua Bingkai untuk mengekspor semua bingkai dari animasi.
   
   
7. Di bagian Opsi Render, pertahankan Alur Saluran diatur ke Tidak Ada dan atur Kecepatan Frame ke 1 fps.
   
   
8. Klik tombol Render dan Anda akan melihat 10 png muncul di folder output Anda.
   
   

Sekarang kami memiliki urutan PNG kami untuk mengimpor ke TexturePacker.

← Kembali | Selanjutnya

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [adalah] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.

Petunjuk Video: How To Create Frame Animation (GIF or VIDEO) In Photoshop (April 2024).