В браузере запустился бесплатный редактор Scissor без серверов и регистрации

Окно браузера открывается за секунду, и перед глазами оказывается полноценный холст без всплывающих окон с требованием ввести почту, привязать карту или подтвердить корпоративный аккаунт. Разработчики выкатили Scissor — графический редактор, работающий прямо во вкладке и объединяющий под одной крышей работу с вектором и растровыми пикселями. Главная архитектурная особенность сервиса спрятана внутри: он функционирует полностью на стороне клиента. Все макеты, наброски и рабочие файлы живут исключительно в локальной памяти пользовательского устройства и ни при каких обстоятельствах не отправляются на удаленные серверные кластеры.

Нас подкупило, что авторы отказались от идеи превратить инструмент в очередной облачный сервис с абонентской платой. Никакой предварительной установки тяжелых дистрибутивов не требуется. Запуск происходит мгновенно, а за приватность исходников отвечает сама клиентская модель. Впрочем, у такой автономности есть обратная сторона, о которой создатели заявляют прямо: редактор распространяется по модели «как есть» без гарантий стабильности. Ответственность за резервные копии и сохранность промежуточных этапов проекта целиком ложится на плечи дизайнера. При первом старте система лишь вежливо поинтересуется, готов ли пользователь делиться анонимными данными о частоте кликов и востребованности функций для внутренней аналитики, и этот сбор легко отключить.

Рабочее пространство и арсенал инструментов

Интерфейс приложения покажется знакомым любому, кто провел сотни часов в классических настольных пакетах графики. Рабочее пространство опирается на систему монтажных областей Board Tool (вызывается шорткатом ⇧O) и поддерживает одновременное сосуществование векторных и растровых слоев на одном холсте. Палитра инструментов нарезана на понятные блоки с привычными горячими клавишами:

• Инструменты выделения и навигации: базовый курсор Selection Tool (V), точечный выбор Direct Selection Tool (A), групповое выделение Group Selection Tool, автоматический захват Auto-Select Tool (Y), свободное лассо Lasso Tool (Q), а также прямоугольная, эллиптическая и полигональная рамки (Rectangular Marquee Tool, Elliptical Marquee Tool, Lasso Marquee Tool).
• Векторные контуры: классическое перо Pen Tool (P), кнопки добавления (+) и удаления (−) опорных точек, работа с узлами через Anchor Point Tool (⇧C) и построение плавных линий Curve Tool (⇧~).
• Текст и тонкая типографика: строчный Type Tool (T), блочный Area Type Tool, размещение надписей вдоль кривой Type on a Path Tool, вертикальный набор Vertical Type Tool и панель точечной правки глифов Glyph Edit Tool (⇧T).
• Геометрия и разметка: отрезки Line Segment Tool (), дуги Arc Tool, спирали Spiral Tool, прямоугольные и полярные сетки (Rectangular Grid Tool и Polar Grid Tool), прямоугольники Rectangle Tool (M), скругленные формы Rounded Rectangle Tool, овалы Ellipse Tool (L), многоугольники Polygon Tool, звезды Star Tool, составные сетки Grid Shape Tool (⇧G) и световые блики Flare Tool.
• Рисование и пластика: кисти Paintbrush Tool (B), Fill Brush Tool (⇧B) и Brush Tool, заливка Paint Bucket Tool, карандаши Sketch Tool (⇧N) и Pencil Tool (N), сглаживание Smooth Tool, стирание контуров Path Eraser Tool, сшивка линий Join Tool, обычный ластик Eraser Tool (⇧E), растровый ластик Pixel Eraser Tool, ножницы Scissors Tool (C) и лезвие Knife.

Отдельного внимания заслуживает блок деформации и локальной ретуши. В Scissor встроили осветлитель Dodge Tool, затемнитель Burn Tool и губку Sponge Tool для коррекции насыщенности пикселей. Рядом расположился массив манипуляций с формой: вращение Rotate Tool (R), зеркальное отражение Reflect Tool (O), пропорциональное масштабирование Scale Tool (S), скос Shear Tool, перерисовка силуэта Reshape Tool и настройка профиля обводки Stroke Profile Tool (⇧W). Для более агрессивных искажений предусмотрены вортекс-кисти: скручивание Twirl Tool, сжатие Pinch Tool, раздувание Swell Tool, рябь Ripple Tool, шипы Spike Tool, сминание Crumple Tool и базовый деформатор Warp Tool (⇧R). Свободная трансформация Free Transform Tool (E) соседствует здесь с булавочной деформацией Pin Warp Tool, объединением и разрезанием через Merge & Split Tool (⇧M), умной заливкой замкнутых областей Region Fill Bucket (K), их выбором Region Select Tool (⇧L) и градиентными сетками Mesh Tool (U).

Завершают инструментальный набор градиент Gradient Tool (G), пипетка Eyedropper Tool (I), линейка Measure Tool, морфинг форм Morph Tool (W), раскройка холста Slice Tool (K) с селектором фрагментов Slice Selection Tool, рука Hand Tool (H), вращение обзора Rotate View Tool (⇧H), постраничная печать Print Tiling Tool и масштаб Zoom Tool (Z). Для генеративных задач выделена целая обойма манипуляций с символами: рассеивание Symbol Scatter Tool (⇧S), сдвиг Symbol Nudge Tool, упаковка Symbol Pack Tool, масштабирование Symbol Resize Tool, вращение Symbol Spin Tool, тонирование Symbol Tint Tool, регулировка прозрачности Symbol Fade Tool и сброс оформления Symbol Restyle Tool.

Панели стилей, типографика и выгрузка

Интерфейс не перегружен лишними меню. Боковые панели отданы под управление трансформациями, заливками, параметрами обводки, прозрачностью, узорами и библиотеками символов. Цветовая палитра позволяет быстро переключаться между сплошными оттенками и сложными градиентами. Блок работы с текстом содержит полный джентльменский набор: выбор гарнитур (включая проверенную Helvetica), точная подгонка кегля, интерлиньяжа, трекинга, параметров выравнивания и расширенная поддержка глифов формата OpenType.

Когда проект готов, задействуется панель ассетов Assets. Сервис умеет экспортировать графику наружу в форматах PNG, JPEG, WEBP и чистом SVG. Приятная деталь: для каждого формата можно задать сразу несколько коэффициентов масштабирования, чтобы получить на выходе комплект графики под разные плотности экранов в один клик.

Появление Scissor показывает, как быстро стирается грань между тяжелым софтом и вкладкой в веб-навигаторе. Для арт-директора или моушн-дизайнера это удобный аварийный карманный нож — способ набросать идею на чужом ноутбуке, быстро поправить векторный логотип или разобрать иконку без страха слить макеты клиента в чужую базу данных. Открыл вкладку, сделал макет, сохранил локально и пошел дальше.