Klatki i warstwy
Nowa warstwa otrzymuje pustą zawartość w każdej klatce. Duplikat klatki kopiuje jej wygląd, ale późniejsze zmiany pikseli są niezależne. Kalka pokazuje sąsiednie klatki na czerwono/turkusowo i nie trafia do eksportu.
Pixel Studio
Twórz pixel art i animacje klatkowe z narzędziami rysowania, zaznaczaniem, warstwami i paletą. Sprawdzaj ruch z kalką sąsiednich klatek, a potem eksportuj PNG, arkusz klatek lub edytowalny projekt Pixel Studio.
Pliki są przetwarzane lokalnie w przeglądarce
32×32 · Klatka 1 · Warstwa 1
Zaznaczenie dotyczy aktywnej warstwy. Przesuń: przeciągnij w zaznaczeniu lub użyj strzałek; Escape je usuwa. B/E/G/I/L/R/S/V/H wybierają narzędzie; [ ] zmieniają klatkę; spacja odtwarza/wstrzymuje; Enter rysuje w pozycji kursora klawiatury.
Oś czasu animacji
Eksport
PNG bieżącej klatki to spłaszczony widoczny obraz. JSON zachowuje edytowalne warstwy, klatki, paletę i czasy.
Jak używać
- Wybierz wymiary nowego projektu albo zmień rozmiar kanwy bez skalowania pikseli. Ustaw kolor, rozmiar pędzla i narzędzie.
- Rysuj na aktywnej warstwie i klatce. Stos warstw, widoczność i krycie są wspólne dla klatek, ale każda ma własne piksele.
- Dodawaj lub duplikuj klatki, ustaw ich czasy i odtwarzaj animację. Eksportuj wybraną klatkę jako spłaszczony PNG, poziomy/pionowy arkusz klatek albo wersjonowany JSON projektu.
Kiedy się przydaje
- Twórz sprite’y i ikony, kontrolując ręcznie każdy piksel.
- Zachowaj warstwowy projekt JSON do dalszej edycji, a gotowy obraz wyeksportuj do PNG.
Formaty i ograniczenia
- PNG i arkusz klatek zawierają wynikowe piksele, bez edytowalnych warstw i czasów animacji. JSON Pixel Studio w wersji 1 zachowuje te ustawienia. Eksport animowanego GIF nie jest dostępny.
- Kanwa: 1–256 pikseli na bok, do 8 warstw i 64 klatek, z łącznym limitem danych pikseli 16 MiB. Import przyjmuje statyczny PNG do 256×256 i 8 MiB bez skalowania. Importowana warstwa musi zmieścić się na kanwie.
Przykłady
Wybierz właściwe narzędzie pikselowe
Narysuj tutaj ikonę 32×32 od zera; wybierz Pixel Paint, gdy punktem wyjścia jest zdjęcie lub inny istniejący obraz.
Szczegóły działania
Zapis lokalny
IndexedDB przechowuje dokument na tym urządzeniu: klatki, warstwy, paletę i ustawienia animacji. Można przywrócić starszy szkic jednoklatkowy. Wyczyszczenie danych przeglądarki usuwa szkic; eksportuj JSON, aby mieć osobną kopię. Historia cofania jest tylko sesyjna.
Częste pomyłki
- Eksport PNG nie zachowuje warstw do dalszej edycji; zapisz też projekt w JSON.
Jak przetwarzane są dane
To narzędzie wykonuje obsługiwane operacje w przeglądarce. Pliki nie są wysyłane na serwer YourTool. Usługi zewnętrzne strony, takie jak reklamy, są odseparowane od obszaru roboczego.
Najczęstsze pytania
Kiedy wybrać Pixel Studio zamiast Pixel Paint?
Pixel Studio służy do ręcznego rysowania pikseli, sprite’ów na warstwach i animacji klatkowych. Pixel Paint zamienia szablon lub obraz w numerowany wzorzec z ograniczoną paletą i opcjonalnym ditheringiem.
Co dzieje się po imporcie PNG?
Wybierz nowy projekt w oryginalnych wymiarach obrazu albo nową warstwę w bieżącej klatce. Warstwa trafia do lewego górnego rogu bez skalowania i musi zmieścić się na kanwie. Pozostałe klatki otrzymują dla niej pustą zawartość.
Jak zachować czasy animacji i warstwy?
Eksportuj wersjonowany JSON projektu. Arkusz układa wynikowe klatki poziomo lub pionowo, lecz sam PNG nie przechowuje czasów odtwarzania ani edytowalnych warstw.
Poznaj zasady i techniki
- Jak działa animacja klatkowa w pixel arcie
Buduj ruch z klatek, czasów i warstw; użyj kalki i zaplanuj eksport arkusza klatek wraz z czasem odtwarzania.
- Palety pixel art, redukcja kolorów i dithering
Dobierz czytelne odcienie, poznaj kwantyzację i sprawdź, kiedy dithering pomaga, a kiedy dodaje zbędny szum.