Pembuat & Generator Sprite Sheet
Animasikan satu gambar karakter di sini, atau gunakan alat PNG dan video gratis kami di bawah ini.
01Karakter
Gunakan gambar karakter seluruh badan yang jelas dengan latar belakang putih polos.02Rancang gerakan
03Pengaturan output
SIAP UNTUK GAMEDari gambar karakter menjadi animasi berjalan
Contoh nyata SpriteFrame: unggah gambar karakter dan pilih preset Walk untuk menghasilkan animasi.
Pengaturan pembuatan: Gambar referensi · 2 detik · HD · 25 frame · 768 × 768 per frame.
Koreksi tepi diaktifkan pada 100% secara default. Pengoptimalan loop diaktifkan secara manual dengan rekomendasi 1, mempertahankan 13 dari 25 frame. Ini adalah salah satu contoh.
← → / A D untuk bergerak · ↑ / W untuk melompat · Space untuk menjeda / melanjutkan · Esc untuk keluar.
Bagaimana cara membuat sprite sheet secara online?
Buat sprite sheet dengan tiga cara: animasikan gambar karakter dengan AI, gabungkan frame PNG yang ada, atau ekstrak frame dari video MP4. Konversi dasar PNG dan MP4 gratis tanpa akun; animasi AI memerlukan akun dan kredit.
Animasikan gambar karakter
Unggah satu gambar karakter, jelaskan gerakannya, dan buat frame animasi. Opsi ini memerlukan akun dan kredit.
Gabungkan frame PNG
Masukkan frame PNG yang ada, atur urutannya, pratinjau gerakannya, dan ekspor sheet. Konversi dasar tidak memerlukan akun.
Ekstrak frame dari MP4
Pilih klip dan jumlah frame, ekstrak frame di browser Anda, lalu ubah menjadi sprite sheet.
Buat animasi sprite AI dalam 3 langkah
Siapkan karakter dan aksi
Gunakan gambar karakter yang jelas dengan ruang di sekitar subjek. Untuk gerakan seluruh tubuh, mulailah dengan kaki yang terlihat. Pilih satu aksi atau jelaskan, termasuk arah pandang dan kamera tetap. Latar belakang yang bersih memudahkan pemeriksaan garis luar.
Hasilkan, lalu periksa frame
Animasi AI menghasilkan video, mengekstrak jumlah total frame yang dipilih, dan menghapus latar belakang. Tinjau pratinjau animasi dan adegan, lalu buka editor frame untuk menghapus pose yang tidak diinginkan atau menyesuaikan frame individual. Hasil AI mungkin memerlukan pembersihan manual.
Ekspor sesuai kebutuhan penggunaan
Gunakan sprite sheet PNG atau urutan PNG untuk aset game, dengan JSON sebagai referensi frame dan timing. Gunakan GIF untuk pratinjau animasi cepat yang dapat dibagikan. Atur pemutaran dan perilaku gameplay di engine Anda; hasil ekspor tidak mencakup pergerakan, tabrakan, atau proyek game lengkap.
Periksa detail ini sebelum menggunakan sprite di dalam game
Lompatan visual pada batas loop
Bandingkan pose terakhir dan pertama. Coba rentang loop yang disarankan dan tinjau setiap opsi; rentang yang direkomendasikan hanyalah titik awal, bukan jaminan. Animasi serangan dan kematian mungkin bekerja lebih baik sebagai aksi satu kali daripada loop.
Warna latar belakang di sekitar garis luar
Periksa frame potongan pada latar belakang pratinjau terang dan gelap. Koreksi tepi dapat mengurangi sisa warna latar belakang, sedangkan hapus dan pulihkan manual membantu mengatasi kesalahan di area tertentu. Periksa rambut halus, garis luar, dan pakaian berwarna pucat sebelum menerapkan perubahan ke setiap frame.
Detail menghilang pada ukuran kecil
Tinjau pada ukuran yang akan Anda gunakan di dalam game. Frame yang lebih kecil memiliki lebih sedikit piksel, sehingga detail halus dapat hilang. Pilih penskalaan halus untuk sprite bergambar ilustrasi atau penskalaan piksel untuk pixel art, lalu bandingkan hasilnya dengan yang asli sebelum mengekspor.
Pratinjau gerakan sebelum Anda mengekspor
Di ruang kerja PNG dan video, periksa urutan frame, hapus frame serupa yang berdekatan, cari loop, dan pilih ukuran ekspor. Transparansi PNG bawaan tetap dipertahankan. Latar belakang video tetap ada kecuali Anda memilih AI cutout. ZIP menyertakan data waktu JSON sehingga Anda dapat mengatur pemutaran di game engine.
Gunakan hasilnya di game engine Anda
Setelah mengekspor PNG, potong sheet dan atur pemutaran di dalam engine Anda. JSON SpriteFrame menyediakan urutan frame dan timing sebagai referensi; ini tidak membuat file proyek engine.
Panduan sprite sheet GodotPanduan sprite sheet UnityBandingkan dengan TexturePacker
Pertanyaan yang sering diajukan
Apakah saya memerlukan akun?
Tidak perlu akun untuk menggabungkan frame PNG atau mengekstrak frame dari MP4. Animasi AI dan AI cutout memerlukan akun dan kredit.
Bagian mana yang gratis?
Membuat, melihat pratinjau, dan mengekspor sprite sheet dari PNG atau MP4 Anda sendiri gratis. Fitur AI menampilkan biaya kredit sebelum Anda menjalankannya.
Apakah file saya diunggah?
Pemrosesan dasar PNG dan MP4 berlangsung di browser Anda. AI cutout mengunggah frame yang Anda pilih; animasi AI juga mengunggah gambar karakter Anda.
Berapa banyak frame yang dapat saya gunakan?
Alat PNG dan video dapat memproses hingga 120 frame sekaligus. Panel animasi AI menampilkan jumlah frame output yang tersedia.
Apa yang bisa saya unduh?
Unduh sprite sheet PNG atau frame PNG bernomor dengan data timing JSON, atau ekspor GIF untuk dibagikan. PNG mempertahankan transparansi halus; GIF memiliki warna terbatas dan tidak mempertahankan tepi semi-transparan.
Bisakah saya menggunakan hasilnya di dalam game?
Anda dapat mengimpor hasil ekspor ke dalam alur kerja game Anda. Anda harus memiliki hak atas aset input Anda, dan konten buatan AI juga tunduk pada ketentuan penyedia model.