Piksel Sanat Oluşturucu
Önce bir proje başlatın
Bu huni adımında tarayıcı sekmesinden kurtarılabilecek bir proje yok. Oluşturmak için kurulum adımına dönün.
Kuruluma dönBoş bir piksel ızgarası kurun
Bir ad ve 4×4 ile 64×64 arasında mantıksal tuval seçin. Boyut değiştirmek boş proje başlatır; pikseller yeniden örneklenmez.
Yalnızca Hyperion piksel sanat JSON’u, en fazla 256 KiB. Geçersiz dosya mevcut çalışmanızı değiştirmez.
Komut, fotoğraf dönüştürme veya yükleme gerekmeden boş bir mantıksal ızgarada piksel sanatını elle çizin. 64×64 boyutuna kadar tuval seçin; kalem, silgi ve sınırları belli dolgu ile çalışın, renk örnekleyin, çizgileri aynalayın, düzenlemeleri geri alın ve şeffaf bir sprite dışa aktarın. Düzenleyici tarayıcınızda çalışır ve projeyi açık sekmede saklar.
Sıfırdan piksel sanat nasıl çizilir?
-
1
Mantıksal ızgarayı seçin
Projeyi adlandırın; genişlik ve yüksekliği 4–64 piksel arasında belirleyin. Hazır ayarlar kare tuvallere hızlıca geçmenizi sağlar.
-
2
Çizin ve inceltin
Çalışma paletinizle kalem, silgi, dolgu veya damlalık kullanın. Yatay ya da dikey aynalamayı açın ve bütün çizgileri tek işlemde geri alın.
-
3
Sprite’ı gözden geçirin
Dışa aktarmadan önce mantıksal boyutları, boyalı piksel sayısını ve renk sayısını denetleyin.
-
4
Net bir dosya dışa aktarın
Tam sayı ölçekli şeffaf PNG, kompakt SVG veya daha sonra düzenlemek için doğrulanmış proje JSON’u indirin.
Bilinçli ızgara çizimi için piksel sanat aracı
Piksel sanat hücre hücre tasarlanır. Bu düzenleyici şeffaf ve boş bir ızgarayla başlar; her mantıksal piksel için tek bir renk ya da şeffaflık saklar. Bir fotoğrafı ortalama renkli bloklara dönüştürmez; bu ayrı işlem için Görüntü Pikselleştirici aracını kullanın. Yapay zekâ komutundan da görsel üretmez.
Küçük bir ızgara daha belirgin bir silüet kurmaya zorlar; büyük bir ızgara ise gölgelendirme ve ayrıntı için alan açar. Bunlar platform kuralları değil, işe yarayan başlangıç önerileridir:
| Mantıksal tuval | Uygun başlangıç noktası |
|---|---|
| 8×8 | Çok küçük simgeler, glif alıştırmaları ve basit döşemeler |
| 16×16 | Arayüz ikonları, envanter nesneleri ve kompakt sprite’lar |
| 32×32 | Karakterler, yaratıklar ve oyun eşyaları |
| 64×64 | Ayrıntılı sprite’lar, portreler ve daha büyük tekil çalışmalar |
Büyütülen pikselleri keskin tutun
PNG dışa aktarımı tam sayı ölçeği kullanır ve görüntü yumuşatmayı kapatır. Böylece 16×16 kaynaktaki bir piksel, bulanık bir kenar yerine tam 4×4, 8×8 veya daha büyük bir kare olur. Dama deseni ile isteğe bağlı ızgara yalnızca arayüz kılavuzudur; dosyaya eklenmez. Şeffaf hücreler şeffaf kalır.
SVG dışa aktarımı keskin kenarlı dikdörtgenler kullanır ve şeffaf hücreleri atlar. Proje JSON’u düzenlenebilir mantıksal ızgarayı ve çalışma paletini korur. Bu, Hyperion’a özgü bir proje biçimidir; masaüstü piksel sanat uygulamalarındaki katmanlı biçimlerin yerine geçmez.
Çizim araçları ve aynalama davranışı
- Kalem hücreleri boyar ve hızlı işaretçi örneklerini birleştirerek çizgide boşluk oluşmasını önler.
- Silgi hücreleri yeniden şeffaf yapar.
- Dolgu dört yönden bağlı bir bölgeyi değiştirir; yalnızca köşeden temas eden bölgeler ayrı kalır.
- Damlalık mevcut hücre rengini seçer. Şeffaflık örneklenirse silgiye geçilir.
- Aynalı çizim hareketi soldan sağa, yukarıdan aşağıya veya iki yönde birden yansıtır. Ortadaki satır ve sütunlar yalnızca bir kez uygulanır.
Fare, kalem, dokunma ve klavye aynı mantıksal ızgarayı kullanır. Tuvale odaklanın, etkin hücreyi Ok tuşlarıyla taşıyın; seçili aracı uygulamak için Boşluk veya Enter’a basın. P, E, F ve I araçları seçer; Delete siler; Ctrl/Cmd+Z geri alır.
Tarayıcı davranışı ve teknik kaynaklar
Düzenleyici tarayıcının Canvas API, Pointer Events ve görüntü yumuşatma denetimini kullanır. PNG üretimi tarayıcı tuvalinin blob dışa aktarma API’sini izler. Klavye ve işaretçi etkileşimleri WCAG 2.2 işletilebilirlik ilkeleri dikkate alınarak tasarlanmıştır.
Çizim, proje adı ve palet tarayıcıdaki yerel proje durumunda kalır; URL’lere veya sunucularımıza gönderilen yüklere eklenmez. Huni adımları arasında geçişte normal sayfa istekleri yine gerçekleşir. Sekme depolaması kullanılamazsa eksiksiz tek sayfalı düzenleyici bellekte çalışmaya devam eder; ancak proje sessizce kaybolmasın diye huni ileri gitmez.
Sık Sorulan Sorular
Hayır. Boş ızgarada elle çalışan bir piksel sanat aracıdır. Her rengi siz seçer; her hücreyi kalem, silgi, dolgu, damlalık ve isteğe bağlı aynalama ile çizersiniz. Komut kabul etmez ve üretken bir hizmet çağırmaz.
Bu araç boş ızgaradan yeni bir çalışma oluşturur. Görüntü pikselleştirici ise yüklenen fotoğraf veya çizimi daha büyük, ortalama renkli bloklara indirger. İki iş akışının amacı farklıdır.
Küçük bir ikon için 16×16, karakter ya da eşya sprite’ı için 32×32 deneyin. Silüet çalışırken küçük başlayın; 64×64’ü yalnızca daha fazla ayrıntı gerektiğinde kullanın. Genişlik ve yükseklik 4–64 arasında ayrı ayrı ayarlanabilir.
Evet. Boş ve silinmiş hücrelerin PNG çıktısındaki alfa değeri sıfırdır. Düzenleyicideki dama yalnızca şeffaflığı gösterir ve dışa aktarılmaz.
Dışa aktarma, her mantıksal pikseli görüntü yumuşatma kapalıyken tam sayı ölçeğinde büyütür. Komşu hücreler arasında ara renk türetmez.
Hayır. İlk sürüm tek bir sabit görseli düzenler. Kareleri burada ayrı ayrı dışa aktarın; tamamlanan kareleri atlas hâline getirmek için ayrı Sprite Sheet Generator aracını kullanın.
Tuval fare, kalem ve tek parmak dokunuşunu kabul eder. Klavyeyle de kullanılabilir: Oklar etkin hücreyi taşır, Boşluk veya Enter aracı uygular, harf kısayolları araç seçer.
Düzenleyici çizimi, proje adını, paleti veya dışa aktarılan dosyayı yüklemez. Proje durumu tarayıcı sekmesinde tutulur. Sayfayı açarken veya huni adımları arasında geçerken normal belge istekleri yine olur.
İlgili Araçlar
Material Design Renk Seçici
Material Design renk paletini gezin. Herhangi bir tonu (50'den A700'e kadar) tek dokunuşla HEX, RGB veya HSL biçiminde kopyalayın.
Çizgili Kağıt Oluşturucu
Ücretsiz yazdırılabilir çizgili kağıt oluşturun. Kolej, geniş veya dar çizgi seçin, satır aralığını mm cinsinden ayarlayın, kağıt boyutunu ve bir kenar boşluğu çizgisi belirleyin, ardından yazdırın veya SVG olarak indirin.
Kanaviçe Şablonu Oluşturucu
JPEG, PNG veya WebP görselini 10–150 ilmek, 2–40 özel renk, semboller, kesin sayımlar ve kumaş ölçüleri içeren yazdırılabilir kanaviçe şemasına dönüştürün.
Fotoğraflardaki Yüzleri Çevrimiçi Bulanıklaştırın
Yüzlerin veya hassas ayrıntıların üzerine kutular çizin, ardından bulanıklaştırın, pikselleştirin ya da siyah kutuyla kapatın. İşlem tarayıcıda yapılır ve sonuç JPEG olarak indirilir.
Antetli kâğıt oluşturucu
Şirket bilgileri, renkler ve logo veya baş harflerle yeniden kullanılabilir antetli kâğıt oluşturun. A4 ya da US Letter önizleyin, yazdırın, tarayıcıdan PDF kaydedin veya PNG indirin.
Kareli kağıt oluşturucu
Çevrimiçi yazdırılabilir kareli kağıt oluşturun: kare veya nokta ızgarası seçin, aralığı mm cinsinden ayarlayın, A4 veya Letter ile özel bir çizgi rengi belirleyin, ardından yazdırın veya net bir SVG indirin.
Araç diğer dillerde mevcuttur
- 픽셀 아트 생성기 [KO]
- Pixelgrafikverktyg [SV]
- مولّد فن البكسل [AR]
- Generator pixel artu [PL]
- Pixel-Art-Generator [DE]
- Générateur de pixel art [FR]
- เครื่องมือสร้างพิกเซลอาร์ต [TH]
- Pembuat Pixel Art [ID]
- Pixelartgenerator [NL]
- ドット絵ジェネレーター [JA]
- Trình tạo Pixel Art [VI]
- Gerador de pixel art [PT]
- Generador de pixel art [ES]
- Pixel Art Generator [EN]
- Generatore di pixel art [IT]
- 像素画生成器 [ZH]
- Редактор пиксельной графики [RU]