Работа с изображениями
На рисунке — Gravit Designer (2014 — 2019 гг). Интерфейс на 14 языках (в т.ч. и на русском). Вес 327 М. Цена 49 долл. Имеется бесплатная версия. Сравнение версий.
Работает в Windows XP, 7, 10, macOS, Linux.
Автор: Corel
Онлайн-версия Gravit Designer:
Имеется платная (плата за использование 49 долл. в год) и бесплатная версия программы.
Сравнение версий.
Назначение программы — векторное рисование.
Gravit Designer может использоваться для любых задач: от создания значков и логотипов до дизайна интерфейсов, создания презентаций, иллюстраций и анимации.
Настраиваемый интерфейс Gravit Designer.
Отрисовка логотипов и элементов фирменного стиля
быстрое прототипирование мобильных приложений
Создание сложных многоцветных и детализированных иллюстраций
Для создания быстрых шаблонных иллюстраций (постеры, открытки, визитки) разработчики также предлагают пользователям воспользоваться возможностями сервиса-конструктора Gravit Klex.
Облачная интеграция, используя облако Gravit.
Доступ к существующим файлам Google Диска
Встроенная история версий для файлов, сохраненных в облаке, позволяет просмотреть до 20 последних сохраненных версий проекта.
Поиск файлов и папок. Неограниченная структура папок. Просмотр списка и эскизов. Сортировка по дате создания, дате обновления, имени. Синхронизация с рабочим столом.
Применение шаблонов. Поиск среди тысяч бесплатных готовых дизайнерских активов (фигуры, иллюстрации, значки, смайлики, наклейки, рамки и линии). Получите доступ к огромному количеству бесплатных шрифтов на нескольких языках через встроенную библиотеку Google Fonts
Поддерживаемые форматы импорта
Gvdesign (собственный файл-контейнер Gravit), PDF, AI (формат Adobe Illustrator, SVG, SVGZ, Масштабируемая векторная графика, EPS, инкапсулированный PostScript, файлы эскизов (до версии 49), JPEG, PNG, GIF (статичный или только первый кадр, если он анимирован).
Содержимое буфера обмена в виде изображения, векторов SVG или текста
Поддерживаемые форматы экспорта
SVG, SVGZ (файлы являются собственными файлами Gvdesign), PNG 32 бита, включая альфа-канал, JPEG, PDF (версия 1.7).
Экспорт активов.. Экспорт нескольких версий одного и того же ресурса. . Экспорт произвольной части холста.
Гибкие средства управления выходным размером, включая настройку точек на дюйм, @ 2x, @ 3x, настраиваемые сочетания клавиш ширины или высоты (100 Вт или 512 ч)
Создание умных форм (примитивов) — скругленных прямоугольников, эллипсов, дуг, многоугольников и звезд.
Преобразование примитивных фигур, составных фигур и текста в редактируемые векторные пути.
Уникальный тип заливки фона, позволяющий легко передавать корректировки и эффекты базовым объектам
Настраиваемые градиентные заливки в режиме реального времени — цвет, прозрачность, размещение цветовых стопов, размер, положение и поворот
Заливка текстурами. Использование самого нижнего текстурного альфа-канала в качестве маски прозрачности.
Скопируйте любой объект с холста и используйте его как текстурную заливку. Создайте свои собственные текстуры или используйте любое изображение, которое Gravit может импортировать в качестве текстуры
Инструменты
Перо позволяет быстро и точно создавать собственные векторные контуры
Инструмент Bezigon — средства для создания идеальных кривых
Инструменты ножей, которые могут резать несколько предметов и делать изогнутые разрезы
Лассо — быстро выбирайте сложные пути и трансформируйте точки
Инструмент «От руки» — позволяет рисовать векторные контуры произвольной формы с автоматическим сглаживанием.
И другие
Группировка объектов с поддержкой вложенных сложных фигур — объединение, вычитание, пересечение и различие
Стиль объекта — неразрушающее моделирование объектов, включая множественные заливки, границы, корректировки и эффекты, а также полный контроль прозрачности и режима наложения
Мгновенная настройка внешнего вида объектов путем изменения порядка заливок, границ и эффектов с помощью простого перетаскивания
Широкий выбор типов заливки — сплошной цвет, линейный градиент, радиальный градиент, угловой (конический) градиент, текстура и шум. Может применяться как для заливок, так и для границ
Расширенный контроль границ для каждой границы индивидуально
Точное размещение и размер на каждом объекте в 2D пространстве.
Автоматическая привязка к одинаковому расстоянию при дублировании объектов с помощью мыши.
Быстро переворачивайте и вращайте по часовой стрелке / против часовой стрелки
Сдвиг.
Выровнять по краям и центральным точкам выделения
Использование сетки, направляющих, привязки и других помощников по макету
Простые математические операции для мгновенных вычислений — сложение, вычитание, умножение или деление любых чисел прямо в поле числового значения
Предварительный просмотр. Несколько просмотров одного и того же файла на разных уровнях масштабирования для быстрого переключения на другую точку интереса
Возможности увеличения при просмотре до 25 600%
Примечания:
1. 22 июня 2018 года компания Corel объявила о покупке всех продуктов и технологий, ранее принадлежавшие компании Gravit GmbH, в том числе и программы Gravit Designer (Прежнее название — Gravit).
2. Corel имеет собственную разработку для работы с изображениями под названием CorelDRAW Graphics Suite , в которую входит редактор векторных изображений Corel DRAW
Последнее обновление: июль 2020 г.
О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.
Gravit Designer
Яндекс.Браузер — быстрый браузер с защитой от мошенников и вредоносных сайтов.
- Windows 10
- Windows 8.1
- Windows 8
- Windows 7
- Windows Vista
- Windows XP
Тип лицензии:
Freeware (бесплатное)
Языки: Английский
Снимки экрана 6
Gravit Designer — бесплатный графический редактор, позволяющий редактировать векторные изображения и создавать их с нуля. Приложение имеет множество полезных и одновременно простых в понимании и использовании функций, которые позволят даже начинающим дизайнерам создавать красивые графические элементы для использования в самых различных целях — веб-дизайн, презентации, рекламные баннеры и многое другое.
Функции Gravit Designer
Векторный редактор Gravit Designer обладает следующими особенностями:
- «Многослойная» графика
Gravit Designer позволяет пользователям создавать неограниченное количество слоев (страниц), каждый из которых может иметь свое собственное содержимое и настройки — прозрачность, угол поворота, размеры, эффекты и т.д. Все созданные страницы очень можно в любой момент «превратить» в презентацию всего в один клик мышкой, а затем экспортировать в нужном формате.
- Все нужные инструменты под рукой
Редактор имеет множество встроенных инструментов, без которых сегодня не обходится ни один дизайнер. Большой акцент сделан на инструментах для рисования. Пользователь сможет быстро создавать как простые геометрические, так и сложные фигуры произвольной формы. На холсте также можно размещать текст любого размера, шрифта и формы, внешние изображения и многое другое.
Каждый экспортируемый/создаваемый графический элемент автоматически становится уникальным объектом с собственными параметрами.
Также предусмотрен ряд инструментов для выделения и редактирования графических элементов или их отдельных частей.
- Заливка и штриховка
В Gravit Designer предусмотрены инструменты для быстрого создания сложных штриховок и заливок. Особенность в том, что к созданному графическому объекту можно применять не одну заливку/штриховку, как это наблюдается в большинстве аналогичных программ, а сразу несколько. Накладываемые заливки «ведут себя» как слои — пользователь может в любой момент включить или выключить его, сделать прозрачным, отредактировать и т.д.
На выбор дизайнера Gravit Designer предлагает множество всевозможных визуальных эффектов, которые могут быть применены к любому объекту на холсте. К таким, например, относятся различные виды внутренних и внешних теней, зеркал (отражений), размытий, цветокоррекции и другие.
Пользователь имеет возможность создания и сохранения собственных стилей, которые в любой момент могут быть применены к графическим объектам. Стили, к примеру, можно привязывать к множеству объектов. В дальнейшем, если изменить стиль, то изменения коснуться всех привязанных к нему элементов.
- Экспорт/импорт файлов различных форматов, и не только локально
Программа Gravit Designer позволяет импортировать и экспортировать графические файлы различных форматов, включая SVG, SVGS, EPS, SKETCH и другие. Пользователю также доступно облачное хранилище Gravit Cloud, куда можно сохранять проекты или импортировать их оттуда в любой момент. Для использования хранилища придется пройти несложную регистрацию прямо в программе.
Совместимость Gravit Designer с Windows
При всех своих функциональных возможностях графический редактор Gravit Designer не требователен к компьютерным мощностям. Программа отлично работает и на слабеньких ПК с установленной ОС Windows XP (естественно, поддерживаются и все следующие версии Windows). Для установки программы подойдет как 32-х, так 64-х битная (x86 и x64) система. На данный момент редактор не имеет поддержки русского языка.
Gravit Designer
Gravit Designer — добротный бесплатный векторный редактор, который имеет десктопные версии под все ведущие операционные системы под разные архитектуры процессоров. Под Windows имеются также официальные портабельные сборки. Есть версии для мобильных устройств Android и iPad. Также есть онлайновая реализация. Отличается удобным интерфейсом и богатой библиотекой иконок, стикеров, рамок, линий. Все версии имеют единый источник библиотеки. Экспортировать проект можно в векторный формат SVG, в PDF, а также в несколько растровых форматов. Естественно, имеется и собственный формат (gvdesign) для сохранения работы в целях ее дальнейшего редактирования.
Создание объектов
Инструменты создания фигур стандартны для векторных редакторов. Это перо, которым создаются кривые Безье; это безигон, которым рисуются ломанные линии; это карандаш. Данными инструментами можно нарисовать как открытый, так и закрытый контур. Есть инструменты для создания уже готовых правильных замкнутых фигур: прямоугольник, овал, полигон, треугольник, звезда.
Удобно работать с текстом. Его можно переводить в кривые. Можно выделять только блоки текста с определенным шрифтом. Кстати, шрифты можно использовать не только те, которые предустановлены в операционной системе, то и шрифты, автоматически подгруженные из Интернета.
Выделенные объекты можно объединять в группу или превращать в составную фигуру согласно сценариям объединения, вырезания, вычленения разницы или пересечения. См. видеоролик по составным объектам
Редактирование объектов
Когда объект выделен, на панелях справа предлагаются многочисленные инструменты для его редактирования: масштабирование, позиционирование, поворот, заливка (в том числе градиентная или текстурой), обводка, эффекты. Часть операций можно проделать и не прибегая к правым панелям, а благодаря манипуляциям мышью.
Если выделение произведено полой стрелкой Subselect, то у нарисованных контуров можно редактировать узлы.
В позиционировании объектов могут помочь такие настройки, как «прилипание» к сетке, направляющим, опорным точкам других объектов. Выделенные объекты можно выравнивать нескольким способами друг отностительно друга.
Использование библиотек изображений
Слева в интерфейсе программы место отведено для слоев, библиотеки, символов. Если открыть закладку Libraries, то можно увидеть пиктограммы семи библиотек: фигур, иллюстраций, иконок, смайликов, стикеров, рамок и линий. Нажав на пиктограмму, вы посылаете запрос на удаленный сервер программы и он выдает вам готовые дизайнерские объекты. Во многих разделах библиотеки есть разбивка на подкатегории, меню которых располагается над самым первым рядом найденных объектов. Объектов в каждом разделе много, но они подгружаются не моментально, а по мере того, как вы прокручиваете лист с найденными объектами вниз.
Чтобы скрыть лист найденных объектов надо просто повторно кликнуть на пиктограмму раздела.
Приятным удобством при работе с библиотекой является поиск по контексту. В самом верху закладки Libraries есть поисковая строка для этого. Поиск на английском производится по всем разделам.
Импорт растровых изображений
Несмотря на то, что Gravit Designer векторный редактор, в нем можно работать и с растровыми картинками. выберите в меню File > Import > Place image и вставьте свою картинку. Вставленное изображение при выделении сплошной стрелкой Pointer можно трансформировать (с учетом пропорций и без), передвигать, вращать. Если же выделить картинку полой стрелкой Subselect, то картинку уже можно кадрировать, скруглять углы. Дело в том, что при выделении Subselect вы получаете доступ к редактированию контейнера-маски, в который попадает ваше изображение при вставке.
Кроме того, присутствуют инструменты для наложение эффектов на вашу картинку — размытие, тень, контрастность и другие эффекты присутствующие во всех фоторедакторах. Панель с эффектами находится справа внизу. См. видеоролик по эффектам.
Скачать
Вот страница программы на официальном сайте (недавно программа переименована в Corel Vector). Дескоптные версии для Windows x64/x32, macOS, Linux, Chrome OS. Мобильные версии для Android и iPad.
Вот онлайновая версия Gravit — работает прямо в браузере без каких-либо скачиваний. Почти ничем не отличается от десктопной версии.
[[ Gravit Designer — боевое начало ]] на русском
[[ Набор обучающих видеороликов по Gravit ]] на английском от разработчиков
Ещё программы векторной и деловой графики:
• Affinity Designer // виртуоз векторной графики
• Affinity Publisher // компьютерная вёрстка
• Axure RP Pro // макетирование и прототипирование сайтов
• Canvas X Pro // универсальный редактор векторной графики
• ConceptDraw DIAGRAM // редактор бизнес-графики
• Draw.io // многоплатформенный редактор деловй графики
• DrawingBot V3 // стильное конвертирование в векторный арт
• EDGE Diagrammer // легкая и быстрая программа для составления схем и диаграмм
• Edraw Max // редактор для инфографики (аналог Visio)
• EximiousSoft Logo Designer // простой векторный редактор с библиотекой клипартов
• FontLab – профессиональное приложение для создания шрифтов
• Grapholite // приложение для создания бизнес графики
• Lunacy // для макетирования интерфейсов (аналог Sketch и Figma)
• MindManager // лидер программ для ментальных карт
• MyDraw // приложение для создания деловой графики
• NodeBox // векторный редактор на нодах
• PhotoLine // немецкий графический комбайн, умеющий многое
• Pichon // коллекция иконок в программной оболочке
• RealDraw // векторно-растровый редактор
• Serif DrawPlus // классический векторный редактор
• SimpleMind // лаконичная программа для красивых интеллект-карт
• SmartDraw // универсальный солдат деловой графики
• Strokes Maker // преобразование фото в гравюру
• Xara Photo & Graphic Designer // гибридный графический редактор
• XMind // классическое многоплатформенное приложение для интеллект-карт
• VectorMagic // качественная векторизация растровых изображений
• VectorStyler // профессиональный векторный редактор
• Векторные редакторы онлайн // работают в браузере без загрузки на компьютер
Что такое SVG-графика и как с ней работать
Мы часто встречаем такие форматы, как JPG, PNG и GIF, которые используются как на сайтах, так и в социальных сетях. Они получаются путем создания растровой графики – это фотографии, скриншоты, различные анимированные файлы. Вместе с этими форматами есть еще много похожих, один из которых – SVG.
Он также используется для отображения графики, но только не растровой, а векторной.
Что такое SVG
SVG (от англ. Scalable Vector Graphics – масштабируемая векторная графика) – это один из видов графики, который формируется с помощью геометрических объектов: линий, кругов, прямоугольников, кривых и прочих элементов.
Совокупность таких деталей может выдать практически любое изображение. Например, это может быть иконка социальной сети Instagram:
Толчок развития данной языковой разметке впервые был дан Консорциумом Всемирной паутины (World Wide Web Consortium), который в 1999 году был более известен как W3C. W3C дал и понятие SVG – языковая разметка для создания двухмерных графических интерфейсов и изображений.
Сегодня SVG используется на всех современных сайтах – это могут быть как иконки социальных сетей, так и полноформатные иллюстрации. Но чаще всего это именно логотипы, различные иконки.
Почему так популярен формат SVG – разберемся далее.
Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Достоинства SVG
Одна из ключевых особенностей формата SVG – это масштабируемость. Если увеличение фотографий в JPG и PNG может привести к ухудшению качества, то с форматом SVG все будете оставаться на прежнем уровне. Вы можете увеличить векторное изображение хоть в 100 раз – оно все равно сохранит прежний вид. Поэтому SVG-картинки хорошо отображаются в самых больших разрешениях без потери качества и просто идеальны для адаптивных сайтов.
Другая особенность SVG – это его кастомизация. Предположим, что нам на сайт нужно загрузить красную иконку, но под рукой есть только черная. Если это растровое изображение формата JPG или PNG, то потребуется приложить немало усилий, чтобы поменять цвет иконки. В случае с SVG достаточно открыть графический редактор, поддерживающий векторные изображения, например Figma, и поменять цвет иконки в один клик. Так, будто вы меняете цвет простому элементу.
Также SVG-изображение можно открывать в HTML и CSS, а это значит, что мы можем напрямую через код изменять как сам объект, так и его цвет.
Все эти достоинства закрепляет вес файла – он будет на порядок меньше любого растрового изображения при равных характеристиках изображения. Вдобавок к этому векторное изображение можно легко анимировать при помощи JavaScript, что проблематично сделать с обычной картинкой.
Недостатки SVG
Как таковых недостатков у SVG нет, но есть некоторые моменты, о которых стоит знать:
- SVG не может быть использован для фотографий. В теории вы можете получить фотографию в формате SVG, но такой файл будет очень большим. Кроме того, файл останется тем же растровым изображением, которое будет покрыто оболочкой SVG.
- Не поддерживается старыми браузерами.
В общем, SVG-формат – это наилучший вариант для использования иконок, анимированных элементов и иллюстраций на сайте.
Базовые формы SVG
Каждый SVG-файл может состоять из таких элементов, как:
- простая линия;
- ломаная линия;
- прямоугольник;
- окружность;
- эллипс;
- многоугольник.
Все эти фигуры могут быть использованы как поодиночке, так и в совокупности, создавая любое полноформатное изображение: человека, города, пейзажа. Посмотреть, как могут выглядеть различные векторные изображения, вы можете тут.
Где работать с SVG-графикой
Как я уже упоминал выше, в качестве программы для редактирования векторного изображения может быть использована Figma. В ней можно не только изменить уже существующий SVG-файл, но и создать собственный с нуля. Для этого есть такие инструменты, как перо, квадрат, линия, стрелка, эллипс, треугольник и звездочка.
Также можно использовать плагины, которые создают различные элементы. Например, с помощью Shaper можно в один клик добавлять необычные фигуры:
Любую из этих фигур можно легко экспортировать в формате SVG:
Это лишь один из способов создания SVG-элемента. В целом, Figma не предназначена для профессионального редактирования векторных изображений, обычно она используется для создания макетов и интерфейсов сайтов, в которых есть SVG.
Если говорить о профессиональном ПО, то это:
- CorelDraw – самый популярный графический редактор среди любителей, начинающих профессионалов и продвинутых художников.
- Adobe Illustrator – мировой стандарт для отрасли полиграфии. Именно Illustrator позволяет качественно переносить изображения из компьютера на бумагу или любой другой носитель. Предусмотрен уровень масштабирования до 64000%.
- Gravit Designer – полнофункциональный векторный редактор. Он подходит для любых задач – от дизайна интерфейсов и иконок до работы с презентациями, иллюстрациями и анимацией.
Также на просторах интернета вы можете найти много бесплатных сервисов для быстрого редактирования SVG-файлов.
Поддержка браузерами
SVG-формат поддерживается всеми современными браузерами, за исключением Internet Explorer 8. Но и это может быть исправлено использованием JavaScript-библиотеки Raphael.js. Конвертировать SVG-файл в формат этой библиотеки можно на сайте ReadySetRaphael.
Заключение
Сегодня мы поговорили о том, что представляет собой SVG-графика и где с ней можно работать. Ключевые особенности SVG – небольшой вес и масштабируемость, при которой качество картинки никак не изменяется.
Используйте SVG-графику на сайтах, чтобы минимизировать скорость загрузки страниц, а также улучшить восприятие контента пользователями. Элементы формата SVG легко адаптируются, могут изменять цвет при наведении мыши, а также хорошо подходят для различной анимации.