Softonic

Generator pixel artu

Krok 1 / 4 Konfiguracja
Wczytywanie edytora pikseli…

Rysuj pixel art ręcznie na pustej siatce logicznej, bez promptów, konwersji zdjęć i przesyłania plików. Wybierz płótno do 64×64, szkicuj ołówkiem, gumką i ograniczonym wypełnieniem, próbkuj kolory, odbijaj pociągnięcia, cofaj zmiany i eksportuj przezroczysty sprite. Edytor działa w przeglądarce i przechowuje projekt w bieżącej karcie.

Jak narysować pixel art od podstaw

  1. 1

    Wybierz siatkę logiczną

    Nazwij projekt i ustaw szerokość oraz wysokość od 4 do 64 pikseli. Ustawienia wstępne ułatwiają wybór kwadratowego płótna.

  2. 2

    Rysuj i dopracuj

    Używaj ołówka, gumki, wypełnienia lub pipety wraz z paletą roboczą. Włącz odbicie poziome lub pionowe i cofaj całe pociągnięcia.

  3. 3

    Sprawdź sprite

    Przed eksportem sprawdź wymiary logiczne, liczbę pokolorowanych pikseli i użytych barw.

  4. 4

    Wyeksportuj ostry plik

    Pobierz przezroczysty PNG w skali całkowitej, kompaktowy SVG albo zweryfikowany projekt JSON do późniejszej edycji.

Narzędzie do świadomego rysowania pixel artu na siatce

Pixel art projektuje się komórka po komórce. Edytor zaczyna od pustej, przezroczystej siatki i zapisuje jeden kolor, albo przezroczystość, dla każdego logicznego piksela. Nie zamienia fotografii w uśrednione bloki; do tego służy osobny Pikselator obrazu. Nie generuje też grafiki na podstawie promptu AI.

Mniejsza siatka wymusza czytelniejszą sylwetkę, a większa daje miejsce na cieniowanie i dodatki. To praktyczne punkty wyjścia, nie sztywne reguły:

Płótno logiczne Dobry punkt wyjścia
8×8 Maleńkie symbole, ćwiczenia glifów i proste kafelki
16×16 Ikony interfejsu, przedmioty ekwipunku i małe sprite’y
32×32 Postacie, stworzenia i przedmioty do gier
64×64 Szczegółowe sprite’y, portrety i większe samodzielne grafiki

Zachowaj ostrość powiększonych pikseli

Eksport PNG używa skali całkowitej i wyłącza wygładzanie obrazu. Jeden piksel źródłowy z płótna 16×16 staje się więc dokładnym kwadratem 4×4, 8×8 lub większym, a nie rozmytą krawędzią. Szachownica i opcjonalne linie siatki są tylko wskazówkami interfejsu, nie trafiają do pliku. Przezroczyste komórki pozostają przezroczyste.

Eksport SVG tworzy prostokąty o ostrych krawędziach i pomija przezroczyste komórki. Projekt JSON zachowuje edytowalną siatkę logiczną oraz paletę roboczą. To format projektu Hyperion, a nie zamiennik warstwowych formatów z desktopowych programów do pixel artu.

Narzędzia i działanie odbicia

  • Ołówek koloruje komórki i łączy szybkie próbki wskaźnika, aby w pociągnięciu nie było przerw.
  • Gumka przywraca komórkom przezroczystość.
  • Wypełnienie zmienia obszar połączony w czterech kierunkach; obszary stykające się tylko po przekątnej pozostają oddzielne.
  • Pipeta wybiera kolor istniejącej komórki. Pobranie przezroczystości przełącza na gumkę.
  • Rysowanie lustrzane odbija czynność w poziomie, pionie albo obu kierunkach. Środkowe wiersze i kolumny są zmieniane tylko raz.

Mysz, pióro, dotyk i klawiatura korzystają z tej samej siatki logicznej. Ustaw fokus na płótnie, przesuń aktywną komórkę strzałkami i naciśnij Spację lub Enter, aby użyć narzędzia. P, E, F i I wybierają narzędzia, Delete wymazuje, a Ctrl/Cmd+Z cofa.

Działanie w przeglądarce i źródła techniczne

Edytor wykorzystuje przeglądarkowe Canvas API, Pointer Events i sterowanie wygładzaniem obrazu. PNG powstaje za pomocą API eksportu blob z płótna. Obsługę klawiatury i wskaźnika zaprojektowano zgodnie z wytycznymi operacyjności WCAG 2.2.

Grafika, nazwy i palety pozostają w lokalnym stanie projektu w przeglądarce i nie trafiają do adresów URL ani danych serwera. Przy zmianie kroku lejka nadal wykonywane są zwykłe żądania strony. Jeśli pamięć karty jest niedostępna, pełny edytor jednostronicowy może działać w pamięci, ale lejek nie przejdzie dalej, aby projekt nie zniknął bez ostrzeżenia.

Najczęściej zadawane pytania

Nie. To ręczny edytor pustej siatki. Samodzielnie wybierasz kolory i rysujesz każdą komórkę ołówkiem, gumką, wypełnieniem, pipetą oraz opcjonalnym odbiciem. Narzędzie nie przyjmuje promptów ani nie wywołuje usługi generatywnej.

To narzędzie tworzy nową grafikę na pustej siatce. Pikselator zaczyna od przesłanego zdjęcia lub ilustracji i redukuje je do większych bloków o uśrednionych kolorach. To dwa różne zastosowania.

Wypróbuj 16×16 dla małej ikony albo 32×32 dla postaci lub przedmiotu. Przy ćwiczeniu sylwetki zacznij od mniejszego formatu; 64×64 wybierz dopiero wtedy, gdy projekt wymaga detali. Szerokość i wysokość można ustawić niezależnie od 4 do 64 pikseli.

Tak. Puste i wymazane komórki mają zerową alfę w pliku PNG. Szachownica w edytorze tylko pokazuje przezroczystość i nie jest eksportowana.

Eksport powiększa każdy logiczny piksel o dokładną skalę całkowitą przy wyłączonym wygładzaniu. Nie interpoluje barw między sąsiednimi komórkami.

Nie. Wersja 1 edytuje jeden nieruchomy obraz. Eksportuj tu osobne klatki, a potem spakuj je w atlas za pomocą oddzielnego narzędzia Sprite Sheet Generator.

Płótno obsługuje mysz, pióro i dotyk jednym palcem. Działa też z klawiaturą: strzałki przesuwają aktywną komórkę, Spacja lub Enter stosują narzędzie, a skróty literowe je wybierają.

Edytor nie wysyła grafiki, nazwy projektu, palety ani pliku eksportu. Stan projektu pozostaje w karcie przeglądarki. Przy otwieraniu strony i zmianie kroków lejka nadal odbywają się zwykłe żądania dokumentu.

Powiązane narzędzia

Próbnik kolorów Material Design

Przeglądaj paletę kolorów Material Design. Kopiuj dowolny odcień (od 50 do A700) w formacie HEX, RGB lub HSL jednym dotknięciem.

Generator papieru w kratkę

Twórz papier w kratkę do druku online: wybierz siatkę lub kropki, ustaw odstęp w mm, wybierz A4 lub Letter oraz własny kolor linii, a następnie wydrukuj lub pobierz czytelny plik SVG.

Kreator wzorów haftu krzyżykowego

Zamień plik JPEG, PNG lub WebP w schemat haftu krzyżykowego: 10–150 krzyżyków, 2–40 własnych kolorów, symbole, dokładne liczby ściegów i wymiary kanwy.

Kreator flag

Zaprojektuj w przeglądarce prostą własną flagę 3:2 z sześcioma układami, kolorami, tekstem i symbolem. Pobierz SVG lub PNG albo otwórz okno drukowania przeglądarki.

Generator napisów graffiti

Twórz napisy graffiti w stylu tag, bubble, block, stencil, neon i wild. Dobierz kolory i wyeksportuj PNG lub SVG bezpośrednio w przeglądarce.

Kreator broszur

Napisz prywatną, sześciopanelową broszurę w przeglądarce, sprawdź obie strony, wybierz kolory i wydrukuj każdą stronę w oknie przeglądarki.

Narzędzie jest dostępne w innych językach