Для чего используется трассировка изображения

Глава 47. Трассировка растровых изображений

Изображение как объект данных принято представлять с помощью одной из двух моделей: растровой или векторной.

Растровая модель

Наиболее известные растровые графические форматы — PNG , JPEG , GIF , PCX , BMP и др. — различаются лишь способами сжатия информации, а также наличием ограничений или дополнительных возможностей, вроде анимации ( GIF ) или дополнительной цветовой компоненты, отвечающей за степень прозрачности пиксела ( PNG ). Некоторые алгоритмы сжатия информации основаны на отбрасывании тех деталей изображения, которые несущественны для зрительного восприятия ( JPEG ), другие не допускают никаких потерь информации. Формат GIF позволяет хранить последовательность из многих изображений одного размера, которые при показе будут сменять друг друга (это явление называется анимацией). Некоторые из названных форматов обременены патентными ограничениями.

Графические файлы в растровых форматах обычно создаются программным обеспечением сканеров, цифровых фотоаппаратов, или популярными графическими редакторами ( Adobe PhotoShop , The Gimp! ).

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

Векторная модель

Среди популярных векторных форматов следует назвать уже знакомые нам форматы SVG , PostScript и PDF .

Файлы в векторных форматах обычно создаются векторными графическими редакторами ( Corel Draw , Inkscape ).

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

Трассировка и растеризация

Иногда бывает нужно перейти от растрового представления изображения к векторному или наоборот. Переход к растровому представлению называют растеризацией (рендерингом). Обратный процесс называется трассировкой (векторизацией).

Алгоритмы растеризации реализованы в огромном количестве программ и библиотек. Задачу трассировки решают, например, программы autotrace и potrace .

На рисунке 47.1. «Растровое изображение и результат его трассировки программой autotrace » слева мы видим цифровую фотографию прекрасной железобетонной католической капеллы Notre Dame du Haut в Роншане (Франция) архитектора Ле Корбюзье. Справа показаны векторные изображения, поочерёдно сменяющие друг друга. Они получены программой autotrace . Изображения состоят соответственно из фигур двух, четырёх и шестнадцати различных цветов (количество цветов можно задать как параметр командной строки).

Рисунок 47.1. Растровое изображение и результат его трассировки программой autotrace

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

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

Готовая программа

Постановка задачи

Трассировка растровых изображений

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

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

Чтобы выполнить трассировку фотографий в CorelDRAW, выполните следующие действия:

1. Преобразуйте изображение в формат bitmap (BMP) или TIFF. Это можно сделать с помощью нескольких графических программ, таких как Paint. Результирующее растровое изображение может потерять некоторые свойства цвета. Доступны также конвертеры изображений, такие как ReaConverter. Эти программы преобразуют цифровые изображения в новый формат.
2. Импортируйте свое растровое изображение. Выберите “Файл”, затем “Создать” в меню программы. Это создаст новый документ. Снова нажмите “Файл” и выберите “Импорт”. Найдите нужное растровое изображение и загрузите его на страницу.
3. Нажмите “Растровое изображение” в верхней части экрана. Откроется меню Растровое изображение.
4. Перейдите к «Быстрой трассировке» или «Трассировке центральной линии» или “Трассировке контура”.
5. Выберите подходящий вариант, например Техническую иллюстрацию, линейный рисунок, линейный рисунок, логотип, подробный логотип, клипарт или фотоизображение низкого / высокого качества.
6. Выберите параметры для трассировки. Возможно, вам придется повозиться, чтобы получить наилучшее качество. Варианты включают сглаживание, детализацию, цветовой режим и удаление цвета. Программа предоставляет представление “До и после”, чтобы вы могли видеть результаты трассировки при изменении настроек.
7. Сохраните рисунок.

Трассировка растровых изображений

Трассировку растрового изображения можно выполнить за один шаг с помощью команды «Быстрая трассировка». Кроме того, можно выбрать подходящий метод трассировки и стиль предустановки, а затем использовать элементы управления PowerTRACE для предварительного просмотра и настройки отслеживаемых результатов. CorelDRAW предлагает два метода трассировки растровых изображений: трассировка по осевой линии и трассировка контура.

Выбор метода трассировки

Метод Centerline Trace использует незаполненные замкнутые и открытые кривые (обводки) и подходит для трассировки технических иллюстраций, карт, линейных рисунков и сигнатур. Этот метод также называют «трассировкой обводки».

Метод Outline Trace использует кривые объекты без контуров и подходит для трассировки клипартов, логотипов и фотоизображений. Метод Outline Trace также называется «заливка» или «контурная трассировка».

Выбор стиля

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

Метод Centerline Trace предлагает два предустановленных стиля: один для технических иллюстраций, а другой для линейных рисунков.

Метод Outline Trace предлагает следующие предустановленные стили, подходящие для линейных рисунков, логотипов, клипартов и фотоизображений.

Корректировка отслеживаемых результатов

Результаты трассировки можно настроить с помощью элементов управления в диалоговом окне PowerTRACE. Дополнительные сведения см. в разделах Тонкая настройка результатов трассировки и Настройка цветов в отслеживаемых результатах.

Трассировка растрового изображения с помощью быстрой трассировки

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

Щелкните Быстрая трассировка растровых изображений .

Можно также отследить растровое изображение за один шаг, нажав кнопку Трассировка растрового изображения на панели свойств и щелкнув Быстрая трассировка. Можно изменить параметры, используемые функцией быстрой трассировки. Дополнительные сведения см. в разделе Настройка параметров трассировки по умолчанию. Трассировка растрового изображения с помощью метода Centerline Trace

Выберите растровое изображение.

Щелкните Трассировка осевой линии растровых изображений и выберите один из следующих вариантов:

Техническая иллюстрация — для трассировки черно-белых иллюстраций тонкими, слабыми линиями

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

Трассировка растрового изображения с помощью метода Outline Trace

Выберите растровое изображение.

Щелкните Структура трассировки растровых изображений и выберите один из следующих вариантов:

• Линейные рисунки — позволяют отслеживать черно-белые эскизы и иллюстрации
• Логотип — позволяет отслеживать простые логотипы с небольшим количеством деталей и небольшим количеством цветов
• Подробный логотип — позволяет отслеживать логотипы, которые содержат мелкие детали и много цветов
• Clipart — позволяет отслеживать готовую к использованию графику, которая варьируется в зависимости от количества деталей и количества цветов
• Низкое качество изображения — позволяет отслеживать фотографии, которым не хватает мелких деталей (или которые содержат мелкие детали, которые вы хотите игнорировать)
• Высокое качество изображения — позволяет отслеживать высококачественные, высоко детализированные фотографии

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

Похожие записи:

1. Перевести изображение в вектор
2. Основные особенности и сфера применения векторной графики
3. Как создать логотип Оленя в Illustrator
4. Цвета логотипа, что лучше для вашего бренда?

Записки микростокового иллюстратора

Привет всем! В этом уроке Adobe Illustrator мы разберём автотрейс. И в этом нам поможет Наталия Латынина, которая расскажет и покажет, как она трассирует элементы для паттернов, нарисованные вручную. Это уже не первый урок про автотрейс на нашем блоге. Тут вы можете посмотреть как трейсить мятую бумагу: как сделать автотрейс растрового изображения в Adobe Illustrator.

Также могу добавить, что сейчас Shutterstock (и Bigstock заодно) довольно жёстко относятся к приёмке автотрейса. Но монохромный автотрейс, обработанный и вычищенный от всякого мусора, принимают нормально.

А сейчас, если вы готовы, то передаю слово Наталии. Приступаем к уроку Adobe Illustrator.

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

Многие начинающие стокеры считают этот процесс каким-то очень сложным. На самом деле он занимает не так много времени, как, например, сама отрисовка изображения. Для того, чтобы подготовить изображение к трассировке совсем не обязательно запасаться дорогостоящими инструментами, как советуют многие иллюстраторы в своих курсах для новичков. Тем более, если вы не уверены, что будете в будущем часто пользоваться этим способом создания своих работ.

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

Этап 1

Рисуем изображение. Собственно, никакой трассировки не получится без самой картинки. Рисуем карандашом эскиз на белой бумаге. В данном примере это элементы для паттерна. Когда рисунок готов — обводим ручкой. При обводке изображения положите лист бумаги на тетрадь или стопку листов. Так ручка будет идти мягче.

Изображение лучше обводить гелевой ручкой или линером (в этом примере использована самая простая дешевая гелевая ручка черного цвета). Шариковая ручка сильнее мажет, сложней рисует по карандашу и может давать блик на фото. Оптимальные цвета для обводки – черный, коричневый, синий, темно-зеленый, фиолетовый. Даем изображению подсохнуть, чтобы не смазать ластиком ручку, при удалении следов карандаша.

Этап 2

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

Этап 3

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

Я не называю конкретный фоторедактор и не показываю его настройки в пример, т.к. настройки будут всегда разными в зависимости от качества фотографии.

Этап 4

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

Выделяем картинку мышкой и идем в меню «Объект» > «Трассировка» > «Создать».
Если появляется такое окно:

Жмем «Ок» и у нас начинается процесс трассировки.

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

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

Например, если увеличить значение до 170 получается уже вот такая картинка!

Выглядит гораздо лучше.

По необходимости меняем другие параметры.

Также выбираем метод трассировки – стык или контуры с наложением. Я предпочитаю вариант 2, т.к. при первом могут возникать дефекты в виде светлых промежутков между контуром или заливкой.

Когда все параметры выбраны, необходимо закрыть окно настроек и разобрать изображение.

Элементы для паттерна готовы!

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

Ну, а если вы смогли сделать свои векторные элементы для паттерна по этому уроку, то вполне можно переходить к созданию самого паттерна. В этом вам поможет полезная подборка в vk для настоящих любителей паттернов — НАЖМИ МЕНЯ.

Внутри вы найдёте видео каст по паттернам для самых начинающих, а также уроки по созданию бесшовных текстур:
1. Мозаика;
2. Геометрический узор;
3. Чередующийся орнамент;
4. Непрерывный переплетающийся.

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Трассировка изображений

Трассировка изображений — это процесс перевода растрового изображения в векторное. Растр имеет пиксельную структуру, которая во многих сферах дизайна (например, при создании логотипов) является недостатком. Итоговое векторное изображение имеет гладкие контуры и высокую четкость. Зачастую трассировка применяется при обработке отсканированных изображений: документов, фотографий, рисунков маркерами, акварелью и др. Цель — дальнейшая печать на крупноформатных носителях и/или использование на веб-ресурсах.

Вступайте в клуб начинающих дизайнеров и получайте подарки
Содержание

1. Для чего нужна трассировка?
2. Какие изображения можно подвергать трассировке
3. Трассировка изображений в Corel Draw
4. Трассировка изображений в онлайн-сервисах

графический дизайнер с нуля до ПРО

Научитесь создавать любой визуальный контент — от макетов сайта до полиграфии

пройти курс

Для чего нужна трассировка?

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

Примеры улучшения качества изображений за счет трассировки от Salma Naheed. Источник

Растровое изображение в низком разрешении нельзя размещать и на сайте: из-за небольшого количества пикселей картинка будет либо слишком маленькой, либо, если ее принудительно растянуть, она будет выглядеть размытой и нечеткой. Такая графика портит первое впечатление пользователя о сайте и, как следствие, о компании. Поэтому вторая задача трассировки — адаптация картинки для веба.

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

графический дизайнер с нуля до ПРО

Научитесь создавать любой визуальный контент — от макетов сайта до полиграфии

пройти курс

Стоит помнить и об анимации в графических редакторах. Например, Adobe After Effects лучше всего работает с векторной графикой. С анимацией растра же здесь могут быть проблемы. Следовательно, растровые изображения обычно не используют в качестве главного элемента для анимации, который должен будет двигаться, изгибаться или разбиваться на части в кадре. Лучше, чтобы главный объект ролика (персонаж, автомобиль, предмет и др.) был выполнен в векторе. Таким образом, третья задача трассировки — подготовка изображения для анимации.

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

Существует также и процесс, в каком-то смысле обратный трассировке, — рендеринг. Это слово знакомо большинству по обработке видеороликов и различных проектов в программах для создания 3D-моделей. Под рендерингом понимается переход от векторного или 3D-изображения к растровому, чтобы готовый материал весил меньше и занимал не так много оперативной памяти при воспроизведении и обработке. Рендеринг слегка ухудшает качество изображения в угоду уменьшению его виртуального размера.

Какие изображения можно подвергать трассировке

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

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

графический дизайнер с нуля до ПРО

Маркетинг, PR, IT — мы не знаем, какую сферу вы выберете, когда станете графическим дизайнером уровня middle. Но знаем, что вы сможете им стать. Даже с нуля.

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

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

Трассировка изображений в Corel Draw

Трассировать изображение в «Кореле» можно в один клик, используя команду «Быстрая трассировка». Такой метод подойдет для ускоренной работы на потоке. Если нужна более детальная проработка, то следует подобрать подходящий метод (по центральной линии — оптимален для карт, чертежей, штриховых рисунков, абрисом — подходит для обработки фотографий, логотипов и иных изображений с криволинейными контурами), выбрать готовый стиль из предложенных разработчиком, а также настроить результат, чтобы избавиться от мелких недочетов.

Ручная трассировка. Если в качестве исходника используется карандашная или акварельная зарисовка, ее нужно отсканировать, а затем импортировать в файл. Далее следует построить контуры всего объекта, используя инструмент «Кривая Безье»: проставить опорные точки и соединить их. Как только все контуры будут готовы, исходник можно удалить, чтобы он не мешал. Затем замкнутые части можно заполнять цветной заливкой (оттенок можно выбрать в «Палитре») и делать объемными (применяя инструмент Beizer).

Автоматическая трассировка. Ранее приходилось скачивать дополнение CorelTrace, в котором можно было редактировать изображение. Но с версии CorelDraw X5 разработчики встроили утилиту PowerTrace в саму программу — дополнительно устанавливать ничего не нужно. Для трассировки достаточно импортировать файл и запустить процесс обработки. В автоматическом режиме можно обрабатывать ч/б наброски, эмблемы с минимальной или высокой детализацией, фотографии с незначительным и высоким качеством (но результат все равно не будет выглядеть реалистичным).

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

• Для настройки трассировки. Кликаем «Окно > Трассировка изображения», а затем выбираем стиль и задаем нужные параметры.
• Для выбора стиля. Кликаем «Трассировка изображения» на панели управления или кнопку «Стили трассировки».
• Для получения ч/б изображения. Кликаем по схеме «Объект > Трассировка изображения > Создать». Редактор будет использовать выставленные по умолчанию параметры, готовый файл получится черно-белым.

• Для корректировки результата. На панели «Трассировка изображения» находим нужные инструменты и исправляем участки, которые, по вашему мнению, нужно привести в более презентабельный вид.
• Для преобразования в контуры и ручного редактирования. Кликаем «Объект Трассировки изображения > Разобрать», далее правим недостатки вручную.

Трассировка в «Иллюстраторе» от Adobe позволяет «играть» с различными параметрами готового изображения. Пользователь может выбрать один из предложенных стилей, и тогда картинка будет либо приближена к реальной по оттенкам и контурам, либо преобразована в двухцветный постер с выкрученными до максимума показателями контрастности. Есть возможность выбрать вид изображения (с контурами и без), задать определенный цветовой режим, а также палитру для формирования готовой картинки в цветной гамме или ч/б-варианте. В Adobe можно поработать с углами, контурами и шумами, а также использовать различные методы трассировки.

Трассировка изображений в онлайн-сервисах

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

В них, как и в программных редакторах, есть настройки итоговой картинки и выбор формата, в котором требуется сохранить готовый файл. Наиболее популярные онлайн-сервисы для трассировки:

• online-converting.ru;
• fconvert.ru;
• ru.vectormagic.com.

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

20 месяцев
профессия графический
дизайнер с нуля до ПРО

За год количество вакансий в графическом дизайне увеличилось на 222%. Научитесь создавать любой визуальный контент на уровне middle — от макетов сайта до полиграфии.