Suggerimenti e strumenti per la creazione di animazioni Spritesheet


23

Sto cercando uno strumento che posso usare per creare facilmente il foglio sprite.

In questo momento sto usando Illustrator, ma non riesco mai a trovare il centro del personaggio nella posizione esatta, quindi sembra che si stia muovendo (anche se è sempre in un posto), mentre si scorre attraverso il foglio sprite. Esistono strumenti migliori che posso utilizzare?

Inoltre, che tipo di suggerimenti daresti per lavorare con un foglio sprite? Devo creare ogni parte del personaggio in singoli livelli (braccio sinistro, braccio destro, corpo, ecc.) O tutto contemporaneamente? qualsiasi altro consiglio sarebbe utile! grazie


Dove usi alcuni script per esportare il foglio sprite da Illustrator? Sto usando il mio script Photoshop, ma vorrei qualcosa anche per Illustrator.
rraallvv,

Risposte:


13

Dai problemi che stai riscontrando ti consiglio di fare quanto segue:

Innanzitutto, lavora con livelli e cartelle. Aiuta davvero, raggruppare i singoli sprite in cartelle in modo da poterli spostare tutti insieme e le parti replicate dovrebbero esistere su livelli separati.

(Quindi se c'è una spada o qualcosa del genere dovrebbe essere su un livello, gli occhi dovrebbero essere su un livello, ecc.). Ecco dove il vero potere di questo tipo di applicazioni è per tale compito. Se sbagli qualcosa, non rovini tutto quel livello.

Quindi, abilitare il righello e abilitare la griglia. (Prenditi anche il tempo per impostarli correttamente nel menu delle preferenze). Se fai clic sul righello e trascina via da esso, puoi creare linee guida. Impostare i propri limiti usando le linee guida ti permetterà di agganciare gli sprite (che ora dovrebbero essere nelle cartelle) alle linee della griglia, permettendoti di posizionarli molto meglio.

Infine, se le cose sembrano ancora un po 'sfasate quando l'animazione è in riproduzione. Se esegui lo zoom fino in fondo (potrebbe essere necessario accertarti che sia abilitato nel menu delle preferenze) puoi vedere una singola griglia per pixel. Ciò dovrebbe consentirti di posizionare le cose esattamente dove ne hai bisogno.


A proposito, questo post parla di come usare Photoshop per questo caso.

4
@Sergio, non necessariamente, PhotoShop non è l'unico software di modifica delle immagini che ha livelli, guide, regole e griglie per pixel.
Attaccando

@Sergio pensava di aver detto che in questo caso avrei raccomandato PS su Illustrator. Ma sì, IIRC dovrebbe comunque possedere tutte quelle funzionalità che si trovano nella stessa suite di Photoshop. Per il momento non ho aperto altro che Photoshop e After Effects.
Jesse Dorsey

@AttackingHobo - ha menzionato le linee guida per lo snap facendo clic sulla griglia; quell'azione viene utilizzata principalmente in Photoshop e il 99% dei tutorial che chiunque trova trovando cercando restituisce risultati Photoshop.

@Sergio grazie per avermelo ricordato, dovresti fare clic e trascinare dal righello. Sì, Illustrator ha la possibilità di creare guide. Quindi non penso che nessuna di queste informazioni sia falsa.
Jesse Dorsey



3

La tua domanda è molto simile a quella a cui ho risposto qui: qual è un buon strumento per produrre sprite animati?

Puoi fondamentalmente creare le tue animazioni in qualunque programma tu preferisca. Quando si utilizza Illustrator, ti suggerisco di creare i passaggi di animazione su livelli o addirittura importare la grafica in Flash per l'animazione (da Flash CS4 puoi anche creare ossa in Flash. Vedi qui per un tutorial ).

Una volta terminate le animazioni, esporta i fotogrammi in immagini e quindi utilizza il metodo descritto nella mia risposta (sopra) per creare un foglio sprite.




2

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

Whoops: Chiedo scusa per l'autopromozione. Ma questo potrebbe essere proprio quello che stai cercando.

EDIT: solo un aggiornamento che ho reso questo strumento gratuito e opensource. https://github.com/darkFunction/darkFunction-Editor


Poiché questo è il tuo prodotto, ti preghiamo di dirlo, è nelle FAQ
John McDonald,

questo è uno strumento piacevole, che ora usa il mio flusso di lavoro con i livelli, che funziona bene, anche se un po 'lento, potrebbe essere necessario approfondire questo aspetto
Spooks,

1

Il software di animazione Sprite crea automaticamente un foglio sprite che contiene una sequenza ordinata di tutti i frame di animazione sprite. Questo software non funziona con i fogli sprite già creati, ma crea un foglio sprite con orientamento prescritto (verticale, orizzontale o da tavolo) e dimensioni prescritte.

L'animazione Sprite è creata dallo stesso strumento usando modelli e trame incernierati a 2 ossa. guarda il video su YouTube


Le nostre FAQ sconsigliano le risposte "a malapena più di un collegamento a un sito esterno". Forse aggiungi qualche dettaglio spiegando cosa c'è e perché è utile a questo interrogante? :)
Cameron Fredman,

0

Sto usando Texture Packer per creare sprite da una cartella di immagini PNG. Sto eseguendo il porting di un gioco originariamente sviluppato in Flash, quindi sto semplicemente esportando ogni fotogramma di MovieClip in png e quindi importando quelle immagini in Texture Packer.

Un altro strumento simile è Zwoptex

(Quest'ultimo è un software Mac, ma TP ha anche una versione per Windows.)

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.