GPT Image 2.5 sprite sheet-veiledning: fra karakterreferanse til transparent PNG med 16 bilder og GIF

Det viktigste (TL;DR): Med den innebygde transparente bakgrunnen og visuell referansestyring i GPT Image 2.5 kan indie-spillutviklere lage 2D-sprite sheets med 16 bilder, klare for prototyping, på bare noen minutter. Denne veiledningen viser hvordan du lager en original «urverkskurer»-karakter, genererer et sprite sheet i et 4×4-rutenett med bekreftet 63,9 % ekte RGBA-alfatransparens, deler opp cellene matematisk, fester pivotpunktene til bakkeplanet og setter sammen 4 animerte GIF-er – alt for bare 14,73 kreditter (0,073 USD).

👉 Lag transparente sprite sheets på PoYo.

---

Det ferdige resultatet

Det genererte arket inneholder 4 ulike bevegelsessekvenser på et lerret på 1024 × 1024 px, jevnt fordelt på seksten transparente celler på 256 × 256 px:

• 📥 Last ned det originale transparente PNG-arket på 1024 × 1024
• 📦 Last ned hele sprite-pakken (16 enkeltstående PNG-er, 4 GIF-er, atlas-JSON)

---

Trinn 1: Lag et karakterdesign med høy kontrast

Før du genererer bevegelsesbildene, bør du låse en tydelig visuell karakterreferanse.

Gode designvaner for 2D-sprites:

1. Tydelige fargeflater: Marineblå lue, petrolfarget frakk, rustoransje skjerf, beige veske og brune støvler. Skarpe fargegrenser hjelper diffusjonsmodeller med å holde karakteren stabil på tvers av små positurer.
2. Unngå småstøy: Hold deg unna bitte små ornamenter eller tynne kjeder som blir til flimmer ved lave spilloppløsninger.
3. Hel kropp i profil: Sørg for at begge føttene står godt på bakken, slik at du får en stabil visuell grunnlinje.

---

Trinn 2: Be om et fast rutenett med innebygd transparens

I prompten bør du angi nøyaktig antall celler, positurenes retning og hva som ikke skal være med.

Promptmal:

Create a 4 by 4 sprite sheet with exactly sixteen evenly sized cells.
Use the attached character as the identity and costume reference.
Consistent right-facing side view, same character scale and ground
baseline, full body and generous transparent margins in every cell.

Row 1: four phases of a walking cycle.
Row 2: four phases of a running cycle.
Row 3: crouch, takeoff, airborne jump, landing.
Row 4: reach into satchel, hold a letter, extend letter, return to neutral.

No grid lines, floor, drop shadows, frame numbers, or labels.
1024x1024 canvas, 256x256 cells.

Forespørsel til PoYo API:

{
  "model": "gpt-image-2.5-sunburst",
  "input": {
    "prompt": "Your complete character and sprite-sheet instructions",
    "image_urls": ["https://storage.poyo.ai/blog/gpt-image-25-p0-20260910/courier-reference-b8f920940d88.webp"],
    "size": "1:1",
    "resolution": "1K",
    "quality": "high",
    "background": "transparent",
    "output_format": "png"
  }
}

Nøkkelfunksjon: Med "background": "transparent" gjengir GPT Image 2.5 ekte RGBA-alfakanaler direkte, så du slipper manuelle verktøy for bakgrunnsfjerning.

---

Trinn 3: Kontroller at alfatransparensen er ekte

Mange AI-verktøy leverer falske hvite bakgrunner eller et påmalt sjakkbrettmønster. Vi kontrollerte den returnerte PNG-filen på pikselnivå:

• Måling av alfakanalen: Nøyaktig 63,9 % av alle piksler er helt transparente (Alpha = 0);
• Kantutjevning: Karakterens konturer har jevne alfaoverganger på subpikselnivå, så du unngår lyse eller mørke kanter mot både lyse og mørke bakgrunner;
• Regel for filformat: Bare PNG og WebP tar vare på alfatransparensen. Lagrer du som JPEG, forsvinner alfalaget for godt.

---

Trinn 4: Matematisk oppdeling og fastsetting av pivotpunkt

1. Matematikken bak rutenettet

For et 4×4-ark på 1024 × 1024 px:

$$\text{Cell Size} = 256 \times 256\text{ px}$$

$$\text{X} = \text{Column Index (0 to 3)} \times 256, \quad \text{Y} = \text{Row Index (0 to 3)} \times 256$$

2. ⚠️ Viktig advarsel: Ikke sentrer avgrensningsboksene automatisk!

En vanlig feil i skript er å sentrere den synlige avgrensningsboksen i hvert bilde automatisk:

• Sentreres hoppbildene automatisk, forsvinner den vertikale bevegelsen, og karakteren rykker på stedet;
• Sentreres løpeskrittene automatisk, blir den horisontale farten ujevn og vaklende.

Riktig fremgangsmåte: Behold et fast koordinatsystem og fest pivotpunktet til grunnlinjen nederst på midten (for celler på 256×256 bruker du X: 128, Y: 250). Hopphøyden vises da naturlig gjennom karakterens vertikale forskyvning i cellen.

• 📥 Last ned komplette metadata for oppdeling av sprite-atlaset (JSON)

---

Trinn 5: Forhåndsvisning av animasjoner og kontroll i spillmotoren

Setter du sammen de oppdelte bildene i 8 FPS (125 ms per bilde), får du fire responsive animasjonsløkker:

1. Gåsyklus

Gange i fire bilder med tydelig fotfeste:

2. Løpesyklus

Dynamisk foroverlent holdning med lange skritt:

3. Hoppsekvens

Forberedende knebøy, bane gjennom luften og sammenpressing ved landing:

4. Interaktiv brevoverlevering

Griper i vesken, holder konvolutten, rekker den fram og går tilbake til hvilestilling:

---

6. Samlede produksjonskostnader

---

Ofte stilte spørsmål (FAQ)

Eksporterer GPT Image 2.5 animerte GIF-filer direkte?

Nei. Modellen leverer statiske RGBA-PNG-filer. Oppdeling i animasjonsbilder og koding til GIF eller Unity Animation Clips gjøres lokalt i spillmotoren eller med skript.

Hvorfor generere alle 16 bildene i ett 4×4-rutenett i stedet for 16 separate API-kall?

Når alt genereres i ett ark, utnytter modellen sin globale selvoppmerksomhet til å holde kostymedetaljer, hodeproporsjoner og stil like i hver positur – og det blir billigere.

Kan dette sprite sheetet importeres direkte i Unity eller Godot?

Ja. I Unity setter du Sprite Mode til Multiple, åpner Sprite Editor, velger Grid by Cell Size (256×256), setter Pivot til Bottom og deler opp arket på sekunder.