Vector программа для рисования

16 лучших графических редакторов, которые не стоят ни копейки

Самые продвинутые графические редакторы вроде инструментов компании Adobe стоят немалых денег. Но есть бесплатные и вполне достойные альтернативы, возможностей которых хватит большинству. Издание для фотографов и дизайнеров Creative Bloq выбрало лучшие среди подобных программ и сервисов.

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

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

1. Gravit Designer

• Платформы: веб, Windows, macOS, Linux.

Gravit Designer — ранее известный как Gravit — это полнофункциональный векторный редактор. Он подходит для любых задач: от дизайна интерфейсов и иконок до работы с презентациями, иллюстрациями и анимацией.

Аккуратный интуитивный интерфейс Gravit Designer можно настраивать под себя. Редактор содержит массу инструментов для создания прекрасных детализированных векторных изображений.

Среди них — неразрушающие (их действие можно отменять) функции для работы с булевыми операциями, инструменты «Нож» и «Граф путей» плюс множество режимов заливки и смешивания, а также мощный текстовый движок.

Gravit Designer →

2. Vectr

• Платформы: веб, Windows, macOS, Linux.

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

Этого хватит, чтобы справиться с большинством повседневных дизайнерских задач.

Особенно полезны возможности совместного редактирования и синхронизации, благодаря которым можно работать когда и где угодно в тандеме с другими людьми.

Vectr →

3. SVG-Edit

Если вам нужно быстро создать или отредактировать простой SVG-файл, есть несколько онлайн-редакторов, которые подойдут для этой задачи не хуже Adobe Illustrator. В числе лучших из них — SVG-Edit.

Этот редактор целиком создан на HTML5, CSS3 и JavaScript и не использует серверы для обработки данных. Код SVG-Edit открыт. Поэтому при желании вы можете скачать его и модифицировать, чтобы создать свою версию редактора.

SVG-Edit располагает всеми базовыми инструментами векторного редактора. Но поддерживает только формат SVG.

SVG-Edit →

4. Inkscape

• Платформы: Windows, macOS, Linux.

Этот мощный редактор предлагает множество инструментов и функций, которые часто недоступны в других аналогичных программах. Среди них — альфа-смешивание, клонирование объектов и маркеры.

Полная поддержка различных цветовых моделей делает Inkscape достойной альтернативой Adobe Illustrator как для веб-дизайна, так и в сфере полиграфии. При всей простоте интерфейса в этой программе можно создавать невероятно комплексные работы.

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

Inkscape →

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

Предназначены для создания и редактирования любых немасштабируемых рисунков и фотографий.

1. GIMP

• Платформы: Windows, macOS, Linux.

Бесплатный графический редактор с открытым исходным кодом.

GIMP укомплектован богатым набором функций для рисования, цветокоррекции, клонирования, выделения, улучшений и других действий.

Интерфейсом GIMP отличается от популярнейшего Photoshop, но долго искать нужные инструменты вам не придётся.

Команда GIMP позаботилась о совместимости, так что вы сможете без проблем работать со всеми популярными форматами изображений. Кроме того, в GIMP встроен файловый менеджер, похожий на Bridge из программ от компании Adobe.

GIMP →

2. Photo Pos Pro

Если вы работаете на Windows и не нуждаетесь в таком количестве инструментов, как у GIMP, вашим идеальным редактором может стать Photo Pos Pro.

Последний создан с прицелом на редактирование изображений и отлично справляется с типичными задачами вроде регулировки контрастности, освещения и насыщенности.

Но Photo Pos Pro подходит и для более сложных манипуляций.

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

Photo Pos Pro →

3. Krita

• Платформы: Windows, macOS, Linux.

Ещё один редактор с открытым исходным кодом. Krita существует с 1999 года и постоянно совершенствуется, чтобы соответствовать нуждам концепт-художников, иллюстраторов, специалистов по визуальным эффектам, дорисовке и текстурам.

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

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

Krita →

4. Pixlr

• Платформы: веб, iOS, Android.

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

Если вы знакомы с Photoshop, то очень быстро освоите веб-версию Pixlr. Интерфейсы этих редакторов очень похожи.

Pixlr →

5. Paint.NET

Paint.NET является альтернативой программе Paint, встроенной во все версии Windows. Но пусть схожесть названий не сбивает вас с толку: Paint.NET гораздо более продвинутый и полезный редактор.

Команда разработки делает упор на простоту использования и совершенствует в Paint.NET скорее функции для редактирования снимков, чем возможности дизайна графики. Тем не менее Paint.NET позволяет управлять перспективой, манипулировать пикселями на холсте, клонировать выделенные зоны и так далее.

Благодаря поддержке слоёв, широкому выбору инструментов для выделения и настроек вроде яркости / контрастности и кривых, Paint.NET можно рассматривать как достойную замену Photoshop.

Paint.NET →

6. Sumo Paint

Sumo Paint быстро работает в вебе и справляется с задачами не хуже настольных редакторов. Но для его запуска вам понадобится Adobe Flash Player. Так что Sumo Paint не для iOS-устройств.

Арсенал настроек и функций Sumo Paint включает карандаши, кисти, текст, градиенты, клонирование, формы и не только. Всё это всегда в зоне видимости на плавающей панели вроде той, что вы могли видеть в Photoshop.

Sumo Paint →

Бесплатные редакторы 3D-графики

Предназначены для работы с 3D-моделями, эффектами и анимациями.

1. SketchUp Free

SketchUp Free можно назвать идеальной точкой входа в мир 3D-графики. Этот редактор дружелюбно вводит новичка в курс дела и прощает ему все допущенные ошибки. Вы можете начать с простого рисования линий и форм, а потом преобразить их в 3D-объекты.

Если вам понадобится вдохновение, можете бесплатно скачать модели различных объектов из библиотеки 3D Warehouse через форму поиска на сайте SketchUp.

SketchUp Free →

2. Daz Studio

• Платформы: Windows, macOS.

С помощью Daz Studio можно кастомизировать, перемещать в пространстве и анимировать различные 3D-объекты вроде людей, животных, предметов.

Вы можете создавать уникальных персонажей, миры, различные элементы дизайна и многое другое. Но в Daz Studio отсутствуют возможности моделирования и текстурирования, доступные в платных альтернативах. Подробную таблицу со сравнением редакторов смотрите на сайте проекта.

Daz Studio →

3. Hexagon

• Платформы: Windows, macOS.

Hexagon — бесплатный инструмент для 3D-моделирования. В нём есть всё необходимое для создания детализированных моделей, готовых к финальному рендерингу.

Среди инструментов и функций программы вы найдёте возможность быстрого импорта из Daz Studio, заготовки для различных объектов, кисти для ручного моделирования, UV-развёртку (нанесение плоских текстур на трёхмерный объект), продвинутые инструменты рисования и мгновенное затенение (instant ambient occlusion).

Программы Daz Studio и Hexagon созданы одним разработчиком и дополняют друг друга. Вместе они составляют полный бесплатный комплект для работы с 3D-графикой.

Hexagon →

4. Blender

• Платформы: Windows, macOS, Linux.

Blender — это продвинутый бесплатный редактор 3D-графики с открытым исходным кодом, доступный для всех основных платформ.

Разработчики постоянно развивают Blender. Он поддерживает все возможные операции с 3D-графикой: позволяет моделировать, текстурировать, анимировать, рендерить и компоновать.

Blender →

5. Sculptris

• Платформы: Windows, macOS.

Если вам интересно искусство цифровой скульптуры, попробуйте программу Sculptris от разработчика Pixologic.

Она подходит одинаково хорошо для любого уровня подготовки.

Новички получают хороший стартовый инструмент, а уже опытные цифровые художники — платформу для быстрой и удобной реализации идей.

Sculptris основана на редакторе ZBrush от того же разработчика — самом популярном приложении для цифровой скульптуры. Когда вы будете готовы перейти на следующий уровень, то сможете легко переключиться на ZBrush.

Sculptris →

6. Houdini Apprentice

• Платформы: Windows, macOS, Linux.

Houdini — инструмент для работы с 3D-анимацией и визуальными эффектами, который часто используют при работе над фильмами, телепередачами и другим медиаконтентом.

Стоимость редактора начинается с 2 000 долларов. Но разработчики программы — Side Effects Software — разрешают использовать версию Houdini Apprentice бесплатно.

Благодаря ей вы можете получить доступ ко всем функциям полной версии и оттачивать мастерство на личных проектах.

Только Houdini Apprentice предназначена исключительно для некоммерческих и образовательных целей.

Houdini Apprentice →

Источник: https://Lifehacker.ru/besplatnye-graficheskie-redaktory/

Правильный вектор: бесплатные инструменты для создания векторной графики

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

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

Запускать такие приложения можно прямо с рабочего стола — открытый браузер, равно как и доступ к Интернету, для их использования не нужны.

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

Для каждого элемента есть возможность выбрать цвет, толщину и тип обводки, а также цвет заливки, сделать его частично прозрачным, добавить один из множества эффектов (искажения, тени, текстуры, псевдо-3D и прочее).

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

Для его установки не нужно ничего скачивать, достаточно просто выбрать плагин в одноименном меню.

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

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

Если Вы заметили ошибку — выделите ее мышью и нажмите CTRL+ENTER.

Источник: https://3dnews.ru/774197

Vectr – простой бесплатный редактор векторной графики (онлайн и для ПК)

Долгое время инструменты создания/редактирования векторной графики были труднодоступными для вебмастеров, блогеров и контент-маркетологов.

Во-первых, специальное ПО зачастую стоило дорого, а во-вторых, являлось слишком сложным для рядовых юзеров (не дизайнеров).

Сейчас ситуация получше — можно найти разные аналоги Иллюстратора в свободном доступе, не сильно уступающие оригиналу. Об одном из них сегодня поговорим — это программа Vectr.

Это по настоящему кросс-платформенный и легкий в работе софт: вам доступны приложения под Mac, Windows, Linux или Chromebook; зарегистрировавшись онлайн, уже через несколько минут начнете реализовывать свои дизайнерские задумки.

Vectr является удобным инструментом и широко используется при аннотировании, правке изображений, а также рисования мокапов и диаграмм. Кроме того, его можно применять для:

Программа позволяет создавать масштабируемые векторные рисунки с помощью простых понятных функций.

Она не сложна в обучении, отлично подойдет тем, кто только начинает знакомиться с вектором и кому достаточно базовых возможностей по работе с иллюстрациями.

По сути она чем-то напоминает слегка урезанную и упрощенную версию Adobe Illustrator.

Как работает Vectr (фишки и функции)

Когда начнете вникать в особенности данного программного обеспечения, первое, с чем столкнетесь – это целый набор интерактивных обучающих руководств.

С помощью пособий Vectr вы научитесь создавать и редактировать контуры, поворачивать и масштабировать объекты, пользоваться инструментами в рабочем пространстве и управлять слоями.

Находятся они в разделах «User Guide» и «Tutorials». Много видеогайдов есть на их канале.

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

Вкладки страниц и слоев в верхнем левом углу дают вам возможность управлять процессом создания проектов. В правой части интерфейса расположена панель фильтров.

Вы сможете сделать свои иллюстрации еще более интересными, например, изменив угол наклона, добавив тени, границы или эффект размытости.

По окончании проектирования программа позволяет экспортировать свои наработки в PNG, JPEG или SVG. Небольшое примечание: SVG – единственный масштабируемый векторный формат, который можно открывать в других приложениях, в то время как растровые PNG и JPEG годятся больше для интернета.

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

Команда разработчиков бесплатного векторного редактора Vectr предоставляет пошаговые инструкции по решению наиболее популярных дизайнерских задач: созданию иконок, лого, типографики, меню, коллажей, инфографики и многого другого. Все тексты ищите в разделе «Tutorials». Советуем начать со статьи где описаны 10 первых шагов в Vectr.

Вас также порадуют функции совместной работы.

Программа имеет действительно хорошие опции для обмена данными: каждый проект обладает уникальным URL, поэтому им можно напрямую поделиться с друзьями или коллегами; у вас будет возможность размещать свои иллюстрации на или . Разработчики заверяют, что их софт обладает мощным потенциалом совместного  использования дизайнерами в стиле Google Docs.

Преимущества Vectr

В качестве выводов собрали все положительные фишки, которыми он обладает:

• Он похож на другие графические редакторы, имеет набор всех необходимых знакомых инструментов для создания красивого дизайна или правки имеющейся графики.
• Здесь есть сетка и задание линий выравнивания для большего удобства.
• Импорт/экспорт поддерживает разные форматы: AI, EPS, PNG/JPEG и SVG.
• Кроссплатформенность: имеются версии под Windows, Mac, Linux, Chromebook + онлайновая.
• Есть отправка уникального URL для просмотра проекта коллегами/заказчиками.
• История изменений позволяет быстро вернуть прошлые наработки.
• Софт полностью бесплатный.
• Доступна синхронизация — в десктопной ПК версии в офлайн режиме допускается до 100 исправлений, которые при появлении связи, автоматически синхронизируются с вашим онлайн аккаунтом.
• Программный продукт прост в изучении, а поэтому идеально подходит новичкам. Хотя, в принципе, профи также найдут в нем полезные фишки.

Все это делает Vectr одним из лучших бесплатных векторных редакторов, содержащим необходимый минимум для комфортной и эффективной работы.

Порадовало наличие множества полезных руководств по программе, с которыми разобраться смогут даже начинающие пользователи. При желании можете пройти бесплатный онлайн курс по Vectr (где-то около 45минут видео).

Скачивайте софт на компьютер или пробуйте его онлайн, лучший способ научиться — практиковаться.

Сталкивались ли вы с Vectr ранее? Какое другое ПО знаете по теме и посоветуете?

Источник: http://design-mania.ru/tools/programs/vectr/

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

Отличный бесплатный векторный редактор, предназначенный для создания красочных векторных изображений с минимальными затратами времени и сил.

Inkscape — довольно простой, но мощный инструмент, позволяющий создавать яркие рекламные щиты, красивые обложки журналов и книг, разнообразные буклеты, визитки и т. д.

Давайте сравним его с платным «старшим братом» Corel Draw.

Сравнение векторного редактора Inkscape с платным аналогом Corel Draw

Inkscape	Corel Draw
Стоимость	бесплатно (Open Source)	около 500 $
Русификация	+	+
Кроссплатформенность	+	— (только Windows)
Наличие стандартных инструментов для работы с векторной графикой	не все	+
Возможность подключения плагинов	—	+
Сложность освоения	легко	требуется подготовка
Системные требования	800Mhz CPU, 512Mb ОЗУ	600Mhz CPU, 256Mb ОЗУ
Качество работы	имеется свой формат SVG, основанный на XML, что позволяет производить точную настройку объектов	недостаточная точность позиционирования

Итак, мы видим, что по некоторым параметрам Inkscape отстает от платного аналога, но не стоит забывать, что мы имеем дело с версией даже ниже, чем 1.0, поэтому многие недостатки еще будут исправлены.

А пока даже незаконченная версия выглядит довольно неплохо и может справиться с большинством заданий.

Установка Inkscape

Установка происходит стандартным образом через инсталлятор: запускаем exe-файл и следуем подсказкам Мастера установки.

В первом окошке выбираем Русский язык (или тот, что привычнее).

Если русский язык Вас устраивает, то во всех следующих окнах Мастера нажимаем кнопку «Далее» и в последнем окне выбора папки установки «Установить».

Если же нужен другой язык, к примеру, белорусский, то в окне «Компоненты устанавливаемой программы» можно раскрыть пункт «Переводы» и поставить галочку на желаемый перевод.

Размер архива с установочным дистрибутивом «весит» менее 40 мегабайт, но сама программа в установленном виде занимает порядка 150 мегабайт, так что придется подождать несколько минут, пока Inkscape распакуется.

По окончании процесса снова нажимаем «Далее» и в заключительном окне «Готово». Если мы не снимали галочку «Запустить Inkscape», то по окончании установки перед нами сразу появится главное окно редактора.

Интерфейс Inkscape

Структура окна и его оформление в Inkscape очень похожи на Gimp. Поэтому, если Вы когда-либо пользовались Gimp'ом, разобраться с векторным редактором не составит особого труда.

Пиктограмма — схематическое изображение объекта или явления.

Вверху мы видим панель меню и параметров. Здесь есть стандартные меню «Файл», «Правка», «Вид» и другие, а также некоторые функции из этих меню, которые представлены в виде пиктограммок.

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

Привязка — функция автоматического «притягивания» курсора мыши при приближении к определённым точкам (углам фигур, центрам кругов и т.д.).

Внизу расположена палитра. Начинается она градациями серого и некоторыми индексированными цветами, но если использовать полосу прокрутки под ней, станут доступны все цвета спектра.

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

Осталось добавить, что как и в Gimp, в Inkscape есть возможность включать правую боковую панель, на которой могут размещаться дополнительные инструменты для работы со слоями или заливкой.

К чести разработчиков, в Inkscape все инструменты имеют всплывающие подсказки, что позволяет без большого труда разобраться с назначением каждого инструмента и сразу перейти непосредственно к практике.

Пример создания логотипа

Логотип — уникальный графический символ, предназначенный для повышения узнаваемости в социуме.

Допустим, нам надо сделать векторный логотип для какого-нибудь сайта. И Inkscape превосходно справится с этой задачей.

Для начала создадим новый документ (если в старом уже успели что-то нарисовать).

Затем нарисуем прямоугольник, обозначающий границы нашего логотипа. Для этого активируем соответствующий инструмент и рисуем прямоугольник от угла до угла.

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

Обводка — граница плоской фигуры.

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

Градиент — плавный переход одного цвета в другой в заданном направлении.

Пожалуй, простая заливка выглядит скучновато. Давайте создадим градиентную. Для этого в панели заливки активируем инструмент «Линейный градиент» и задаём его цветовые параметры.

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

Параллелепипед — объёмная фигура, состоящая из 6 параллелограммов.

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

Для этого нам пригодятся инструменты в левой панели. Попробуем выбрать 3D-параллелепипед и «слепить» из него что-нибудь интересное. К примеру, коробку.

Ручки — виртуальные «рычаги» для управления формой объекта.

Кстати, если нужно ещё подкорректировать форму 3D-объекта, а «ручки» уже пропали, дважды кликните по нему левой кнопкой мыши в режиме выбора (инструмент в виде чёрной стрелки) и они появятся снова.

Точно таким же макаром можно добавлять всевозможные геометрические фигуры, текст и растровые рисунки, а более сложные объекты можно нарисовать «Карандашом» или «Пером».

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

Редактор XML

XML (англ. eXtensible Markup Language) — расширяемый язык разметки.

Основное отличие Inkscape от подобных программ — формат SVG, основанный на XML, благодаря которому, доступна тонкая настройка любого объекта.

Редактор XML вызывается соответствующей кнопкой или из меню «Правка» и имеет древовидную систему, где объекты следуют в порядке их добавления.

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

К примеру, добавив 5-конечную звезду, можно превратить её в 4-конечную, поправив отвечающую за это переменную.

Если Вы не обладаете знаниями в области XML, то можете просто поэкспериментировать с изменением некоторых параметров и посмотреть, как это повлияет на изображение.

Выводы

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

А есть даже такие, которые используют программу как САПР (система автоматизации проектных работ) общего назначения вместо громоздкого AutoCAD. Одним словом, каждый найдет в Inkscape что-то свое, но равнодушным он не оставит никого.

Послесловие

Ранее талант художника ценился на вес золота. Художников нанимали все, кто мог это себе позволить. В недалеком прошлом они своими лозунгами поднимали на бой армии, внушая силой искусства уверенность в победе.

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

Сплайн — плавная кривая линия, строящаяся по математическим законам.

В чем разница? Разница в методе построения изображения. В растровой графике изображение строится на основе матрицы, состоящей из точек (пиксели). В векторной же — за основу взяты геометрические примитивы (точки, линии, сплайны и многоугольники).

Преимущества векторной графики

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

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

Open Source — открытый исходный код. Лицензия, позволяющая изучать и менять код программы безо всяких ограничений.

Для работы с обеими типами графики существуют признанные лучшими платные программы: Photoshop (для растровой) и Corel Draw (для векторной). Однако есть пара проектов, которые не сильно уступают им. При этом программы еще и Open Source.

Я думаю, Вы догадались о каких программах я говорю? Да! Это Gimp (растровый редактор, о котором я уже рассказывал раньше) и Inkscape (векторный редактор, о котором сегодня шла речь).

Кстати, именно в этой программе был сделан логотип нашего сайта :).

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

А ещё с помощью векторной графики можно создавать вот такие занятные флеш-игры:

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

P.P.S. Вам наверняка пригодится не раз упомянутый в статье бесплатный и очень функциональный редактор растровой графики Gimp:
Графический редактор https://www.bestfree.ru/soft/graph/graphical-editor.php

Gimp умеет работать с видео и анимацией, слоями, контурами и каналами. С его помощью можно подготавливать графику для веб-страниц, редактировать цифровые фотографии, использовать для визуального оформления программ (пиктограммы, заставки, элементы интерфейса и т.д.).

Поддерживает большинство распространённых графических форматов (GIF, JPEG, PNG, PNM, XPM, TIFF, TGA, MPEG, PS, PDF, PCX, BMP и другие).

Источник: https://www.bestfree.ru/soft/graph/vector.php