Как векторизировать существующее изображение (2021)

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

Растровые и векторные изображения

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

Растровые изображения

Часто встречающиеся и достаточно простые для начала растровые изображения выражаются через растровые изображения (.JPEG, .PNG). Это означает, что для отображения изображения они используют пиксели в столбцах и строках, состоящие из разных цветов и разных оттенков одного и того же цвета. Добавьте большое количество крошечных пикселей, и вы получите четкую картинку. Чем меньше пикселей, тем четче будет изображение.

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

Векторные изображения

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

Преобразование в векторные изображения

Чтобы превратить растровое изображение в векторное, вам придется использовать программное обеспечение для редактирования видео или изображений. Прежде всего, Adobe Illustrator — это редактор векторной графики, который вы можете использовать, но вы также можете векторизовать изображение с помощью Photoshop и Gimp + Inkscape, а также многих других программ для редактирования фотографий.

Иллюстратор

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

Сначала откройте растровое изображение, которое вы хотите преобразовать, в Illustrator. Теперь перейдите в Живой след опция, найденная на панели управления. Перейдите к Предварительные настройки и параметры трассировки и войдите в меню. Существующие параметры позволяют вам выбрать, какую настройку вы хотите использовать для «векторизации» изображения. Возможно, вы захотите создать отдельный путь для каждого цвета. Для этого нажмите Расширять в опциях.

Вернитесь в меню «Настройки и параметры трассировки» и перейдите к Параметры отслеживания. Отсюда вы можете настроить каждый путь и его настройки, например Размытие, Режими Порог. Теперь просто нажмите Предварительный просмотр и вы увидите, как изменения повлияют на только что созданное векторное изображение. Измените контуры и поиграйте с настройками, пока не получите векторное изображение, соответствующее вашим потребностям.

Фотошоп

По умолчанию Photoshop — это инструмент, используемый для работы с растровыми изображениями. При этом Photoshop действительно может векторизовать изображения. Возможно, это не так просто и понятно, как при использовании Illustrator, но возможно.

Откройте рассматриваемое изображение в Photoshop. Затем перейдите к Окно меню, а затем в Пути. На панели параметров у вас будет три инструмента на выбор: Ручка (для прямых), Безье (для кривых) и Свободная форма (рисование от руки). Используйте Магнитная ручка инструмент для отслеживания переходов яркости и цвета в изображении.

Для начала рисуйте векторные пути, пока не увидите на экране прослеживаемое преобразование фигур и путей внутри ваших изображений. Нажимать Входить чтобы закончить путь. Используйте Шатер, Лассои Волшебная палочка инструменты для выбора остальных путей. Чтобы выбрать векторный путь, перейдите к Пути панель и выберите Создать рабочий путь.

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

Наконец, экспортируйте созданные векторные контуры из Photoshop в Illustrator. Сделайте это, нажав Файл -> Экспорт -> Пути к Illustrator.

Гимп + Инкскейп

Gimp — бесплатный инструмент для редактирования фотографий с открытым исходным кодом. Inkscape — также бесплатный редактор векторной графики с открытым исходным кодом.

Сначала откройте фотографию в Gimp и перейдите к Прямоугольник Выберите инструмент. Обведите часть изображения, которую вы хотите векторизовать с помощью этого инструмента. Перейти к Изображение меню, а затем нажмите Обрезать по выделенному. Это удалит все вокруг выбранной вами области. Вернитесь в меню «Изображение» и нажмите Автообрезка «ужесточить ситуацию».

Теперь экспортируйте файл в Inkscape. Сделайте это, зайдя в Gimp's Файл меню на главной верхней панели инструментов и выбрав Экспортировать как. Не меняйте никаких настроек экспорта.

Теперь загрузите файл в Inkscape, щелкните изображение, чтобы выбрать его, перейдите к Путь меню и нажмите Трассировка растрового изображения. В открывшемся окне введите желаемые настройки и нажмите кнопку Обновлять. Нажмите кнопку «Обновить» после каждого изменения в этом окне и нажмите «Обновить». ХОРОШО когда закончите. Чтобы выполнить более точную настройку, выберите Редактировать пути по узлам инструмент и попробуйте Разрыв пути инструмент, если какие-либо узлы необходимо разделить.

Наконец, сохраните изображение как векторный файл и все!

Векторизация изображений

Для чего бы вам ни понадобилось векторное изображение, есть инструменты, которые могут вам помочь. Хотя Adobe Illustrator и Photoshop являются самыми мощными, бесплатная альтернатива Gimp + Inkscape может быть столь же эффективной, если вы достаточно терпеливы.

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