Векторный редактор PenPen соединил рисунок и физику движения прямо в браузере
Линия ложится на холст в Safari и сразу начинает дышать. Контур колышется, словно прядь волос на ветру, пока стилус еще касается экрана iPad. Никаких экспортов в сторонние пакеты композитинга, никакой рутинной расстановки ключей на таймлайне постфактум. В открытую бету вышел PenPen — веб-редактор векторной графики, где поведение и динамика закладываются в штрих в момент его нанесения.
Команда проекта решила пересмотреть классический пайплайн. В привычной связке иллюстратор сначала сдает статичный вектор, а затем моушн-дизайнер мучительно разделяет его на слои и привязывает риг. PenPen объединяет эти шаги в одном окне. Каждый векторный штрих здесь изначально наделен динамическими свойствами: он умеет пульсировать, прорастать по траектории при воспроизведении, плавно раскачиваться или подчиняться физическим законам.
Инструменты и режимы работы
Внутри браузерного интерфейса скрыт неожиданно плотный функциональный арсенал, оптимизированный под горячие клавиши десктопа и жестовое управление планшетов:
- Рисование и штрихи: создание векторных линий, которые сразу обладают собственным поведением и прорисовываются в реальном времени.
- Режим редактирования (Edit Mode): детальная правка узлов, кривизны контуров и геометрии отдельных элементов.
- Трансформация с записью: масштабирование, сдвиг и вращение слоев с автоматической фиксацией всех изменений в пространстве.
- Инструмент марионетки (Puppet Tool): расстановка булавок-деформаторов прямо по телу векторного объекта для органичного сгибания графики.
- Морфинг (Morph Mode): расчет бесшовного перетекания произвольных форм и контуров друг в друга.
- Физический движок (Physics): симуляция гравитации, упругих отскоков и взаимных столкновений объектов на холсте.
- Маскирование (Mask Mode): обрезка и изолирование элементов графики с помощью векторных масок.
- Цвет и градиенты: настройка палитр, покадровая смена оттенков и создание скользящих градиентных переходов.
- Тайминг: точечное управление моментом старта анимации и настройка циклов повтора.
- Сенсорные жесты: интуитивная навигация, масштабирование холста, быстрая отмена и возврат действий пальцами.
Нас подкупило, как в одном пространстве уживаются точный векторный контроль и процедурное поведение. Если верить демо, связка марионеточных булавок с физикой дает ту самую упругую органику, ради которой в стандартных пакетах приходится собирать громоздкие связки модификаторов.
Локальная память и независимость от сети
Техническая сторона устроена прагматично. PenPen живет в браузере, но не держит пользователя на коротком поводке постоянного соединения. Все рабочие файлы сохраняются локально во внутренней памяти браузера на устройстве. Приложение полностью сохраняет работоспособность офлайн после первой загрузки страницы. Для планшетов iPad разработчики советуют закрепить ярлык вкладки на домашнем экране: это разворачивает рабочую область на весь экран без рамок Safari.
Настольную версию оптимизировали под Chrome, планшетную — под мобильный Safari с нативной поддержкой Apple Pencil. В параметрах документа через меню File settings доступен переключатель Performance. Там можно выбрать режим Fast Performance для плавной работы со сложными композициями либо режим High Quality для предельной детализации картинки.
Перенос макетов и экспорт
Инструмент легко встраивается в текущие процессы благодаря поддержке SVG. Векторные файлы, экспортированные из Adobe Illustrator, залетают в PenPen с сохранением структуры слоев, групп и векторных масок. Единственное жесткое требование к импорту — предварительно перевести весь типографический текст в кривые.
Готовую работу можно забрать в нескольких видах в зависимости от задачи:
- Видеофайл MP4 для быстрой публикации или превью;
- Последовательность кадров PNG для последующего монтажа;
- Векторные форматы SVG и PDF для печати или дальнейшей верстки.
Доступ и тарифные сетки
Разработчики выкатили прозрачную модель монетизации с возможностью протестировать весь функционал без спешки. Всем новым учетным записям сразу начисляется месяц бесплатного Pro-доступа.
| Параметр | Бесплатный тариф (Free) | План Pro и спонсорские уровни | Бессрочная лицензия (Lifetime) |
|---|---|---|---|
| Лимит проектов | До 3 проектов на устройстве | Без ограничений | Без ограничений |
| Водяной знак при экспорте | Присутствует небольшой знак | Полностью удален | Полностью удален |
| Разрешение экспорта | Ограниченное | Максимальное без ограничений | Максимальное без ограничений |
| Облачная синхронизация | Отсутствует | Ручная загрузка через галерею | Ручная загрузка через галерею |
| Формат оплаты | Бесплатно | Регулярная подписка | Разовый платеж в первой фазе релиза |
В промо-материалах и титрах релиза уже засветились работы заметных европейских авторов: в тестировании инструмента участвовали Аня Вики (Anja Wicki), Арбноре Тоска (Arbnore Toska), Эвелин Лаубе (Evelyne Laube), Феликс Пфэффли (Felix Pfäffli), Надья Бальтенсвайлер (Nadja Baltensweiler), Нильс Блэзи (Niels Bläsi) и Тилль Лауэр (Till Lauer).
Появление таких инструментов меняет оптику самого рисования. Когда анимация перестает быть отдельным техническим этапом производства, иллюстрация превращается в живой интерактивный объект уже на стадии первого эскиза.
