бесплатный векторный онлайн-редактор
Дизайн Технологии

Бесплатный векторный редактор Gravit Designer

Gravit Designer — отличное решение для тех, кто хочет работать с векторной графикой. Это удобная, профессиональная и кросс-платформенная программа. Она будет прекрасно работать на Linux, Mac, ChromeOS и Windows. И, конечно, этот бесплатный векторный редактор будет работать онлайн. Gravit Designer активно разрабатывается и новые функции добавляются с огромной скоростью.

Создатели этой простой и доступной программы стремятся к тому, чтобы у каждого была возможность получить профессиональный инструмент дизайна.

Использовать  браузерную версию Gravit Designer

 

Первый запуск Gravit Designer

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

Если вы зарегистрируете бесплатную учетную запись на Gravit Cloud, вы можете получить доступ к новому диапазону готовых шаблонов.

Посмотрите, как настроить параметры документа

Обзор интерфейса

Бесплатный векторный редактор Gravit Designer имеет понятный интерфейс. Цвет интерфейса можно изменить. При кажущейся простоте здесь есть все необходимое. Там, где есть треугольники, есть выпадающее меню с дополнительными инструментами.

Сверху располагается панель со всеми инструментами, которые вы ожидаете найти в векторном приложении. Тут есть перемещение холста и привязка, инструменты для создания и выбора контуров и текста. Есть операции с поворотом фигуры, операции с несколькими фигурами, а также экспорт и клавиши для режима презентации.

Бесплатный векторный редактор Gravit Designer

Масштаб удобнее менять с помощью колесика мыши и зажатой кнопки Ctrl. Перемещение по документу удобно осуществлять, нажимая левую кнопку мыши и пробел.

  • В Gravit Designer может быть открыто сразу несколько документов и они будут отображаться через вкладки в верхнем правом углу.
  • Вкладка с уроками (tutorials) находится в меню Help, если вы впервые используете Gravit, обратите на нее внимание.
  • С левой стороны у нас есть вкладки: Layers, Libraries.  Вкладка библиотек (libraries) предоставляет вам коллекцию векторных изображений. Вкладка слоёв (layers) открыта большую часть времени, так как отображает список страниц и слои.
  • С правой стороны у вас есть конкретные элементы управления контентом для выбранного в данный момент объекта. Если ничего не выбрано, вместо этого будут отображаться параметры документа.

В этом видеоролике показано, как пользоваться инструментами выбора

Управляем масштабом векторного проекта в Gravit Designer

Посмотрите, как разгруппировать векторное изображение

разгруппировать в Gravit Designer

Как изменить цвет объекта

как изменить цвет

Прозрачность в Gravit Designer

В Gravit Designer можно задать прозрачность любому объекту или фону. Чтобы сделать фон страницы прозрачным, обратите внимание на параметры страницы в правой части рабочей области (объекты при этом не должны быть выделены). Там можно указать не только цвет и размеры страницы, но и ее прозрачность.

прозрачность в Gravit Designer

Эта функция вам потребуется, если нужно удалить фон изображения и экспортируем его в PNG.

В Gravit Designer  можно создавать объекты с прозрачным фоном на основе векторных и растровых изображений. Если нужно сохранить растровое изображение на прозрачном фоне, мы обводим пером его контур, затем помещаем растровое изображение внутрь контура, делаем фон прозрачным, экспортируем.

Страницы в Gravit Designer

Страницы в Gravit Designer — это нечто вроде гибрида страниц и artboards, которые вы можете найти в других приложениях. Каждая страница похожа на самостоятельный документ с настройками собственного размера, поля и цвета холста. Вы начинаете с одной страницы по умолчанию. Добавляете новые, нажимая кнопку Create New Page в верхней правой части панели Pages. Затем вы можете просмотреть любую страницу, выбрав её на этой панели.

Если вы хотите использовать страницы, как бы вы обычно использовали artboards, включите переключатель слева от значка удаления. Вы сразу увидите все свои страницы в «Многостраничном режиме». Эти страницы могут быть выбраны, перемещены, масштабированы вручную или с помощью разных предустановленных размеров. В многостраничном режиме вы также можете дублировать страницы, нажимая на их заголовок на холсте, чтобы выбрать их, либо ALT+перетаскивание или нажатие CTRL/CMD + D.

На страницах Gravit также есть удивительная функция «Master Pages». Эта функция позволяет настроить страницу как «главную» с элементами, которые будут общими для других страниц. Если вы обновляете элементы главной страницы, все остальные страницы будут обновляться автоматически.

Используя страницы Gravit, вы сразу можете создать презентацию. Просто нажмите кнопку Play в правом углу панели инструментов, и каждая из ваших страниц станет слайдом. Нажмите стрелку вниз, чтобы перейти к следующему слайду, и стрелку вверх, чтобы вернуться назад.

Контуры и фигуры в Gravit Designer

Создание контуров и фигур в Gravit имеет стандартные для векторного редактора инструменты. Здесь есть инструмент для рисования прямых линий и кривых безье, а также ряд заданных форм для линий, прямоугольников, эллипсов, многоугольников, треугольников и звезд.

Однако у нас также есть дополнительный инструмент циркуль (bezigon). Если вы нажмёте ALT, вокруг каждой точки будут автоматически генерироваться плавные кривые.

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

Gravit, как и любой векторный редактор, поддерживает логические операции

Обычный текст и текст по контуру в Gravit Designer

Текстовый инструмент работает так же, как и в других приложениях. Выбрав текстовый инструмент, вы можете кликнуть мышью по точке, чтобы начать печатать какой-то текст.

Функция, которая будет очень полезна для веб-дизайнеров; если вы наберете «lorem», затем нажимаете ПРОБЕЛ, вы получите абзац рыба-текста «Lorem ipsum» автоматически.

В Gravit сделать так, чтобы текст шел по контуру,  необычайно просто. Нарисуйте фигуру, выберите инструмент текст, наведите на контур и дождитесь появления красной линии, затем нажмите. После этого контур может быть изменён и текст будет обновлён соответствующим образом.

Интегрированные шрифты Google в Gravit Designer

Бесплатный векторный редактор Gravit Designer открывает доступ к шрифтам Google прямо в приложении.

Добавление шрифтов в Gravit Designer

Кроме того, вы можете импортировать свои собственные шрифты при использовании онлайн-версии Gravity с помощью File > Import > Add fonts…

Конечно, наличие веб-шрифтов не означает, что вы не можете использовать системные шрифты. Если вы используете настольную версию Gravit, все ваши локальные шрифты будут доступны.

Сложные заливки и штриховки

В Gravit  вы можете добавить столько заливок и границ, сколько хотите для любой фигуры. Каждая заливка или граница ведут себя подобно отдельному слою. Ее можно показать или скрыть, использовать режим наложения и непрозрачность. Заливки можно сортировать в любом порядке. Вы можете использовать заливку одним цветом, текстуры, градиенты и шум.

Эффекты

Эффекты в Gravit во многом похожи на эффекты слоёв, с которыми вы встречались в других приложениях.

В эффекты входит стандартный набор теней, внутренняя тень и наложение. Есть и некоторые интересные дополнительные эффекты, такие как «зеркало» (mirror), которое создаёт эффект отражения.  Существует также гауссовское размытие, виньетка, простой регулятор оттенка, отражающий эффект и более глубокий эффект цветокоррекции. Все эти эффекты могут быть многоуровневыми и настроенными,  их можно скорректировать в любой момент.

Стили

Бесплатный векторный редактор Gravity позволяет создавать стили, которые определяют параметры заливки, границ, эффектов и текста слоя. Эти стили решают несколько проблем:

  • вы можете создавать стили для представления разных состояний одной и той же фигуры, например, кнопка по умолчанию и при наведении.
  • вы можете применять стиль к множеству объектов на холсте, а когда вы обновите стиль одного такого объекта, эти изменения применяются ко всем другим объектам.

Привязка для полуотзывчивости

Настройка привязки (или якорей) позволяет определить как будет реагировать фигура, если будет изменён масштаб её родительского элемента, что, в свою очередь, позволяет создавать функциональные возможности полуотзывчивости и сэкономить вам целую кучу времени.

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