Из картинки в пиксель-арт
Концепт-арт, живопись, вырезанное фото, крупно нарисованная иконка: на входе картинка, на выходе чистый пиксельный спрайт с настоящей палитрой и настоящей обводкой вместо размытых квадратов.
Бесплатно, без регистрации. Работает в браузере: ваши файлы не покидают компьютер, а после загрузки страницы инструмент работает офлайн.
Слева картинка, просто уменьшенная до того же размера; справа она же, нарисованная как пиксель-арт. Масштабируйте кнопками или колесиком мыши над картинкой; перетаскивайте увеличенную картинку, чтобы двигаться по ней.
Как пользоваться
- Перетащите картинку в рамку (лучше всего подходит PNG с прозрачным фоном).
- Выберите, сколько пикселей в спрайте, облик и, если хотите, палитру.
- Включите или выключите линии.
- Скачайте спрайт как есть или увеличенным в 4× для публикации.
Не просто меньше: пиксель-арт
Уменьшенная картинка — это размытые квадраты и сотни цветов. Этот инструмент перерисовывает ее как пиксель-арт: цвета переводятся в палитру из рамп (каждый цвет картинки получает несколько собственных оттенков, так что маленькое красное пятно остается красным), форма получает чистую обводку, а одиночные пиксели убираются. Это тот же рендерер, которым Pixor рисует свои спрайты, работающий прямо на странице, поэтому одна и та же картинка с одними и теми же параметрами каждый раз дает одни и те же пиксели.
Облики и палитры
Выборочная обводка рисует контур каждой части более темным оттенком ее собственного цвета, как часто делают пиксель-художники; «Чистый» использует темную линию; «Ретро» оставляет по четыре оттенка на цвет; «Плоский» убирает затенение, которое было на картинке. «Из картинки» собирает палитру из собственных цветов картинки; остальные переводят каждый цвет в фиксированную палитру.
Какие картинки подходят лучше всего
Прозрачный фон (PNG с прозрачностью) дает спрайт с чистым силуэтом и обводкой вокруг. Один объект — персонаж, предмет, здание — любого размера: инструмент подгоняет его под выбранный размер в пикселях. Чтобы превратить целую папку картинок в спрайты в одном облике, командная строка Pixor делает это одной строкой: pxr batch pictures/ -o sprites/ --size 48.
Делаете спрайты из 3D-моделей? Pixor рендерит модель в пиксельные листы со всех сторон, кадр за кадром, и сам записывает GIF, файлы Aseprite и форматы движков. Как это работает.
Попробуйте Pixor бесплатноЕще бесплатные инструменты
- Просмотрщик GLB и glTF: откройте 3D-модель, вращайте ее, проигрывайте анимации и смотрите, что с ней не так.
- Спрайт-лист в GIF: превратите спрайт-лист в анимированный GIF или APNG с точностью до пикселя.
- GIF в спрайт-лист: разбейте анимированный GIF на спрайт-лист с длительностями кадров.
- Нарезка спрайт-листов: разрежьте лист на кадры по сетке или по промежуткам между спрайтами.
- Масштабирование пиксель-арта: увеличьте пиксель-арт от 2× до 16× без размытия — для постов и магазинов.
- Свести к палитре: сопоставьте каждый пиксель с палитрой: из Lospec, файла .gpl или вашей собственной.
- Сборщик спрайт-листов: упакуйте кадры в один лист с JSON, который читает ваш движок.