Piksel Sanatı Editörü nasıl kullanılır
- Bir tuval boyutu seçin (16×16 ve 32×32 iyi başlangıç noktalarıdır) ya da bir PNG, GIF veya .piskel dosyası açın.
- PICO-8 veya Endesga 32 gibi bir palet seçin ve kalemle (B) çizin. Sağ tık ikincil renkle boyar; bu renk varsayılan olarak saydamdır.
- Çizgi, renk ve gölgeleme için katmanlar ekleyin. Animasyon için kareler ekleyin ve önceki ile sonraki kareyi görmek için soğan kabuğunu (K) açın.
- Animasyonu oynatmak için Enter'a basın, FPS'i ayarlayın ve küçük önizlemeyi 1×, 2× veya döşenmiş olarak kontrol edin.
- Dışa Aktar'ı açın; PNG, JSON'lu sprite sheet, animasyonlu GIF, SVG, karelerden oluşan bir ZIP veya .piskel dosyası indirin.
Neler elde edersiniz
- Geçerli karenin 1× ile 16× arası PNG'si
- JSON kare listesiyle sprite sheet PNG (istediğiniz sütun sayısıyla)
- Belgenin FPS değerini kullanan, saydamlığı koruyan animasyonlu GIF
- Numaralı kare PNG'lerinden oluşan ZIP
- Her renk için bir path içeren SVG
- Burada veya Piskel'de yeniden açabileceğiniz .piskel dosyası
Onunla oyun yaparken öğrendiğimiz ipuçları
- 1 piksellik dış hatlar çizerken pixel-perfect modunu (P) açık bırakın. Serbest çizimlerin köşelerde bıraktığı çift pikselleri temizler.
- Kalemle Shift-tık, son noktanızdan düz bir çizgi çeker. Çizgiyi 45°'lik adımlara, dikdörtgeni kareye, elipsi daireye sabitlemek için sürüklerken Shift'i basılı tutun.
- Gölge aracı (U), bir pikseli paletinizdeki bir sonraki açık veya koyu renge kaydırır; böylece paletin dışına çıkmadan gölgeleme yaparsınız. Sağ tık koyulaştırır.
- Çizimlerin bir alanın içinde kalması için ya da yalnızca o pikselleri taşımak için önce bir alan seçin (S, tek renk için W).
- Karakterler ve önden görünen sprite'lar için X aynasını açın, sonra sprite damgalanmış gibi durmasın diye simetriyi sonda elle bozun.
- Çizgilerinizin altında düşük opaklıkta gizli bir 'eskiz' katmanı kullanın, dışa aktarmadan önce silin.
- Çalışmanız bu tarayıcıya otomatik kaydedilir. Hiçbir yere senkronize edilmez; yedek istiyorsanız bir .piskel dosyası dışa aktarın.
- Bir görseli Ctrl+V ile yapıştırarak yeni katman olarak ekleyin; referansların üzerinden çizmek için çok kullanışlıdır.
Kullanım alanları
- Game jam'de hiçbir şey kurmadan karakter, eşya ve tile çizmek
- Yapay zekâyla üretilmiş sprite'ları oyun motoruna aktarmadan önce piksel piksel temizlemek
- Idle, yürüme ve saldırı döngülerini canlandırıp Godot, Unity veya GameMaker için sprite sheet çıkarmak
- Küçük animasyonlu GIF'ler ve emote'lar yapmak
- Piskel kurulu olmayan bir bilgisayarda Piskel projelerini düzenlemek
SSS
Bu piksel sanatı editörü ücretsiz mi?
Evet. Tüm çizim, animasyon, içe ve dışa aktarma özellikleri ücretsizdir ve filigran yoktur. Editör tamamen tarayıcınızda çalışır.
Çizimim nereye kaydediliyor?
Tarayıcınızın yerel depolamasına, yalnızca bu cihazda. Sayfayı yenilemek sorun olmaz ama site verilerini temizlerseniz veya tarayıcı değiştirirseniz kaybolur. Bir kopya için .piskel veya PNG dışa aktarın.
Piskel dosyalarını açabilir miyim?
Evet. Bir .piskel dosyası açtığınızda katmanları, kareleri ve FPS'i gelir. Tekrar .piskel olarak da dışa aktarabilirsiniz.
En büyük tuval boyutu nedir?
512×512 piksel. Piksel sanatı genellikle kenar başına 16 ile 128 piksel arasındadır; sınırı burada tutmak telefonlarda ve eski dizüstülerde çizimi akıcı tutar.
Oyun motorum için nasıl sprite sheet yaparım?
Her animasyon karesini zaman çizelgesinde çizin, sonra Dışa Aktar → Sprite sheet'i seçin. Sütun sayısını ve ölçeği ayarlayın. Bir PNG ve her karenin konumunu ve süresini içeren bir JSON dosyası alırsınız.
Telefonda veya tablette çalışır mı?
Evet. Tek parmakla çizin; yakınlaştırmak ve kaydırmak için iki parmakla sıkıştırın veya sürükleyin. Kısayollar sayesinde detaylı işlerde fare ve klavye yine de daha hızlıdır.
GIF veya sprite sheet içe aktarabilir miyim?
Evet. GIF, her GIF karesi için bir kareyle açılır. Sprite sheet'e benzeyen bir PNG açtığınızda editör, algıladığı ızgarayı kullanarak onu karelere bölmeyi önerir.