Tip og værktøjer til oprettelse af Spritesheet-animationer

Fra de problemer, du har, anbefaler jeg, at du gør følgende:

Arbejd først med lag og mapper. Det hjælper virkelig, gruppere individuelle sprites sammen i mapper, så du kan flytte hele dem rundt, og dele, der replikeres, skal eksistere på separate lag.

(Så hvis der er et sværd eller noget, skal det være på et lag, øjnene skal være på et lag osv.). Det er, hvor den virkelige effekt af denne type applikationer er til en sådan opgave. Hvis du ødelægger noget, ødelægger du det ikke bare det lag.

Aktiver derefter linealen og aktiver rutenettet. (Tag dig også tid til at konfigurere dem korrekt i præferencemenuen) Hvis du klikker linealen og trækker væk fra den, kan du oprette retningslinjer. Hvis du opsætter dine egne grænser ved hjælp af retningslinjerne, kan du snappe sprites (som nu skal være i mapper) til gitterlinjerne, så du kan placere dem langt bedre .

Så til sidst, hvis tingene stadig ser lidt ude af fase, når animationen afspilles. Hvis du zoomer hele vejen ind (du skal muligvis sørge for, at dette er aktiveret i indstillingsmenuen), kan du se et individuelt gitter pr. pixel. Hvilket skal give dig mulighed for at placere ting nøjagtigt, hvor du har brug for dem.

Kommentarer

• Forresten, dette indlæg taler om, hvordan man bruger Photoshop til denne sag.
• @Sergio, ikke nødvendigvis, PhotoShop er ikke den eneste billedredigeringssoftware, der har lag, guider, regler og pr. pixel gitre.
• @Sergio troede, at jeg nævnte, at jeg ‘ vil anbefale PS over illustrator i dette tilfælde. Men ja, IIRC, det skal stadig have alle disse funktioner, der er i samme suite som Photoshop. Jeg har ikke ‘ ikke åbnet andet end Photoshop og After Effects et stykke tid nu.
• @AttackingHobo – han nævnte snappende retningslinjer ved at klikke på gitteret; denne handling bruges primært i Photoshop, og 99% af de selvstudier, som nogen kan finde ved at søge efter, vil returnere Photoshop-resultater.
• @Sergio tak for at minde mig om, at du skulle klikke og trække fra linealen. Men ja, Illustrator har evnen til at oprette guider. Så jeg tror ikke ‘ at nogen af disse oplysninger er falske.

Spritesheets? Mac? Tag Zwoptex: http://zwoptexapp.com/

Dit spørgsmål lyder meget som det Jeg svarede her: Hvad er et godt værktøj til at producere animerede sprites?

Du kan dybest set oprette dine animationer i det program, du foretrækker. ved hjælp af Illustrator foreslår jeg, at du opretter animationstrin på lag eller endda importerer illustrationer til Flash til animation (siden Flash CS4 kan du også oprette knogler i flash. Se her for en tutorial ).

Når du har gjort dine animationer, bare eksporter rammerne til billeder, og brug derefter metoden beskrevet i mit svar (ovenfor) til at oprette et sprite-ark.

Hvis du har en masse billeder, her “et værktøj, du kan bruge til at oprette sprite-ark:

http://www.retroaffect.com/blog/159/Image_Atlas_Packer/#b

Det er helt gratis og pakker en masse billeder i N antal sprite-ark.

Du kan ende med at elske dette værktøj:

http://www.bottomap.com/Software/A4B/A4B.html

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

Whoops: undskylder for luskede selvpromovering. Men dette er måske lige det, du leder efter.

REDIGERING: Bare en opdatering, som jeg har gjort dette værktøj gratis og open source. https://github.com/darkFunction/darkFunction-Editor

Kommentarer

• Da dette er dit eget produkt, skal du sige det, det ‘ s i Ofte stillede spørgsmål
• det er et godt værktøj, der bruger min egen arbejdsgang nu med lag, som fungerer godt, selvom det er lidt langsomt, kan det være nødvendigt at se nærmere på dette

Sprite Animation Software opretter automatisk et sprite-ark, der indeholder en ordnet sekvens af alle frames med sprite-animation . Denne software fungerer ikke med allerede oprettede sprite-ark – den opretter et sprite-ark med foreskrevet retning (lodret, vandret eller tabel) og foreskrevet størrelse.

Sprite-animation oprettes af det samme værktøj ved hjælp af hængslet 2d- knoglemodeller og teksturer. se video på youtube

Kommentarer

• Vores ofte stillede spørgsmål anbefaler mod svar, der er ” næppe mere end et link til et eksternt sted. ” Måske tilføje nogle detaljer, der forklarer, hvad ‘ er der, og hvorfor det ‘ er nyttigt for denne spørger? 🙂

Jeg har brugt Texture Packer til at oprette sprites fra en mappe med PNG-billeder. Jeg overfører et spil, der oprindeligt blev udviklet i Flash, så jeg eksporterer blot hver ramme af MovieClip til png og importerer derefter disse billeder i Texture Packer.

Et andet lignende værktøj er Zwoptex

(Sidstnævnte er Mac-software, men TP har også en version til Windows.)