Kiat dan Alat untuk membuat animasi Spritesheet

23

Saya mencari alat yang bisa saya gunakan untuk membuat sprite sheet dengan mudah.

Saat ini saya menggunakan Illustrator, tetapi saya tidak pernah bisa mendapatkan pusat karakter di posisi yang tepat, jadi sepertinya ia bergerak di sekitar (meskipun selalu di satu tempat), sambil berputar melalui sprite sheet. Apakah ada alat yang lebih baik yang bisa saya gunakan?

Juga tip apa yang akan Anda berikan untuk bekerja dengan sprite sheet? Haruskah saya membuat setiap bagian dari karakter di lapisan individu (lengan kiri, lengan kanan, tubuh, dll) atau semuanya sekaligus? tips lain juga akan sangat membantu! Terima kasih

graphics animation art sprites spritesheet Mata-mata
sumber
Di mana Anda menggunakan beberapa skrip untuk mengekspor sprite sheet dari Illustrator? Saya menggunakan skrip Photoshop saya sendiri tetapi saya juga ingin sesuatu untuk Illustrator.
rraallvv

Jawaban:

13

Dari masalah yang Anda alami, saya sarankan Anda melakukan hal berikut:

Pertama, bekerja dengan layer dan folder. Ini benar-benar membantu, Kelompokkan masing-masing sprite di folder sehingga Anda dapat memindahkan keseluruhannya dan bagian-bagian yang direplikasi harus ada pada lapisan terpisah.

(Jadi jika ada pedang atau sesuatu itu harus di atas lapisan, mata harus di atas lapisan, dll). Di situlah kekuatan sebenarnya dari jenis aplikasi ini untuk tugas seperti itu. Jika Anda mengacaukan sesuatu, Anda tidak mengacaukan semuanya hanya lapisan itu.

Kemudian, aktifkan penggaris dan aktifkan kisi. (Juga luangkan waktu untuk mengaturnya dengan benar di menu preferensi). Jika mengeklik penggaris dan menariknya, Anda dapat membuat panduan. Menyiapkan batas Anda sendiri menggunakan pedoman akan memungkinkan Anda untuk mengambil sprite (yang sekarang harus di folder) ke garis grid yang memungkinkan Anda untuk memposisikan mereka jauh lebih baik.

Lalu akhirnya, jika segala sesuatunya masih tampak sedikit keluar dari fase saat animasi diputar. Jika Anda memperbesar semua jalan (Anda mungkin perlu memastikan ini diaktifkan di menu preferensi) Anda dapat melihat kotak individu per-pixel. Yang seharusnya memungkinkan Anda untuk menempatkan segala sesuatu di tempat yang Anda inginkan.

Jesse Dorsey
sumber
Ngomong-ngomong, postingan ini berbicara tentang cara menggunakan Photoshop untuk kasus ini.
4
@Sergio, tidak perlu, PhotoShop bukan satu-satunya perangkat lunak pengeditan gambar yang memiliki lapisan, panduan, aturan, dan per grid pixel.
AttackingHobo
@Sergio pikir saya menyebutkan bahwa saya akan merekomendasikan PS lebih dari ilustrator dalam hal ini. Tapi ya, IIRC masih harus memiliki semua fitur yang berada di suite yang sama dengan Photoshop. Saya belum membuka apa pun selain Photoshop dan After Effects untuk sementara waktu sekarang.
Jesse Dorsey
@AttackingHobo - dia menyebutkan pedoman gertakan dengan mengklik kotak; tindakan yang digunakan di Photoshop terutama dan 99% dari tutorial siapa pun akan menemukan dengan mencari yang akan mengembalikan hasil Photoshop.
@Sergio terima kasih telah mengingatkan saya, Anda seharusnya mengklik dan menarik dari penggaris. Tapi ya, Illustrator memang memiliki kemampuan untuk membuat panduan. Jadi saya tidak berpikir bahwa informasi ini salah.
Jesse Dorsey
4

Jika Anda memiliki model 3D, ada program yang dibuat oleh EnvyGames, SpriteWorks , yang akan membuat lembar sprite 2D keluar dari model untuk Anda. Memungkinkan Anda memainkan animasi dan menyesuaikan banyak hal.

Saya pikir ini agak mahal untuk apa, $ 49,99.

Berikut ini adalah tutorial tentang cara menggunakan SpriteWorks

Membuat Sprite dari Model 3D - EnvyGames

David Young
sumber
3

Pertanyaan Anda terdengar sangat mirip dengan yang saya jawab di sini: Apa alat yang baik untuk menghasilkan sprite animasi?

Anda pada dasarnya dapat membuat animasi di program mana saja yang Anda inginkan. Saat menggunakan Illustrator, saya sarankan Anda membuat langkah-langkah animasi pada layer atau bahkan mengimpor karya seni ke Flash untuk animasi (karena Flash CS4 Anda juga dapat membuat tulang dalam flash. Lihat di sini untuk tutorial ).

Setelah animasi Anda selesai, cukup ekspor frame ke gambar dan kemudian gunakan metode yang dijelaskan dalam jawaban saya (di atas) untuk membuat sprite-sheet.

bummzack
sumber
2

http://www.darkfunction.com/editor/

Whoops: Permintaan maaf untuk promosi diri yang licik. Tapi ini mungkin hanya apa yang Anda cari.

EDIT: Hanya pembaruan yang saya buat alat ini gratis dan opensource. https://github.com/darkFunction/darkFunction-Editor

Sam
sumber
Karena ini adalah produk Anda sendiri, katakan saja, itu ada di FAQ
John McDonald
itu adalah alat yang bagus, menggunakan alur kerja saya sendiri sekarang dengan lapisan, yang bekerja dengan baik, meskipun agak lambat, mungkin harus melihat ke ini sedikit lebih
Spooks
1

Perangkat Lunak Animasi Sprite secara otomatis membuat lembar sprite yang berisi urutan semua frame animasi sprite. Perangkat lunak ini tidak berfungsi dengan sprite sheet yang sudah dibuat - ia membuat sprite sheet dengan orientasi yang ditentukan (vertikal, horizontal atau tabel) dan ukuran yang ditentukan.

Animasi sprite dibuat oleh alat yang sama menggunakan model dan tekstur 2d-tulang berengsel. tonton video di youtube

qvatra
sumber
FAQ kami merekomendasikan jawaban yang "hampir tidak lebih dari sebuah tautan ke situs eksternal." Mungkin menambahkan beberapa detail menjelaskan apa yang ada di sana dan mengapa ini berguna untuk penanya ini? :)
Cameron Fredman
0

Saya telah menggunakan Texture Packer untuk membuat sprite dari folder gambar PNG. Saya memindahkan game yang awalnya dikembangkan di Flash, jadi saya hanya mengekspor setiap bingkai MovieClip ke png dan kemudian mengimpor gambar-gambar itu di Texture Packer.

Alat serupa lainnya adalah Zwoptex

(Yang terakhir adalah perangkat lunak Mac, tetapi TP juga memiliki versi untuk Windows.)

jhocking
sumber