Что такое Редактор пиксель-арта?
Редактор пиксельной графики для создания ретро-стилизованных рисунков на сетке. Выберите размер сетки, цвет из палитры и размещайте пиксели по одному или используйте заливку для создания спрайтов, иконок и игровых ассетов.
Размер сетки от 8×8 до 64×64. Семь инструментов: карандаш, ластик, линия (тяните от начала к концу — получается пиксель-точная линия Брезенхэма), прямоугольник, окружность (потяните рамку — выйдет чёткий пиксельный контур), заливка и пипетка. Кисть от 1 до 4 пикселей общая для карандаша, ластика, линии, прямоугольника и окружности, на больших холстах удобно обводить толще. Зеркало X отражает по вертикальной центральной линии, Зеркало Y — по горизонтальной, оба сразу дают симметрию по четырём направлениям. Отмена и повтор перемещаются по последним 50 действиям вперёд и назад. Экспорт масштабирует холст от 1× до 16× методом ближайшего соседа, поэтому спрайт 32×32 выходит чётким в 512×512 с резкими квадратными краями.
Как использовать
- Установите размер сетки холста (от 8×8 до 64×64) и выберите цвет из палитры или введите собственный HEX-код.
- Нажимайте или перетаскивайте курсор по сетке для размещения пикселей. Используйте ластик для удаления, заливку для больших областей или режим зеркала для симметричных дизайнов.
- Экспортируйте готовую работу в формате PNG с выбранным разрешением — от 1× (исходный размер) до 16× для чётких увеличенных спрайтов.
Когда использовать
- Рисовать спрайты персонажей, тайлсеты и иконки предметов для инди-игры.
- Делать маленькие иконки интерфейса и фавиконы, которые остаются чёткими в 16×16 или 32×32.
- Рисовать аватары профилей и чат-эмоции в стиле 8-битного или 16-битного ретро.
Результат
Разработчик игр создаёт спрайт персонажа 16×16 для ретро-платформера, используя режим зеркала для симметрии, а затем экспортирует в масштабе 8× для получения PNG 128×128.
Частые вопросы
- Почему экспортированный PNG выглядит размытым при открытии?
- Экспорт использует ближайшего соседа, но многие просмотрщики при увеличении автоматически сглаживают пиксели. Сам файл попиксельно точный — откройте в графическом редакторе или отключите интерполяцию в просмотрщике, и резкие края вернутся.
- Можно ли загрузить готовое изображение и редактировать попиксельно?
- Напрямую нет — инструмент стартует с пустой сетки. Для обводки откройте референс в соседней вкладке и работайте рядом с редактором. Импорт как референс планируется в следующих обновлениях.
- Какой размер сетки выбрать для спрайта персонажа?
- 16×16 — классический NES-размер, подходит небольшим маскотам. 32×32 даёт место для мимики и приближается к SNES-спрайтам. 64×64 хватает на портрет, но заполнить вручную можно за часы.
- Можно ли получить симметрию по четырём направлениям, а не только лево-право?
- Да — включите Зеркало X и Зеркало Y одновременно. Каждый штрих будет отражаться и по вертикальной, и по горизонтальной центральной линии, давая 4-стороннюю симметрию. Только Зеркало X — для фронтальных персонажей, только Зеркало Y — для повторяющихся узоров и плиток пола, оба вместе — для калейдоскопических форм и иконок.
- Как отменить или повторить сразу несколько шагов?
- Чтобы отменить, нажимайте Ctrl+Z (или Cmd+Z на Mac) подряд, а чтобы повторить — Ctrl+Y (или Ctrl+Shift+Z). История держит последние 50 групп штрихов, поэтому одно протягивание считается одним шагом, а не отдельной отменой каждого пикселя.
Похожие инструменты
Объединение изображений
Объедините несколько изображений горизонтально или вертикально
Инверсия цветов изображения
Инвертируйте все цвета изображения для получения негатива
Трассировщик PNG в SVG
Конвертируйте растровые изображения в масштабируемую векторную графику
Генератор спрайт-листов
Объедините изображения в один спрайт-лист
Конвертер изображений в ICO
Конвертируйте изображения в формат ICO для фавиконов
Инструмент дизеринга
Применяйте алгоритмы дизеринга для уменьшения количества цветов изображения