
Ö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 hareketi | Sürekli yatay hareket |
| 2. Satır: Koşma Döngüsü | Belirgin ileri eğimle 4 aşamalı koşu hareketi | Yüksek hızlı atılma (dash) animasyonu |
| 3. Satır: Zıplama Dizisi | Çökme, kalkış, havada asılı kalma, iniş etkisi | Dikey fizik yayı |
| 4. Satır: Etkileşim Hareketi | Çantaya uzanma, mektubu alma, mektubu uzatma, bekleme | NPC diyaloğu ve görev tetikleyici |
![]()
- 📥 Orijinal 1024 × 1024 şeffaf PNG sheet'ini indirin
- 📦 Eksiksiz sprite kitini indirin (16 bağımsız PNG, 4 animasyonlu GIF, atlas JSON)
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.

2D Sprite'lar İçin Tasarım En İyi Uygulamaları:
- 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.
- 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.
- 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:
![]()
2. Koşma Döngüsü
Geniş adımlarla dinamik öne eğilme hareketi:
![]()
3. Zıplama Dizisi
Çökme hazırlığı, havada yükselme yayı ve iniş yaylanması:
![]()
4. Etkileşimli Mektup Teslimi
Çantaya uzanma, zarfı tutma, teslim etme ve bekleme pozuna dönüş:
![]()
6. Toplam Üretim Maliyetleri
| İşlem Aşaması | Model ve Parametreler | Harcanan Kredi | USD Cinsinden Maliyet ($0.005/kredi) |
|---|---|---|---|
| 1. Karakter Konsept Sanatı | Sunburst, 1K medium | 2.95 kredi | $0.01475 |
| 2. 16 Kareli Şeffaf Sheet | Sunburst, 1K high, şeffaf | 11.78 kredi | $0.05890 |
| 3. Yerel Dilimleme ve GIF Derleme | Yerel Node betiği | 0 kredi | $0.00000 |
| Toplam Üretim Maliyeti | Eksiksiz 16 Kareli Sprite Kiti | 14.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.