Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Vector

Альтернатива Adobe: векторные приложения

by
Length:LongLanguages:
This post is part of a series called The Complete Guide to Adobe Alternatives.
Adobe Alternatives: Digital Painting Applications
Adobe Alternatives: Video Editing Applications

Russian (Pусский) translation by Yuri Yuriev (you can also view the original English article)

Добро пожаловать в очередную статью из серии, посвященной бескрайнему миру программ, созданных разработчиками не из 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 дней на пробную версию, которых, в частности, с помощью нашего курса, хватит, чтобы поиграть со всеми настройками.

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 сказано:

"Теперь поддерживаются многие свойства SVG2 и CSS3 (например, порядок рисования, mix-blend-mode). Не все они доступны из GUI. "

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, этот инструмент вас вовсе не затруднит.

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.

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 может стать отличным дополнением к вашему арсеналу.

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 и я слышал о тех, которые перешли к одному из приложений из нашей будущей статьи. Для всех это пока недоступно, но в зависимости от того, чем вы занимаетесь, очень возможно, что вы один из тех, кто имеет несколько вариантов выбора.

Имеете вы сегодня выбор или нет, уже есть приложения, чьи наборы функций быстро растут в расчёте на более широкое использование. Это означает, что сейчас неплохо начать вести учёт и быть в курсе новых вариантов, которые станут доступны в ближайшем будущем.

В следующей статье мы рассмотрим эти приложения и их содержимое. До встречи!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.