Last Updated on 11.04.2022
Актуальная в последние годы технология SaaS, разумеется, не обошла стороной и редакторы векторной графики.
В этом нет ничего удивительного. Как и всякая другая работа, связанная с дизайном, создание векторных изображений идёт более эффективно при доступе к различным коллекциям готовых объектов и при наличии возможности обмениваться творческими находками.
Кроме того, работа с векторной графикой требует гораздо меньших вычислительных ресурсов, чем обработка фото или видео.
Поэтому ниша сервисов, предоставляющих услуги по редактированию векторных изображений, в последнее время стала динамично заполняться.
Её развитие сдерживает только то, что онлайновые системы не могут по своим возможностям сравниться с ведущими программами для настольных систем, такими, как Adobe Illustrator и CorelDraw — просто потому что разработка приложений такой сложности требует очень больших ресурсов.
Тем не менее, шанс у онлайновых систем есть. Залог их успеха — простота использования, низкие цены и полная нетребовательность к оборудованию пользователя — только бы браузер работал. Многие из них прекрасно работают даже на недорогих мобильных устройствах.
Boxy SVG — онлайновая версия универсального редактора векторной графики
Приложение предназначено для работы с файлами SVG, которые могут использоваться при разработке элементов фирменного стиля, веб-сайтов, мобильных приложений, презентаций и различных документов.
Приложение имеет простой, интуитивно понятный и в то же время насыщенный интерфейс, в котором нашлось место всем возможностям, настройкам и инструментам. Освоить работу с ним опытный пользователь может за несколько минут.
В верхней части экрана находится традиционное общее меню. По левому краю экрана располагается панель объектов и действий с объектами, по правому — панель инструментов и панель настроек для работы со свойствами объектов.
В нижней части экрана имеется кнопка “Elements”, которая открывает и закрывает окна с кодом рисунка в формате HTML5 и кодом его стиля в формате CSS. Коды можно просматривать и копировать при необходимости непосредственно из этих окон.
Всё необходимое для создания простых, аккуратных и визуально совершенных рисунков в приложении есть.
Приложение может импортировать, сохранять и экспортировать файлы различных форматов. Пользоваться приложением можно по подписке с ежемесячной или ежегодной оплатой, пробный бесплатный период 15 дней доступен после регистрации.


DrawSVG — бесплатный сервис для работы с векторной графикой
Бесплатный онлайновый сервис для создания, редактирования, преобразования, оптимизации и вообще всего, что только можно сделать с графикой в формате SVG.
Среда редактирования представляет собой интегрированный интерфейс с доступом к приложениям для решения частных задач — от создания до экспорта готового файла в нужном формате. Технологический процесс разделен на этапы, для каждого из которых предоставляется исчерпывающий инструментарий.
Сам по себе редактор никак нельзя назвать простым или слабым. Он очень насыщен инструментами и возможностями и позволяет делать, в общем-то, всё. Интерфейс очень насыщенный, возможностей много. Как со всем этим работать — достойно отдельного упоминания.
На сайте сервиса опубликовано гигантское количество высококачественных интерактивных уроков, каждый из которых не только дает возможность изучения возможностей и интерфейса сервиса, но и способен дать начинающим и недостаточно опытным пользователям очень толковое и подробное представление об азах и принципах работы с векторной графикой.
Кроме того, на сайте сервиса можно публиковать свои работы и изучать опыт других пользователей, создавать мемы, оптимизировать SVG файлы, выполнять трассировку изображений и конвертировать результаты работы в HTML для публикации на своих сайтах.
DrawTify — векторный редактор как часть большого сервиса
На самом деле редактор векторной графики является только частью данного сервиса, который очень многофункционален и предназначен для дизайна визуальных материалов разных типов на основе шаблонов.
Что касается самого редактора, то он предназначен для создания логотипов и эмблем, или, как еще говорят, текстовых и графических логотипов. Конечно, никто не может пользователю запретить нарисовать произвольный объект, но в данном случае речь идет не о создании рисунка с нуля, хотя и это можно сделать. Сервис имеет коллекцию прототипов, каждый из которых может послужить основой для работы.
Редактор очень прост в использовании и рассчитан на быструю работу.
Для доступа к редактору и изучения его возможностей можно зарегистрироваться и работать по бесплатному тарифному плану. Для полноценной работы потребуется платный тарифный план.


Inker- простой, но функциональный редактор векторной графики
Все привычные инструменты на своих местах, пользоваться приложением удобно. В левой части экрана — панель основных инструментов, в верхней — традиционное “файловое” меню и меню манипуляций со структурами и узлами, справа — панель со слоями.
Каждый добавляемый объект автоматически образует новый слой. Работа с узлами упрощена для получения гладких кривых при работе с простым планшетом и мышью. Удобно и просто работать с направляющими.
При создании текстовых объектов есть возможность импортировать шрифты со своего компьютера. Имеется собственный встроенный трассировщик растровых изображений.
Можно пользоваться бесплатной версией, но у неё ограничена функциональность, а сохранять результат можно только в формате PNG.
Для разблокирования всех возможностей необходимо приобрести версию для Android и через интерфейс онлайн-редактора отправить информацию о покупке. После этого разработчик пришлёт специальный код, которым можно будет активировать полную версию онлайнового редактора и получить возможность сохранять файлы SVG.
Онлайновый редактор можно запускать непосредственно в окне браузера с сайта разработчика или установить на свой компьютер расширение для браузера Chrome.
По существу, за однократный платёж пользователь получает две независимые версии приложения.
Janvas — редактор для работ средней сложности с объектами SVG
Интерфейс интуитивно понятен для пользователей классических настольных программ. Панели инструментов размещены несколько необычно, но разобраться с этим можно за несколько минут.
Редактор позволяет редактировать одновременно несколько документов. Кроме того, каждый документ может быть многостраничным. Инструменты и настройки — традиционные и привычные, ничего неожиданного нет.
Хорошо реализованы инструменты управления выравниванием и прилипанием объектов, что нетипично для онлайновых векторных редакторов.
Ещё одна интересная особенность — возможность применения фильтров, как в редакторах растровой графики. Интересная скорее из-за оригинальности интерфейса, а не из-за новизны.
Кроме того, в приложении имеются инструменты для редактирования интерактивных свойств объектов и создания анимаций.
В принципе, интерфейс хорошо продуман, приложением удобно пользоваться.
Приложение платное, доступно по подписке с очень гибкой системой оплаты — 1 день, 1 неделя, 1 месяц, 3 месяца, 6 месяцев, 1 год. Такую системы мы, честно говоря, встречаем впервые в своей практике. Может быть, кому-нибудь это покажется удобным.
SVGator — редактор анимированной векторной графики
Онлайновое приложение для создания анимированных векторных изображений в формате SVG в интересах веб-дизайна.
Представляет собой гибрид обычного векторного SVG-редактора и программы для монтажа анимационных и видеоклипов на классическом таймлайне.
Основной акцент в приложении сделан именно на технологии анимации. Любой пользователь, знакомый с процессом редактирования видео, сможет без труда в нём разобраться. Разбираться есть в чём — возможностей очень много, всё сделано профессионально и очень подробно.
Что касается возможностей по созданию и редактированию векторных объектов, то они соответствуют приложениям средней сложности.
Интерфейс достаточно привычен, только вместо системы слоёв иерархия и взаимное расположение объектов доступны в виде дерева.
Инструментов вполне достаточно и для того, чтобы создавать обычные статические объекты достаточно высокой сложности.
Всё вместе это напоминает интерфейс когда-то невероятно популярной системы Macromedia Flash, только без возможности добавлять собственные исполняемые коды.
Приложение платное, но имеется бесплатный тарифный план, доступный после регистрации, с ограничением по количеству работ в месяц, длительности создаваемых анимаций и доступности набора анимационных эффектов. Платные тарифы доступны при ежемесячной или ежегодной оплате.


Vecta — векторный редактор, с которым можно работать в команде
Новый онлайновый сервис для коллективной работы в реальном времени по созданию и редактированию SVG-объектов. Конечно, никто не запрещает пользоваться этим приложением и в одиночку, для это существует возможность просто пользоваться редактором.
В этом случае онлайновый редактор можно персонализировать — создавать собственные шаблоны объектов, запоминать настройки редактора, таблицы шрифтов и цветовые палитры. Всё это будет храниться в облаке сервиса, куда при желании вы можете сохранять и копии своих готовых работ.
В отличие от других онлайновых SVG-редакторов, эта система не ограничивает назначение готовых работ только применением в веб-дизайне. Материалы для печати также можно создавать и редактировать.
Приложение позволяет создавать собственные объекты или брать за основу объекты из имеющихся коллекций. Процесс редактирования выглядит достаточно традиционно, все инструменты знакомы и понятны.
Сервис содержит большое количество обучающих материалов по использованию редактора, конфигурированию своего виртуального рабочего места и организации работы в команде.
В настоящее время сервис находится на стадии бета-версии, поэтому все его возможности доступны бесплатно.
Vecteezy — простой векторный редактор с богатым клипартом
Молодой и динамично развивающийся сервис, который стремится стать крупным творческим сообществом. Естественно, со своими стоковыми коллекциями и своими инструментами.
Первый такой инструмент (и пока единственный) — это бесплатный редактор векторной графики Vecteezy Editor. Им можно пользоваться свободно, результаты работы можно скачать в формате SVG или PNG.
Особенность редактора в том, что им очень просто пользоваться.
Он рассчитан на преимущественное использование имеющихся в нём самом клипартов для создания векторных композиций. Сложные операции по редактированию узлов и линий в нём не предусмотрены.
Собственно, главная особенность сервиса и приложения как раз и состоит в коммерческом использовании клипарта (бесплатно) и медиа-коллекций сервиса (за плату) для быстрого и простого создания композиций, которые можно сохранить в векторном формате SVG.
Пользоваться редактором можно бесплатно после регистрации в сервисе.


Vector Creator — редактор для простой работы над сложными изображениями
Этот редактор векторной графики позиционируется как инструмент, который позволит одному человеку сделать работу, для которой обычно требуется целая команда специалистов.
Конечно, как и всегда в подобных случаях, без преувеличения не обошлось. Тем не менее это правда. Большой объем работы в данному случае — это сложные сюжетные макеты с использованием хорошо прорисованных объектов и персонажей.
Секрет технологии очень прост: для создания готовых работ сервис предоставляет коллекцию готовых стилей, более 9000 готовых векторных объектов, систематизированных по категориям, и средства для добавления собственных векторных объектов, а также для загрузки и добавления к макету собственных файлов изображений в разных форматах.
Прибавьте к этому возможность быстрого редактирования свойств, трансформаций и перемещения всех используемых объектов — и вы действительно получите возможность создавать бесконечное количество вариаций.
Каждый добавляемый объект можно отразить по горизонтали и вертикали, перекрасить, поместить в нужное место макета и в нужный по порядку слой.
Сервис платный, оплата по подписке. Редактором можно пользоваться и бесплатно, но в этом случае результаты можно будет сохранять только в формате PNG.


Vectr — простой классический векторный редактор
Редактор векторной графики классического типа. Предназначен для создания собственных композиций на основе стандартных геометрических объектов, текстов и объектов произвольной формы — произвольных линий и кривых.
Для работы используются самые простые средства работы с узлами и достаточно детальные настройки свойств объектов.
В целом редактор позволяет создавать работы невысокого уровня сложности.
Каждый редактируемый рисунок автоматически сохраняется в облаке сервиса и получает собственный URL, которым можно делиться — работа будет доступна каждому, кто его получит. Для сохранения файлов на своем компьютере требуется зарегистрироваться на сервисе.
Сервис полностью бесплатный.
YouiDraw Drawing — продвинутый онлайновый векторный редактор
Векторный редактор изображений, классического типа, с большим набором инструментов. Рассчитан на опытного пользователя.
Интерфейс приложения имеет традиционную структуру и привычное расположение инструментов, все пиктограммы и обозначения покажутся знакомыми всем пользователям, имеющим опыт работы с векторными редакторами.
Приложение поддерживает слои и все основные операции со слоями, включая различные виды смешивания, а также различные типы эффектов. Объекты можно объединять в группы и применять к ним все типовые преобразования.
Все типы операций с векторными объектами также поддерживаются, имеется набор геометрических фигур, инструменты для редактирования узлов.
При работе с текстами можно загружать начертания шрифтов с локального диска своего компьютера. Своя коллекция шрифтов у приложения тоже обширная.
Для ускорения работы можно пользоваться шаблонами из коллекции приложения.
Приложением можно пользоваться бесплатно, но при этом ограничены возможности использования форматов файлов для экспорта и на созданных изображениях будет размещаться логотип сервиса в виде водяных знаков.
В случае выбора платного тарифного плана ограничения снимаются и водяные знаки не наносятся. Оплата возможна ежемесячно или ежегодно.
В любом случае для работы с сервисом требуется регистрация.


Рекомендации
Несмотря на кажущуюся одинаковость, онлайновые системы для работы с векторной графикой существенно отличаются как по своим возможностям, так и по стоимости пользования. Многие из них имеют явную или скрытую специализацию.
Тем не менее есть один признак, который их объединяет — все они ориентированы на создание и редактирование объектов, композиций и анимаций в формате SVG, который может демонстрироваться непосредственно на страницах ваших веб-сайтов, или использоваться при создании интерфейсов мобильных приложений, или импортироваться обычными настольными системами в интересах каких-то других проектов и работ.
Boxy SVG — насыщенный возможностями доступный по цене рабочий инструмент профессионального веб-дизайнера для создания веб-графики и элементов фирменного стиля.
DrawSVG бесплатно предоставляет абсолютно полный профессиональный инструментарий для работы с векторной графикой и большое количество прекрасно выполненных интерактивных обучающих материалов.
DrawTify интересен в основном как средство создания текстовых и графических логотипов, если пользоваться всеми возможностями сервиса.
Inker доступен после одноразового платежа на устройстве Android и в виде онлайновой версии и вполне пригоден для быстрого выполнения работ невысокой сложности с целью последующего импорта результатов для дальнейшей работы в профессиональном редакторе.
Janvas подойдет профессионалам для эпизодической несложной работы или для обучения (разработчик предлагает для этого специальные возможности).
SVGator может использоваться для профессиональной работы по созданию SVG-объектов средней и высокой сложности, но главное его назначение — делать такие объекты анимированными.
Vecta подойдет для командной работы над векторной графикой для веб-дизайна и печатных работ.
Vecteezy и Vector Creator очень удобны для быстрого создания сюжетных композиций на основе готовых клипартов и объектов из медиа-коллекций.
Vectr просто незаменим для быстрого создания набросков и эскизов, которыми можно быстро и беспрепятственно делиться с коллегами.
YouiDraw Drawing — удобный и функционально насыщенный редактор векторной графики, который подходит для любых применений.