Трассировка изображения
Функция «Трассировка изображения» позволяет преобразовывать растровые изображения (JPEG, PNG, PSD и т. д.) в векторную графику. С помощью этой функции трассировки можно легко создать новый рисунок на основе существующего графического объекта. Например, можно преобразовать набросок, сделанный карандашом на бумаге, в векторное изображение. Чтобы быстро получить желаемый результат, можно выбрать один из стилей трассировки.
A. Исходное изображение B. Результаты трассировки с использованием различных стилей
Трассировка изображения
Попробуйте в приложении!
Мгновенно превращайте нарисованный от руки эскиз в векторную иллюстрацию в Illustrator.
Откройте растровое изображение или разместите его в документе Illustrator.
Выделите исходное изображение и выполните одно из действий, описанных ниже:
- Выберите Объект > Трассировка изображения > Создать , чтобы выполнить трассировку с параметрами по умолчанию. По умолчанию в результате трассировки Illustrator создает черно-белое изображение.
- Нажмите кнопку Трассировка изображения на панели «Управление» или на панели «Свойства» либо нажмите кнопку «Стили трассировки» и выберите стиль ( ).
- Выберите Окно > Трассировка изображения или переключитесь на рабочее пространство Трассировка . Откройте панель «Трассировка изображения» и выполните одно из следующих действий.
- Выберите один из стандартных стилей с помощью значков в верхней части панели. Дополнительные сведения представлены в разделе Настройка параметров трассировки | Стиль.
- Выберите стиль в меню Стиль .
- Задайте параметры трассировки. Дополнительные сведения представлены в разделе Настройка параметров трассировки.
- На панели «Трассировка изображения» активируйте Предварительный просмотр, чтобы посмотреть результаты изменений.
- Скорость трассировки зависит от разрешения размещенного изображения.
(Необязательно) Скорректируйте результаты трассировки на панели «Трассировка изображения» ( Окно > Трассировка изображения ).
Чтобы преобразовать объект трассировки в контуры и отредактировать векторное изображение вручную, выберите Объект > Трассировка изображения > Разобрать .
Настройка параметров трассировки
Когда выбрано изображение, на панели «Трассировка изображения» становятся доступны параметры трассировки. В верхней части панели находятся основные параметры. Чтобы посмотреть дополнительные параметры, нажмите на треугольный значок рядом с надписью «Дополнительно».
Основные элементы управления
Стиль
Панель «Трассировка изображения» позволяет выбрать стиль для вашего изображения. Названия стилей, расположенных в верхней части панели, соответствуют названиям популярных функций.
Создание изображения в стиле постера из фотографии или графического объекта
Цветное — высокая точность
Создание фотореалистичного графического объекта высокой точности
Цветное — низкая точность
Создание упрощенного фотореалистичного графического объекта
Трассировка графического объекта в оттенки серого
Преобразование изображения в упрощенный черно-белый графический объект
Преобразование изображения в черный контур
В верхнем меню доступны дополнительные стили.
A. 3 цвета B. 6 цветов C. Высококачественная фотография
Нажмите значок меню (
), чтобы сохранить текущие настройки в качестве нового стиля, удалить или переименовать существующие стили. Дополнительные сведения представлены в разделе Сохранение стиля трассировки.Определяет вид трассированного объекта. Объект трассировки состоит из двух компонентов: исходного и результирующего изображений (результирующее изображение — векторное). Можно выбрать вид результата трассировки, исходного изображения, контуров, а также другие параметры. Нажмите на значок в виде глаза, чтобы наложить выбранный вид на исходное изображение.
A. Результат трассировки B. Результат трассировки с контурами C. Контуры D. Контуры с исходным изображением E. Исходное изображение
Режим
Задает цветовой режим для результирующего изображения. Доступные параметры определяют базовый цвет или режимы градаций серого для трассированного графического объекта.
В зависимости от настроек режима доступны параметры цвета, описанные ниже:
Указывает количество цветов, которые будут использоваться при цветной трассировке изображения. Можно выбрать образцы, если в качестве палитры выбрана «Библиотека документа». (Этот параметр доступен только в том случае, если параметр «Цветовой режим» имеет значение «Цветное»).
Указывает количество оттенков серого, которые будут использоваться при трассировке изображения в оттенках серого. (Этот параметр доступен только в том случае, если параметр «Цветовой режим» имеет значение «Оттенки серого»).
Задает значение для формирования черно-белого изображения из исходного изображения при трассировке. Все пиксели светлее порогового значения преобразуются в белые, а все пиксели темнее этого значения — в черные. (Этот параметр доступен, только если для параметра «Режим» выбрано значение «Черно-белое»).
Палитра
Задает палитру для формирования изображения в цвете или в градациях серого из исходного изображения при трассировке (этот параметр доступен, только если параметр «Цветовой режим» имеет значение «Цветное» или «В градациях серого»).
Можно выбрать один из параметров, описанных ниже:
Автоматическое переключение между ограниченной палитрой и всеми тонами для трассировки, в зависимости от входного изображения. Если для палитры выбран режим «Автоматически», можно отрегулировать сложность и точность вектора в трассировке с помощью ползунка на шкале «Цвета». Значение 0 означает упрощение за счет снижения точности, а значение 100 — точность или фотореалистичность и соответствующую сложность.
На палитре трассировки доступен небольшой набор цветов. Можно дополнительно уменьшить число выбранных цветов с помощью ползунка на шкале «Цвета».
На палитре трассировки доступен полный набор цветов. Этот параметр оптимален для трассировки фотографий и позволяет создавать фотореалистичные изображения. Когда выбран этот параметр, ползунок на шкале «Цвета» показывает вариабельность пикселей, составляющих каждую из областей заливки. Если ползунок на шкале «Цвета» смещен вправо, вариабельность меньше, и создается больше контуров, определяемых меньшими областями цвета. И наоборот, если ползунок смещен влево, создается меньше областей заливки, имеющих более крупный размер.
Для палитры трассировки используется существующая цветовая группа. Этот параметр позволяет выбирать конкретные цвета для трассированного графического объекта. Можно выбрать любую библиотеку цветов, загруженную через палитру «Цветовые образцы» для палитры трассировки.
Добавление библиотек цветов на палитру «Цветовые образцы» с помощью меню «Библиотеки образцов»
- Чтобы открыть палитру «Цветовые образцы», выберите Окно > Цветовые образцы .
- Нажмите на значок меню Библиотеки образцов в левом нижнем углу палитры «Цветовые образцы». Также можно выбрать пункт Открыть библиотеку образцов в меню палитры.
- Выберите библиотеку в списке.
- Чтобы сохранить текущую цветовую группу на палитре «Цветовые образцы», нажмите кнопку «Сохранить цветовую группу на палитре образцов» (). Дополнительные сведения представлены в разделе Использование библиотек образцов.
Добавление библиотек цветов на палитру «Цветовые образцы» с помощью панели «Темы Adobe Color»
Как векторизовать изображение в Illustrator
Каким бы высоким ни было качество растрового изображения, оно не всегда может удовлетворить ваши потребности. Может наступить время, особенно в области дизайна, когда вам понадобится что-то хорошо масштабируемое, что не потеряет своего качества при увеличении. И ответ — векторы.
Векторная графика работает совершенно иначе, чем растровые изображения, но просто нажав “Сохранить как…” будет недостаточно, чтобы использовать весь их потенциал. Вместо этого вам потребуется векторизовать изображение в Illustrator. Читайте дальше, чтобы узнать, как это сделать на нескольких платформах.
Прежде чем начать
Прежде чем мы откроем Illustrator и начнем процесс векторизации, давайте обсудим важность правильного типа изображения для успеха. Хотя вы можете преобразовать любое изображение в вектор с помощью Illustrator, не все изображения будут давать одинаково профессиональные результаты. Векторные изображения обычно используются для логотипов и другой простой графики. Поэтому вам повезет больше, если вы начнете с достаточно простого растрового изображения. Лучше сосредоточить свои усилия на одном предмете, а не на подробном ландшафте.
PNG с прозрачным фоном — идеальный кандидат для векторизации, но JPG с одним объектом и белым фоном также хорошо работает. Если изображение, которое вы хотите преобразовать, не соответствует этому профилю, его предварительная подготовка облегчит вашу работу и работу компьютера в дальнейшем. Обрежьте изображение так, чтобы была включена только та часть, которую вы хотите векторизовать. Когда ваше изображение будет готово, выполните следующие действия.
Как векторизовать изображение в Illustrator на ПК
В Illustrator есть удобная функция трассировки изображения, которая превращает растровые изображения в векторы на одном дыхании. Этот вариант будет хорошо работать в большинстве случаев с минимальными необходимыми настройками. Если настройка параметров трассировки изображения не дает идеального векторного изображения, вместо этого вы можете выполнить трассировку изображения вручную.
Вот как использовать Image Trace в Adobe Illustrator на ПК:
- Запустите приложение Illustrator для ПК и создайте новый файл.
- Импортируйте или вставьте изображение, которое хотите векторизовать.
- Выберите изображение, чтобы вызвать параметры изображения вверху.
- Нажмите “Трассировка изображения” кнопку, чтобы мгновенно преобразовать растровое изображение в векторное. преобразован, нажмите кнопку “Expand” кнопку, чтобы получить доступ к маркерам пути для настройки формы вашего векторного изображения.
Нажав кнопку “Трассировка изображения” Кнопка применяет настройки по умолчанию к вашему векторному изображению. Настройки по умолчанию хорошо подходят для простых черно-белых изображений. Если вы просто конвертируете логотип, возможно, вам не придется ничего настраивать, и вы все равно получите безупречную векторную графику. Однако, когда речь заходит о возможностях функции трассировки изображения в Illustrator, это поверхностная информация.
Если вы конвертируете цветное изображение или просто хотите немного больше контролировать предустановки, включите панель «Трассировка изображения».
- Убедитесь, что ваше изображение выбрано.
- Нажмите “Окно” в строке меню.
- Проверьте “Трассировка изображения”
На этой панели вы увидите множество настроек, которые можно использовать для точной настройки процесса векторизации. Первый и самый важный из них — пресеты. Выбор подходящей предустановки мгновенно адаптирует параметры вектора к характеру вашего изображения. Например, детальное изображение выиграет от опции High Fidelity Photo, в то время как вы можете использовать ограниченные настройки цвета для простой графики. Все изображения разные, поэтому вам придется поиграть с настройками, чтобы найти наилучший вариант.
Если ни одна из предустановок не дает желаемого результата, дополнительные расширенные параметры на панели «Трассировка изображения» дадут вам больший контроль над деталями. Регулировка порога, количества цветов, контуров, углов и т. д. может иметь существенное значение в зависимости от изображения и предустановки. Также легко удалить белый фон с изображения, установив флажок «Игнорировать белый». в этих дополнительных параметрах. Чтобы настроить пути вручную, нажмите кнопку “Expand” кнопка, упомянутая выше.
Функция трассировки изображения в Illustrator является расширенной, но если автоматическая трассировка не подходит для вашей фотографии, вам потребуется выполнить трассировку изображения вручную.
- Добавьте новый слой поверх слоя с изображением.
- Выберите Инструмент «Перо» и обведите изображение на новом слое.
Примечание:Вы можете использовать любой инструмент, который хотите, чтобы обвести изображение, но инструмент «Перо» даст вам самые четкие и легко регулируемые линии.
Когда вы закончите векторизацию изображения, сохраните файл как AI, SVG или EPS.
Как векторизовать изображение в Illustrator на iPad
Если вы используете Illustrator на своем iPad, вы могли заметить, что параметр «Трассировка изображения», который вы обычно используете для векторизации изображения, отсутствует. Хотя приложение несколько отличается от настольной версии, оно по-прежнему позволяет легко векторизовать изображения. Прежде чем начать, убедитесь, что у вас установлена версия приложения не ниже 2.0.
- Откройте приложение Adobe Illustrator для iPad и создайте новый холст.
- Нажмите значок «Фото» на левой панели инструментов и импортируйте фото. вы хотите векторизовать.
- Убедитесь, что изображение выбрано, и коснитесь значка объекта (прямоугольник с ручками во всех четырех углах) на правой панели инструментов.
- Выберите “Векторизация” из меню, и приложение мгновенно преобразует ваше изображение в векторный файл.
- Уточните результат в окне “Свойства”, которое открывается автоматически при преобразовании:
- Выберите исходное изображение, чтобы Приложение содержит больше информации о том, как выполнить преобразование.
- Измените цветовой режим в раскрывающемся меню.
- Настройте количество цветов в случае цветного векторного изображения.
- Настройте порог для черно-белой графики.
- Чтобы отредактировать отдельные элементы, снова коснитесь значка «Объект» и нажмите «Расширить векторизацию». Выберите элемент и отредактируйте его по своему усмотрению.
- Когда ваш вектор графика готова, экспортируйте файл в векторный формат, такой как AI, SVG или EPS.
Попрощайтесь с пикселями
Негибкие пиксели не всегда подходят. Когда низкокачественный PNG вызывает у вас проблемы, вы можете векторизовать изображение в Illustrator несколькими щелчками мыши. Меняйте настройки до тех пор, пока не будете удовлетворены результатом, и у вас будет векторное изображение, размер которого можно изменить по своему усмотрению.
Вы когда-нибудь векторизировали изображение в Illustrator? Есть ли у вас какие-либо советы, которые другие пользователи могут найти полезными в этом процессе? Дайте нам знать в разделе комментариев ниже.
Как сделать растровое изображение векторным
Допустим, у нас есть какое-то растровое изображение и мы хотим получить его в векторном виде (или в кривых). Это можно сделать несколькими способами, рассмотрим 3 наиболее популярных:
- в программе Adobe Illustrator;
- с помощью Photoshop;
- бесплатной автоматической онлайн трассировкой на сайтах.
Внимание! Версия графических редакторов Adobe Illustrator и Photoshop значения не имеет. Можно использовать любую.
Способ подойдет для jpeg, png и других типов файлов.
Как перевести растр в вектор в Иллюстраторе
Открываем растровое изображение в Adobe Illustrator. Для этого можно кликнуть на рисунке правой кнопкой мыши и выбрать из выпадающего меню Открыть с помощью. — Adobe Illustrator или запустить программу и перетащить рисунок на рабочую область.
Исходное растровое изображение
На панели инструментов активируем «Выделение» (черная стрелочка) и ей щелкаем по изображению. При этом картинка должна выделиться в рамку. Чтобы проверить это, можете попробовать немного переместить её, зажав левую кнопку мыши, когда курсор находится над изображением (по принципу drag-and-drop).
Над рабочей областью находим кнопку «Быстрая трассировка» и щелкаем на расположенную рядом стрелочку. Она показывает все доступные для этого действия опции. Нам нужен пункт «Параметры трассировки. «. При клике на него открывается окно с параметрами.
В правой части выбираем пункт «Просмотр». Это поможет получить более хороший результат и разобраться, что за что отвечает.
Дальше есть два пути:
- Делать по-науке, то есть вам нужно будет прочитать во всплывающих подсказках, какой из параметров на что влияет и выставить необходимые значения.
- Поэкспериментировать с параметрами самостоятельно, используя так называемый «метод научного тыка».
Предпочитаю второй способ: так быстрее и проще запоминается. Изменяем параметр. Смотрим, на что влияет (визуально). Комбинируем несколько значений. И так до достижения более-менее приемлемого результата.
Полученное векторное изображение.
Когда картинка уже похожа на исходник, в окне параметров нажимаем «Трассировка» и в меню над рабочей областью кнопку «Разобрать». После чего получаем аналог загруженного изображения в кривых, преобразованное в вектор.
Если полученный результат не устраивает, его можно доработать. Для этого с помощью инструмента «Выделение» необходимо выбрать все созданные кривые (нажать левую кнопку мыши и, удерживая ее, обвести изображение целиком). Идем в пункт меню «Объект» — «Трансформирование» — «Масштабирование» и меняем размер изображения таким образом, чтобы оно было достаточно большим для удобства редактирования. Затем выбираем инструмент «Прямое выделение» (белая стрелочка). Ей поочередно кликаем в каждый узел и выравниваем сплайны: при выделении вершины рядом появляются усы, потянув за которые можно изменять кривизну линий.
Результат преобразования растрового изображения в вектор в режиме сетки
Справка. Для получения красивого векторного изображения из растра желательно изначально брать крупный файл в хорошем разрешении. При обработке средних и маленьких картинок потребуется время время на выравнивание узлов сплайнов после трассировки.
Как из растра сделать вектор в Фотошопе
В некоторых случаях для получения векторного изображения из растра можно обойтись без Иллюстратора, используя Adobe Photoshop. Этот способ широко используется для подготовки материалов под требования типографий — когда нет времени на подготовку качественной трассировки и результат нужен как можно быстрее. Также подойдет для масштабирования небольших логотипов для печатной продукции без потери качества.
Чтобы перевести растр в вектор в Фотошопе, открываем в нём изображение и выбираем в меню File — Save as (сочетание горячих клавиш Ctrl + Shift + S). Появится список возможных вариантов, как сохранить файл. Подходят 3 формата: svg, tiff и pdf. Можно поочередно сохранить во всех трёх и далее уже работать с тем, где лучше качество.
Перевод растра в вектор онлайн бесплатно
В интернете существуют онлайн сервисы автоматической трассировки изображений, которые позволяют бесплатно сделать растровое изображение цветным векторным. Этот способ подойдет тем, у кого нет возможности установить Фотошоп или Иллюстратор. Можно использовать с мобильного телефона или планшета.
Сервис поддерживает разные форматы входных и получаемых файлов. Настройка включает в себя около 10 параметров.
Принцип работы следующий:
- Загружаем файл с локального диска (можно указать ссылку на картинку в интернете и работать с ней).
- Выставляем желаемые параметры и качество в DPI (количество пикселей на дюйм, чем больше, тем лучше, но и файл будет весомее).
- Нажимаем на синюю кнопку «Конвертировать».
- Чуть ниже в табличке скачиваем результат.
- Проверяем на всякий случай антивирусом, оцениваем качество. Если хочется сделать лучше, меняем параметры и прогоняем трассировку до тех пор, пока не будет достигнут желаемый результат.
Оцените, насколько понравился материал статьи:
Станислав Заворотнов
Вебмастер. Интернет-предприниматель. Первый сайт создал в конце 90-х, еще в школе. Сертифицированный специалист. Участник ежегодных конференций по продажам, SEO, маркетингу, разработке сайтов, арбитражу трафика.Растр в вектор – 7 способов трассировки
Как перевести растр в вектор – этим вопросом хотя бы один раз задавался каждый дизайнер и не только. Задачи могут быть разными и выбор программы, для их решения играет важную роль. В данной статье мы не только разберемся в том, что такое растровая и векторная графика. Но и выясним как из растра сделать вектор в Иллюстраторе, Фотошопе и популярных онлайн-сервисах. Проведем сравнительный анализ результатов и дадим полное руководство для тех, кто поставил перед собой задачу сделать векторное изображение из растрового.
Растровая графика
Растровая графика – это графика, которая образуется из большого количества маленьких цветных прямоугольников – пикселей.
Пример растровой графики
Качество такой графики зависит от того, сколько пикселей размещено на 1 дюйме изображения (2,54 см). Этот параметр называется разрешением и измеряется в dpi (точки на дюйм) или ppi(пиксели на дюйм)
Dpi и ppi обозначают одно и тоже. Только первый показатель используется для устройств, а второй для картинок.
Посмотреть, какое разрешение у фотографии в Photoshop можно, вызвав пункт меню Image – Image Size (Изображение – размер изображения)
Окно Image Size в Фотошопе
Естественно, чем больше разрешение, тем более качественным и детализированным выглядит графика.
Для размещения изображений в интернете будет достаточно 70 ppi, и весить они будут немного. А вот для печати лучше, чтобы разрешение было около 300 ppi. Но и весить такой документ будет немало.
Растровая графика – это, как правило, фотографии и их производные. А также результаты цифровой живописи, созданные в программах для растровой графики.
Примеры форматов растровой графики:
- JPG
- PNG
- TIFF
- GIF и другие
Самым мощным редактором растровой графики является Photoshop, но есть и его конкуренты и аналоги, такие как: Gimp, Paint, Procreate и другие.
Растровая графика используется в таких дизайнерских продуктах как:
- Сайты и мобильные приложения в определенных стилях
- Фотографии и фотоколлажи
- Цифровая живопись
- Презентации и многое другое
Примеры растровой графики
Обратите внимание на портрет девушки слева в коллаже. Это пример вексельной графики , имитирующий векторное изображение.
Векторная графика
Векторная графика – это графика, которая состоит из множества геометрических фигур, примитивов. Их параметры задаются математическими формулами.
К геометрическим фигурам, из которых состоит векторная графика можно отнести точки, линии, круги, сплайны, кривые Безье, квадраты и многое другое.
Пример векторной графики
Качество векторного изображения не зависит от разрешения. Объекты, из которых состоит графика можно редактировать и масштабировать по отдельности и все вместе. Поэтому ее так хорошо использовать при печати.
Векторная графика – это прежде всего нарисованные иллюстрации.
Примеры форматов векторной графики:
- SVG
- EPS
- AI
- CDR и другие
Самым мощным редактором векторной графики является Adobe Illustrator. Но есть и другие его аналоги, и конкуренты, например: Corel Draw, Inkscape и так далее.
Векторная графика используется в таких дизайнерских продуктах как:
- Логотипы и атрибуты фирменного стиля
- Сайты и мобильные приложения в определенных стилях.
- Интерфейсы
- Онлайн игры
- Инфографика
- Иллюстрации и многое другое
Примеры векторной графики
Сравнение векторной и растровой графики
Растровые и векторные изображения используются для разных целей. Понять, когда лучше применять растр, а когда вектор, поможет следующая сводная таблица.
Свойство/Формат Растр Вектор Качество изображений Зависит от разрешения Всегда отличное Потеря качества при масштабировании Теряет качество при кратном увеличении Не теряет качества никогда Реалистичность изображения Высокая реалистичность Низкая реалистичность (больше похож на рисунок) Вес файла Чем более качественный растр, тем больше весит файл. Низкий вес исходного файла. Эффекты Большой набор эффектов при редактировании (тени, градиенты, фильтры и т.д.) Маленький набор эффектов Области применения, где чаще всего используется Фотографии, сайты, каталоги продукции, постеры, реклама… Логотипы, иллюстрации, фирменный стиль, интерфейсы сайтов и мобильных приложений… Возможность сменить формат Растр в вектор преобразуется с трудом Вектор в растр преобразуется легко Теперь более подробно рассмотрим, как перевести растровую графику в векторную. Это может понадобиться, например, при переводе наброска от руки в цифровой вид и дальнейшего его использования. Или в случае, если вы хотите масштабировать растровый рисунок без потери качества.
Трассировка изображения в Иллюстраторе
Трассировка – процесс преобразования растра в вектор
Было бы странным не рассказать о том, как преобразовать растр в вектор в Adobe Illustrator. Программе, предназначенной для работы с векторной графикой.
На страницах блога нечасто можно увидеть материалы, посвященные этому графическому пакету. Последний – бесплатный макет календаря 2023 года . Но сегодня именно тот случай, когда без Иллюстратора не обойтись.
Откройте Adobe Illustrator и создайте в нем новый документ.
На рабочую область поместите фотографию, которую вы хотите преобразовать в векторное изображение – Файл – Поместить.
Вы можете сразу перейти к пункту меню Объект – Трассировка изображения – Создать и разобрать, но в этом случае будут применены настройки по умолчанию и результат, возможно вас разочарует.
Для более детальной настройки преобразования растра в вектор воспользуйтесь набором инструментов, доступных в окне Трассировка. (Окно – Трассировка изображения)
Разберем их более детально.
Настройки трассировки в Adobe Illustrator
Программой предусмотрено 6 основных стилей преобразования растра в вектор:
- Автоцвет – результат получается в стиле постера из фотографии
- Интенсивный цвет – высокоточный фотореалистичный результат
- Неинтенсивный цвет – результат с более низкой фотореалистичностью
- Градации серого – трассировка изображения в оттенки серого
- Черно-белое – результат представлен в виде упрощенного черно-белого объекта
- Контур – трассировка фотографии в черно-белый контур
Нажав на одну из этих кнопок можно получить преобразованное в выбранном стиле изображение, например:
Трассировка в стилях интенсивный цвет и градация серого
В том же окне трассировки можно выбрать дополнительные стили, такие как:
- 3 цвета
- 6 цветов
- Штриховка и другие
Дополнительные стили трассировки в Adobe Illustrator
Так же есть дополнительные опции для представления результата.
Можно выбрать в каком виде будет осуществляться просмотр результата.
Параметры просмотра результатов трассировки в Иллюстраторе
Если зажать кнопку с глазом в режиме «Результат трассировки», поверх будет показано исходное фото.
Есть возможность выбрать настройки цвета в таких параметрах как «Режим» и «Палитра».
Если открыть переключатель «Дополнительно» можно увидеть такие настройки как:
- Контуры – чем меньше значение, тем менее точный контур создается при трассировке
- Углы – чем больше значение, тем больше будет углов в результирующем изображении.
- Шум – чем больше значение, тем меньше будет количество игнорируемых пикселей во время трассировки.
- Метод – задает то, как будут соприкасаться контуры сегментов при трассировке. Стык – контуры соприкасаются. Наложение – контуры соединяются в общий объект.
Дополнительные настройки трассировки в Иллюстраторе
Для того, чтобы каждый полученный в результате трассировки сегмент цвета находился на собственном слое и его удобно было редактировать, выберите Объект – Трассировка изображения — Разобрать.
Пример слоев изображения после трассировки и разбивки в Иллюстраторе
Как видите, преобразование растра в вектор в Adobe Illustrator дает качественный, высокореалистичный результат. Но не всегда нужна вся мощь этого пакета, чтобы выполнить трассировку. Многое зависит о того, в какой программе будет дальше обрабатываться полученный вектор.
Рассмотрим другие способы и программы для перевода растра в вектор.
Как из растра сделать вектор в Фотошопе
Хоть Photoshop и является редактором растровой графики, в его арсенале имеются инструменты для создания векторных иллюстраций. Shapes (Фигуры) и Pen Tool (Перо). С их помощью можно создавать полноценные векторные картинки. В этом можно убедиться, изучив статью « Векторные изображения в Photoshop – как рисовать »
В тоже время в программе не так много возможностей для того, чтобы перевести растр в вектор. А понадобиться это может, например, если вы хотите преобразовать нарисованный на бумаге логотип или креативный текст в цифровой вид и использовать его в дальнейшей работе.
Фотошоп позволяет быстро трассировать рисунок, если он выполнен в одном цвете.
Разберемся, как это сделать.
С помощью выделения
Откройте в Photoshop изображение, которое хотите перевести в вектор. Например, вот такой каллиграфичный рисунок.
Изображение, нарисованное от руки. Источник – behance.net
Выделите надпись с помощью инструмента Magic Tool (Волшебная палочка) или любого другого известного вам способа
Выделение с помощью инструмента «Волшебная палочка»
Если какая-то область картинки не выделилась после одного щелчка по изображению – зажмите клавишу Shift и кликайте по нужным областям, до тех пор, пока объект не будет выделен полностью. Так работает булева операция «сложение». Если, наоборот, выделилось лишнее, используйте клавишу Alt.
Оставив активным все тот же инструмент «Волшебная палочка», щелкните правой клавишей мыши по выделенной области и в контекстном меню выберите пункт Make Work Path (Преобразовать в рабочий контур). Значение Tolerance выставите в 1 пиксель, когда вас попросит программа.
Будет создан векторный контур, который вы сможете увидеть на панели Paths.
Векторный контур, созданный на основании выделения
Теперь выберите Layer – New Fill Layer – Solid Color (Слой — Новый заполненный слой — Заливка цветом), задайте имя Vector. И выберите любой цвет. В результате будет создан заполненный цветом слой с векторной маской нашего контура.
Преобразование растра в вектор
Таким образом, мы перевели растровое изображение в векторное и можем использовать все преимущества данного формата.
С помощью бесплатного плагина Pixel2Vector
Речь пойдет о разработке бренда Orange Box. Мы уже знакомились с их бесплатными плагинами для увеличения резкости фото и преобразования изображении в масляную живопись .
Плагин Pixel2Vector работает по тем же принципам, что описаны в предыдущем пункте. Только он автоматизирует их и делает процесс быстрее.
Как и в ранее рассмотренных статьях, сначала нужно поставить предустановочную коробку FXBox, а затем подключить бесплатный плагин.
Инструкция для этого есть на странице разработчика.
Пример работы плагина Pixel2Vector
Этот плагин, так же как и в первом случае, хорошо работает с одноцветными слоями на прозрачном фоне. Использовать его можно, например, для трассировки нарисованных кистью в Photoshop фигур и полноценных изображений. Если штрихи каждого цвета находятся на разных слоях, как на примере ниже.
Пример многослойной трассировки в Фотошоп
Иногда для преобразования растра в вектор требуются более легкие решения, не требующие установки тяжеловесных программ. Поговорим о них подробнее.
Растр в вектор онлайн
Познакомимся с работой самых популярных онлайн конверторов и сравним результаты их работы на примере уже известной нам фотографии:
Растровое фото девушки
Все перечисленные сервисы позволяют сохранять результат в самые распространенные векторные форматы (SVG, EPS). Не ждите, что какой-то из них преобразует растр в вектор без последствий для фотографии. Все-таки для этого требуются специализированные программы.
Тем не менее, подобные сервисы полезны, когда требуется трассировать растровый цифровой рисунок с ограниченным количеством цветов в векторную графику для качественной печати или дальнейшего использования в проектах.
Платный VectorMagic.com
Онлайн сервис , который достаточно качественно преобразует растр в вектор. В чем можно убедиться на следующем фото.
Трассировка фото в онлайн редакторе VectorMagic
На сайте есть встроенный редактор, где можно вносить корректировки в готовый рисунок. Но сохранение результатов платно.
Тарифы VectorMagic
Бесплатный Online-converting.ru
Бесплатный онлайн-конвертер , который используют для перевода видео и изображений в разные форматы. В том числе для преобразования растровых изображений в векторные.
Сервисом предусмотрены такие настройки как:
- Разрешение
- Порог линий
- Количество цветов
- Порог возврата линий и другие
Разработчики не рекомендуют трассировать фото, а в случае неудовлетворительного результата поэкспериментировать с настройками.
Тем не менее, преобразование растровой фотографии в векторную была выполнена на приемлемом уровне. Появились небольшие артефакты, нарушилась часть цветового тона. Но все это поддается редактированию в специализированных векторных программах. Фото выглядит стилизованным под поп-арт .
Трассировка фото в Online-converting
Бесплатный Vectorizer.com
Онлайн-сервис , который понравился своей простотой. Вы загружаете фото и через некоторое время скачиваете результат в формате SVG. Причем, довольно качественный результат.
Трассировка фото в Vectorizer.com
Фото выглядит на уровне платного VectorImage.
Платный Vectorizer.io
Еще один онлайн сервис для перевода растра в вектор с похожим названием. Он обладает более широкими настройками качества исходного фото и параметрами заливки и обводки векторной графики. Результат, как видно на фото ниже корректный, но сохранить его можно, оплатив выбранный тарифный план.
Трассировка в Vectorizer.io — пример одной из настроек
Тарифные планы Vectorizer.io
Другие онлайн-сервисы для преобразования растра в вектор
В ТОП-10 популярных сервисов по версии Яндекс вы можете найти такие инструменты как fconvert.ru, convertio.co. Но для трассировки фотографий они не подходят так как заточены только на одноцветные изображения.
Мнение редакции «Дизайн в жизни». Из всех рассмотренных онлайн-сервисов для трассировки растровой графики в векторную, самый лучший результат показал сайт Vectorizer.com по качеству изображения и доступности.
Заключение
Многие согласятся, что самый качественный результат мы увидели в результате трассировки в Adobe Illustrator. Его и следует использовать в случае сложных фотографий.
Фотошоп неплохо справился со своими задачами, но в случае простой графики.
Онлайн-сервисы дали быстрый результат без дополнительной нагрузки на компьютер и установки тяжеловесных программ. В случае простых изображений, их работа так же оправдана.
Подписывайтесь на обновления блога «Дизайн в жизни»
по e-mail или социальных сетях
и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков!