Овуляция 

Как в иллюстраторе трассировать изображение. Трассировка тушевой графики. Трассировка растровых изображений

Функция «Трассировка изображений» в Adobe Illustrator - это самый быстрый способ конвертировать изображение в векторный формат для высококачественной печати любого размера.С введением улучшенной функции Image Trace

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

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

Итак, начнём.

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

Вот как легко преобразовать растровое изображение в векторное, используя инструмент Image Trace в Adobe Illustrator:

Шаг первый.
Открыв изображение в Adobe Illustrator , выберите « Окно » > « Трассировка изображения» .Это вызовет панель Image Trace.

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

Шаг четвертый
Затем настройте ползунок « Цвета », « Серый » или « Порог ». Этот ползунок будет меняться в зависимости от выбранного вами режима, однако функциональность между тремя ползунками остается схожей.
Цвета - максимальное количество цветов, используемых для трассировки.
Грейс - точность оттенков серого от 0 до 100.
Порог - Пиксели темнее порогового значения преобразуются в черный.

Если это слишком низко, это может сделать ваше изображение слишком простым. И если это слишком высоко, это может сделать ваше изображение слишком сложным. Однако все зависит от вашего уникального имиджа.

Шаг пятый
Переключите меню « Дополнительно » вниз, чтобы открыть дополнительные параметры.

Шаг шестой
Настройте ползунок « Пути ».

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

Шаг седьмой
Настройте ползунок « Углы ».

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

Шаг восьмой.
Настройте ползунок Шума .

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

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

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

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

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

Создаем скетч

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

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

Сканируем

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

На готовом изображении в формате GIF, сделанном путем фотографирования рисунка, фон часто получается сероватым. Но этот недостаток легко исправить. В любом графическом редакторе присутствуют функции "Яркость" и "Контраст". Улучшить качество фотографии может и такая несложная программа, как «Фото Скайп». После того как в редактор загружено изображение, необходимо воспользоваться функциями "Углубить" и "Осветлить" (кнопка "Яркость, цвет"). Но во многом конечный результат зависит от качества исходного рисунка.

Переводим в векторное изображение

Открываем "Адоб Иллюстратор". Нажимаем "Файл", затем "Открыть". После нужно кликнуть по изображению, используя функцию "Выделение". И приступаем непосредственно к трассировке. В «Иллюстраторе» эту функцию найти можно, нажав на "Объект", далее в выпадающем меню выбираем пункт «Трассировка». Есть еще одна причина, объясняющая, почему нельзя оставить изображение в формате GIF. Осуществляя трассировку в «Иллюстраторе», мы конвертируем растровое изображение в векторное. Это позволяет в дальнейшем не зависеть от расширения. Можно менять масштаб картинки множество раз, ее качество от этого не пострадает.

Важно помнить о том, что изначальная картинка должна быть максимально контрастной. На ней не должно быть много оттенков, полутонов. Именно поэтому идеальным вариантом является рисунок, выполненный тушью или чернилами. Создавать эскиз в цвете не имеет смысла. Он должен быть четким, черно-белым. Что такое ручная трассировка в «Иллюстраторе»? Это использование различных инструментов («Перо», «Кисть») для придания четкости рисунку.

Настройки

Трассировка имеет несколько уровней. Для того чтобы выбрать подходящий, нужно нажать на кнопку "Стиль", затем выбрать подходящий вариант. Это может быть "Технический рисунок", "Черно-белый логотип". Начиная работу с редактором "Адоб Иллюстратор", как и с прочими подобными программами, стоит почаще экспериментировать, не полагаясь исключительно на инструкции профессионалов. Только так можно научиться, приобрести опыт. Если уровень трассировки не устраивает, его легко отменить. Для этого следует нажать "Редактировать", затем "Отменить" и попробовать другой вариант.

Быструю трассировку в "Иллюстраторе СС" можно найти во вкладке "Объект". Затем откроются "Параметры трассировки". Здесь можно выбрать цветовой режим. Необходимо выбрать в качестве максимального числа цветов показатель 6, затем нажать на "Трассировку". При желании картинку можно сделать и более четкой. Например, выбрав "Максимальное число цветов 60". Какой из этих вариантов будет лучшим, зависит опять же от изначального изображения. Здесь тоже стоит поэкспериментировать, сравнить разные варианты.

Вносим изменения

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

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

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

В этом уроке вы узнаете о способах трассировки изображений в программе CorelDRAW

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

С помощью команды «Быстрая трассировка» трассировку растрового изображения можно выполнить в один прием:

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

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

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

CorelDRAW предлагает два метода трассировки растровых изображений:

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

  1. Выделите растровое изображение.
  2. Выберите Растровые изображения ® Трассировка по центральной линии
    - Технические иллюстрации : трассировка черно-белых иллюстраций, выполненных тонкими нечеткими линиями.
    - Штриховой рисунок : трассировка черно-белых эскизов, выполненных жирными четкими линиями

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

  1. Выделите растровое изображение
  2. Выберите Растровые изображения ® Трассировка абрисом , затем выберите один из следующих параметров:
    - Штриховой рисунок : позволяет выполнять трассировку черно-белых эскизов и иллюстраций
    - Логотип : позволяет выполнять трассировку простых логотипов с низкой степенью детализации и небольшим количеством цветов.
    - Подробный логотип : позволяет выполнять трассировку логотипов с подробной детализацией и большим количеством цветов.
    - Картинки : позволяет выполнять трассировку готовой графики с разной степенью детализации и количеством цветов.
    - Изображение низкого качества : позволяет выполнять трассировку фотографий с низкой детализацией (или фотографий, детали которых желательно проигнорировать).
    - Изображение высокого качества : позволяет выполнять трассировку фотографий высокого качества с высокой детализацией.

Лучше всего трассируются изображения, имеющие минимум цветов (справа результат трассировки).

Vector Magic действительно оправдывает своё название. На мой взгляд, ни трассировка Corel Draw ни Adobe Illustrator и в подметки ему не годятся. (Большое спасибо пользователю нашего ресурса Mechanik за эту полезную ссылку).

Итак, подробнее. Это бесплатный онлайн-сервис для трассировки изображений, т.е. на входе имеем растр, а на выходе получаем вектор. Это детище James Diebel и Jacob Norda из исследовательской Лаборатории Искусственного Интеллекта Стэндфордского Университета. Они попытались создать ресурс настолько простым, насколько это возможно, с четким и понятным интерфейсом, требующим минимум затрат. Насколько им это удалось, судить вам.

Для работы с сервисом вам понадобится Adobe Flash Player 9 - увы, без него ничего не выйдет. Вторая проблема, с которой столкнулась я – это нежелание браузера Opera работать с этим сайтом. Вероятно, при желании его можно было настроить, но желания не было. Internet Explorer (так же как и FireFox) сработали как надо.

Первая страница ресурса дает нам намного информации о проекте, векторе, трассировке и о том, чем хуже все ранее использовавшиеся трассировщики. Но основное – окошко, где мы выбираем необходимое изображение для трассировки (со своего компьютера). Процесс загрузки занимает некоторое время. Закачивать можно форматы JPG, GIF, PNG, BMP и TIFF.

После загрузки выскакивает табличка: «Скорее всего, в вашем изображение будет смешивание цветов на границах элементов. Это важно, потому как от корректности выбора настроек будет зависеть результат. Подтверждайте выбор настроек нажатием кнопки Next, и если необходимо, пробуйте несколько других настроек.» Это сервис пытается автоматически определить тип вашего изображения (чтобы улучшить качество трассировки). Чуть ниже вы узнаете, как проконтролировать правильность выбранного типа.

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

Несмотря на предупреждения, я всё таки продолжила.

Далее вам предложат выбрать тип вашего изображения

  1. Фотография (сложное графическое изображение созданное с помощью фотокамеры).
  2. Изображение со смешением цветов на границах объектов (это изображение со сглаженными цветовыми переходами (anti-aliased) - самая подходящая категория для логотипов и другой простой графики).
  3. Изображение без смешения цветов на границах объектов (not anti-aliased).

В самом низу (в четвертом квадрате) – вы увидите увеличенный участок вашего изображения. Используйте его, чтобы наглядно сравнить его со всеми тремя вариантами и выбрать наиболее подходящий. Чтобы перейти дальше, нажимаем Next.

Выбор качества вашего изображения

  1. Высокое
    не имеет компрессионых артефактов или других шумов;
    цвет объектов однороден;
    нет блюра;
    Если выбран этот пункт, трассировка происходит более тщательно, по контурам объектов, по этому шум может испортить результат.
  2. Среднее
    есть артефакты и шум;
    цвет почти однородный с небольшими изменениями;
    местами блюр;
    (Предлагается по умолчанию)
  3. Низкое
    много артефактов и шума;
    цвет неоднороден со значительными изменениями;
    сильный блюр;
    Шум и блюра по возможности не включается в процесс трассировки из-за чего возможна потеря некоторых деталей.
  4. Деталь вашего изображения для сравнения.

Выбираем наиболее подходящий вариант и жмем Next.

Сколько цветов в вашем изображении?

(этого пункта не будет, если в первом пункте вы выбрали фотографию)

  1. Да, мало, около 12 цветов
    Выбор этого пункта может уменьшить погрешность от шума или блюра.
  2. Нет, в моём изображении много цветов
    Эта опция может оставить погрешности от шума и блюра.

Делаем выбор и жмем Next.

Анализ цвета

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

  • В левой части – ваша картинка. Её можно "зумить" и "скролить".
  • Что бы выбрать пипеткой цвет, надо кликать, удерживая Ctrl.
  • Постарайтесь не делать двойной клик на палитре, из-за этого автоматически начинается трассировка.

Трассировка

Трассировка занимает некоторое время - прогресс этого процесса отображается на полоске и в процентах. После того, как процесс завершен, вы можете проверить и скачать результат трассировки.

Форматы, предлагаемые для скачивания: EPS, SVG, PNG. Результат опять же можно "скролить" и "зумить". Режим просмотра результата можно изменить, воспользовавшись кнопками:

  • Split – помогает увидеть оба изображения (растровый оригинал и трассировку) рядом друг с другом;
  • Single – просмотр результата трассировки;
  • Bitmap – удерживая эту кнопку, мы видим растровый оригинал, отпуская – векторный результат;

Если результат вас не впечатлил, и вы хотите что-то изменить в настройках, пожалуйста. Справа предлагается такая возможность. Указаны возможные недочеты и рекомендации по их устранению. Ниже каждого указания есть кнопка, начинающая трассировку с измененными условиями. При каждом изменении трассировка начинается заново.

Цветовые границы недостаточно гладкие?

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

Шум портит результат на множестве небольших участков?

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

Потерялись цвета?

Выберите палитру с большим количеством цветов.

Куда делись мелкие детали?

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

Небольшие погрешности и ошибки, точки и обрезанные линии?

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

Редактирование изображения онлайн

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

На поле изображения есть кнопки, а справа - их небольшое описание.

Undo и Redo: Соответственно отменяет и возвращает осуществленные действия и манипуляции. Ограничений на возвратные действия мне обнаружить не удалось.

Reset: Видимо отменяет все изменения.

Bitmap и Vector: При удержании первой видим растровый оригинал, при удержании второй – векторный результат.

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

Pan: Скролит изображение.

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

Fill: Заливка, просто кликаем на выбранную деталь.

Pixel: Карандаш, рисующий тем цветом, что указан в окошке цвета.

Color: Пипетка для выбора цвета. Выбранный цвет отражается в окошке ниже.

Все создаваемые изменения сохраняются на сервере при условии нажатия кнопок Next и Finish. Изменения не сохраняются, если в процессе редактирования вы перегружаете страницу.

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


PS: Стоит отметить, что, к сожалению, теперь использование Vector Magic стало платным.

14.06.2012

Сегодня мы рассмотрим новый механизм трассировки в Adobe Illustrator CS6 и поговорим о его новых функциях. Для начала мы отрисуем фотографию, набросок и текстуру, а затем сравним результаты, полученные в Adobe Illustrator CS5 и Adobe Illustrator CS6. Итак, начнем!

Шаг 1

В Adobe Illustrator CS6 параметры трассировки теперь в новой палитре — Трассировка Изображений (Окно > Трассировка).

Появление этой палитры позволит нам во время трассировки использовать другие палитры и инструменты. В Adobe Illustrator CS5, а также более ранних версиях программы, таких возможностей не было. Параметры трассировки задавались в диалоговом окне Настройки Трассировки. И нельзя было работать с другими объектами и интерфейсами.

Шаг 2

Также есть изменения в пресетах.


В Adobe Illustrator CS6 появился новый пресет «Силуэты», который позволяет быстро создать векторный силуэт.


После применения команды Разобрать (Expand) мы получим векторный объект с оптимальным количеством опорных точек.


Шаг 3

Давайте сравним качество трассировки в Adobe Illustrator CS5 и Adobe Illustrator CS6 после применения пресета Фотография высокого качества (High Fidelity Photo).

Заметьте, что в Adobe Illustrator CS6 в списке Палитра есть несколько вариантов на выбор. Этот параметр задается, если для изображения выбран режим — Цветное или Серая шкала. Как видите, новый механизм трассировки в Adobe Illustrator CS6 дает лучшие результаты.


В Adobe Illustrator появилась новая функция, которая позволяет мгновенно увидеть исходное изображение. Нажмите и держите «глазик» возле опции Просмотр.


Шаг 4

Есть некоторые изменения в настойке Максимальное число цветов. Этот параметр задает количество цветов, из которых будет состоять конечное изображение. В Adobe Illustrator CS5 максимальное количество цветов можно задать числом, а в Adobe Illustrator CS6 — в процентах с высокой точностью.

Шаг 5

Раскрыв в палитре Трассировка вкладку Дополнительно можно задать дополнительные настройки. В Adobe Illustrator CS6 появилась возможность выбрать метод трассировки. Метод Стыкования контуров (Abutting) создает вырезанные контуры. Контуры объектов стыкуются.


Метод Наложение контуров (Overlapping) создает контуры один над другим, контуры объектов накладываются.


Шаг 6

Опция Подгонка контура определяет точность трассировки исходного растрового изображения. В Adobe Illustrator CS5 чем меньше значение, тем точнее контур, чем больше значение, тем грубее контур. В Adobe Illustrator CS6 все наоборот: чем больше число,тем точнее контур мы получим.

Опция Минимальна Площадь в Adobe Illustrator CS5 соответствует опции Шум в Adobe Illustrator CS6. Эта опция определяет размер самых маленьких деталей исходного изображения, которые будут учитываться при трассировке.

Опция Минимальный Угол в Abode Illustrator CS5 соответствует опции Углы в Adobe Illustrator CS6 и задается в процентах. Чем больше число мы установим, тем больше углов будет в конечном изображении.


В Adobe Illustrator CS6 нет таких настроек трассировки как Размытие и Изменение разрешения. В Adobe Illustrator CS5 настройка Размытие служит для уменьшения количества мелких деталей и смягчения границ результирующего изображения. Настройка Изменение разрешения позволяет ускорить процесс трассировки больших изображений и уменьшить потерю качества конечного изображения.

Шаг 7

Посмотрим как новый механизм трассировки работает с набросками. Примените пресет Черно-белая картинка. Трассировка наброска в Adobe Illustrator CS5 дает хорошие результаты.

Если мы применим этот же пресет в Adobe Illustrator CS6 большинство мелких деталей исчезнет.

К сожалению, чтобы добиться в Adobe Illustrator CS6 таких же результатов как в Adobe Illustrator CS5 нужно менять параметры трассировки вручную.

Шаг 8

Попробуем выполнить трассировку текстуры. Применим тот же пресет Черно-белая картинка. Как видите, результат трассировки в Adobe Illustrator CS5 выглядит лучше чем в Adobe Illustrator CS6.