Piskel — редактор пиксельной графики¶
Piskel — это бесплатный веб-редактор растровой графики, предназначенный для создания пиксель-арта и двумерных спрайтов для анимации. Инструмент работает непосредственно в браузере, не требует установки дополнительного программного обеспечения и ориентирован как на начинающих художников, так и на профессиональных разработчиков инди-игр. Ключевой особенностью Piskel является узкая специализация: он не пытается заменить полнофункциональные графические пакеты, а сосредоточен на удобном попиксельном рисовании и покадровой анимации.
¶История и происхождение
Проект Piskel был создан французским разработчиком Жюльеном Кастельне (Julian Castelnie) примерно в 2013 году. Изначально редактор задумывался как личный инструмент для создания спрайтов к собственным игровым проектам. Однако вскоре разработчик опубликовал код в открытом доступе на платформе GitHub, что позволило сообществу участвовать в развитии проекта. Название «Piskel» является комбинацией слов «pixel» (пиксель) и, предположительно, имени или псевдонима автора.
Популярность сервиса быстро росла благодаря его доступности: для начала работы пользователю достаточно открыть сайт piskelapp.com в любом современном браузере. В отличие от многих аналогов того времени, Piskel не требовал регистрации, flash-плагинов или загрузки файлов на сервер для локальной работы. В 2017 году вышла офлайн-версия приложения для операционной системы Linux, распространяемая через Snap-магазин. Несмотря на то что активная разработка проекта со временем замедлилась, редактор остаётся востребованным благодаря своей простоте и стабильности.
¶Возможности и интерфейс
Интерфейс Piskel выполнен в тёмной цветовой гамме и организован вокруг центрального рабочего холста. Слева располагается панель инструментов, справа — панель предпросмотра анимации и управления слоями, снизу — шкала времени с кадрами. Все элементы управления интуитивно понятны и не перегружены лишними опциями.
¶Основные инструменты рисования
Набор инструментов включает стандартный для растровых редакторов минимум, адаптированный под пиксель-арт:
- Карандаш — основной инструмент для прорисовки отдельных пикселей. Поддерживает настройку размера кисти.
- Ластик — удаляет пиксели, может работать в режиме замены на прозрачный цвет.
- Заливка — закрашивает замкнутые области одним цветом.
- Пипетка — позволяет быстро скопировать цвет с холста.
- Линия, прямоугольник, эллипс — геометрические примитивы для создания ровных фигур.
- Карандаш с лёгкостью — инструмент для создания полупрозрачных наложений, имитирующий нажим.
- Штамп — копирование выделенной области.
¶Работа с цветом
Палитра Piskel поддерживает 32-битный цвет с альфа-каналом (прозрачностью). Пользователь может задавать цвета в форматах HEX, RGB или HSV. В редакторе реализована удобная система «слотов» палитры, куда можно сохранять часто используемые цвета. Также доступна функция импорта палитр из файлов формата PNG, GPL или JASC. Для работы в ограниченной палитре (например, в стиле консольных игр) предусмотрен режим индексированных цветов.
¶Анимация
Главная отличительная черта Piskel — встроенный инструментарий для создания спрайтовой анимации. Работа строится по классическому кадровому принципу:
- Пользователь рисует первый кадр на холсте.
- Добавляет новый кадр (кнопка «Add frame» или клавиша пробел).
- Редактирует следующий кадр поверх полупрозрачного подложенного предыдущего («луковая шелуха» или onion skinning).
Функция «луковой шелухи» позволяет видеть контуры предыдущих и следующих кадров, что критически важно для создания плавных движений персонажа. Готовую анимацию можно просматривать в реальном времени в панели предпросмотра. Редактор поддерживает изменение скорости воспроизведения (FPS) от 1 до 24 кадров в секунду. Дополнительно реализована функция циклического зацикливания анимации.
¶Слои
Piskel поддерживает многослойную организацию изображения. Слои можно создавать, удалять, переименовывать, изменять их прозрачность и порядок наложения. Это позволяет отделять фон от персонажа или рисовать тени и блики на разных уровнях. Анимация в Piskel построена таким образом, что все слои объединяются в единый кадр, однако покадровое редактирование возможно для каждого слоя отдельно.
¶Форматы и экспорт
Piskel поддерживает импорт изображений из локальных файлов или по URL-ссылке. При импорте редактор автоматически конвертирует изображение в пиксельный формат, что удобно для использования готовых наработок.
Экспорт готовой работы возможен в нескольких форматах:
- PNG — статичное изображение (один кадр или спрайт-лист из всех кадров).
- GIF — анимированное изображение, популярное для веб-использования и публикации в соцсетях.
- Sprite Sheet — единая текстура-атлас, содержащая все кадры анимации, расположенные в ряд или сеткой. Этот формат является стандартом для игровых движков.
- Piskel-файл — собственный формат проекта, сохраняющий все слои, кадры и настройки для дальнейшего редактирования.
Также доступна функция копирования анимации в буфер обмена в формате GIF для быстрой вставки в мессенджеры. Для интеграции с игровыми движками часто используется экспорт в JSON-структуру, описывающую координаты кадров на спрайт-листе.
¶Применение
Основная сфера применения Piskel — разработка двумерных игр. Благодаря своей простоте и ориентации на спрайты, редактор часто используется в образовательных целях на курсах по геймдизайну и программированию. Художники применяют Piskel для создания:
- Пиксельных персонажей и противников;
- Тайлов (плиток) для игровых уровней;
- Элементов интерфейса и иконок в ретро-стилистике;
- Анимированных аватарок и стикеров.
Кроме того, Piskel используется для создания простых анимаций для веб-сайтов и презентаций. Инструмент популярен в сообществе любителей пиксель-арта благодаря низкому порогу входа и возможности быстро делиться результатами через прямые ссылки на сохранённые в облаке работы.
¶Ограничения
Piskel не лишён недостатков. Редактор не поддерживает сложные кисти, градиенты, фильтры и корректирующие слои, что делает его непригодным для полноценной цифровой живописи. Максимальный размер холста ограничен, что может быть критично для создания крупных детализированных изображений. Инструмент не имеет функции автоматического сохранения в локальном режиме, и при случайном закрытии вкладки несохранённая работа может быть потеряна. Отсутствие русскоязычной локализации интерфейса также может создавать неудобства для части пользователей.
¶Аналоги
На рынке существует несколько схожих по функционалу инструментов. Среди прямых конкурентов выделяются Aseprite (коммерческий редактор с расширенными возможностями), GraphicsGale и Pyxel Edit. В отличие от платного Aseprite, Piskel полностью бесплатен и не требует установки, однако уступает ему в производительности при работе с большими холстами и количеством кадров. Онлайн-аналог Lospec Pixel Editor предлагает более строгие ограничения по палитре, ориентируясь на создание работ в стиле старых компьютерных систем.