Программы для работы с векторной графикой
Векторная графика, в отличие от растровой, чаще всего используется в дизайне, поэтому рядовые пользователи с ней сталкиваются редко. Для работы с такими графическими элементами существуют специальные графические редакторы, основанные на математическом описании простейших геометрических объектов. Рассмотрим лучшие из них.
CorelDRAW
Каждый пользователь, интересующийся векторной графикой, должен был слышать о популярном графическом редакторе CorelDRAW от известной канадской компании. Пожалуй, это не только одно из самых первых приложений для векторного рисования, но и самое продвинутое из них. Его уже давно использует как множество студентов, так и профессиональных художников. Дизайн многих современных приложений, веб-сайтов и рекламных постеров разработан именно в CorelDRAW.
В рассматриваемом решении новые объекты создаются с нуля или формируются с помощью предустановленных шаблонов и, конечно, выравниваются. Помимо этого, в проект можно добавлять любой текст и работать над его дизайном как в плане шрифта и цвета, так и в плане нанесения дополнительных эффектов и фильтров. Стоит отметить функцию, позволяющую автоматически преобразовать растровую графику в векторную. Имеется несколько инструментов для работы с растровой графикой, чтобы пользователю не приходилось «перескакивать» между разными программами. Это «Цветной карандаш», «Мастихин», «Перо и чернила», «Акварель», «Водяной маркер», «Импрессионизм» и многое другое. Интерфейс мультиязычный, есть возможность его тщательной настройки под свои нужды. Программой можно пользоваться бесплатно в течение 30 дней, после чего потребуется оплатить лицензию.
Adobe Illustrator
Adobe Illustrator — популярный продукт известной компании, предназначенный для создания векторных изображений или работы с уже существующими. На первый взгляд может показаться, что рассматриваемое решение ничем не отличается от предыдущего варианта. Однако при более детальном ознакомлении мнение меняется. Интерфейс имеет привычное оформление, схожее с Adobe Photoshop.
В Illustrator предусмотрены необходимые инструменты для создания векторных объектов с нуля, есть и дополнительные возможности. Например, функция «Shaper» автоматизирует процесс, позволяя пользователю курсором или пальцем (в зависимости от платформы) нарисовать произвольную фигуру, которая будет автоматически обработана и преобразована системой в векторное изображение. Растровые картинки автоматически преобразуются в векторные. Предусмотрен Мастер создания диаграмм с удобными опциями. Как и в Adobe Photoshop, реализована система слоев. На официальном сайте можно скачать демо-версию (работает месяц) или навсегда приобрести полную версию. Присутствует русификация.
Inkscape
Еще один продвинутый графический редактор для создания векторных изображений, который отличается своей доступностью — Inkscape распространяется на бесплатной основе. Из примечательных особенностей стоит сразу отметить возможность использования дополнительных плагинов, расширяющих функциональность приложения. Для построения полноценных фигур здесь используются стандартные инструменты: «Прямая линия», «Произвольная линия» и «Кривая Безье». Естественно, предусмотрена линейка для оценки расстояния между объектами и проверки углов.
Созданные объекты регулируются множеством параметров и добавляются на различные слои, чтобы выстраивать порядок отображения. Предусмотрена система фильтров, которые делятся на множество категорий и подкатегорий. Можно загрузить растровое изображение и преобразовать его в векторное нажатием всего одной кнопки. Присутствует русский язык. Важно отметить, что по скорости обработки данных Inkscape сильно уступает предыдущим решениям.
Paint Tool Sai
Следующее приложение изначально не предназначено для работы с векторной графикой, однако в нем есть функции, которые достойны внимания в рамках нашей сегодняшней темы. Paint Tool Sai является продуктом японских разработчиков и отлично подойдет любителям создавать мангу. Основное внимание уделено не стандартным инструментам, а возможности их тщательной настройки. Таким образом, вы можете создать до 60 уникальных кисточек и других приспособлений для рисования.
Любая прямая или кривая регулируется как целиком, так и в разных точках. Можно менять толщину, длину и другие параметры. Стоит отметить возможность смешивания цветов: художник наносит два разных цвета на специальную палитру, после чего выбирает подходящий оттенок и может использовать его на холсте. Это основные особенности Paint Tool Sai, свидетельствующие о том, что редактор отлично подходит для создания векторных проектов. Он имеет довольно необычный интерфейс и принцип работы, поскольку разработан в Японии, поэтому подойдет далеко не всем пользователям.
Affinity Designer
Affinity Designer — профессиональная среда для художников и дизайнеров с множеством возможностей. Приложение работает в двух режимах: «только векторная» или «объединенный», где используется и растровая, и векторная графика. Разработчики уделили большое внимание не только функциональности программы, но и ее оптимизации. Поддерживаются такие форматы, как PSD, AI, JPG, TIFF, EXR, PDF и SVG.
Между любыми объектами в проекте можно образовать связь, открывающую дополнительные возможности. Реализована поддержка горячих клавиш, что ощутимо ускоряет работу, к тому же они настраиваются по желанию пользователя. Affinity Designer работает в цветовых пространствах RGB и LAB. Как и в других подобных редакторах, здесь используется сетка, однако она предлагает гораздо более обширную функциональность. Редактор является кроссплатформенным. Причем он не только работает в Windows, macOS и iOS, но и позволяет экспортировать проект в универсальный файл, с которым можно работать на любой платформе без потери в качестве и возможностях. Естественно, такая комплексная система не может быть бесплатной. Для macOS и Windows предусмотрены пробные версии, а на iPad Affinity Designer можно только купить.
Krita
Krita — это бесплатный графический редактор с открытым исходным кодом. В основном он предназначен для работы с растровой графикой, однако есть и дополнительные инструменты для векторных проектов. Реализована версия для планшетов, что делает приложение более мобильным и доступным. Для выбора цветовой модели доступны следующие стандарты: RGB, LAB, XYZ, CMYK и YCBCR с глубиной от 8 до 32 бит.
В настройках программы можно установить ограничение на используемую память. Это снизит производительность Krita, но также уменьшит и загруженность самого компьютера. Предусмотрена система настраиваемых горячих клавишей и имитация реальных материалов холста. Интерфейс поддерживает как русский, так и украинский с белорусским языками, а также множество других.
LibreCAD
LibreCAD — популярная система автоматизированного проектирования, активно используемая не только художниками, но и инженерами. В основу проекта лег движок QCad с открытым исходным кодом. Рассматриваемое решение предназначено для двумерного проектирования с использованием векторной графики. Чаще всего его задействуют для составления планов, схем и чертежей, но возможны и другие применения.
В качестве основного формата используется DXF (R12 или 200x), а экспорт доступен в форматы SVG и PDF. А вот для исходного приложения меньше требований: поддерживаются BMP, XPM, XBM, BMP, PNG и PPM. Начинающим пользователям будет сложно работать с программой в силу перегруженности и обилия функций. Но это упрощается русскоязычным интерфейсом и наличием наглядных подсказок.
Мы рассмотрели графические редакторы, позволяющие работать с векторной графикой. Надеемся, каждый пользователь найдет оптимальное решение для себя.
Альтернатива Adobe: векторные приложения.
Добро пожаловать в очередную статью из серии, посвященной бескрайнему миру программ, созданных разработчиками не из Adobe! В этой статье мы рассмотрим коллекцию потрясающих векторных приложений, подходящих и классным художникам, и веб-дизайнерам, создающим SVG для сайтов, и новичкам, ищущим, что попроще.
Как и весь софт, который мы рассмотрели в нашей серии до сих пор, каждое приложение в этом списке доступно без подписки или менее, чем за $100. По сути, всё в этом списке, за исключением Affinity Designer, бесплатное. Поэтому смело беритесь за векторную работу без бюджета!
Эти программы полностью кросс-платформенные (кроме Affinity Designer), с отличным софтом для Linux, Mac, Windows и даже для ChromeOS, поэтому для вас обязательно что-то найдётся.
Боюсь, вы не увидите здесь приложение Sketch для Mac, и не потому, что это плохая программа. Сегодня оно считается лучшим для UI дизайна. Однако, как было сказано, я включаю приложение, если лично проверил его последнюю версию, и, поскольку я решил расстаться с моим Mac, со Sketch в ближайшее время этого не произойдёт. Но если у вас Mac и вы работаете над UI, можете его проверить.
А теперь давайте приступим к нашим альтернативным Adobe векторным приложениям!
1. Affinity Designer
Как Affinity Photo является ведущей альтернативой Adobe в области редактирования фотографий, так и Affinity Designer лидер в области редактирования векторов. Если вы профессионал, который силён в Illustrator и ищете приложения с сопоставимой мощностью, прямо сейчас, на мой взгляд, Affinity Designer нет равных.
Как и Affinity Photo, Affinity Designer обладает сверхъестественной способностью начать работу с ним почти мгновенно. Все в интерфейсе интуитивно понятное, чёткое и доступное, но мощное. При использовании Affinity Designer я чувствую, что все помехи скорости вычищены и я даже могу забежать вперёд. С малейшим опытом создания векторных произведений вы можете работать в нём почти вслепую.
Ещё я чувствую, что Affinity Designer то приложение, которое наиболее точно соответствует потребностям художников в повседневных рабочих процессах, и с большим запасом. Если вы ещё не заглянули в Affinity Designer, посмотрите видео с версией 1.5, чтобы оценить возможности этой дивной программы:
В основе любого векторного приложения лежит pen tool, у Affinity Designer он отличный. Он имеет четыре режима: pen tool для прямых линий и кривых Безье, смарт режим автоматического скругления кривых вокруг узлов, многоугольный режим только для прямых линий и линейный режим для, ну, линий. Также очень легко преобразовать любой узел в любой из типов, просто выбрав его и нажав кнопку нужного типа узла в UI.
Если нужно ближе разглядеть свою работу, Affinity Designer тоже нет равных. Он обладает невероятной функцией масштабирования, вплоть до 1 000 000% — по существу бесконечную для любых намерений и целей. По умолчанию ваши работы будут в векторном режиме, но есть режим в 1x пиксель, режим 2x пикселей и режим контура. Кроме того, вы можете разделить экран на просмотр в двух режимах, а с помощью разделителя стереть переход между видами:
Система привязок Affinity Designer позволяет настраивать сетки, как понравится, и не только стандартными квадратами. Доступны: изометрический, 2: 1 изометрический, диметрический, наклонный, триметричный левый, триметричный правый, треугольный, горизонтальный треугольный, 2: 1 треугольный и два типа сеток, которые можно настроить через spacing, divisions, gutter, angle и snapping. Это едва ли не лучшая сетка в любом софте, которую я видел на сегодняшний день.
Почти всё в Affinity Designer является живым и неразрушающим. Boolean действия и shapes могут перемещаться и корректироваться в любое время. Adjustment layers тоже неразрушающие и всегда могут быть сложены, отсортированы и отредактированы. Режимы смешивания мгновенно просматриваются при наведении на них курсора в выпадающем списке. Это типы функций, которые действительно сглаживают и ускоряют рабочий процесс.
Уникальна в Affinity Designer его система “Personas”, которых три: вектор, пиксель и экспорт. Вы начинаете в “Vector Persona”, по умолчанию там находятся векторные инструменты, нажав кнопку “Pixel Persona”, вы окажетесь в полнофункциональном растровом редакторе в рамках одной и той же программы. Возможность использовать расширенные векторные и растровые инструменты в одном приложении — феноменальная функция Affinity Designer.
Например, Affinity Designer имеет блестящие векторные кисти, позволяющие создать реальный ручной рисунок и сохранить всю точность векторной работы. Однако у него есть и растровые кисти в режиме «Pixel», необходимые для цифровой живописи. Вы получаете лучшее из обоих миров.
В последнее время Affinity Designer двигается в сторону профессионального уровня UI/UX разработок, что будет приятной новостью для разработчиков веб-приложений и приложений под Windows. Теперь он включает artboards, символы и ограничения, среди других функций, которые помогают процессу. Можете просмотреть все детали на странице: Affinity Designer для UI / UX.
Для профессионалов, заинтересованных в лучшем софте, Affinity Designer быстро растёт как претендент номер один. Понятно, что в приложении топ уровня гораздо больше опций, чем может быть описано в одной статье, поэтому вам может быть полезно познакомиться с нашим курсом Affinity Designer Quick Start , где я покажу все его основные функции.
Affinity Designer стоит $ 49,99 и предлагает 30 дней на пробную версию, которых, в частности, с помощью нашего курса, хватит, чтобы поиграть со всеми настройками.
- Website: https://affinity.serif.com/en-us/designer/
- Platforms: Mac, Windows
- Price: $49.99
2. Inkscape
Как часто бывает с программным обеспечением из мира Linux/open source, возможности Inkscape скрыты за пользовательским интерфейсом и требуется время на их изучение. Вы не сразу запустите Inkscape, как Affinity Designer, но не упускайте повод для знакомства с этим приложением.
Даже если вы когда-то попробовали Inkscape и больше к нему не возвращались, то в версии 0.92, выпущенной в январе этого года, добавлены новые замечательные функции. Проверьте:
Существует длинный список новыовведений, как вы увидите в невероятно быстром видео выше. Одним из выдающихся дополнений является новая и очень популярная gradient meshes. В приложениях из нашего списка такая опция есть только у Inkscape. Разработчики Affinity Designer заявили, что планируют его добавить , это было пару лет назад, и хотя они уверяют, что продвижение есть, на данный момент ETA нет. Поэтому, если вы любите сетки градиентов и хотите попробовать новую программу, не тратя сотни долларов или вообще никаких долларов, Inkscape — ваш билет.
Еще одна важная новость для всех, кто создает SVG для Интернета, это переход от 90dpi к 96dpi в стандарте CSS. Теперь вы можете править XML-структуру SVG непосредственно внутри интерфейса, что делает Inkscape перспективным для создания веб-графики. На эту тему в release notes 0.92 сказано:
BSplines тоже есть в версии 0.92, что облегчает прокладку контролируемых гладких кривых. И freehand drawing / pencil tool теперь имеет сглаживание в режиме реального времени, что делает Inkscape отличным инструментом рисования.
В новой редакции теперь доступны инструменты редактирования градиента на холсте, а ранее они редактировались в UI. Теперь достаточно дважды щёлкнуть в любом месте строки градиента, чтобы добавить новую точку, выбрать сдвиг или перекрасить, а также перетащить конечные точки границ воздействия.
Что касается набора инструментов, Inkscape имеет всё, что можно найти в векторном приложении, а также некоторые простенькие вещи.
Pen tool превосходный и очень мощный. Он имеет функцию размещения узлов на прямых линиях и кривых bezier, кроме того, режим “spiro” для создания плавно закругленных форм, режим “bspline” версии 0.92 для создания мягких кривых и волн, и “paraxial”, чтобы создавать фигуры только из прямых углов.
Есть фантастический sculpting tool, когда, нажимая и вытягивая узлы, вы меняете форму фигур, это очень органичный процесс редактирования. Если вы занимались 3D-скульптурой местности или сетки, этот инструмент кажется очень похожим, но только в 2D-форме.
Имеется прекрасный brush stroke tool, привычные rectangle и ellipse tools, и несколько других инструментов.
И, возможно, менее серьёзный, хотя, наверное, полезный, spray tool в Inkscape — это забавно. Выбрав любую форму, вы можете разбрызгивать её по холсту или отпечатать одним щелчком, как штампом.
С помощью «Path Effects» можно изменить пути или удалить в любое время. И функция упрощения пути работает очень хорошо, что особенно полезно для очистки беспорядочных векторов, которые были созданы инструментом freehand tool или с помощью функции “Trace bitmap”.
Для ускорения работы Inkscape имеет библиотеку символов, в которой можно создать коллекцию ресурсов. Есть систему клонов, чтобы дублировать объект, а затем редактировать все его экземпляры одновременно в режиме реального времени.
«The Great Friend» by Luiz Rezende
Процесс движения Inkscape проявляется по мере добавления внешних компонентов. Inkscape имеет прочную систему расширений и некоторыми снабжён уже из коробки, с возможностью установки большего по мере необходимости. Он может иметь скрипты для управления его поведением.
Одна вещь, которую я определенно ценю в Inkscape и это, похоже, ещё один повод для работы с инструментами Linux/open source — обширный список настроек, которые вы можете использовать по своему усмотрению. У вас есть управляемый UI, быстрые клавиши и инструменты по умолчанию. И ещё одна вещь, которую Inkscape имеет вместе со своими партнёрами FOSS — обширная документация и вики-контент в помощь. Возможно, в начале вам потребуется немного времени для изучения, зато потом обойдётесь без подсказок.
Если вы не прочь подучиться ради обретения мощи и управления программой, Inkscape может вам пригодиться. А если вы на Linux, этот инструмент вас вовсе не затруднит.
- Website: https://inkscape.org/en/
- Platforms: Linux, Mac, Windows
- Price: Free
3. Gravit Designer
Gravit Designer серьёзное явление в пространстве вектора. Возможно, не дотягивает до уровня лучших игроков, но он уже очень мощный и быстро развивается. Пока я писал эту статью, появился новый выпуск со списком превосходных функций, включая облачное хранение и синхронизацию, размещение связанных изображений, систему направляющих, импорт файлов Sketch, систему редактирование градиента, языковую поддержку, локальную Chinese версию, улучшенный экспорт SVG и новый API, поддерживающий плагины.
Gravit имеет репутацию самой мощной программы редактирования векторов в браузере, доступной сегодня, предлагаются и установочные версии, чтобы вы могли работать в любом из удобных режимов. Вообще говоря, я убедился, что настольные версии казались более стабильными, но веб-версии работали быстрее.
И, кстати, если цвет purple интерфейса Gravit по умолчанию не ваш, в последней версии есть возможность поменять его на светлую или тёмную тему.
С момента начала использования у Gravit есть некоторые интересные функции. Например, возможность работать с бесконечным холстом. Просто оставьте поля высоты и ширины страницы при создании нового документа пустыми. Единственным ограничением в этом режиме является то, что вы не можете установить фон холста, потому что Gravit не будет знать, какой у него должен быть размер.
Говоря о создании новых документов, надо упомянуть возможность выбора “New from template” любого из предложенных шаблонов. Вам будет предложено множество готовых шаблонов из облака. Хотя эта функция новая, она уже хорошо заполнена. Я с нетерпением жду небольших ответвлений от трассы.
Как только вы попадёте в свой документ, в новом разделе Library найдётся много готового контента. С хорошей библиотекой встроенных фигур, иллюстраций, значков, emojis, стикеров и декоративных линий. Все они могут быть взяты и занесены в документ.
Переходя к рисованию, в первую очередь вы ищете pen tool, и в Gravit он работает ожидаемо, что с прямой линией, что с кривыми bezier. Однако bezigon tool немного отличается, он позволяет создавать кривые на лету — удерживая ALT и расставляя точки — инструмент bezigon автоматически создаёт между ними плавные кривые.
При работе на холсте Gravit имеет очень хорошие привязки для выравнивания объектов. Color picker увеличивает область от точки выбора для уточнения цвета. Выбирать фигуры легко, вы видите контуры по наведению, отделяя их друг от друга.
Gravit поддерживает несколько заливок и строк, функция очень аккуратная и хорошо сделана. Каждая заливка или линия ведут себя, как отдельный слой. Каждый имеет свой режим смешивания и настройки opacity, может быть уложен в любом порядке, показан или скрыт.
Многочисленные заливки Gravit и вкладка «mixes»
Что я люблю в Gravit, так это систему управления цветом. Вместе с цветовой палитрой вы получаете автоматически созданный набор образцов, показывающий все цвета в вашем текущем документе, и отличную вкладку “Mixes” с несколькими тенями, тонами и оттенками для смешивания на основе текущего цвета.
Вместо artboards в Gravit у вас страницы, каждая из которых может быть своего размера, что очень полезно для сложных проектов и работы с UI. Говоря о страницах, у Gravit есть функция, которая выделяет его среди векторных программ, и именно — система представления стиля презентаций Powerpoint / Keynote. Нужно только из каждого слайда создать страницу, пройти по View > Play/Presentation, пользуясь кнопками стрелок.
К сожалению, я столкнулся с несколькими небольшими сбоями. В одном из уроков по Gravit есть функция «background fill», которая отображает фон документа независимо от того, что укладывается под ним. У меня это не сработало, хотя я пробовал каждую версию приложения, браузера и GPU, потому что это похоже на действительно классную функцию. У меня также было странное смещение на прозрачных фонах, когда фигуры оказывались не на месте, а некоторые мерцали.
Была небольшая проблема с документацией, поскольку Gravit перешел от старого веб-сайта и названия к новому, а документы, похоже, пока не проделали тот же путь. Это немного затруднило понимание назначения инструментов. Программа быстро развивается и можно ожидать некоторых проблем, поэтому просто знайте, что могут вылезти некоторые мелочи.
Gravit бесплатна и команда его разработчиков заявила, что они намерены сохранить ситуацию без какой-либо навязчивой монетизации. Скорее, они планируют использовать функции привязки к рынку ресурсов, куда вы захотите обратиться. Они лицензировали свой программный движок на стороне, потому и удалось they say they have been able сохранить бесплатным до сих пор.
Если вам нравится интуитивно понятный интерфейс, мощные инструменты, доступные online или на любой ОС, включая ChromeOS, и вам нравится идея доступа к связанным коллекциям ресурсов, попробуйте Gravit Designer.
- Website: https://designer.io/
- Platforms: Linux, Mac, ChromeOS, Windows, Online
- Price: Free
4. Boxy SVG
Boxy SVG — веб-инструмент, ориентированный на работу с SVG, поэтому, если вам нужно создавать ресурсы SVG для веб-сайтов, это векторное приложение для вас. Программа относительно простая, но вполне пригодная. Нельзя случайно сделать в Boxy то, что не будет хорошо переводиться на SVG, потому что каждый инструмент предназначен для создания SVG. И поскольку Boxy на основе браузера отображает SVG прямо на холсте, вы уже видите, как ваши проекты будут выглядеть на реальном сайте.
Boxy SVG может быть web-based, однако, когда вы устанавливаете его в Chrome или Chromium (и, возможно, в Vivaldi), он выглядит обычным приложением. Запускается и смотрится, как родная программа, хотя загружен из браузера.
Если вы предпочитаете запускать Boxy прямо из окна браузера, вы можете сделать это via the live demo .
Она, похоже, имеет некоторые отличия от версии из магазина приложений Chrome. Например, у демо есть masking tools, а в приложении Chrome нет, зато в приложении Chrome есть библиотека drag and drop объектов, а в live demo нет, поэтому немного попробуйте каждую.
В наборе инструментов Boxy всё привычно: straight line, bezier curve, freehand, text, rectangle, ellipse, triangle и другие фигуры в ассортименте.
На специальной стороне SVG есть панель “View”, предназначенная для прямого управления окном просмотра, а также настройки для свойства preserveAspectRatio , выравнивания и переключения между meet или slice .
Панель “Arrangement” позволяет управлять выравниванием объектов по отношению к окну просмотра или другим объектам. Здесь можно вращать, переворачивать, упорядочивать и группировать объекты.
Существуют инструменты модификации пути, в том числе boolean операции, (объединение, пересечение, вычитание, исключение), сложные методы соединения для объединения или разделения, кнопка конверсии пути, кнопки открытия, закрытия и разворота путей.
А для ускорения работы есть библиотека, содержащая drag and drop средства, которые вы можете использовать или просто проверить их, чтобы узнать возможности Boxy SVG.
При экспорте Boxy SVG настроен на SVG, но вы можете выводить свою работу как PNG, JPEG или WebP. Можно вывести в HTML вместо SVG, хотя полученный код будет слегка другим.
Если вы ищете доступный инструмент, особенно если вы создаете SVG для Интернета, Boxy SVG может стать отличным дополнением к вашему арсеналу.
- Website: https://boxy-svg.com/
- Platforms: Linux, Mac, ChromeOS, Windows
- Price: Free
5. Vectr
Vectr — очень простое приложение. У него нет лишних побрякушек и то, что вы найдете в интерфейсе, очень чистое и прямое в использовании. Я бы описал это как всё необходимое в компактном пакете.
При обращении к Vectr вы получаете отличную серию интерактивных обучающих программ, хотя большая часть представленного там уже знакома пользователям других приложений для векторного дизайна.
В наборе инструментов есть bezier curve pen, карандаш, текстовый инструмент, загрузчик изображений, инструмент прямоугольника, скруглённый прямоугольник, эллипс и коллекция дополнительных фигур. Можно создавать несколько страниц в одном документе.
Все пути и формы в документе Vectr могут иметь несколько фонов, границ, внешних и внутренних теней, а также контроль их opacity. К фонам можно применить плоскую заливку, изображение, линейный или радиальный градиент.
При работе с путями преобразование точек из прямой в изогнутую или наоборот — это вопрос двойного щелчка по точке. В каждой точке имеется очень удобный инструмент угла радиуса. И у Vectr есть скоростные инструменты для работы на холсте, с помощью которых вы можете перевернуть фигуры, перенести их вперёд/назад или выполнить boolean операции. Они отлично работают в потоке проектирования.
Особый интерес у Vectr вызывает плагин, который можно установить на сайт WordPress, чтобы получить полноценный редактор изображений. Любое изображение, которое вы создаете с помощью Vectr внутри WordPress, автоматически получит свой собственный URL на вашем сайте, чтобы поделиться с другими.
Vectr в WordPress
Vectr является бесплатным, однако вам необходимо создать учётную запись, чтобы сохранить вашу работу. Локальных хранилищ нет, всё сохраняется в облако. Единственный локальный вариант — экспортировать в формате SVG, PNG или JPG, но, похоже, нет способа сохранить вашу работу, страницы, слои и прочее. Я надеюсь, что они добавят локальную функцию сохранения, потому что отсутствие доступа к исходным файлам может быть проблематичным.
Положительным моментом является возможность работать из любого веб-браузера. Есть намерение присоединениться к Vectr Marketplace, где вы можете продавать свою работу и покупать у других, значит, справедливо предположить, что Vectr планирует самофинансирование, то есть программа, вероятно, останется бесплатной.
Если вы ищете лёгкий инструмент для быстрой работы, особенно связанной с переездами, присмотритесь к Vectr.
- Website: https://vectr.com/
- Platforms: Linux, Mac, ChromeOS, Windows, Online
- Price: Free
Какую программу для вектора выбрать
Мы рассмотрели пять удивительных векторных приложений, и хотя все они хороши, каждый из них, вероятно, имеет свои преимущества. По поводу выбора я бы сказал так:
- Если вы работаете в дизайнерской студии, Affinity Designer наверняка будет более подходящим. Это топ приложение, которое находится в активной разработке и стремительно повышает производительность.
- Если вы не против обучения, Inkscape может стать вашим выбором. Если вы работаете в Linux, это, несомненно, для вас. Вероятно, лучше всего для фрилансеров и одиночек, которые могут выбрать собственную программу.
- Gravit Designer является самым мощным web based редактором и быстро увеличивает свой набор функций. Если вы ищете интуитивно понятный UI и сильный web based / кросс-платформенный редактор, переходите на него. Просто будьте готовы к случайным сбоям.
- Если вы веб-дизайнер, создающий SVG для веб-сайтов, Boxy SVG может стать идеальным решением. Он полностью настроен на SVG, и, работая в браузере, можете быть уверены: то, что вы видите на холсте — вы получите на своих сайтах.
- Как простая программа с хорошей начинкой, если вы не против сохранения только облачных данных, и если вы хотите заниматься редактированием графики непосредственно в WordPress во время работы над контентом, Vectr отлично подходит.
Конечно, в каждом приложении больше опций, чем описано в статье, поэтому не забудьте проверить их сами!
Одно несомненно, выбор для векторного искусства сейчас огромен, так что вам, вероятно, понравится не один.
Далее: редактирование видео
По моему личному мнению, самым сильным софтом в пакете Adobe сейчас является Premiere Pro, что затрудняет с выбором ему реальных альтернатив. Однако пейзаж меняется и уже появились видеоредакторы, которые всё время улучшаются. В следующий раз мы собираемся проверить лучшие из бюджетных предложений.
Несомненно, люди с определёнными рабочими задачами могут использовать новые NLE и я слышал о тех, которые перешли к одному из приложений из нашей будущей статьи. Для всех это пока недоступно, но в зависимости от того, чем вы занимаетесь, очень возможно, что вы один из тех, кто имеет несколько вариантов выбора.
Имеете вы сегодня выбор или нет, уже есть приложения, чьи наборы функций быстро растут в расчёте на более широкое использование. Это означает, что сейчас неплохо начать вести учёт и быть в курсе новых вариантов, которые станут доступны в ближайшем будущем.
В следующей статье мы рассмотрим эти приложения и их содержимое. До встречи!
Правильный вектор: бесплатные инструменты для создания векторной графики
Компьютерная графика — очень широкое понятие. Кому-то при упоминании этого термина на ум придут трехмерные шедевры от студий Pixar и Dreamworks, другие подумают про цифровую фотографию, третьи решат, что речь идет об оформлении компьютерных игр. Но также обязательно найдется немало и тех, кто свяжет это словосочетание с векторной графикой. Несмотря на необычайную популярность векторной графики, многие пользователи совершенно незнакомы с особенностью векторных рисунков. Что же кроется за словами «векторная графика» и почему она так востребована?
Обычный растровый рисунок представляет собой некоторый массив точек. Этот массив может визуализироваться с максимальной точностью или приблизительной. В первом случае информация о точечном рисунке передается без потерь, но занимает много памяти. Во втором случае графическое изображение может быть передано с условной точностью. Напрашивается прямая аналогия со звуком, который сжимается «без ощутимых потерь» в формат MP3. Для графики схожий формат — JPG. При умеренной и не очень высокой степени сжатия исходный массив точек вполне угадывается. Алгоритмы визуализации растровой графики могут различаться, но суть их одинакова — картинка имеет жесткую привязку к пиксельной матрице.
Для визуализации векторного изображения используется совершенно иной подход. Каждый векторный рисунок создается при помощи геометрических фигур и кривых. Использование математики при описании рисунка дает огромное преимущество: при масштабировании векторных элементов исходная картинка нисколько не теряет в качестве. Растровый же рисунок при изменении размеров ведет себя иначе — линии объектов на изображении при увеличении обрастают заметной «гребенкой». Эти артефакты присутствуют на изображении изначально, поскольку растровый рисунок априори не может содержать непрерывных элементов — линий, геометрических форм и так далее. Все это в растре выглядит как матрица пикселей, которая тем заметнее, чем сильнее увеличен растровый рисунок.
Не лишены недостатков и векторные форматы. Необходимость использования простых элементов для построения рисунка часто становится серьезным препятствием для интерпретации сложной картинки. Например, перевести обычный пейзажный снимок в векторный формат крайне затруднительно, поскольку объектов на нем много и их геометрия очень сложна.
В промышленной полиграфии векторные форматы одинаково хорошо выглядят при печати изображений любых размеров — больших и маленьких. Растровые же картинки при увеличении не только превращаются в мозаику, но и могут содержать артефакты компрессии. Кроме этого, векторные форматы удобно использовать в программировании, поскольку они легко описываются математическими выражениями.
Профессиональные дизайнеры используют для создания векторной графики инструменты, проверенные годами, например Adobe Illustrator и CorelDraw. Но любителю, которому нужно быстро создать логотип для печати на футболке или техническую иллюстрацию, незачем прибегать к столь громоздким и дорогостоящим приложениям. Можно обойтись бесплатными, а иногда — даже онлайновыми инструментами. С их помощью можно перевести растровое изображение в векторное, сделать набросок несложного дизайна, сгенерировать узор гильоша и так далее.
⇡#«Рисунки Google» — самый простой векторный редактор, который всегда под рукой
Самый известный, простой и доступный онлайновый векторный редактор — это «Рисунки» в сервисе «Google Диск». Это веб-приложение входит в состав онлайнового офиса от Google и больше ориентировано на совместную работу и добавление графических элементов в офисные документы других типов, чем на создание векторной графики. Однако все же некоторые базовые средства для работы с ней тут имеются.
При помощи веб-приложения «Рисунки» можно создавать различные фигуры, стрелки, выноски, графические элементы формул, добавлять прямые линии, кривые, ломаные, стрелки и каракули. Также доступно добавление текстовых элементов, импорт растровых изображений. Векторные рисунки импортировать можно, но редактировать — нет (доступен только просмотр).
К любому элементу векторного рисунка можно добавлять комментарии, а готовым проектом можно поделиться с избранными пользователями либо сделать его общедоступным для просмотра или даже для редактирования.
⇡#Autotracer — бесплатный конвертер растровых картинок в вектор
Когда речь идет о сложных векторных рисунках, иногда бывает проще не создавать их с нуля, а векторизовать растровое изображение, то есть преобразовать его в векторный формат. Этот процесс также называют трассировкой.
Соответствующие средства есть практически в любом векторном редакторе, но векторизация может быть еще более простой благодаря онлайновым инструментам. Можно найти не один веб-сервис, который предлагает подобные услуги. Например, очень удобен в работе бесплатный ресурс Autotracer. С его помощью можно преобразовать файлы PNG, BMP, JPEG и GIF в векторный формат и сохранить в формат SVG, EPS, PDF, DXF.
Сервис полностью бесплатен, но есть одно ограничение: размер исходного файла не должен превышать один мегабайт. Перед преобразованием можно задать некоторые настройки: определиться с числом цветов, которые будут оставлены на растровом изображении перед векторизацией, а также избавиться от зашумленности, указать, в каких случаях линии будут приняты за кривые. Сам процесс происходит очень быстро, поэтому, если качество конечного рисунка неподходящее, всегда можно поэкспериментировать с настройками и попробовать снова.
⇡#Vector Paint — векторный редактор в Chrome, который может работать и без браузера
Vector Paint — это веб-приложение для Google Chrome, созданное на HTML5, однако работать оно может и без браузера. Оно относится к новому поколению приложений, представленных в начале сентября нынешнего года. Запускать такие приложения можно прямо с рабочего стола — открытый браузер, равно как и доступ к Интернету, для их использования не нужны.
Vector Paint содержит достаточно большую коллекцию различных предустановленных форм, которые можно использовать в проектах: тут и часы, и тучки, и стрелочки, и животные, и нотки, и многое другое. Формы можно создавать и вручную, используя прямые и ломаные линии, инструмент для рисования произвольных форм, прямоугольник, эллипс. Для каждого элемента есть возможность выбрать цвет, толщину и тип обводки, а также цвет заливки, сделать его частично прозрачным, добавить один из множества эффектов (искажения, тени, текстуры, псевдо-3D и прочее). Предусмотрены и инструменты для управления элементами в проекте: их можно перемещать на передний план или переносить назад. Для более точной расстановки элементов имеются многочисленные средства для выравнивания, также можно включить отображение линейки.
По умолчанию работа ведется на одном слое, но при необходимости можно добавить возможность работы с несколькими слоями. Эта возможность реализована в виде дополнения. Для его установки не нужно ничего скачивать, достаточно просто выбрать плагин в одноименном меню. Работа со слоями включает возможности объединения выбранных слоев, скрытия некоторых из них, переноса выбранных элементов на отдельный слой.
В Vector Paint предусмотрены и другие дополнения, которые могут быть с легкостью добавлены в приложение. Это расширенные возможности для работы с текстом (дополнительные шрифты, настройки интервалов, отдельных элементов надписей), добавление маркеров, использование изображений для создания повторяющихся рисунков на формах. Из меню Plugins также включаются дополнительные параметры обводки и заливки.
Готовые проекты сохраняются в формате SVG, а также могут быть экспортированы в PNG и JPEG.
⇡#SVG-Edit — онлайновый векторный редактор
SVG-Edit — это векторный редактор, созданный на основе JavaScript, который может работать в любом браузере. Его можно использовать в виде онлайнового сервиса (в этом случае для доступа используется демоадрес), а также как веб-приложение (в этом случае нужно загрузить архив с файлами SVG-Edit, распаковать его и запустить файл приложения в любом браузере).
SVG-Edit полноценно работает с файлами SVG, давая возможность как сохранять проекты в этом формате, так и открывать такие файлы и вносить в них изменения. Кроме этого, файл SVG может быть импортирован в проект как отдельный элемент.
Для создания элементов векторной графики в SVG-Edit могут использоваться ломаные линии, прямоугольники, квадраты, эллипсы, круги, многоугольники, контуры, текст. Есть возможность выполнять заливку элементов цветом, а также использовать градиенты, в том числе и радиальные. Поддерживается работа со слоями, показ сетки и отображение элементов в виде каркаса. Есть средства для изменения расположения элементов (выше, ниже), для быстрого клонирования выделенных векторных форм, для их группировки. Многие команды доступны из контекстного меню (как в обычных редакторах для рабочего стола). Достаточно много внимания уделено инструментам для выравнивания на холсте: можно ровнять элементы по отношению к выделенным объектам, к самому большому или к самому маленькому объекту.
В программе большая библиотека готовых форм (та же самая, которая используется в Vector Paint), но, кроме этого, реализован доступ к огромной бесплатной библиотеке элементов векторной графики IAN Image Library. Для работы с ней потребуется регистрация, но затем можно прямо из редактора просматривать коллекции образцов векторной графики и сразу же добавлять их в текущий или в новый проект.
⇡#Chittram — простой онлайновый редактор
Chittram — это еще один векторный редактор, который может работать как веб-приложение. В отличие от SVG-Edit, он реализован как полноценный онлайновый сервис с возможностью сохранения проектов на сервере. Для просмотра и редактирования созданных ранее проектов используется учетная запись Google.
Возможности Chittram скромнее, чем у SVG-Edit, зато этот редактор наверняка покажется более дружелюбным для начинающих пользователей. В приложении есть возможность использовать растровое изображение как подложку, но выбрать картинку с жесткого диска нельзя — только указать ссылку на файл. Импорта локальных векторных изображений тоже нет, зато можно добавлять в проект файлы из галереи пользователей веб-сервиса и редактировать их. На сайте реализован поиск в галерее по ключевым словам, а также по меткам.
Для создания собственных проектов можно использовать стандартный набор инструментов: прямые линии, кривые, кривые Безье, многоугольники, круги, овалы, прямоугольники и квадраты. Доступно также создание текста. Для каждого элемента есть возможность задать размер обводки, цвет заливки, цвет и направление градиента, процент прозрачности. Для более точного рисования можно использовать сетку, для которой настраивается величина клетки. Также можно управлять размером холста и его ориентацией.
Если в проекте используется несколько форм, удобно отобразить панель, на которой представлен список всех элементов. Она служит для переименования и быстрого выделения объектов. Такая же панель используется для работы со слоями.
⇡#Inkscape — полноценная альтернатива коммерческим пакетам
Векторный редактор Inkscape имеет массу достоинств. Во-первых, он кроссплатформенный (может запускаться в среде Windows, Linux, Mac). Во-вторых, он поддерживает большое число популярных векторных форматов, в числе которых SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF и другие.
В редакторе есть и стандартные для любого векторного редактора средства для создания графики: формы, кривые, текст, заливка, полноценная поддержка слоев. Inkscape дает возможность выполнять различные действия с контурами, делать обводку, а также применять булевы операции (объединять, пересекать элементы, исключать один из другого и так далее). В распоряжении пользователя большая библиотека фильтров и специальный редактор, при помощи которого можно создавать собственные эффекты. В программе реализована поддержка графических планшетов, благодаря чему в ней можно вручную рисовать, управляя наклоном и силой нажатия пера.
Стоит обратить внимание на встроенные средства для векторизации растровых изображений. Чтобы при трассировке фотографий учитывались важные объекты на переднем плане, задействуется алгоритм SIOX (Simple Interactive Object Extraction), помогающий определить такие объекты автоматически.
⇡#ZebraTRACE — бесплатное создание гильошей
Любые денежные банкноты, а также документы государственной важности (дипломы, грамоты, удостоверения и так далее) легко узнать с первого взгляда. Эту «узнаваемость» дизайну документа придают тонкие повторяющиеся узоры, которые проходят по всему основному рисунку. Такие линии называются гильошем.
Гильоши можно рисовать вручную в векторном редакторе, однако без специальных дополнений и навыков создания подобных узоров, этот процесс может затянуться. Бесплатная утилита ZebraTRACE помогает в решении таких задач.
Эта программа трассирует изображения и совмещает их с узором гильоша. ZebraTRACE использует параметрическую генерацию гильоша. Каждый тип узора, который можно создать с помощью приложения, определяется математической формулой. Так что при наличии желания и свободного времени для экспериментов пользователь может получить уникальные рисунки.
Создавать новые гильоши очень просто. Попробуйте внести незначительные изменения в формулу генерации узора, например поменяв значение коэффициента с 2 на 3, и рисунок изменится. Для тех, кто не желает заниматься творчеством с ZebraTRACE, в программу включено полтора десятка предварительных настроек с формулами, позволяющих получить наиболее распространенные гильоши.
⇡#Заключение
Бесплатные инструменты для работы с векторной графикой встречаются не так часто, как того хотелось бы, тем не менее они есть. Радует и то, что с развитием стандарта HTML5 и прочих веб-технологий стало возможным использование браузера в качестве редактора векторной графики — раньше о таком можно было только мечтать. Для несложных проектов подобные инструменты экономят массу времени, а если взять на вооружение Inkscape, вообще можно отказаться от приобретения векторного редактора для нужд дизайна.
7 бесплатных векторных графических редакторов
by Игорь Владимиров
Векторная графика — это создание и построение цифровых изображений с помощью последовательностей математических формул или логических операций, которые описывают размещение линий и фигур в двух- или трехмерном пространстве.
Проще говоря, в основу положены векторы, соединяющие начальную и конечную точки, а также другие точки, кривые и углы. Поэтому такие изображения можно масштабировать без потери качества. Данный формат широко используется в полиграфии, трехмерной графике, САПР. В этой статье перечислены популярные бесплатные векторные редакторы (с упоминанием платного Adobe Illustrator) — выбирайте!
Synfig Studio
Synfig — мощная программа с открытым исходным кодом для векторной 2D-анимации с поддержкой HDRI. Анимация создается в интерфейсе программы, а затем рендерится на сервере.
Synfig Studio позволяет небольшим коллективам с ограниченными ресурсами работать со множеством слоев различных типов. На каждый слой или группу слоев можно в реальном времени наложить различные эффекты. Разновидностей слоев здесь множество: градиенты, геометрия, фракталы, искажение, фильтры и преобразование.
В программе имеется векторный твининг — это мощный инструмент для полного контроля над результатом. Промежуточные изображения будут строиться автоматически. Доступно более 50 слоев для статичных изображений и анимации.
Есть возможность создавать сложные модели персонажей и другие типы динамических структур. Параметры различных слоев связываются напрямую или с помощью математических формул. Доступна скелетная анимация которая позволяет управлять векторной графикой. С ее помощью можно задавать движение растровых изображений. Есть встроенный инструмент для синхронизации музыки и закадрового текста с видеорядом.
YouiDraw
YouiDraw — векторный open source-редактор с большим количеством настраиваемых кистей. В наличии современные инструменты, например – карандаш для выполнения простых линий и контуров, а также различные средства работы с цветами.
Вы можете работать с десятками настраиваемых кистей и реалистичных текстур бумаги. В режиме редактирования точек, а также для рисования прямых линий и кривых можно использовать перо, карандаш, кисть и переключать элементы. Есть возможность объединение фигур пятью режимами: сложение, пересечение, исключение, разделение и удаление.
Можно изменять размер, масштаб и положение фигуры или текста, а также поворачивать и наклонять их так, как вам нужно. Программа очень удобная и простая. Есть инструменты для дизайна логотипов, включая готовый набор стилей, графические шаблоны и эффекты.
Основная аудитория YouiDraw – стартапы, агентства, предприятия, малый и средний бизнес. Создана программа на HTML5 Canvas, данные хранятся на Google Диске. Работать в ней можно откуда угодно. Это мощный веб-инструмент для дизайна векторной графики. Интегрируется программа практически с любым веб-приложением.
Inkscape
Inkscape — нужен мощный и бесплатный векторный редактор. В вашем распоряжении богатая палитра, пипетка для выбора цвета, копирование/вставка стиля, текстурная заливка, редактор контурных эффектов, пунктирная обводка и редактор градиентов. Для манипуляции с объектами используются операции с Z-порядком (подъем и опускание слоев), группировка объектов и слоев, а также выравнивание и распределение.
Доступны различные инструменты для рисования линий и геометрических фигур. Плюс возможность вставлять растровые изображения, текст и делать клоны. Надписи и простые элементы удобно и просто конвертируются в векторные изображения.
Есть возможность импорта и экспорта файлов различных форматов, в том числе SVG, AI, PDF, PS, PNG и EPS. Экспорт и преобразование можно выполнять в том числе через командную строку.
Vectr
Если нужна программа с возможностью совместной работы, то попробуйте Vectr. Он прост в освоении и использовании — обучение не занимание много времени. Программа кросс-платформенная, поэтому можно использовать десктопную или веб-версию. Файлы проекта автоматически сохраняются и синхронизируется в режиме реального времени.
Совместная работа позволяет сотрудничать в режиме реального времени и синхронизировать работу. Доступны онлайн- и офлайн-версии для любой платформы. Есть возможность импорта и редактирования файлов формата SVG и растровых изображений, которые можно использовать в качестве фона. А также программа работает с форматами AI, EPS, PNG и JPEG.
Gravit Designer
Gravit Designer — один из лучших бесплатных векторных графических редакторов, в котором есть все необходимые дизайнеру средства. В нем вы найдете мощную и разумно устроенную панель управления, настраиваемый интерфейс, современные средства редактирования и поддержку перетаскивания объектов. Есть все, что нужно: от цветокоррекции и регулировки освещения до фильтров и смешивания слоев. Интерфейс переведен на русский язык, но при желании можно переключиться на английский.
У программы невероятно удобное выравнивание, при котором объекты выравниваются по краям и центральным точкам выделенной области, а также по краям страницы. При дизайне веб- и мобильных приложений удобно реализована совместная работа над стилями, мастер-страницами, символами, редактированием экземпляров мастер-объекта.
Программа способна импортировать и редактировать файлы форматов PDF, EPS, Adobe Illustrator, Sketch, а также экспортировать многостраничные PDF-документы.
Skencil
Skencil — гибкое и мощное бесплатное интерактивное приложение для векторной графики. Для рисования используются прямоугольники, эллипсы и кривые, которые можно заливать и обводить. Отменить можно неограниченное количество действий.
Skencil написан на высокоуровневом интерпретируемом языке Python, исходный код открыт. Раньше это приложение было известно под названием Sketch, а одной из его популярных функций было огибание контура текстом.
Программа может экспортировать и импортировать различные форматы файлов. Имеются настройки для собственного формата и файлов Adobe Illustrator, PDF и SVG.
LibreOffice Draw
LibreOffice Draw — векторный графический редактор с открытым исходным кодом, в котором можно делать всё, что угодно, от эскиза на скорую руку до сложного плана. Но в основном предназначен для работы с графиками и диаграммами. Максимальный размер страницы для технических чертежей и обычных плакатов составляет 300×300 см.
Программа входит в состав пакета LibreOffice, разработанного фондом The Document Foundation. Здесь можно создавать рисунки любой сложности и экспортировать их в стандартные форматы, а также вставлять таблицы, диаграммы, формулы и другие элементы. Программа предназначена для самых разных изображений. Панели инструментов одним кликом подстраиваются под ваши предпочтения, стиль и задачи.
В LibreOffice Draw есть инструмент для создания простых 3D-объектов: куба, сферы и цилиндра. С его помощью можно также изменить источник света. Есть коллекция изображений, звуков и анимаций, которые можно использовать в своих работах.
Между объектами можно провести специальные соединительные линии, чтобы показать связь. Объекты на рисунке можно выравнивать (в этом помогут визуальные подсказки) и привязывать к направляющим и линиям сетки.
Adobe Illustrator
Adobe Illustrator — это отраслевой стандарт для работы с векторной графикой, но она платная (единственная из всего списка). Позволяет создавать логотипы, иконки, типографику, рисунки, а также макеты для печати, интерфейсов сайтов или мобильных устройств, видео.
В AI есть настраиваемая панель инструментов. Инструменты можно добавлять или удалять так, как вам удобно. Сгруппируйте их по своему выбору, чтобы было удобно работать. Особо стоит отметить функцию глобального редактирования. Если отредактировать повторяющийся текст или одинаковые объекты, то изменения сразу произойдут везде.
Миллионы дизайнеров и художников, оформляющих самые разные объекты, от веб-страниц и этикеток продуктов до книжных иллюстраций и рекламных щитов, работают исключительно в этой программе.