Рисовать пиксель арт онлайн
Рисуйте пиксель арт прямо в браузере, пиксель за пикселем. Бесплатно, без регистрации, а рисунок сохраняется на вашем устройстве по ходу работы.
Рисунок без названия
32 × 32 пикс. · 0 цветов
Карандаш: Кликните или ведите, чтобы рисовать. Правый клик стирает. Shift+клик проводит прямую от последней точки.
Как нарисовать пиксель арт
Четыре шага, ничего не нужно устанавливать и регистрироваться.
- 1
Выберите размер холста
Для иконок и игровых персонажей начните с 16×16 или 32×32 либо задайте любой размер до 256 × 256. Его можно поменять позже — рисунок останется по центру.
- 2
Подберите цвета
Берите цвета из ретро-палитр вроде PICO-8 и Endesga 32, из своих палитр или любые через пипетку цвета и HEX-код.
- 3
Рисуйте, заливайте, дорабатывайте
Наметьте крупные формы прямоугольником, эллипсом и заливкой, а детали поправьте карандашом попиксельно. Всё отменяется через Ctrl+Z.
- 4
Скачайте рисунок
Сохраните чёткий PNG с увеличением до 64×, с сеткой или без, скопируйте его в буфер обмена или получите схему для печати с кодами цветов.
Хотите начать с фото? Сделайте пиксель арт из картинки, а потом нажмите «Править пиксели», чтобы закончить здесь.
Простой редактор пиксель арта со всем необходимым
Все нужные инструменты
Карандаш, ластик, заливка, пипетка, линия, прямоугольник и эллипс, кисть от 1 до 4 пикселей, фигуры контуром или с заливкой.
Зеркальное рисование
Включите зеркало слева-справа или сверху-снизу — всё нарисованное повторится на другой стороне. Идеально для лиц, персонажей и иконок.
Ретро-палитры и свои палитры
Рисуйте классическими палитрами Game Boy, PICO-8 и Commodore 64 или создавайте свои и импортируйте любые с Lospec.
До 100 шагов отмены
Экспериментируйте смело: каждый штрих, заливку, изменение размера и отражение можно отменить и повторить.
Сохраняется по ходу
Рисунок автоматически сохраняется в браузере, так что закрытая вкладка или перезагрузка ничего не сотрут. Ничего не загружается на сервер.
Начните с картинки
Откройте пиксель арт и правьте его попиксельно или сначала превратите фото в пиксель арт и нажмите «Править пиксели», чтобы доработать вручную.
Чёткие файлы и схемы
Скачайте чёткий PNG до 64× с прозрачным фоном или схему для печати — для термомозаики, вышивки крестом и вязания.
Работает на телефоне и планшете
Рисуйте пальцем или стилусом. Сведите или разведите два пальца, чтобы приблизить и подвинуть холст, как фото.
Инструменты и горячие клавиши
Нажмите букву, чтобы сменить инструмент, не отрываясь от холста.
| Инструмент | Клавиша | Что делает |
|---|---|---|
| Карандаш | B | Кликните или ведите, чтобы рисовать. Правый клик стирает. Shift+клик проводит прямую от последней точки. |
| Ластик | E | Кликните или ведите, чтобы сделать пиксели прозрачными. |
| Заливка | G | Кликните, чтобы залить область одного цвета. Правый клик заливает прозрачностью. |
| Пипетка | I | Кликните по пикселю, чтобы рисовать его цветом. Совет: с любым инструментом можно взять цвет, удерживая Alt. |
| Линия | L | Ведите, чтобы провести прямую. С Shift — горизонтальная, вертикальная или под 45°. |
| Прямоугольник | R | Ведите, чтобы нарисовать прямоугольник. С Shift — квадрат. |
| Эллипс | O | Ведите, чтобы нарисовать эллипс. С Shift — круг. |
| Перемещение | H | Ведите, чтобы двигать холст. Ещё можно удерживать пробел или вести двумя пальцами. |
| Сочетание | Что делает |
|---|---|
| Ctrl+Z | Отменить (⌘Z на Mac) |
| Ctrl+Shift+Z или Ctrl+Y | Повторить |
| [ и ] | Кисть меньше или больше |
| + и −, или колесо мыши | Приблизить и отдалить |
| 0 | Вписать рисунок в экран |
| Пробел + перетаскивание | Двигать холст |
| Alt + клик | Взять цвет любым инструментом |
| Правый клик | Стирать карандашом, заливкой или фигурами |
| Shift + клик | Карандаш: прямая от последней точки |
Советы по пиксель арту для начинающих
Несколько привычек, которые сильнее всего улучшают рисованный пиксель арт.
- 01
Начинайте с маленького холста
Холст 16×16 или 32×32 заставляет оставить только главное, и рисунок будет готов за несколько минут. Увеличивайте, когда освоитесь.
- 02
Сначала силуэт
Залейте общую форму одним цветом, прежде чем добавлять детали. Если форму узнать даже сплошным пятном, готовый спрайт тоже будет читаться.
- 03
Маленькая палитра
Большинство хороших работ в пиксель арте обходятся горсткой цветов. Возьмите палитру вроде PICO-8 (16 цветов) или Game Boy (4 цвета) — ограничения сделают рисунок цельнее.
- 04
Ровные линии
Линия выглядит гладкой, когда длина её «ступенек» меняется равномерно, например 3-3-3 или 3-2-1, и рваной, когда скачет, например 1-3-1-2. Инструмент «Линия» распределяет ступеньки как можно ровнее.
- 05
Тени от источника света
Выберите направление света: светлые цвета с этой стороны, тёмные — с противоположной. Избегайте «подушечного» затенения, когда всё темнеет к краям.
- 06
Меняйте оттенок, а не только яркость
Тени выглядят богаче, если чуть уходят в синий или фиолетовый, а блики — в жёлтый, вместо того чтобы просто подмешивать чёрный и белый.
Какой размер холста выбрать?
Маленькие холсты рисуются быстрее и выглядят ретровее. На больших есть место для деталей.
| Холст (пиксели) | Подходит для |
|---|---|
| 8×8 | Крошечные иконки, курсоры и мелкие тайлы. Хорошее испытание для новичка. |
| 16×16 | Классические игровые предметы, тайлы, фавиконки и маленькие персонажи в духе 8-битных игр. |
| 32×32 | Игровые персонажи и спрайты, аватарки, эмоуты и иконки приложений. Самый популярный размер. |
| 64×64 | Детальные персонажи, портреты и аватарки с местом для теней. |
| 128×128 и больше | Сцены, фоны и иллюстрации. Заложите больше времени: каждый пиксель ставится вручную. |
Вопросы и ответы
Этот редактор пиксель арта бесплатный?
Да. Он полностью бесплатный: без регистрации, без водяных знаков и без ограничений на число рисунков и скачиваний. Пиксель арт можно использовать в личных и коммерческих проектах.
Мой рисунок сохраняется?
Да. Текущий рисунок автоматически сохраняется в локальном хранилище браузера, поэтому он на месте после перезагрузки или если вернуться позже на том же устройстве и в том же браузере. На сервер он не загружается. Очистка данных браузера или режим инкогнито его удалят, так что для постоянной копии скачайте PNG.
Можно сделать пиксель арт из фото, а потом отредактировать?
Да. В конвертере картинок в пиксель арт выберите размер и цвета, затем нажмите «Править пиксели» над превью — результат откроется здесь, и его можно доработать вручную. Ещё можно нажать «Открыть» и загрузить любую картинку: до 256 × 256 пикселей она откроется попиксельно, а более крупная уменьшится до 64 пикселей по длинной стороне.
Как сделать прозрачный фон?
Холст изначально прозрачный (серая шахматная клетка), и всё стёртое снова становится прозрачным. Скачанные PNG сохраняют прозрачность, так что рисунок встанет на любой фон в игре, на сайте или в видео.
Какой размер выбрать для игровых спрайтов?
16×16 и 32×32 — самые распространённые размеры для персонажей, предметов и тайлов, и во многих играх всё рисуют в одном размере, чтобы графика сочеталась. Для игрового движка скачайте в 1× и включите фильтрацию текстур «ближайший сосед» (Point, «без фильтра»), чтобы спрайт оставался чётким.
Как скачать пиксель арт крупнее без размытия?
Выберите размер от 1× до 64× в меню «Размер» рядом с кнопкой скачивания. Каждый пиксель станет чётким квадратом из стольких экранных пикселей, поэтому рисунок остаётся чётким при любом размере. Включите «Линии сетки», чтобы обвести каждый пиксель.
Можно сделать схему для термомозаики, вышивки или вязания?
Да. Нажмите «Сделать схему» под холстом, чтобы скачать PDF или PNG для печати с пронумерованными рядами и столбцами, кодом в каждой клетке и ключом, где посчитано, сколько клеток у каждого цвета.
Работает ли на телефоне или планшете?
Да. Рисуйте одним пальцем или стилусом, а двумя пальцами приближайте и двигайте холст. Если второй палец коснётся экрана во время рисования, этот штрих отменится, чтобы не осталось лишних пикселей.