how-tos

GPT Image 2.5 Sprite Sheet Rehberi: Karakter Referansından 16 Kareli Şeffaf PNG ve GIF Üretimi

Poyo.ai Team
6 min read
Share:

GPT Image 2.5 Sprite Sheet Rehberi: Karakter Referansından 16 Kareli Şeffaf PNG ve GIF Üretimi — editoryal kapak illüstrasyonu

Önemli Çıkarım (TL;DR): GPT Image 2.5'in yerel şeffaf arka plan özelliğini ve görsel referans koşullandırmasını kullanan bağımsız oyun geliştiricileri, prototip kullanımına hazır 16 karelik 2D karakter sprite sheet'lerini dakikalar içinde üretebilir. Bu rehber; özgün bir "kurmalı kurye" (clockwork courier) karakteri oluşturmayı, %63,9 gerçek RGBA alfa şeffaflığı doğrulanmış 4×4 ızgara sprite sheet'i üretmeyi, hücreleri matematiksel olarak dilimlemeyi, pivot noktalarını zemine sabitlemeyi ve 4 animasyonlu GIF derlemeyi adım adım anlatıyor—üstelik yalnızca 14,73 kredi ($0.073 USD) toplam maliyetle.

👉 PoYo üzerinde şeffaf sprite sheet oluşturun.


Nihai Çıktı Vitrini

Üretilen sheet, 1024 × 1024 px boyutundaki tuval üzerinde 4 farklı eylem dizisi sunar ve on altı adet 256 × 256 px boyutunda şeffaf hücreye eşit şekilde bölünmüştür:

Eylem HattıAnimasyon Dizisi DökümüÖnizleme Amacı
1. Satır: Yürüme DöngüsüRitmik adım atışlarıyla 4 aşamalı yürüme hareketiSürekli yatay hareket
2. Satır: Koşma DöngüsüBelirgin ileri eğimle 4 aşamalı koşu hareketiYüksek hızlı atılma (dash) animasyonu
3. Satır: Zıplama DizisiÇökme, kalkış, havada asılı kalma, iniş etkisiDikey fizik yayı
4. Satır: Etkileşim HareketiÇantaya uzanma, mektubu alma, mektubu uzatma, beklemeNPC diyaloğu ve görev tetikleyici

Orijinal 1024px 4x4 üretilen sprite sheet


1. Adım: Yüksek Kontrastlı Karakter Tasarımını Belirleyin

Hareket karelerini üretmeden önce, görsel olarak ayırt edici bir karakter referans görseli sabitleyin.

Orijinal kurmalı kurye karakter referans çalışması

2D Sprite'lar İçin Tasarım En İyi Uygulamaları:

  1. Belirgin Renk Blokları: Lacivert kasket, deniz mavisi palto, pas turuncusu atkı, bej postacı çantası ve kahverengi çizmeler. Net renk sınırları, difüzyon modellerinin küçük pozlar arasında tutarlılığı korumasını sağlar.
  2. Mikro Gürültüyü En Aza İndirin: Düşük oyun çözünürlüklerinde görsel titreşime (flicker) yol açabilecek ince zincirlerden veya karmaşık filigranlardan kaçının.
  3. Tam Boy Profil: Kararlı bir görsel zemin çizgisi (baseline) oluşturmak için her iki ayağın da yere bastığından emin olun.

2. Adım: Yerel Şeffaflıkla Sabit Izgara Düzeni İsteyin

İsteminizde hücre sayısını, poz yönünü ve istenmeyen kusurları kesin bir dille belirtin.

İstem Şablonu:

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.

PoYo API İstek Yükü:

{
  "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"
  }
}

Önemli Özellik: "background": "transparent" parametresini eklemek, GPT Image 2.5'in doğrudan gerçek RGBA alfa şeffaflığı üretmesini sağlar ve manuel arka plan temizleme araçlarına olan ihtiyacı ortadan kaldırır.


3. Adım: Gerçek Alfa Şeffaflığını Doğrulayın

Birçok yapay zeka aracı sahte beyaz arka planlar veya dama tahtası desenleri üretir. Dönen PNG dosyası üzerinde piksel düzeyinde doğrulama yaptık:

  • Alfa Kanalı Ölçümü: Piksellerin tam olarak %63,9'u tamamen şeffaftır (Alfa = 0);
  • Kenar Yumuşatma (Anti-Aliasing): Karakter hatları pürüzsüz alt piksel alfa geçişlerine sahiptir; bu sayede açık veya koyu arka planlara yerleştirildiğinde kenarlarda istenmeyen beyaz çizgi ve hareler oluşmaz;
  • Dosya Formatı Kuralı: Yalnızca PNG ve WebP alfa şeffaflığını destekler. JPEG olarak kaydetmek alfa katmanını kalıcı olarak yok eder.

4. Adım: Matematiksel Dilimleme ve Pivot Sabitleme

1. Izgara Dilimleme Matematiği

1024 × 1024 px boyutunda 4×4 bir sheet için:

$$\text{Hücre Boyutu} = 256 \times 256\text{ px}$$

$$\text{X} = \text{Sütun İndeksi (0 - 3)} \times 256, \quad \text{Y} = \text{Satır İndeksi (0 - 3)} \times 256$$

2. ⚠️ Kritik Uyarı: Sınırlayıcı Kutuları (Bounding Box) Asla Otomatik Ortalamayın!

Yaygın bir kodlama hatası, her karenin görünür sınırlayıcı kutusunu hücre içinde otomatik olarak ortalamaktır:

  • Zıplama kareleri ortalanırsa dikey hareket kaybolur ve karakter yerinde titrer gibi görünür;
  • Koşma adımları ortalanırsa yatay ivme dengesizce yalpalar.

Doğru Yaklaşım: Sabit koordinat çerçevesini koruyun ve pivot noktasını alt-orta zemin çizgisine sabitleyin (256×256 hücreler için X: 128, Y: 250 kullanın). Zıplama yüksekliği, karakterin hücre içindeki dikey konumu sayesinde doğal olarak temsil edilir.


5. Adım: Animasyon Önizlemeleri ve Oyun İçi Değerlendirme

Dilimlenen kareleri 8 FPS hızında (kare başına 125 ms) birleştirmek, akıcı dört animasyon döngüsü sağlar:

1. Yürüme Döngüsü

Zemine sağlam basan adımlarla 4 karelik yürüme hareketi:

Yürüme döngüsü animasyon önizlemesi

2. Koşma Döngüsü

Geniş adımlarla dinamik öne eğilme hareketi:

Koşma döngüsü animasyon önizlemesi

3. Zıplama Dizisi

Çökme hazırlığı, havada yükselme yayı ve iniş yaylanması:

Zıplama dizisi animasyon önizlemesi

4. Etkileşimli Mektup Teslimi

Çantaya uzanma, zarfı tutma, teslim etme ve bekleme pozuna dönüş:

Mektup teslimatı animasyon önizlemesi


6. Toplam Üretim Maliyetleri

İşlem AşamasıModel ve ParametrelerHarcanan KrediUSD Cinsinden Maliyet ($0.005/kredi)
1. Karakter Konsept SanatıSunburst, 1K medium2.95 kredi$0.01475
2. 16 Kareli Şeffaf SheetSunburst, 1K high, şeffaf11.78 kredi$0.05890
3. Yerel Dilimleme ve GIF DerlemeYerel Node betiği0 kredi$0.00000
Toplam Üretim MaliyetiEksiksiz 16 Kareli Sprite Kiti14.73 kredi$0.07365 (~7 sent)

Sıkça Sorulan Sorular (SSS)

GPT Image 2.5 doğrudan animasyonlu GIF dosyası dışa aktarır mı?

Hayır. Model statik RGBA PNG dosyaları üretir. Karelerin dilimlenmesi ve GIF veya Unity Animasyon Klipleri olarak kodlanması oyun motorları veya yerel betikler aracılığıyla gerçekleştirilir.

Neden 16 ayrı API çağrısı yerine tüm kareler tek bir 4×4 ızgarada üretiliyor?

Tüm pozları tek bir sheet üzerinde üretmek, modelin küresel özdikkat (self-attention) mekanizmasından yararlanarak kostüm detaylarını, kafa oranlarını ve sanat tarzını her pozda tutarlı kılarken maliyeti önemli ölçüde düşürür.

Bu sprite sheet doğrudan Unity veya Godot'ya aktarılabilir mi?

Evet. Unity'de Sprite Mode seçeneğini Multiple olarak ayarlayın, Sprite Editor'ı açın, Grid by Cell Size (256×256) seçin, Pivot'u Bottom olarak belirleyin ve saniyeler içinde otomatik dilimleyin.

Share: