İçeriğe geç
AI Sprite Maker
Ücretsiz başla

Yapay Zeka Araçları

Yapay Zeka Sprite OluşturucuKarakter OluşturucuSprite Animasyonu4 ve 8 Yönlü Sprite'larTileset OluşturucuEşyalar ve İkonlarOyun Arayüzü OluşturucuYapay Zeka Sprite EditörüVideodan Sprite'a (Yapay Zeka)

Ücretsiz Araçlar

Videodan Sprite Sheet'eGIF'ten Sprite Sheet'eGörselden Piksel SanatınaSprite Sheet KesiciSprite Sheet OluşturucuSprite Arka Plan SiliciPalet DeğiştiriciAnimasyon ÖnizleyiciPiksel Sanatı BüyütücüPiksel VFX Oluşturucu
Hareket Kütüphanesi Fiyatlar Geliştiriciler Giriş yap
English简体中文繁體中文日本語한국어EspañolPortuguêsFrançaisDeutschРусскийTürkçeالعربية

Görselden Piksel Sanatına

Bir fotoğrafı, resmi veya AI render'ını tam bir boyutta ve seçtiğiniz bir paletle gerçek piksel sanatına dönüştürün.

  • Ücretsiz
  • Yerel çalışır
  • Kayıt gerekmez
Bir görsel bırakın
PNG, JPG, WebP veya GIF. Konsept çizimler, fotoğraflar, render'lar ya da yalnızca piksel sanatı gibi görünen AI görselleri.
Dosya seç
Tarayıcınızda çalışır · hiçbir şey yüklenmez

Her şey tarayıcınızda çalışır. Dosyalarınız asla yüklenmez, bu yüzden sayfa yüklendikten sonra çevrimdışı da çalışır.

Pikselleştirme filtresi büyük, bulanık kareler üretir. Piksel sanatı ise başka bir şeydir: her piksel, oyunun çizdiği boyutta, küçük bir paletten bilinçli olarak seçilmiş bir renktir. Bu dönüştürücü görseli tam bir piksel boyutuna küçültür, ardından renkleri OKLab'de (eşit adımların eşit göründüğü bir renk uzayı) öğrenilen bir palete ya da PICO-8, NES veya Endesga 32 gibi klasik bir palete oturtur. Ayrıca bir görselin zaten büyütülmüş piksel sanatı olduğunu fark edip yeniden örneklemek yerine gerçek piksellerini geri getirebilir.

Görselden Piksel Sanatına nasıl kullanılır

  1. Bir görsel bırakın. Büyütülmüş piksel sanatıysa (AI çıktılarında ve ekran görüntülerinde yaygındır) araç ölçeği algılar ve gerçek piksel ızgarasını geri getirir.
  2. Genişliği piksel cinsinden ayarlayın. Yükseklik en-boy oranını izler. Tipik sprite boyutları 16, 32, 48 veya 64 px'tir.
  3. Örneklemeyi seçin: Yumuşak her bloğun ortalamasını alır, fotoğraf ve resimlere uyar. Keskin her bloğun baskın rengini alır, çizgi çizimleri ve düz şekilleri net tutar. En yakın her bloktan bir piksel alır.
  4. Bir palet seçin: aracın görselden N renk öğrenmesine izin verin, bir hazır palet seçin ya da tüm renkleri koruyun.
  5. Gradyanlar için düzenli veya Floyd–Steinberg dithering ekleyin, parlaklığı, kontrastı ve doygunluğu ayarlayın, düz bir arka planı silin ve 1px kontur ekleyin.
  6. Oyununuz için 1× PNG'yi, paylaşım için büyütülmüş bir kopyayı ve paleti .hex veya .gpl olarak indirin.

Neler elde edersiniz

  • 1× PNG: ayarladığınız tam boyutta, ikili alfayla (her piksel ya tamamen opak ya tamamen saydam).
  • Büyütülmüş PNG: paylaşımlar, mağaza sayfaları ve mockup'lar için nearest-neighbour ölçeklemeyle 2×–16×.
  • Palet dosyaları: gerçekten kullanılan renklerle Lospec tarzı .hex ve GIMP/Aseprite .gpl.

Hangi motorlara uyar

  • 1× PNG'yi içe aktarın ve motorda nearest-neighbour filtrelemeyle ölçekleyin: Unity'de Filter Mode Point, Godot'da Nearest doku filtresi, Phaser'da pixelArt: true.
  • Aynı paletle çizmeye devam etmek için .gpl veya .hex dosyasını Aseprite, LibreSprite veya Pyxel Edit'e yükleyin.

Onunla oyun yaparken öğrendiğimiz ipuçları

  • Dönüştürmeden önce nesneye göre kırpın. Boş alan, karaktere harcayabileceğiniz pikselleri boşa harcar.
  • Küçük boyutlarda daha az renk daha iyi okunur: 32 px'lik bir sprite için 8–16 renk, 64 px'lik bir portre için 16–32.
  • Renk azaltmadan önce kontrastı ve doygunluğu biraz artırın. Küçültme renkleri griye doğru ortalar.
  • Logolar, UI, çizgi çizimler ve konturlu her şey için Keskin örneklemeyi kullanın. Fotoğraflar ve yumuşak resimler için Yumuşak'ı kullanın.
  • Dithering gökyüzü gibi büyük gradyanlara yardımcı olur. Küçük sprite'larda genellikle gürültü ekler, bu yüzden onsuz başlayın.
  • Tüm asset'lerinizde aynı hazır paleti kullanmak, kaynaklar farklı olsa bile oyunun görünümünü tutarlı tutar.

Kullanım alanları

  • Bulanık, düzensiz pikselleri olan AI üretimi "piksel sanatını" sabit paletli gerçek bir ızgaraya temizlemek.
  • Bir fotoğraftan veya eskizden piksel sanatı avatar, portre ya da eşya ikonu yapmak.
  • Konsept çizimi elle yeniden boyanacak temel bir sprite'a dönüştürmek.
  • Asset'leri NES, Game Boy veya PICO-8 paletiyle konsol görünümüne kavuşturmak.

SSS

Bunu bir pikselleştirme filtresinden farklı kılan ne?
Pikselleştirme filtresi tüm renkleri korur ve görseli büyük bloklarla tam boyutta bırakır. Bu araç ise görseli gerçek piksel boyutunda, sınırlı bir palet, ikili saydamlık ve isteğe bağlı konturla çıkarır; bir piksel sanatı sprite'ı tam olarak budur.
Renkleri nasıl seçiyor?
Öğren modunda, her rengi kaç pikselin kullandığına göre ağırlıklandırılmış k-means kümelemesini OKLab uzayında çalıştırır; böylece palet renkleri görselin ihtiyaç duyduğu yerlere harcar. Hazır bir paletle her piksel OKLab'deki en yakın hazır renge oturur.
Düzensiz pikselli AI piksel sanatını düzeltebilir mi?
Görsel düzenli bir ızgara üzerine kuruluysa araç piksel boyutunu algılar ve ızgarayı birebir geri getirir. Pikseller düzensizse genişliği hedeflenen boyuta ayarlayın ve Keskin örneklemeyi kullanın: her bloğun baskın rengini alır, bu da lekelenmenin çoğunu giderir.
Hangi paletler dahil?
PICO-8, Game Boy, NES, Endesga 32, Sweetie 16, DawnBringer 16 ve 32, CGA, 1-bit ve 4 adımlı gri tonlama. Ayrıca görselin kendisinden 2 ile 64 arasında herhangi sayıda renk öğrenebilirsiniz.
Görsel yükleniyor mu?
Hayır. Tüm işlemler tarayıcınızdaki bir arka plan worker'ında çalışır. Görseliniz cihazınızdan asla çıkmaz.
Tek seferde bütün bir sprite sheet yapabilir miyim?
Evet, Videodan Sprite Sheet'e veya Sprite Sheet Oluşturucu araçlarını pikselleştirme seçenekleriyle kullanın; bunlar tüm karelerde tek bir palet paylaşır, böylece renkler titremez.

İlgili ücretsiz araçlar

Tüm ücretsiz araçlar →