Как сделать трассировку в иллюстраторе

Оптимизация результатов с помощью трассировки изображений

Узнайте, как автоматически преобразовать пиксельные изображения в векторные с помощью модуля «Трассировка изображений» в Illustrator.

Автор статьи: Моника Гаус (Monika Gause)

Моника Гаус — внештатный дизайнер, разработчик технической документации и преподаватель. Она живет в Гамбурге (Германия). Векторная графика играла важную роль в карьере Моники на всех этапах, будь то подготовка макетов, создание мультимедийного контента, веб-дизайн и то, чем она занимается в данный момент — разработка документации. Ей довелось создавать 3D-анимацию для музеев, разрабатывать веб-сайты для малого бизнеса и создавать иллюстрации к бессчетному количеству расходных материалов для офисных нужд. Как преподаватель и ACP на форумах Adobe, Моника принимает активное участие в работе своих клиентов и участников форума, а также помогает им найти решение актуальных проблем.

Функция «Трассировка изображений» в Illustrator позволяет автоматически преобразовать пиксельные изображения в векторные. Эту функцию также часто называют «автоматической трассировкой». Результаты трассировки зависят от типа, качества и размера изображения, а также от настроек, заданных в Illustrator. Чтобы трассировка дала качественные результаты, в первую очередь нужно грамотно выбрать исходное изображение.

Подготовка файлов к трассировке

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

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

Отделите объект от фона

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

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

Предупреждение о большом размере изображения

Оптимизированные графические изображения необходимо сохранить без сжатия, вызывающего снижение качества изображения — в таких форматах, как PNG, TIF, PSD. Для фотографий подойдет формат JPEG.

Открытие и трассировка файлов в Illustrator

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

Создайте в Illustrator файл нужного размера с нужным цветовым режимом.

Перетащите в него исходное изображение из Mac OS Finder либо из Проводника Windows. Вместо этого вы также можете выбрать «Файл»> «Поместить» и импортировать нужное изображение. При использовании функции автоматической трассировки неважно, вставите ли вы файл или привяжете его. Не устанавливайте флажок «Шаблон» при размещении файла, так как в этом случае файл будет помещен на заблокированный слой.

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

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

Что делать, если команда «Трассировка» неактивна?

Команда «Трассировка» может быть неактивна по нескольким причинам:

Необходимо выбрать изображение для трассировки. Для этого щелкните его инструментом «Выбор».
Если это невозможно, проверьте, не заблокирован ли слой, на котором размещается изображение, или само изображение.
Если все уже разблокировано, проверьте, не применяется ли к изображению обтравочная маска. Если применяется, выберите Объект >Обтравочная маска >Отменить. Затем удалите маску и выберите изображение. Такое может случиться, если изображение скопировано/вставлено из другого приложения через буфер обмена.

Чем трассировка изображения отличается от быстрой трассировки?

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

Ограничения

Мы не рекомендуем применять модуль «Трассировка изображений», если вам нужно преобразовать в векторный формат следующие изображения:

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

Текст. Чтобы перевести текст в векторный формат, сначала рекомендуется определить его шрифт, например с помощью Adobe Capture или Adobe Photoshop, а затем набрать нужный текст в этом шрифте. Если текст длинный, используйте функцию OCR в Adobe Acrobat, чтобы создать текстовый файл. После того, как вы наберете и отформатируете текст в Illustrator, вы можете его обвести (например, чтобы сделать трафарет или подготовить логотип).

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

Трассированное фото (слева), увеличенная версия (в центре), вид «Контур» (справа)

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

Градиенты преобразуются в отдельные фигуры сплошного цвета

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

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

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

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

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

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

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

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

Этап 1

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

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

Этап 2

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

Этап 3

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

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

Этап 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как векторизовать изображение в 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? Есть ли у вас какие-либо советы, которые другие пользователи могут найти полезными в этом процессе? Дайте нам знать в разделе комментариев ниже.

Быстрая трассировка и интеллектуальная заливка в Adobe Illustrator. Урок 22

Каждая последующая версия пакета Adobe Illustrator включает интересные возможности и полезные функции, которые открывают перед дизайнерами новые горизонты. Не стала исключением и последняя версия Adobe Illustrator CS2, где особое восхищение вызывают возможности мгновенной векторизации растровых изображений Live Trace и интуитивного раскрашивания Live Paint. Прежде, в соответствующих уроках, мы уже знакомились с принципами раскрашивания объектов и процессом трассировки, но на тот момент вышеназванные возможности в пакете еще отсутствовали, но сейчас мы можем ознакомиться с ними довольно подробно.

Быстрая трассировка Live Trace

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

С возможностями трассировки в Adobe Illustrator мы уже знакомились на одном из предыдущих уроков, однако существовавшие на тот момент версии программы в плане трассировки были ограниченны: времени на трассировку приходилось затрачивать больше, а результат мог оказаться хуже, причем для этого обычно требовалось прибегать к установке дополнительного приложения Adobe Streamline или аналогичного дополнительного приложения. Последняя версия программы Adobe Illustrator CS2 благодаря встроенному модулю Live Trace (Быстрая трассировка) позволяет проводить векторизацию, не прибегая к иным приложениям, поскольку функциональные возможности специализированного пакета Adobe Streamline 4.0 включены в программу в полном объеме. Процесс трассировки стал гораздо более удобным: возможен предварительный просмотр результатов трассировки, а в окне настроек отображается полезная информация (количество векторных контуров, общее число опорных точек, число цветов и др.). Выполняется векторизация быстрее и может проводиться в автоматическом или полуавтоматическом режиме (последний режим предполагает выбор пользователем шаблона трассировки из списка встроенных шаблонов, среди которых можно найти нужный для всех основных практических задач трассировки). Однако возможны ситуации, когда для получения надлежащего результата придется разобраться со списком параметров, поэкспериментировать с их настройками и опытным путем определить их оптимальное сочетание. При желании подобранные наборы настроек можно сохранить в виде стилей, что впоследствии позволит значительно ускорить процесс векторизации.

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

Проведения трассировки осуществляется с помощью команд из меню Object=>Live Trace (Объект=>Быстрая трассировка), при этом предусмотрены следующие варианты проведения векторизации:

Автоматическая трассировка самый быстрый способ получения векторного аналога растрового изображения, при котором программа самостоятельно принимает решение относительно настройки параметров трассировки, а результатом будет черно-белое векторное изображение. Данному виду трассировки соответствуют команды Object=>Live Trace=>Make (Объект=>Быстрая трассировка=>Выполнить) и Object=>Live Trace=>Make and Expand (Объект=>Быстрая трассировка=>Выполнить и разобрать). Особенность второй команды заключается в том, что после трассировки изображение сразу разбивается на отдельные векторные контуры, тогда как первом случае приходится дополнительно прибегать к данной процедуре посредством команды Object=>Live Trace=> Expand (Объект=>Быстрая трассировка=>Разобрать).
Автоматическая трассировка с одновременным конвертированием в режим быстрой заливки самый удобный способ векторизации высококачественных четких черно-белых изображений в векторный вид. Этот способ позволяет сократить время операций объединения созданных векторных объектов в особую группу Live Paint Group (Группа с быстрой заливкой) и сразу же приступить к их заливке. Выполняется посредством команды Object=>Live Trace=>Make and Convert To Live Paint (Объект=>Быстрая трассировка=>Выполнить и конвертировать в режим быстрой заливки). Превратить трассированное изображение в режим быстрой заливки можно и иным способом провести обычную векторизацию без конвертирования, а затем применить команду Object=>Live Trace=>Convert To Live Paint (Объект=>Быстрая трассировка=>Конвертировать в режим быстрой заливки).
Быстрая трассировка с возможностью корректировки параметров единственный способ получения векторного изображения требуемого в данном конкретном случае качества. Осуществляется командой Object=>Live Trace=>Tracing Options (Объект=>Быстрая трассировка=>Опции трассировки). Данный вариант предполагает либо выбор шаблона трассировки в списке Preset (Шаблон, рис. 1 и 2), либо кропотливую настройку серии параметров, либо совмещение обоих вариантов.

Рис. 1. Перечень встроенных шаблонов

Рис. 2. Автоматическая настройка параметров шаблона Color 6

Из списка шаблонов чаще всего используются следующие:

• Color 6 предназначен для трассировки цветных эмблем и простых иллюстраций;

• Color 16 ориентирован преимущественно на векторизацию сложных цветных эмблем и более сложных иллюстраций, хотя может использоваться и для постеризации фотографий;

• Photo Low Fidelity применяется при трассировке таких фотографий, где воспроизведение деталей нежелательно;

• Photo High Fidelity предназначен для векторизации фотографий с высокой степенью детализации;

• Grayscale отвечает за трассировку изображений, в результате которой должен быть получен векторный рисунок в различных оттенках серого цвета;

• Hand Drawn Sketch применяется при векторизации нарисованных от руки эскизов и набросков изображений и т.д.

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

В перечне параметров особое внимание следует обратить на параметры Mode (Режим), Threshold (Порог) и Minimum area (Минимальная область). Первый из них позволяет установить нужный режим трассировки (цветной, в градациях серого и черно-белый); второй доступен только при работе с черно-белыми изображениями и отвечает за степень их детализации; третий определяет минимально возможный размер области, который должен учитываться при преобразовании (любая область пикселов, по размеру меньшая, чем указанная, будет восприниматься как шум и выбрасываться при векторизации). Иногда может потребоваться изменение устанавливаемого по умолчанию значения параметра Path Fitting (Путь сглаживания), позволяющего отрегулировать степень сглаживания формируемых векторных контуров, и параметра Corners radius (Угловой радиус), определяющего угловой радиус, который будет использоваться при замене острых углов растровых объектов на кривые. В ряде случаев нужно использовать параметр Blur (Размытие), обеспечивающий размытие по Гауссу, что полезно, в частности, при векторизации недостаточно качественных фотографий для смягчения наиболее грубых переходов.

Трассировка черно-белого рисунка с четкими контурами

Попробуем провести трассировку для изображения, представленного на рис. 3. Обратите внимание, что этот рисунок отличается очень простыми контурами, что позволит получить прекрасные результаты, в считаные секунды. Выделите изображение и примените команду Object=>Live Trace=>Make and Expand (Объект=>Быстрая трассировка=>Выполнить и разобрать). Результат представлен на рис. 4 полученное векторное изображение весьма неплохо передает исходный растровый вариант, однако некоторые контуры получились с разрывами, а часть контуров вообще отсутствует. Поэтому имеет смысл увеличить степень детализации для этого откажитесь от предыдущего варианта трассировки и откройте окно Tracing Options (Опции трассировки), применив команду Object=>Live Trace=>Tracing Options (Объект=>Быстрая трассировка=>Опции трассировки). Включите флажок Preview (Предварительный просмотр), а затем, наблюдая за изображением, увеличивайте значение параметра Threshold (Порог) до приемлемой для поставленной задачи величины. Возможный вариант настройки значения Threshold и сооветствующее ему векторное изображение показаны на рис. 5 и 6. После этого разбейте трассированное изображение на отдельные векторные контуры командой Object=>Live Trace=>Expand (Объект=>Быстрая трассировка=>Разобрать).

Рис. 3. Исходное растровое изображение

Рис. 4. Первый вариант трассированного изображения

Рис. 5. Настройка параметра Threshold

Рис. 6. Второй вариант трассированного изображения

Трассировка цветного изображения со сложными контурами

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

Рис. 7. Исходное растровое изображение

Выделите изображение и воспользуйтесь командой Object=>Live Trace=>Tracing Options (Объект=>Быстрая трассировка=>Опции трассировки). Затем, исходя из того, что трассируется сложная цветная иллюстрация, установите шаблон Color 16 и включите флажок Preview (рис. 8). Результат показан на рис. 9, где видно, что при трассировке не все основные цвета были учтены, но это нетрудно поправить, увеличив значение параметра Max Colors (Максимальное число цветов). Только имейте в виду, что не следует особенно увлекаться увеличением данного параметра, так как это влечет за собой значительный рост числа контуров, а вам необходимо лишь добиться требуемого качества векторизации. Кроме того, лучше увеличить значение параметра Minimum area (Минимальная область) и избавиться тем самым от излишнего шума (рис. 10). Результат трассировки показан на рис. 11. В заключение разбейте трассированное изображение на отдельные векторные контуры командой Object=>Live Trace=>Expand (Объект=>Быстрая трассировка=>Разобрать).

Рис. 8. Первоначальная настройка параметров трассировки

Рис. 9. Первый вариант трассированного изображения

Рис. 10. Окончательный вариант настройки параметров трассировки

Рис. 11. Трассированное изображение

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

Рис. 12. Трассированное изображение с выделенными в нижней части контурами

Рис. 13. Растровое изображение после корректировки заливок

Рис. 14. Окончательный вид трассированного изображения

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

Как правило, попытка трассировки фотографий с высокой детализацией позволяет получить на их основе имитацию рисунков, выполненных в той или иной живописной технике. Основой такой трассировки является выбор команды Object=>Live Trace=>Tracing Options (Объект=>Быстрая трассировка=>Опции трассировки) с установкой шаблона Photo High Fidelity, а дальнейшие действия будут зависеть от исходного изображения и от ваших планов.

Можно попытаться превратить преобразить фотографию в рисунок, выполненный масляной краской (рис. 15, 16 и 17), акварелью (рис. 18, 19 и 20), гуашью, карандашом и т.д. Правда, удачный результат таких преобразований гарантирован далеко не всегда, поскольку он зависит не только от качества снимка, но и от того, что именно и каким образом там изображено: приемлемыми вариантами могут стать однородный пейзаж, натюрморт или портрет на нейтральном фоне.

Рис. 15. Исходное растровое изображение

Рис. 16. Настройка параметров трассировки

Рис. 17. Имитация рисунка масляными красками

Рис. 18. Исходное растровое изображение

Рис. 19. Настройка параметров трассировки

Рис. 20. Имитация рисунка акварелью

Постеризация

Наряду с решением основной задачи трассировки (превращения растрового изображения в серию векторных контуров путем векторизации) можно получить и ряд интересных эффектов, в частности превратить фотографию или обычный рисунок в образец плакатной живописи. Для данного вида трассировки используется команда Object=>Live Trace=>Tracing Options (Объект=>Быстрая трассировка=>Опции трассировки) в режиме Black and White, а результат достигается путем тщательного подбора значения параметра Threshold (Порог).

В качестве исходного изображения возьмем рис. 21 и трассируем его в режиме черно-белого изображения (рис. 22). Возможно, что в итоге будет получено примерно такое же изображение, что и на рис. 23.

Рис. 21. Исходное растровое изображение

Рис. 22. Настройка параметров трассировки

Рис. 23. Плакатное изображение

Быстрая заливка Live Paint

Интеллектуальная быстрая заливка Live Paint позволяет заливать области примерно таким же образом, как это реализовано в любом растровом пакете, то есть выбрать инструмент Live Paint Bucket (Ведерко быстрой заливки) в виде привычного ведерка с краской, определить цвет заливки и щелкнуть мышью внутри области. Это позволяет заливать области гораздо быстрее, нежели в случае, когда сначала приходится выделять их, а затем указывать цвет в поле Fill, поскольку здесь отсутствуют процессы выделения областей и смены инструментов. При этом для получения задуманного эффекта можно использовать не только обычные заливки, но и градиенты, узоры и даже произвольные обводки. Но кроме этого у заливки Live Paint имеется и масса других уникальных достоинств.

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

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

Кроме того, интеллектуальная заливка Live Paint незаменима при формировании сложных контуров, определяемых взаимным положением составляющих их объектов. Прежде при работе с такими контурами дизайнерам приходилось выполнять немало рутинной работы, превращая простые контуры в составные посредством операции Object=>Compound Paths=>Make (Объект=>Составной контур=>Выполнить), что не продолжалось долго и предусматривало ряд ограничений: необходимость использования всего одной заливки, появление прозрачных областей в местах пересечения объектов и пр. Быстрая заливка Live Paint лишена подобных ограничений и позволяет избежать рутинной работы. В ряде случаев при работе со сложными контурами для реализации каких-то особых эффектов в местах пересечения их можно разбивать на отдельные векторные объекты, для чего предназначена команда Object=>Live Paint=>Expand (Объект=>Быстрая заливка=>Разобрать).

В обычном состоянии векторные объекты раскрасить при помощи интеллектуальной заливки не удастся вначале необходимо объединить их в особую группу Live Paint Group (Группа с быстрой заливкой), выделив все элементы изображения инструментом Selection и применив команду Object=>Live Paint=>Make (Объект=>Быстрая заливка=>Выполнить). О том, что изображение переведено в режим Live Paint, будет свидетельствовать изменение маркеров выделенной области, а сама программа при этом перейдет в специальный режим, обеспечивающий изоляцию объектов с быстрой заливкой от всех остальных присутствующих в макете. После этого следует активизировать инструмент Live Paint Bucket (Ведерко быстрой заливки), выбрать нужный цвет, градиент или узор и приступить к заливке отдельных контуров изображения, последовательно щелкая на них мышью.

Если эксперимент с быстрой заливкой оказался неудачным, то можно за один шаг вернуться к исходному векторному контуру, воспользовавшись командой Object=>Live Paint=>Release (Объект=>Быстрая заливка=>Отменить).

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

Вначале остановимся на самом простом варианте раскрашивания замкнутых контуров. Хотя это можно сделать и обычным способом (правда, с большими затратами времени), но лучше воспользоваться быстрой заливкой Live Paint. В качестве основы возьмем векторный рис. 24, содержащий набор произвольных векторных контуров. Выделите все изображение инструментом Selection и переведите его в режим быстрой заливки, применив команду Object=>Live Paint=>Make (Объект=>Быстрая заливка=>Выполнить). Активизируйте инструмент Live Paint Bucket (Ведерко быстрой заливки), выберите нужный цвет или градиент и приступайте к заливке отдельных контуров изображения. Следует отметить, что при наведении маркера мыши на конкретный контур происходит автоматическое выделение его границы (рис. 25), а сама заливка идентична заливке в растровых пакетах и осуществляется щелчком мыши внутри контура (рис. 26). Сохраните созданное изображение (рис. 27), так как оно потребуется нам в дальнейшей работе.

Рис. 24. Исходное векторное изображение

Рис. 25. Выделение заливаемого контура

Рис. 26. Результат заливки контура

Рис. 27. Возможный вариант раскраски исходного векторного контура

Как было отмечено выше, интеллектуальная заливка позволяет не только заливать области, но и оформлять их границы. Для примера измените в режиме Live Paint вид границы у камней и водорослей, например в соответствии с рис. 28 и 29. Для интеллектуальной заливки границы выделите все изображение инструментом Selection, активизируйте инструмент Live Paint Bucket, настройте параметры оформления границы, выбрав ее цвет в окне Stroke и задав стиль границы в палитре Stroke, а затем последовательно прощелкайте нужные границы при нажатой клавише Shift. Обратите внимание, что маркер мыши при заливке границы будет напоминать уже не ведерко с краской, а кисточку.

Рис. 28. Параметры настройки палитры Stroke

Рис. 29. Изображение после интеллектуальной заливки границ камней и водорослей

Варианты создания контуров и нюансы их расположения относительно друг друга в случае быстрой раскраски значения не имеют. Возьмем в качестве примера группы контуров серию вложенных окружностей, образующих несколько колец (рис. 30). Такие окружности можно очень быстро получить, предварительно создав соответствующий макрос. Предположим, что каждая четверть отдельного кольца должна иметь особый вариант заливки. Чтобы это стало возможным, поверх колец сформируйте две вспомогательные перпендикулярно расположенные линии (рис. 31), выделите все элементы изображения инструментом Selection и примените команду Object=>Live Paint=>Make (Объект=>Быстрая заливка=>Выполнить). Затем можно залить инструментом Live Paint Bucket каждую из четырех областей любого кольца особым вариантом заливки (рис. 32). После этого достаточно скрыть вспомогательные линии, удалив их границу, и нужный результат будет получен (рис. 33). Сохраните изображение, поскольку позже мы к нему вернемся.

Рис. 30. Серия колец

Рис. 31. Разбиение колец на отдельные части

Рис. 32. Результат заливки колец

Рис. 33. Окончательный вид разноцветных колец

Почти любое созданное в программе Adobe Illustrator изображение можно сразу перевести в режим быстрой заливки исключение составляет текст, который изначально не является векторным контуром, поэтому при наличии на изображении текста его сначала нужно конвертировать в кривые. Рассмотрим данную ситуацию на примере рис. 34. Выделите оба текстовых объекта при нажатой клавише Shift, примените команду Type=>Create Outlines (Тип=>Создать контур) и только после этого выделите все объекты сразу инструментом Selection и переведите их в режим быстрой заливки (команда Object=>Live Paint=>Make Объект=>Быстрая заливка=>Выполнить). Активизируйте инструмент Live Paint Bucket (Ведерко быстрой заливки) и раскрасьте изображение возможно, полученный результат будет напоминать рис. 35.

Рис. 34. Исходное векторное изображение видно, что команда Live Paint=>
Make недоступна» width=»520″ height=»478″ />
Рис. 34. Исходное векторное изображение видно, что команда Live Paint=>Make недоступна
<img loading=

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

Кроме замкнутых контуров, быстрая заливка позволяет раскрашивать и области, имеющие разрывы, что в принципе невозможно при классическом варианте заливки в растровых пакетах, однако инструмент Live Paint автоматически определяет и устраняет разрывы в таких не совсем замкнутых областях. Для примера попробуйте раскрасить обычным образом изображение (рис. 36), на котором невооруженным взглядом видно, что часть контуров разомкнута. Для этого последовательно выделяйте нужный контур и устанавливайте для него вариант заливки в окне Fill. Очевидно, что выбор контура с разрывом ведет к растеканию краски, как показано на рис. 37. Иное дело быстрая заливка, где от подобных проблем пользователи застрахованы. Вернитесь к исходному векторному изображению, преобразуйте его в вид Live Paint Group (Object=>Live Paint=>Make Объект=>Быстрая заливка=>Выполнить), а затем, активизировав инструмент Live Paint, залейте контуры нужными цветами или градиентами, например так, как на рис. 38.

Рис. 36. Исходное векторное изображение с наличием контуров с разрывами

Рис. 37. Неудачная попытка раскраски изображения с разомкнутыми контурами

Рис. 38. Результат быстрой заливки изображения с разомкнутыми контурами

Быстрая заливка составного векторного изображения

Возьмем за основу векторное изображение (рис. 39), представляющее собой две отдельные буквы и прямоугольник, деформированный инструментом Twirl (Завиток). Залить все это не составит труда и обычным образом, задавая цвет в окне Fill (Заливка), например в соответствии с рис. 40. А теперь представьте, что вам нужно заливать фрагменты букв, попадающие внутрь криволинейного контура, одним цветом, а оказывающиеся вне его другим. Если не применять метод быстрой заливки, то каждую букву придется превращать в составной контур из двух и более объектов с помощью команды Object=>Compound Paths=>Make (Объект=>Составной контур=>Выполнить), а это весьма утомительно и предусматривает ряд ограничений. Поэтому применим гораздо более удобный вариант быстрой заливки преобразуйте изображение в вид Live Paint Group и залейте нужным цветом с помощью инструмента Live Paint все фрагменты букв, попавшие внутрь контура. Результат представлен на рис. 41.

Рис. 39. Исходное векторное изображение

Рис. 40. Вариант обычной заливки контуров

Рис. 41. Результат быстрой заливки составных векторных контуров

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

Все вышеназванное относится и к трассированным изображениям. Для эксперимента возьмите подходящее растровое изображение с достаточно четкими контурами (рис. 42). Выделите изображение инструментом Selection и превратите его в векторное с одновременным переводом в режим Live Paint, воспользовавшись командой Object=>Live Trace=>Make and Convert To Live Paint (Объект=>Быстрая трассировка=>Выполнить и конвертировать в режим быстрой заливки). Об успешности операции будет свидетельствовать появление контуров и наличие характерных маркеров выделения (рис. 43). После этого любые области, равно как и их границы, могут быть оформлены каким угодно образом например, так, как это показано на рис. 44.

Рис. 42. Исходное растровое изображение

Рис. 43. Вид изображения после трассировки и конвертирования в режим Live Paint

Рис. 44. Результат быстрой заливки изображения

Редактирование изображений, конвертированных в режим Live Paint

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

Рис. 45. Векторное изображение после корректировки некоторых контуров

Указанным изменением возможности редактирования контуров не ограничиваются их можно перемещать, поворачивать, трансформировать и искажать самым невероятным образом, применяя как простые эффекты трансформации (Effects=>Distort&Transform и соответствующие команды всплывающей панели Transform), так и эффекты деформации из серии Warp (Effects=>Warp) и интерактивные инструменты «текучести» Liquify Tools из панели инструментов. Попробуйте выделить инструментом Direct Selection группы водорослей и применить к ним инструмент Twirl Tool (Завиток) из группы Liquify Tools, чтобы придать водорослям более эффектный вид (рис. 46). Затем подкорректируйте их положение и разверните наиболее удачным образом (рис. 47).

Рис. 46. Результат воздействия на водоросли инструмента Twirl Tool

Рис. 47. Окончательный вид векторного изображения

Более того, к созданным контурам можно добавлять дополнительные опорные вершины, изменять их кривизну и дополнять их другими контурами. В качестве эксперимента вернитесь к сохраненному ранее изображению с кольцами (рис. 33) и верните черный цвет границы вспомогательным линиям. Выделите первую вспомогательную линию, создайте на ее середине дополнительную опорную точку (инструмент Add Anchor Point), а потом измените тип опорной точки инструментом Convert Anchor Point и отрегулируйте кривизну полученной кривой. Аналогичную операцию проведите в отношении второй вспомогательной линии. Эти действия приведут к изменению распределения заливки, что является следствием изменения границ контуров (рис. 48). Для большего эффекта удалите границу вспомогательных линий, выбрав вариант None в поле Stroke (рис. 49).

Рис. 48. Изменение особенностей заливки колец после корректировки вспомогательных линий

Рис. 49. Окончательный вид раскрашенных колец

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

Рис. 50. Вид колец после быстрой перемены цветов

ПК и комплектующие

Настольные ПК и моноблоки
Портативные ПК
Серверы
Материнские платы
Корпуса
Блоки питания
Оперативная память
Процессоры
Графические адаптеры
Жесткие диски и SSD
Оптические приводы и носители
Звуковые карты
ТВ-тюнеры
Контроллеры
Системы охлаждения ПК
Моддинг
Аксессуары для ноутбуков

Принтеры, сканеры, МФУ
Мониторы и проекторы
Устройства ввода
Внешние накопители
Акустические системы, гарнитуры, наушники
ИБП
Веб-камеры
KVM-оборудование

Сетевые медиаплееры
HTPC и мини-компьютеры
ТВ и системы домашнего кинотеатра
Технология DLNA
Средства управления домашней техникой

Планшеты
Смартфоны
Портативные накопители
Электронные ридеры
Портативные медиаплееры
GPS-навигаторы и трекеры
Носимые гаджеты
Автомобильные информационно-развлекательные системы
Зарядные устройства
Аксессуары для мобильных устройств

Цифровые фотоаппараты и оптика
Видеокамеры
Фотоаксессуары
Обработка фотографий
Монтаж видео

Операционные системы
Средства разработки
Офисные программы
Средства тестирования, мониторинга и диагностики
Полезные утилиты
Графические редакторы
Средства 3D-моделирования

Веб-браузеры
Поисковые системы
Социальные сети
«Облачные» сервисы
Сервисы для обмена сообщениями и конференц-связи
Разработка веб-сайтов
Мобильный интернет
Полезные инструменты

Средства защиты от вредоносного ПО
Средства управления доступом
Защита данных

Проводные сети
Беспроводные сети
Сетевая инфраструктура
Сотовая связь
IP-телефония
NAS-накопители
Средства управления сетями
Средства удаленного доступа

Системная интеграция
Проекты в области образования
Электронный документооборот
«Облачные» сервисы для бизнеса
Технологии виртуализации

1999	1	2	3	4	5	6	7	8	9	10	11	12
2000	1	2	3	4	5	6	7	8	9	10	11	12
2001	1	2	3	4	5	6	7	8	9	10	11	12
2002	1	2	3	4	5	6	7	8	9	10	11	12
2003	1	2	3	4	5	6	7	8	9	10	11	12
2004	1	2	3	4	5	6	7	8	9	10	11	12
2005	1	2	3	4	5	6	7	8	9	10	11	12
2006	1	2	3	4	5	6	7	8	9	10	11	12
2007	1	2	3	4	5	6	7	8	9	10	11	12
2008	1	2	3	4	5	6	7	8	9	10	11	12
2009	1	2	3	4	5	6	7	8	9	10	11	12
2010	1	2	3	4	5	6	7	8	9	10	11	12
2011	1	2	3	4	5	6	7	8	9	10	11	12
2012	1	2	3	4	5	6	7	8	9	10	11	12
2013	1	2	3	4	5	6	7	8	9	10	11	12