Pixel editor — рисовать пиксель-арт в браузере

Холст

Масштаб

Инструмент: Карандаш ×1

Как это работает

Редактор рисует в настоящем разрешении, холст 16×16 — это ровно 256 пикселей, каждый из которых вы ставите руками. Экранное увеличение на файл не влияет, поэтому результат получается таким же чётким, как спрайты из восьмибитных игр.

Слои работают как в больших редакторах, верхний в списке рисуется поверх остальных, у каждого своя видимость и непрозрачность, соседние можно свести в один. Кадры — это независимые наборы слоёв, переключаясь между ними, вы собираете анимацию, а кнопка проигрывания показывает результат в окошке предпросмотра.

Горячие клавиши

Клавиша	Действие
B	Карандаш
E	Ластик
G	Заливка
I	Пипетка
L	Линия
R	Прямоугольник
C	Эллипс
V	Перенос слоя
Ctrl + Z	Отменить
Ctrl + Y / Ctrl + Shift + Z	Вернуть
Ctrl + колесо мыши	Масштаб холста

Советы

Начинайте с 16×16. На маленькой сетке силуэт читается сразу, а лишние детали просто некуда девать — это и есть главный приём пиксель-арта.
Держите свет с одной стороны. Два-три оттенка одного цвета дают объём лучше, чем десяток разных цветов.
Контур рисуйте не чёрным, а тёмным оттенком самого предмета — картинка перестанет выглядеть как раскраска.
Для анимации дублируйте кадр и двигайте нарисованное инструментом переноса, так силуэт не «плывёт» между кадрами.
Восемь кадров при 8 к/с дают ровно секунду анимации. Для ходьбы обычно хватает четырёх.

Другие инструменты

Генератор паролей Рандомайзер Генератор аватарок