Нажмите "Enter" для пропуска содержимого

Трассировать изображение: Редактирование графического объекта в Illustrator с помощью модуля «Трассировка изображения»

Содержание

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

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

Шаг 1

Нарисуйте заготовку для работу, или возьмите уже готовую. В нашем примере это рисунок из скетчбука, выполненный карандашом и обведенный чернилами. Отсканируйте работу в высоком разрешении как JPG или TIFF at 300dps, перетяните результат в Illustrator при помощи функции Image>Place/Изображение>Поместить.

Шаг 2

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

Шаг 3

Кликните по вашему изображению, используя инструмент Selection/Выделение. Затем в меню выберите Object>Image Trace>Make/Объект>Трассировка изображения>Создать. Таким образом мы конвертируем изображение из пикселей в вектор. Это позволит вам не зависеть от расширения, то есть масштабировать вашу работу до бесконечности без потери качества.

В данном случае чем контрастнее изображение — тем лучше. Также хорошо, чтобы тонов и оттенков было как можно меньше. Идеальными в этом случае будут работы, выполненные тушью и чернилами.

Шаг 4

В панели настроек в меню Preset/Стиль вы можете выбрать различные уровни трассировки. В нашем случае лучше всего сработает Technical Drawing/Технический рисунок, но вы можете поэкспериментировать и выбрать идеальный в вашем случае вариант. Если вам не понравился результат, просто отмените его и попробуйте другой (Edit>Undo/Редактировать>Отменить).

Шаг 5

Когда вы останетесь довольны результатом, выберите в меню Object>Image Trace>Expand/Объект>Трассировка изображения>Разобрать. Это разблокирует вектор, но Illustrator всегда сохраняет результат в виде группы, поэтому вам нужно будет также разгруппировать изображение, вероятно несколько раз. Теперь оно готово к редактированию.

Шаг 6

Теперь мы разместим на нашем рюкзаке текст. Это просто сделать копируя и вставляя элементы. Чтобы было проще, сгруппируйте слова.

Шаг 7

Редактируйте работу при помощи инструмента Selection/Выделение, масштабируйте ее, удерживая Shift и тяните за край.

Внесите желаемые изменения в композицию.

Шаг 8

Заказчик пожелал избавиться от полос на рукавах и сделать поменьше пряжки. Это было бы непросто сделать, если бы изображение сохранилось в оригинальном виде. Но Illustrator позволяет справиться с этим быстрее и проще. Избавиться от лишнего можно при помощи инструмента Eraser/Ластик. Чтобы процесс прошел аккуратнее, приблизьте изображение.

Шаг 9

Чтобы изменить размер пряжек, нам нужно отделить их от стыкующихся с ним объектов. Это можно сделать при помощи инструмента Knife/Нож. Теперь мы можем легко масштабировать пряжки и при необходимости дорисовать недостающие элементы.

Шаг 10

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

Результат

Автор урока Anna Wray

Перевод — Дежурка

Смотрите также:

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

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

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

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

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

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

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

Этап 1


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

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

Этап 2


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

Этап 3


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

Этап 4


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

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


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

Получаем картинку.


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

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

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


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

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

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

Наталия Латынина специально для блога Записки микростокового иллюстратора

Трассировка в Иллюстраторе


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

Один из самых простых способов выполнить трассировку изображения — это открыть Adobe Illustrator и выполнить одноимённую операцию. Давайте разберемся как же это делается.

Скачать последнюю версию Adobe Illustrator СС

Трассировка графических объектов в Adobe Illustrator СС

  • Откройте Adobe Illustrator
  • Откройте растровое изображение, для которого необходимо выполнить трассировку
  • Выделите открытый графический объект
  • В главном меню нажмите Объект, а потом Трассировка изображенияСоздать

В данном случае трассировка выполниться автоматически с параметрами, заданными по умолчанию

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

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

Разобраться с трассировкой в Adobe Illustrator СС совсем просто, достаточно всего лишь несколько минут и немножко усилий.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:

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



241

(11 голоса, среднее 3.91 из 5)

Рубрика: Инструменты полиграфиста и дизайнера

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

Сегодня на рынке представлено довольно много программ (как самостоятельных приложений, так и входящих в состав графических пакетов) для трассировки растровых изображений. Следует сразу оговориться, что предлагаемый вниманию читателей обзор не претендует на полноту и всеохватность. Например, мы не будем касаться таких приложений, как CorelTrace и Live Trace, входящих в пакеты Corel Graphics Suite и Adobe Illustrator соответственно. Большинство дизайнеров хорошо знают их плюсы и минусы. Плюсы в основном заключаются в том, что эти трейсеры включены в состав выше­упомянутых программ и дополнительно ничего покупать не требуется, а минусы — в том, что с настройками по умолчанию практически невозможно достичь удовлетворительного результата, а улучшить эти настройки порой не может даже очень опытный пользователь. К счастью, сегодня на рынке предлагается обширный выбор трейсеров от других производителей. Именно их мы и рассмотрим далее.

TraceIT

Производитель: Pangolin Laser Systems, Inc.

Ссылка: http://www.pangolin.com/LA_Studio/TraceIT.htm

TraceIT — довольно интересная программа, использующая оригинальные алгоритмы трассировки (рис. 1). Загруженное в нее изображение сначала подвергается обработке фильтрами для очистки от «мусора» (noise, color noise), после чего уже трассируется.

Интересная особенность — помимо обработки изображений в распространенных форматах BMP, GIF, TIF, JPG, PSD и пр., есть возможность загружать видеофайлы в форматах AVI, MOV или MPEG и обрабатывать только выбранные кадры, какой­либо диапазон или весь видеофайл целиком. Сохранить результат можно в десяток форматов, в том числе в BMP, JPG и EMF.

 

Рис . 1. TraceIT

RasterVect

Производитель : RasterVect Software

Ссылка: http://www.rastervect.com/products.htm

RasterVect (рис. 2) — простая программа с минимальным количеством настроек, которая ориентирована на пользователей пакета AutoCAD. Настройки в ней сведены к минимуму: загрузка растрового изображения (поддержка 15 форматов), выбор метода трассировки и выбор формата векторных изображений (DXF, EPS, AI, WMF или EMF). Опционально можно предварительно обработать растровое изображение (только простейшие операции) и применить маски.

 

Рис . 2. RasterVect

Vector Eye

Производитель : Siame Editions

Ссылка: http://www.siame.com/converter.html

Главное отличие Vector Eye (рис.3) от других подобных приложений заключается в том, что в процессе трассировки создается несколько вариантов изображения, соответствующих различным комбинациям настроек, и уже из этого ряда пользователь выбирает наиболее оптимальный для дальнейшего использования. Растровые изображения можно загружать в форматах BMP, PNG, JPG, TIFF и AVI, а результат работы программы экспортируется в форматах SVG, PS и EPS.

 

Рис . 3. Vector Eye

Vextractor

Производитель : VextraSoft

Ссылка: http://www.vextrasoft.com/vextractor.htm

Vextractor — довольно мощная программа, в которую встроены эффективные алгоритмы очистки растрового изображения от «мусора», средний по возможностям трейсер и неплохой встроенный редактор для доводки результата векторизации (рис. 4). Поддерживается импорт наиболее распространенных форматов растровых изображений и экспорт в популярные векторные форматы, в том числе в DXF, EPS и SVG.

 

Рис . 4. Vextractor

Acme TraceART

Производитель : DWG TOOL Software

Ссылка: http://www.freefirestudio.com/traceart.htm

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

 

Рис . 5. Acme TraceART

Potrace

Производитель : Peter Selinger

Ссылка: http://potrace.sourceforge.net/

Potrace — бесплатная, постоянно совершенствуемая программа (рис. 6). Включена в дистрибутивы таких пакетов, как FontForge, mftrace, Inkscape, TeXtrace и др. Неплохая альтернатива другим перечисленным здесь программам векторизации. Из распространенных растровых форматов «понимает» только BMP­файлы. Полученное векторное изображение можно экспортировать в EPS, PS, PDF и SVG. Из минусов можно назвать явное «заплывание» на местах пересечения кривых под тупым углом, что, впрочем, является недостатком практически всех трейсеров. В остальном программа имеет почти полный набор настроек по определению краев, квантованию цветов и пр. Дистрибутив программы можно загрузить для таких операционных систем, как Linux, Sun Solaris, FreeBSD, NetBSD, OpenBSD, AIX, Mac OS X и Windows 95/98/2000/NT.

 

Рис. 6. Potrace

Raster to Vector Conversion Toolkit / Photo Vector

Производитель: AlgoLab, Inc.

Ссылка: http://www.algolab.com/products.htm

Две довольно популярные программы от одного производителя, ориентированные на пользователей CAD/CAM­систем (рис. 7). Программы не имеют существенных плюсов или минусов. Единственное, что хотелось бы отметить, — это неявные и не совсем понятные настройки векторизации.

 

Рис. 7. Raster to Vector Conversion Toolkit

Raster to Vector

Производитель: Raster to Vector

Ссылка: http://www.raster­vector.com/

Еще один «черный ящик». На входе — растровые изображения в наиболее распространенных форматах (BMP, JPG, TIF, GIF, PNG, PCX, TGA и др.), а на выходе — векторные (DXF, HPGL, EMF, WMF). Никаких существенных настроек не предложено (рис. 8).

 

Рис. 8. Raster to Vector

WinTopo Raster to Vector Converter

Производитель: SoftSoft.net

Ссылка: http://wintopo.com/

Хорошая многофункциональная программа с достаточным количеством настроек для получения удовлетворительного результата (рис. 9). Имеются обширные возможности по предварительной обработке растрового изображения, включая трансформации, правку насыщенности и контраста, очистку от мусора и пр. Настроек трассировки не так много, но достаточно, чтобы как­то повлиять на результат работы программы.

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

 

Рис. 9. WinTopo Raster to Vector Converter

 

* * *

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

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

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

Neuro Tracer — программа нового поколения

Производитель: Brand Security Systems GmbH

Ссылка: http://www.neuro­tracer.com/

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

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

 

Рис. 10. Neuro Tracer. На изображении старинной гравюры красным цветом отмечены участки с прорисовкой штрихов, а синим — участки с «мусором», которые должны быть удалены

 

На рис. 10 на изображении старинной гравюры красным цветом отмечены участки с прорисовкой штрихов (в том числе и в местах их слабой видимости), а синим цветом — участки с «мусором», которые должны быть удалены. Результат очистки изображения от «мусора» показан на рис. 11.

 

Рис. 11. Neuro Tracer. Предварительный просмотр результата очистки от «мусора»

 

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

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

 

Рис. 12. Трассировка с указанием типа объекта

 

В следующем примере (рис. 13) в качестве значимых объектов были указаны только линии определенной направленности.

 

Рис. 13. Трассировка с указанием линий определенной направленности

 

Немаловажной особенностью фильтра трассировщика является возможность разбирать изображение по цветовым составляющим. На рис.14 и 15 показан результат разбора сканированной иллюстрации. Разумеется, каждый цвет при этом располагается на своем слое.

 

Рис. 14. Увеличенный фрагмент иллюстрации, предназначенной для трассировки с цветоделением

 

Рис. 15. Результат трассировки с цветоделением

 

На рис. 16 довольно «грязное» изображение отпечатка пальца очищено и трассировано в три клика без каких­либо существенных затрат времени.

 

Рис. 16. Результат трассировки с цветоделением

 

Neuro Tracer позволяет загружать растровые изображения в 20 наиболее распространенных форматов, в том числе в JPG, PCD, PSD, PSP, TIFF, BMP и пр. Результат экспортируется в формате AI.

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

Источник: Николай Дубина. Компьюарт, январь 2007

 

Сделать заказ

Трассировка тушевой графики — Eugenia Hauss Art & Design — LiveJournal

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

Современные версии программ векторной графики, такие, как Adobe Illustrator, стали настолько умными, что порой трассированное векторное изображение сложно отличить от базового растрового. Таким образом, бумажный рисунок приобретает одно из наиболее выгодных свойств векторной графики — масштабируемость без потери качества. Однако, когда речь заходит о детализированных рисунках большого формата, возможности программной трассировки могут показать весьма посредственный результат. Периодически я получаю запросы на создание принтов именно в вектроном формате, но в 100% случаев я отклоняю подобные предложения. Единственное исключение, которое я делаю, это трассировка тушевых набросков для Creative Market. В последнее время я эпизодически пополняю свою коллекцию новыми наборами.

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

Как же превратить растровое изображение в векторную форму?

Вот рисунок, на примере которого я продемонстрирую свой процесс. Эти наброски «живут» на листе бумаги форматом А4, который был отсканирован в разрешении 600 dpi, а затем немного откедактирован в Adobe Photoshop (Яркость-Контрастность и удаление визуального мусора с помощью непрозрачной кисти белого цвета). Оговорюсь, что это не строгая необходимость — сканировать все рисунки в разрешении 600 точек на дюйм. 300 dpi будет вполне достаточно. Тем более, с разрешением 300 dpi снижается вероятность, что Ваш компьютер задумается и наотрез откажется работать дальше.

Я помещаю это изображение в Adobe Illustrator (я использую именно эту программу, потому что она своего рода эталон в своей отрасли, да и по части трассировки очень хороша).
Это — панель Image Trace (ее можно найти в меню Window). У меня на скриншоте эта панель находится в развернутом виде, с открытыми расширенными настройками. Я специально пометила красными точками самые важные для нас настройки, поскольку, если у Вы не знакомы с этой программой, так будет легче и проще ориентироваться в том, о чем я пишу.

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

Первая опция, это Preset. Тут множество вариантов, от High Fidelity Photo до Black and White Logo, в зависимости от того, что нужно превратить в вектор. Поскольку наш пример — тушевый набросок, лучшим вариантом будет выбрать Sketched Art.

Следующая важная настройка — Threshold. Говоря просто, чем ближе слайдер к правому краю (more), тем темнее будет векторный результат, тем интенсивнее будут все тени в Вашей работе. И наоборот, если речь о близости слайдера к левому краю (less).

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

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

Как только я выбираю Sketched Art preset, программа начинает колдовать над миоим изображением. На данном этапе я еще ничего не настраивала, только Preset и Ignore White.

Я не в восторге от получившегося результата, потерялось много деталей. Поэтому я начинаю подкручивать те опции, о которых рассказала пару абзацев назад:
Threshold было решено оставить по умолчанию, на 128, потому что сдвиг в ту или иную сторону нарушал светотеневой баланс моего изображения,
— значение Paths увеличено аж до 90%
Corners — небольшое увеличение, лишь на 6%
Noise — слайдер ушел почти до упора влево.

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

А можно ли лучше?

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

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

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

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

А теперь я хотела бы вернуться к вопросу, почему я не трассирую масштабные детализированные работы. Вот мой принт (читатели наверняка его помнят), который я сейчас попробую превратить в образец векторной графики. Это большой рисунок, формат бумаги А3, со множеством крошечных деталей, выполненных линерами 0.03 и 0.05 мм. Я помещаю эту картинку в Иллюстратор.


Выбираю Sketched Art preset…

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

Вот почему я не перевожу свои принты и сложные иллюстрации в вектор. Я также не рисую в векторных программах с нуля, не обрисовываю эскизы. Таким образом, думаю, становится понятно, почему я говорю «нет» каждому, кто интересуется «принтом как этот, только векторным» 🙂
Как правило, в свои наборы графики на Creative Market я вкладываю растровые варианты, сделанные именно с оригинальных рисунков, а не растровые версии векторного изображения. Все дело в том, насколько оцифрованная версия сохраняет связь со своим источником, важно, чтобы она была «живой». Я хочу, чтобы даже от небольших превью моих рисунков создавалось ощущение, будто эти работы помнят мое прикосновение.

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

Вот, собственно, и всё, что я хотела рассказать сегодня. Спасибо за внимание!

Иллюстрированный самоучитель по Web-графике › Рисование во FLASH › Трассировка [страница — 241] | Самоучители по графическим программам

Трассировка

Рассмотрим трассировку импортированных в Flash растровых изображений более подробно. Прежде всего отметим, что она далеко не всегда оправдывает наши надежды. Наилучшие результаты получаются на таких растровых картинках, которые очень похожи на векторные рисунки. Типичный пример – отсканированное изображение схемы или чертежа. Хуже всего трассировка работает на изображениях с плавными переходами цветов и нечеткими границами между элементами. Типичным примером таких изображений является фотография (портрет или пейзаж).

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

Для трассировки растрового изображения выполните следующее:

  1. Импортируйте растровое изображение из файла. Оставьте его выделенным и ничего не делайте с ним, кроме действий, указанных далее.
  2. Выполните команду Modify › Trace Bitmap (Модифицировать › Трассировка растрового изображения). Откроется диалоговое окно Trace Bitmap, в котором можно задать параметры трассировки.
  3. Щелкните на кнопке ОК, чтобы закрыть окно параметров, а затем отмените выделение рисунка на рабочем поле. Теперь можно посмотреть результат трассировки.

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


Рис. 513. Окно настройки параметров трассировки

  • Color Threshold (Цветовой порог). Чем больше это число, тем меньше цветов окажется в результирующем векторном изображении.
  • Minimum Area (Минимальная область). Количество прилежащих пикселов, которые учитываются при назначении цвета данному пикселу. Если требуется большая точность, то установите значение 1.
  • Curve Fit (Соответствие кривой). Определяет, насколько сглажено будет отображаться контур. Если требуется большая точность, то установите значение Pixels (Попиксельно).
  • Corner Threshold (Угловой порог). Определяет способ обработки углов. Для большой точности установите значение Many corners (Много углов).

Оптимальные значения параметров трассировки существенно зависят от исходного изображения и обычно подбираются экспериментальным путем. На следующем рисунке показан не очень удачный результат трассировки растрового изображения с двумя таблицами. Это связано с неудачным выбором параметров трассировки. Однако в случае выбора значений параметров Minimum Area = 1, Curve Fit= Pixels, Corner Threshold = Normal векторное изображение внешне ничем не будет отличаться от своего растрового оригинала. Возможность удачной трассировки (при правильном выборе параметров) в значительной степени была предопределена характером растрового изображения (прямые четкие линии, отсутствие плавных переходов цветов).


Рис. 514. Растровое изображение (слева) и результат его трассировки (справа) при Minimum Area = 10, Curve Fit = Normal, Corner Threshold = Normal

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


Рис. 515. После трассировки растрового изображения диалогового окна Save As его можно разобрать на части

Преобразовать растровое изображение в векторное illustrator. Конвертация картинок из растра в вектор

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

Я получаю много писем с вопросом, как же переводить в вектор существующие карандашные наброски, рисунки гуашью и т.д. Можно ли это сделать автоматически? И достаточно ли будет просто конвертировать JPEG в EPS?

Давайте разберемся, что же такое вектор, а что такое растр, ведь достаточно только понять эту разницу, и большинство вопросов исчезнет само по себе!

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

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

Векторный рисунок тюльпана, сделанный по фотографии.

Увеличенный фрагмент фотографии и векторного файла.

Если вы просто переконвертируете файл из JPEG в EPS, то это ничего не изменит, как была матрица пикселов, так она и останется. Это похоже на то, как вы бы соль из банки под надписью «соль» пересыпали в банку с надписью «сахар». Но надпись на банке соль слаще не сделает.

Файл EPS может содержать как растровые, так и векторые объекты, но стоки принимают только такие EPS, которые содержат только векторные объекты.

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

Можно использовать автоматическую трассировку. Например, трассировать можно с помощью того же Illustrator: вставляете растровое изображение в Illustrator, выделяете его, вверху появляется кнопку Live Trace. Если нажать на треугольник рядом с кнопкой, то появятся предустановленные параметры.

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

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

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

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

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

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

Вот правила Istockphoto.com http://russki.istockphoto.com/illustrator_5.3_traces.php

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

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

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

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

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

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

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

Создание изображение на основе рисунка карандашом:

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

Вот что пишет Istockphoto.com в своих правилах:

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

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

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

Пока моя заметка о масках в Фотошопе не остыла, срочно хочу осветить вопрос перевода растра в вектор. Два дня назад, я зашел в свой хронофагский Google Analytic и что же я увидел. Оказывается некоторые попадают на мой сайт по запросу «растр в вектор», а между тем, на моем сайте нет ни одной толковой заметки на данную тему. Люди же мучают Google на перевод растра в вектор в Corel Draw, Illustrator и даже Adobe Photoshop . Начнем с Фотошопа.

Из растра в вектор. Зачем это нужно?

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

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

Фотошоп не работает с вектором на полную мощь. Лишь использует его преимущества там да тут. Но даже в Фотошопе растровые объекты можно превратить в векторные. Зачем это нужно если есть Иллюстратор? Ну как вам сказать. При активной работе с графикой возникают разные ситуации. Иногда проще на месте перевести выделение в контур, нежели уходить с головой в Иллюстратор и заниматься там трассированием. Чтобы прополоть грядку клубники на даче не нужно вызывать комбайн. В конце концов не все хотят, или умеют пользоваться Иллюстратором, не всем он нужен, не все могут его себе поставить, а перевести в вектор закорючку нужно здесь и сейчас. Усаживаться с тремя томами по Иллюстратору на пару недель для этого вовсе необязательно.

Перевод растра в вектор в Фотошопе

Что именно способен перевести в вектор Фотошоп? Что угодно, если вы заранее выделите этот объект инструментами группы Select . Фотошоп конвертирует в контур любое выделение. Об инструментах выделения можно прочесть в статье . Приведу рабочий пример. Много лет назад ко мне обратился очень непростой заказчик, затребовавший непростой сайт. Для сайта необходимо было выполнить различный арт, и я решил нарисовать его в фотошопе. В ходе рисования я перевел его в вектор, и сейчас я расскажу как. Вот одно из подобных изображений, которое я рисовал кистью с твердыми краями на планшете. Я обвел оригинального Витрувианского человека, видоизменил его и нарисовал свое, отличное от оригинала, лицо. Идея векторизировать арт пришла случайно. Но реализовав её, я получил возможность как угодно масштабировать человека. Более того, ранее рваные края и неровности после векторизации сгладились.

Находим изображение для трассирования

Я подыскал в Google Картинки бабочку. Её мы и переведем в вектор. Учтите, что чем больше изображение, тем ровнее получится наш векторный объект. Это справедливо и для Фотошопа и для Иллюстратора. Под большим изображением я понимаю картинку от 1000 пикселей в ширину и больше. Моя бабочка к примеру от 2000 пикселей.

Выделяем объект

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

Зайдите в Select > Inverse или кликните по рабочей области и из появившегося меню выберите Select Inverse . Смысл в том, что созданное выделение надо инвертировать чтобы выделить бабочку. Честно говоря мне совершенно все равно как вы будете создавать ваше выделение. Хоть вручную обводите лассо, это не имеет никакого значения.

Создаем векторный контур

У нас есть выделенная область, теперь конвертируем её в векторный контур path . Выберите любой инструмент выделения вроде Lasso Tool, Rectangular Marquee Tool или Magic Wand Tool . Кликните по области выделения правой кнопкой мыши и в появившемся меню выберите Make Work Path . В появившемся меню установите степень сглаживания Tolerance по вкусу. Зависимость простая. Чем выше цифра, тем выше сглаживание. Чем ниже цифра, тем ниже сглаживание. Высокое сглаживание означает более низкое количество векторных узелков и более неточное следование растровому контуру. В случае с моим Витрувианским человеком именно такого эффекта я и добивался.

Итак, в палитре Path у нас появился рабочий контур. Если у вас нет палитры Path откройте её Windows > Path Рабочая область палитры Path похожа на десктоп или временное пристанище. На ней могут появляться разные контуры, но если вы позаботитесь о последовательном сохранении, со временем они исчезнут. Сделайте двойной клик по контуру Work Path и сохраните контур отдельно. Контуры в области Path работают так же как слои в палитре Layers . Если контур выделен, значит он активен и с ним можно работать.

Инструменты для работы с контурами в фотошопе — Path Selection Tool и Direct Selection Tool . У нас есть контур, но нет объекта. Если вы читали серию моих заметок о векторе в фотошопе вы уже знаете, что вектор в фотошопе представлен в виде векторной маски для какого-то эффекта или графики. Еще вектор может присутствовать в виде умного слоя, ссылающегося на импортированный фаил Иллюстратора, но это оставим для другой заметки. Выделите контур инструментом Path Selection Tool или в палитре контуров Path . Нажмите Layer > New Fill Layer > Solid Color Мы создали слой заливки, которому сразу присваивается векторная маска в виде нашего контура.

Доработка векторного контура

Пользуясь материалами, которые я описал в статьях и усложним рисунок. Я взял инструмент Pen Tool , выделил маску слоя заливки. В настройках Pen Tool выставил Subtract и дорисовал некоторые элементы нашей бабочке. Вырезал узоры на крыльях, а ножки и усики сделал толще.

Создание произвольной фигуры Custom Shapes

Вы всегда можете сохранить полученный объект в произвольные фигуры Custom Shapes . Некоторое время назад я упоминал о том как это можно сделать в статье . Выделите слой с бабочкой и нажмите Edit > Define Custom Shape Наша бабочка появилась в фигурах инструмента Custom Shapes Tool .

А вот то, что у нас получилось в итоге:

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

Перевод из растра в вектор фотографии в фотошопе

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

Одним из упомянутых мною эффектов является Filter > Artistic > Cutout Оставляю настройки на вашей совести. Изображение должно получиться максимально реалистичным, но сильно сглаженным. На этом можно было бы остановиться, изображение уже выглядит «векторно», но оно по прежнему растровое.

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

Итого, вся фотография преобразована в векторные области. Последнюю белую область мы не будем преобразовывать в вектор. Просто нарисуйте большой белый квадрат инструментом Rectangle Tool и поместите его под все слои. После легкой чистки и доработки контуров фотография выглядит так, как на картинке ниже. И ещё раз, подобная работа не предназначена для Фотошопа и является скорее извращением. Но, это можно сделать, и в различных ситуациях подобные приемы могут пригодиться. Обработка фотографии заняла у меня 10 минут, так что подобная работа не отнимает массу времени. И помните, чем большего размера фотографию вы разложите таким образом на слои, тем лучше и эластичнее контур сможет обогнуть области выделения. Тем менее угловатой и грубой получится наш вектор в Фотошопе. Различные настройки Toleranse при создании контура тоже дадут разный результат. Удачных экспериментов!

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

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

Загрузите изображение, которое необходимо конвертировать. Векторные изображения лучше всего получаются из простых узоров и логотипов с небольшим количеством цветов. Вы не получите хорошие результаты, если попытаетесь преобразовать в векторное изображение фотографию. Сайты вроде VectorMagic поддерживают файлы в формате JPG, BMP, PNG и GIF.

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

    Оцените результаты. Когда программа завершит работу, исходное изображение будет отображено в левом окошке, а векторное – в правом. Зажмите кнопку «Bitmap» (Замещение), чтобы наложить исходное изображение на векторное. Если вам повезет, изображение получится идеальным с первого захода!

    Нажмите на кнопку «Hand-pick Settings» (Ручная настройка). VectorMagic автоматически определяет тип изображения и применяет оптимальные, по его мнению, настройки векторной трассировки. Вы можете изменить эти настройки, покопавшись в ручной настройке.

    • Вы можете выбрать тип изображения, от которого будет зависеть то, как VectorMagic обрабатывает трассировку. Вас попросят выбрать степень качества исходного изображения, а также его цветовой диапазон. Выберите индивидуальную цветовую палитру, чтобы исправить ошибки, обусловленные незначительными изменениями в цвете исходного изображения.
    • Чтобы изображение получилось более равномерным, оставьте как можно меньше цветов при выборе индивидуальной палитры.
  • Переключитесь на режим редактирования. При работе в VectorMagic вы можете переключиться на режим редактирования, чтобы самому настроить сегментацию и тем самым получить более четкий вектор. Сегментация – это процесс разбития изображения на отдельные составляющие, которые затем сглаживаются и конвертируются в векторы. Нажмите на кнопку «Edit Result» (Редактировать), чтобы открыть редактор.

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

  • Используйте инструменты «Pixel» (Пиксели) и «Fill» (Заливка), чтобы внести правки. Найдите два разных сегмента изображения, которые соединены пикселем. При наложении исходного рисунка в этих соединениях будет просматриваться эффект сжатия. Используйте инструмент «Pixel», чтобы стереть соединительный пиксель.

    • Инструмент «Color» (Цвет) позволяет выбрать, каким цветом будут оперировать инструменты «Pixel» и «Fill».
  • Любой дизайнер знает, что такое растр. Это важно для подготовки изображений для публикации, их изменения, создания макетов. Для обычного пользователя сети различие между форматами не так велико. Однако это основы работы с графикой, которые должен знать каждый, кто хочет уметь обрабатывать фотографии.

    Определение растра, его достоинства и недостатки

    Что такое растр? Это изображение, составленное из матрицы пикселов, окрашенных определенным цветом. Их легко заметить, значительно увеличив рисунок. Файл с хранит в себе код, содержащий количество точек и их цвет. Фотографии, сканированные картинки, иллюстрации в журналах и на экране компьютера — растровые. Сетка пикселов (точек) может передавать изображение любой сложности, тени, градиенты, размытие, полутона, 3D-эффекты и даже анимацию. Фотореалистичность — главное достоинство этого

    К недостаткам растра относят следующее:

    1. Невозможность масштабировать. Увеличив изображение (то есть растянув сетку пикселов) или уменьшив его (стянув так, что часть точек пропадет), можно значительно ухудшить качество картинки.
    2. Растровое изображение ограничено прямоугольником. То есть при наложении рисунков друг на друга нижний «спрячется» под белым фоном верхнего.
    3. Чем сложнее изображение, тем больше весит файл с ним.

    Характеристики растров

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

    1. Размер (вес) — общее количество пикселов в изображении, исчисляется в КБ (МБ, ГБ). Чем больше и сложнее рисунок, тем он больше весит.
    2. Разрешение — количество пикселов на дюйм (ppi) у интернет-картинок, фото или точек на дюйм (dpi) у печатных иллюстраций. Чем больше этот параметр, тем рисунок качественнее, четче. Стандартное разрешение интернет-изображений — 72 ppi, печатных макетов — 300 ppi.
    3. Цветовой модуль определяет базовые оттенки. Это может быть распространенный RGB, когда красный, зеленый и синий присутствуют в том или ином количестве в каждом пикселе и, смешиваясь, образуют нужный цвет. Для подготовки макетов часто используют CMYK — модуль, состоящий из голубого, пурпурного, желтого и черного цветов. LAB — это «светлый», красно-зеленый и сине-желтый; Grayscale — оттенки серого.
    4. От того, сколько бит закодировано в каждом пикселе, зависит цветность рисунка. В монохромных изображениях каждая точка весит 1 бит. Если в пикселе 4 бита, рисунок состоит из 16 цветов. 8 бит на пиксел дают 256 цветов, 16 бит — 65 тыс. цветов, 24 бита — 16 млн. оттенков.
    5. Различают следующие типы растров в зависимости от матрицы пикселов: регулярный имеет сетчатую структуру (с затемнением точек или сетки), стокахтический не имеет четкой организации, то есть пикселы расположены хаотично.

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

    Помимо растра, есть векторный формат — способ создания рисунка, при котором минимальные элементы изображения — простейшие геометрические фигуры: прямоугольники, овалы, окружности, прямые и кривые линии. Файл векторной графики содержит математические формулы — параметры фигур (диаметр, длину, ширину, заливку, цвет, контур), их расположение на холсте (X и Y-координаты) и положение друг относительно друга. Векторный рисунок просто масштабировать и редактировать — нужно всего лишь изменить характеристики нужного объекта. При увеличении или уменьшении изображения его качество не меняется. Картинка в векторе не ограничена прямоугольным фоном — их можно накладывать друг на друга. При этом исходный файл весит значительно меньше растра.

    При таком количестве растр может противопоставить вектору? Картинки в этом формате трудно назвать реалистичными — у них немного мультяшное отображение за счет того, что используются чистые цвета и градиенты. Современные — Adobe Illustrator — могут работать со сложными эффектами: тенями, смешением цветов, размытием, но до возможностей обработки растровых изображений им еще далеко. В векторе готовят макеты для печати.

    Форматы растровой графики

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

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

    PNG использует сжатие без потерь и поддерживает прозрачность, значительно более цветный, чем GIF.

    TIFF применяют для перевода из растра в вектор, так как этот формат не объединяет слои в рисунке.

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

    Как перевести из растра в векторный формат

    Необходимость конвертировать растровую картинку в вектор появляется у дизайнеров при изготовлении макета, или если нужно увеличить рисунок, изменить его без потери качества. Перевод в вектор — нетривиальная задача, так как многие фотоэффекты не могут быть воспроизведены. При автоматической трассировке качество картинки сильно снижается: могут искажаться цвета, теряться детали рисунка. При этом автоматически создаются объекты из групп пикселов схожих цветов, расположенные по контуру растрового изображения. Если рисунок сложный, созданных объектов может быть очень много, и редактировать их непросто. Автотрассировка доступна в редакторах Corel Drew или Illustrator.

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

    … и наоборот

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

    Перед переводом в растр (Convert to Bitmaps) необходимо задать следующие параметры:

    1. Color — количество цветов в рисунке.
    2. Dithered — при активации этого пункта цвета будут формироваться путем смешивания.
    3. Redolution — разрешение.
    4. Anti-aliasing — линии и изломы исходного рисунка будут сглажены.
    5. Trandparent Backgrounf — параметр, делающий фон прозрачным.
    6. Size — размер.

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

    Инструкция

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

    Проанализируйте размер файла. Подберите нажную вам цветовую модель (RGB, CMYK) который поможет правильно отображать . С помощью редактора уберите или добавьте детали, поправьте кадр, резкость, цветовую гамму. Подберите (величина оптимального отображения на экране). Разрешение (растрах), то есть подсчет идет по количеству пикселов, которые ваша картинка содержит по горизонтали и вертикали. Малым разрешением считается размер – до 500 пикселов по одному краю, средним – до 1024 пискелов по краю, все остальное считается большим разрешением. Большие «съедают» много памяти и могут долго загружаться в сеть.

    Выберите нужный вам алгоритм сжатия и сохраните картинку. Для небольших изображений и анимаций из двух-трех кадров, публикуемых в сети подходит *.gif, оптимальное соотношение качества и сжатия файла дает формат *.jpeg, для работы с прозрачными и фонами, особенно в маленьких пиксельных изображениях используют *.png. Эти форматы в основном и используются в веб-дизайне.Формат *.bmp предоставляет очень качество цветопередачи, но файлы получаются большие по размеру, а форматы *.tiff и *.raw, несмотря на размер получающегося файла, позволяют сохранять , полученную непосредственно с цифрового аппарата, передают мельчайшие оттенки цвета и широко используются в профессиональной фотографии и в полиграфии.

    Обратите внимание

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

    Полезный совет

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

    Источники:

    • Растровые и векторные изображения. Общие положения и сравнение.

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

    Вам понадобится

    Инструкция

    Обратите внимание

    во многих редакторах векторной графики есть функция для перевода растра в вектор. просто запусти какой-нибудь coreldraw или inkscape, импортируй туда растровую картинку и запусти преобразование.

    Полезный совет

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

    Источники:

    • как сделать из растогово изображение в векторное

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

    Это проще, чем вы думаете

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

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

    См. Также: Лучшие приложения для рисования на Android

    Как прорисовать изображение в Illustrator на профессиональном уровне

    Если вам интересно, как обвести изображение в Illustrator, это довольно просто:

    1.Прежде чем вы сможете превратить свое изображение в вектор, вы должны решить, какое изображение использовать. Это может быть фото из Photoshop или семейное фото. Чтобы сделать свой выбор, выполните следующие команды:

    Щелкните меню File и найдите параметр Place (Shift + Ctrl + P).

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

    2. После того, как вы добавили изображение, вам нужно будет вернуться к инструменту Select .

    3. Теперь, когда у вас есть изображение и вы готовы к его выбору, откройте меню Window . Здесь вы найдете параметр Image Trace , расположенный между стилями графики и информацией.

    4. Как только вы выберете Image Trace, вы должны увидеть всплывающее меню на вашем экране. В этом меню выберите Preview в нижнем левом углу, а затем выберите свой цветовой режим. Режимы могут быть полутоновыми, черно-белыми или цветными. После того, как вы установили свой режим, вы можете перетащить ползунок, чтобы сказать «Цвет», «Оттенки серого» или «Порог», чтобы выбрать плотность цвета.

    5. Надеюсь, у вас еще недостаточно ползунков, потому что пришло время для еще трех. Выберите вкладку Advanced в окне Image Trace. Затем вы отрегулируете эти три ползунка:

    • Отрегулируйте Paths , пока изображение не станет четким.
    • Перетащите ползунок Corners , пока края изображения не станут четкими, но не резкими и неровными.
    • Используйте Noise , чтобы уменьшить общее количество лишних пикселей.

    6.Это ручная работа, поэтому теперь вы можете нажать Trace и позволить Adobe Illustrator сделать все остальное!

    Что еще я могу делать с Adobe Illustrator?

    Теперь вы знаете, как трассировать изображение в Illustrator, но трассировка изображений — это лишь одна из многих вещей, которые вы можете сделать. В конце концов, он называется Adobe Illustrator, а не Adobe Tracer, верно? Немного усердной работы и инструкций могут помочь вам сократить время обучения и начать создавать невероятные произведения искусства на своем компьютере.

    См. Также: Лучшие приложения для Android для художников

    Если вы готовы перейти на новый уровень со своими навыками Adobe Illustrator, у нас есть для вас комплект для углубленного обучения. Вы можете не торопиться и поработать почти 20 часов над контентом и потенциально превратить свою страсть к искусству в карьеру. Все уроки, которые помогут вам начать, прямо в комплекте сертификации Ultimate Graphic Design Bootcamp Certification Bundle.

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

    Его розничная стоимость составляет почти 950 долларов, но сейчас вы можете получить его в Tech Deals всего за 29 долларов. Включено почти 150 уроков, поэтому сейчас нет времени начинать так, как сейчас.

    Вы можете узнать больше и начать свое искусство с помощью виджета ниже.

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

    Комментарии

    Трассировка изображения — документация Inkscape Beginners ‘Guide 1.0

    Сдвиг + Alt + B ,

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

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

    Для векторизации изображения:

    • Импортируйте подходящее растровое изображение с помощью меню .
    • Выберите изображение с помощью инструмента «Селектор».
    • В меню перейдите к.
    • Откроется диалоговое окно, в котором вы можете установить различные параметры.
    • Используйте кнопку «Обновить», чтобы получать новое изображение для предварительного просмотра, когда вы изменить настройки. Когда результат предварительного просмотра будет правильным, щелкните Ok. Векторизованное изображение будет доступно прямо на холсте. Это будет расположен точно над вашим изображением.

    Подсказка

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

    Рассмотрим подробнее возможности этого замечательного инструмента. Первая вкладка предлагает несколько вариантов выбора на вкладке Mode:

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

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

    Не забудьте обновить окно предварительного просмотра в правой части диалогового окна и нажмите ОК, чтобы создать векторный объект.

    rocket.png, изображение, которое мы хотим отследить в этом примере.

    Изображение rocket.png было импортировано, и диалоговое окно Trace Bitmap был открыт. Предварительный просмотр в реальном времени можно активировать, чтобы показать приблизительный предварительный просмотр результата.

    Ракета, начерченная с опцией отсечки яркости.

    Ракета векторизована с опцией Edge Detection.

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

    Множественное сканирование: опция «Цвета» с 10 сканированиями. Сложено 10 объекты в результате.

    После разгруппировки 10 объектов можно перемещать.

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

    Изучите два варианта трассировки изображений в Illustrator

    • Размещение изображения как шаблона
    • Использование трассировки изображения

    Это руководство дает вам основу для работы с Adobe Illustrator для трассировки изображений. Это первый урок в книге Adobe Illustrator CC Digital Classroom.Чтобы узнать о других возможностях обучения Adobe Illustrator, посетите классы AGI Illustrator.

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

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

    Отслеживание изображений в Illustrator путем размещения изображения в качестве шаблона

    1 Создайте новый документ Illustrator, выбрав «Файл»> «Создать».В диалоговом окне «Новый документ» введите ai0502_work в текстовое поле «Имя файла». В раскрывающемся меню «Профиль» выберите «Печать». Выберите Letter в раскрывающемся меню Size, если оно еще не выбрано. Щелкните ОК.

    2 Выберите «Файл»> «Сохранить». Убедитесь, что вы находитесь в папке ai03lessons и сохраните тип Adobe Illustrator. Когда появится диалоговое окно «Параметры Illustrator», нажмите «ОК».

    3 Выберите «Файл»> «Поместить». В диалоговом окне «Поместить» перейдите в папку ai03lessons и выберите файл ai0502.tif файл. Установите флажок «Шаблон» в нижней части диалогового окна «Поместить», чтобы импортировать выбранный графический объект в качестве слоя-шаблона. Щелкните «Поместить». В вашем документе появляется слабый контур грузовика.

    Превратите свою иллюстрацию в шаблон, прежде чем размещать ее на монтажной области.

    4 Выберите инструмент «Перемещение» (), а затем щелкните в любом месте монтажной области, чтобы отменить выбор изображения грузовика.

    5 На панели управления выберите «Нет» () в раскрывающемся меню «Цвет заливки» и выберите черный цвет в раскрывающемся меню «Цвет обводки», если он еще не выбран. Выберите 2 pt в раскрывающемся меню Stroke Weight.

    Задайте атрибуты для обводки вектора.

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

    Создайте первую точку привязки грузовика.

    7 Нажмите и удерживайте клавишу Shift и щелкните по контуру грузовика рядом с меткой 2. Поскольку вы удерживаете клавишу Shift, Illustrator создает прямую линию под углом 90 ° ко второй опорной точке.

    8 Нажмите и удерживайте клавишу Shift и щелкните метку 3, чтобы продолжить обводку контура грузовика.

    9 Продолжайте удерживать клавишу Shift и щелкните вдоль кузова грузовика на метках 4, 5, 6 и 7.

    10 Линия между метками 7 и 8 диагональна, а не под углом 45 ° или 90 °, поэтому отпустите клавишу Shift и щелкните метку 8.

    Продолжайте очерчивать грузовик.

    11 Снова нажмите и удерживайте клавишу Shift и щелкните метки 9 и 10.

    12 Отпустите клавишу Shift на клавиатуре и щелкните метку 11.До этого момента упражнение полностью касалось создания прямых линий и угловых точек; для линии между метками 11 и 12 вам нужно создать изогнутую линию.

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

    13 Наведите инструмент «Перо» на опорную точку, созданную меткой 11, и найдите символ «Преобразовать опорную точку» () рядом с инструментом.Щелкните и перетащите инструментом в направлении кривой, чтобы создать новую ручку направления.

    При перетаскивании для создания маркера направления курсор
    выглядит как острие стрелки без стержня.

    14 Щелкните инструментом «Перо» на метке 12, чтобы создать плавную точку и завершить линию.

    15 Удерживая клавишу Shift на клавиатуре, щелкните метки 13, 14, затем 15.

    16 Полукруг между метками 15 и 16 представляет собой ту же проблему, с которой вы столкнулись ранее. Снова наведите инструмент «Перо» на только что созданную точку привязки. Удерживая нажатой клавишу Shift, щелкните и перетащите вверх, чтобы создать ограниченный направляющий маркер.

    Переместите маркер направления вверх, чтобы начать новую кривую.

    17 На метке 16 щелкните и перетащите курсор вниз, чтобы создать новую точку сглаживания и продолжить линию.

    18 Поместите курсор на точку привязки, которую вы только что создали на метке 16, и щелкните по ней, когда вы увидите символ преобразования точки привязки () рядом с инструментом «Перо». Удерживая нажатой клавишу Shift, щелкните метку 17, чтобы преобразовать точку кривой в угловую точку.

    19 Повторяйте процесс, описанный в шаге 18, пока не дойдете до точки привязки под номером 20. После того, как вы свернули точку привязки на метке 20, поместите курсор на метку 1. Рядом с инструментом «Перо» () появится кружок, указывающий на что это действие закроет только что нарисованный путь.Щелкните точку привязки, чтобы завершить линию и закрыть путь.

    20 Выберите «Файл»> «Сохранить», затем выберите «Файл»> «Закрыть».

    Трассировка изображения в Adobe Illustrator путем размещения изображения с помощью Image Trace

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

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

    A. Автоцвет. B. Высокий цвет C. Низкий цвет.
    D. Оттенки серого. E. Черное и белое. F. Наброски.

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

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

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

    Preset: задает 11 типов предварительных настроек трассировки.

    View: Определяет вид отслеживаемого объекта.Вы можете просмотреть результат трассировки, исходное изображение, контуры и другие параметры.

    Mode: указывает, будет ли результат трассировки цветным, полутоновым или черно-белым.

    Палитра: указывает палитру, используемую для определения количества цветов в результате трассировки. Чтобы позволить Illustrator определять цвета, выберите «Автоматически» (этот параметр доступен, только если для параметра «Режим» установлено значение «Цвет»).

    Настройки цвета: в зависимости от того, что выбрано для параметров режима и палитры, отображаются следующие настройки цвета:

    Цвета: количество цветов, использованных в результате трассировки (этот параметр доступен, только если для параметра Режим установлено значение Цвет).

    Grays: количество оттенков серого, использованное в результате трассировки (этот параметр доступен, только если для параметра Mode установлено значение Grayscale).

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

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

    Углы: Определяет внешний вид угла. Чем выше значение, тем больше углов.

    Noise: определяет область пикселей, которая игнорируется при трассировке.

    Метод: указывает метод отслеживания:

    Примыкание — этот параметр создает вырезанные контуры.

    Overlapping (Перекрытие) — этот параметр создает наложенные друг на друга пути.

    Заливка: создает области с заливкой в ​​результате трассировки.

    Обводки: создает обведенные контуры в результате трассировки.

    Привязать кривые к линиям: определяет, должны ли кривые линии заменяться прямыми.

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

    1 Выберите «Файл»> «Открыть». В диалоговом окне «Открыть» выберите файл ai0503.ai и нажмите «Открыть». Этот файл Illustrator состоит из двух изображений, уже размещенных для вас на отдельных слоях для этого упражнения. Вы увидите только одно изображение, бананы, поскольку видимость целевого слоя в это время отключена.

    2 Выберите «Файл»> «Сохранить как». В диалоговом окне «Сохранить как» убедитесь, что вы находитесь в папке ai03lessons, и назовите файл ai0503_work.ai, затем нажмите «Сохранить». Когда появится диалоговое окно «Параметры Illustrator», нажмите «ОК».

    3 Сначала вы будете работать с изображением бананов, преобразовывая его из растрового изображения в векторное изображение. Выберите инструмент «Масштаб» () на панели «Инструменты» и щелкните один раз в центре страницы, чтобы увеличить изображение и лучше увидеть результаты трассировки.

    4 Используя инструмент «Выделение» (), щелкните изображение, затем выберите «Окно»> «Трассировка изображения».Появится панель «Трассировка изображения». Расположите панель сбоку от изображения, чтобы можно было одновременно просматривать и панель, и изображение.

    Щелкните изображение и откройте панель «Трассировка изображения».

    5 В верхней части панели находятся шесть предустановленных параметров. Щелкните кнопку Auto-Color. Предварительный просмотр предустановки Auto-Color выполняется прямо на монтажной области.

    Щелкните предустановку Auto-Color и просмотрите результаты на монтажной области.

    6 Предварительная установка по умолчанию позволяет начать работу, но вы можете настроить результаты трассировки перед расширением окончательного изображения. Если вы не видите «Дополнительные параметры», щелкните стрелку слева от «Дополнительно» на панели «Трассировка изображения», чтобы развернуть дополнительные параметры.

    7 В раскрывающемся меню «Палитра» выберите «Полный тон». В разделе «Дополнительно» введите 25% в контуры, 50% в углы и 70 пикселей в текстовые поля «Шум», затем нажмите Enter (Windows) или Return (Mac OS).Как видите, эти небольшие корректировки позволяют значительно улучшить рендеринг исходного растрового изображения.

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

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

    8 Если вы удовлетворены результатами, вы можете сохранить свой собственный пресет, чтобы снова использовать его на других изображениях. Щелкните меню панели «Предустановки» и выберите «Сохранить как новую предустановку». В диалоговом окне «Сохранить шаблон настроек трассировки изображения» введите «Полнотональное изображение» и нажмите «ОК».

    Сохраните свой собственный пресет.

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

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

    10 Выберите «Файл»> «Сохранить». Оставьте файл открытым для следующего упражнения.

    Работа с новой опцией Image Trace Method

    Одной из новых функций, с которыми стоит поэкспериментировать на панели «Трассировка изображения», является опция «Метод».На выбор есть 2 метода:

    • Примыкание — этот параметр создает траектории выреза.
    • Overlapping (Перекрытие) — этот параметр создает пути с накоплением.

    Чтобы понять разницу между этими двумя методами, выполните следующие действия:

    1 Если панель «Слои» не отображается, выберите «Окна»> «Слои» или нажмите кнопку «Слои» () в доке в правой части рабочего пространства. На панели «Слои» щелкните значок видимости () слева от слоя «Бананы», чтобы скрыть его, затем щелкните значок видимости слева от целевого слоя, чтобы отобразить его.

    2 Если панель «Трассировка изображения» не отображается, выберите «Окна»> «Трассировка изображения». Используя инструмент «Выделение» (), щелкните изображение цели, чтобы выбрать ее. В разделе «Метод» на панели «Трассировка изображения» выберите параметр «Примыкание». В верхней части панели нажмите кнопку предустановки автоцвета (), затем нажмите кнопку «Развернуть» на панели управления.

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

    Выберите метод примыкания в результатах.
    Панель «Трассировка изображения».

    4 Теперь давайте попробуем метод перекрытия, чтобы увидеть разницу. Выберите «Правка»> «Отменить перемещение», чтобы вернуть красный кружок на место, затем выберите «Правка»> «Отменить развертывание трассировки», чтобы отменить трассировку изображения и вернуть его в исходное состояние растрового изображения.

    5 Не снимая выделения с цели, нажмите кнопку предустановки «Автоцвет» () на панели «Трассировка изображения», затем нажмите кнопку «Перекрытие» для метода. Нажмите кнопку «Развернуть» на панели управления.

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

    Выберите метод перекрытия в результатах.
    Панель «Трассировка изображения».

    7 Выберите «Файл»> «Сохранить», затем «Файл»> «Закрыть».

    На новой панели «Трассировка изображения» есть много опций. Попробуйте разместить собственное растровое изображение и поэкспериментировать с различными результатами трассировки.

    Обе эти опции могут предоставить вам изображение с трассировкой, используя Adobe Illustrator.

    Прочие инструменты для рисования

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

    Переходите к следующему руководству Illustrator: Использование инструментов «Отрезок линии» и «Дуга» в Illustrator>

    Как использовать трассировку изображения в Adobe Illustrator

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

    Image Trace можно найти в версиях Illustrator CS6 и CC.

    1. Откройте панель, выбрав «Окно »> «Трассировка изображения» .
    2. Панель отслеживания изображения включает следующие кнопки предварительной настройки:
      1. Автоцвет
      2. Высокий цвет
      3. Низкий цвет
      4. Оттенки серого
      5. Черно-белый
      6. Контур
    3. Когда изображение выбрано, нажмите на подарок и он будет отображаться в режиме реального времени на монтажной области.
    4. Также имеется меню Preset с 11 типами предустановок трассировки. High Fidelity К этому изображению применено .
    5. Рядом с меню просмотра есть кнопка, которую можно нажать и удерживать, чтобы сравнить результат трассировки с исходным изображением.
    6. Палитра и Цвета позволяют указать допустимое количество цветов.
    7. Разверните настройки Advanced .
      • Пути : управляет тем, насколько точно отслеживаемые пути будут следовать за пикселями исходного изображения.Более низкие значения равны более плотной подгонке пути.
      • Углы : определяет минимальный угол, который можно проследить как острый угол, а не как плавную кривую. Можно создать больше углов, используя более высокие значения.
      • Шум : Управляет наименьшей областью цвета, которую можно обвести контуром.
    8. Метод предоставляет два варианта:
      • Примыкание : создание траекторий выреза.
      • Перекрытие : Создает составные пути.
      Вот два идентичных изображения, которые были отслежены с ограничением цветов до двух и с использованием разных методов. Чтобы управлять изображениями после трассировки, перейдите на панель параметров и нажмите Развернуть .
    9. Используя инструмент Group Selection Tool , здесь пути двух результатов трассировки были разделены.

    Как отследить изображение в Adobe Illustrator

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

    Как векторизовать изображение в Illustrator

    Прежде всего, вам нужно импортировать изображение. Создайте новый документ, а затем нажмите Ctrl + Shift + P ( Cmd + Shift + P на Mac), чтобы импортировать изображение.

    Вы также можете перейти к File> Place из верхнего меню. Перетаскивание файлов изображений также работает, но они будут импортированы в полном размере, и вам придется изменить их размер после.Мы рекомендуем как можно чаще использовать сочетания клавиш Illustrator, чтобы упростить рабочий процесс.

    Используемое здесь изображение — это JPG, но Illustrator принимает и другие типы растровых изображений, включая PNG и TIFF. Кроме того, трассировка изображения будет работать лучше, если исходное изображение имеет большой контраст.

    Перетащите изображение в любом размере, но имейте в виду, что трассировка большого размера займет больше времени.Убедитесь, что он выбран с помощью инструмента Selection ( V ), и затем вы можете отследить изображение несколькими разными способами.

    Самый быстрый способ обвести изображение в Illustrator — перейти к Object> Image Trace> Make в строке меню.

    Это превращает вашу фотографию в черно-белый вектор, используя настройки Illustrator по умолчанию.

    Image Trace также можно вызвать с помощью кнопки на панели Properties . Если у вас включена панель Control в верхней части Illustrator, вы также найдете там кнопку Image Trace .

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

    Наконец, есть окно Image Trace , доступное из Window> Image Trace . Безусловно, это дает вам максимальный контроль над трассировкой изображений. Это также позволяет предварительно просмотреть результаты перед их применением. Это невозможно с двумя другими методами.

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

    Поэкспериментируйте с этими параметрами, чтобы получить желаемый вид, а затем щелкните Trace . Вы также можете применить свои настройки на лету, установив флажок Preview .

    Преобразование отслеженного изображения в пути

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

    Связано: Как создать или отредактировать узор в Adobe Illustrator

    Чтобы преобразовать изображение с трассировкой в ​​пути, его необходимо развернуть. Выделите его, а затем перейдите к Object> Image Trace> Expand . Вы также можете нажать кнопку Expand на панели Properties или Control .

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

    Вы можете перемещать каждую деталь отдельно с помощью инструмента Direct Selection ( A ) или разгруппировать, выбрав Object> Ungroup в строке меню.

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

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

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

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

    Как сохранить файлы Adobe Illustrator в других форматах: JPEG, PNG, SVG и др.

    Adobe Illustrator предлагает множество вариантов для сохранения файлов.Узнайте, как сохранять файлы AI в других форматах, включая JPEG, PNG и SVG.

    Читать далее

    Об авторе Энтони Энтикнэп (Опубликовано 38 статей)

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

    Более От Энтони Энтикнапа
    Подпишитесь на нашу рассылку новостей

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

    Нажмите здесь, чтобы подписаться

    Как отследить изображение до вектора с помощью Illustrator

    В этом уроке я продемонстрирую, как отследить изображение до вектора с помощью Illustrator, как в цвете, так и в монотонном.В этом уроке я буду использовать функцию трассировки изображений в Adobe Illustrator, которая позволяет нам выполнять автоматическое отслеживание изображений, а не вручную отслеживать их с помощью инструмента типа «Перо».

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

    Содержание сообщения

    Вот схема руководства на тот случай, если вы хотите перейти к определенным сегментам.

    Monotone Tracing

    • Шаг 1. Удалите насыщенность и увеличьте контраст фотографии в Photoshop.
    • Шаг 2. Импортируйте скорректированную фотографию в Illustrator.
    • Шаг 3. Сделайте векторную трассировку фотографии с помощью функции Image Trace .
    • Шаг 4. Разверните изображение, чтобы завершить векторную трассировку и отредактировать его. функция Image Trace
    • Шаг 3: Расширьте изображение, чтобы завершить векторную трассировку и отредактировать его дальше

    Трассировка изображения в вектор с помощью Illustrator: Монотонная трассировка

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

    Шаг 1. Корректировка изображения в Photoshop

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

    Чтобы получить более точную трассировку моего изображения, я сначала собираюсь открыть изображение в Photoshop, чтобы я мог сделать следующее…

    • Удалить насыщенность
    • Увеличить контраст между темным и светлые участки

    Причина, по которой я делаю это, заключается в том, чтобы получить более точную трассировку.Способ, которым функция Image Trace работает в Illustrator, заключается в том, что она сканирует ваше изображение и ссылается на темные и светлые области, чтобы определить, что отслеживать. Если мы сможем помочь определить эти области немного лучше, мы получим более точную трассировку.

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

    Удалить насыщенность

    Откройте изображение в Photoshop и используйте корректирующий слой Hue / Saturation , чтобы удалить насыщенность.

    В меню «Оттенок / Насыщенность» переместите ползунок «Насыщенность» в крайнее левое положение. Это уберет цвет с вашего изображения и упростит отделение более темных областей от более светлых.

    Отрегулируйте кривые цвета

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

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

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

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

    Это поможет функции Image Trace создать более точную векторную трассировку фотографии.Теперь изображение можно экспортировать, а затем импортировать в Illustrator.

    Шаг 2. Импортируйте изображение в Illustrator

    Теперь мы собираемся импортировать наше изображение в Illustrator. Для этого перейдите в File> Place . Затем вам будет предложено выбрать изображение для импорта в документ.

    Шаг 3: Трассировка изображения

    Чтобы трассировать изображение до вектора с помощью Illustrator, откройте окно Image Trace , перейдя в Window> Image Trace .Если интерфейс меню неактивен, просто снимите выделение с изображения и выберите его снова.

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

    Настраиваемые параметры следующие….

    • Порог
    • Пути
    • Углы
    • Шум

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

    Когда вы будете довольны тем, как выглядит ваша векторная трассировка, выключите Preview и нажмите Trace , чтобы создать векторную трассировку.

    Шаг 4. Разверните изображение

    Теперь пришло время завершить работу над векторной трассировкой, чтобы вы могли редактировать ее и работать с ней дальше. Для этого выберите трассировку, затем перейдите к Object> Expand и нажмите OK .Затем перейдите к Object> Ungroup . Просто предупреждаем: вам придется дважды разгруппировать трассировку, поэтому обязательно перейдите к Разгруппировать во второй раз.

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

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

    Трассировка изображения в вектор с помощью Illustrator: Трассировка цвета

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

    Шаг 1. Импортируйте изображение в Illustrator

    Импортируйте изображение в Illustrator, выбрав File> Place . Затем вам будет предложено выбрать файл для импорта.

    Для этой демонстрации я буду использовать тот же пример изображения, что и для предыдущей демонстрации.

    Шаг 2: Трассировка изображения

    Чтобы создать векторную трассировку в цвете, выберите свое изображение и перейдите в Окно > Трассировка изображения . Если интерфейс меню неактивен, просто снимите выделение с изображения и выберите его снова.

    Чтобы проследить изображение в цвете, а не в черно-белом, обязательно выберите настройку Auto-Color в верхней части меню. Это значок слева. Затем щелкните Preview , чтобы увидеть, как будет выглядеть ваша трассировка.

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

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

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

    Шаг 3: Разверните изображение

    Чтобы завершить дизайн, чтобы вы могли работать с ним дальше, перейдите к Object> Expand и нажмите OK . Затем перейдите к Object> Ungroup . Вам придется дважды разгруппировать изображение, поэтому обязательно перейдите к Разгруппировать во второй раз.

    Теперь вы можете изменить трассировку векторных цветов по своему усмотрению.

    Заключение

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

    Если у вас есть вопросы, просто оставьте комментарий ниже. Как всегда, спасибо за просмотр!

    Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, предназначенной для предоставления сайтам средств для получения рекламных сборов за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках.Прочтите информацию о партнерских программах здесь.

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

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

    Изображения, состоящие из пикселей (PSD, PNG, JPEG), импортированные в документ VectorStyler, могут быть преобразованы в векторные объекты с помощью панели Image Trace . Трассировку изображения можно использовать для создания векторных фигур, заполненных или обведенных сплошным цветом, в качестве основы для художественного произведения.

    Изображение (первое), преобразованное в векторы с использованием различных параметров.

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

    Выбранное изображение можно преобразовать в векторные объекты с помощью панели Image Trace из меню Panels . Панель Image Trace обеспечивает доступ к предустановкам и стилям трассировки изображения, а также набору основных параметров трассировки. Доступ к дополнительным параметрам можно получить с помощью команды Дополнительные параметры меню панели.

    Панель «Трассировка изображения».

    Для преобразования изображения в векторные объекты:

    • Откройте панель Image Trace из меню Panels .
    • Выберите объект изображения, который нужно преобразовать в векторы.
    • Выберите предустановку или стиль трассировки в поле Стили панели.
    • При необходимости выберите другие параметры трассировки.
    • Щелкните по кнопке Trace . Процесс преобразования изображения в вектор отображается на виде.
    • Информация о результирующих векторах отображается на панели в виде количества заливок , цветов , контуров и путей узлов .

    Векторы, полученные в результате преобразования, не сразу доступны для редактирования.

    • По умолчанию трассировка изображения приводит к созданию группы трассировки, связанной с изображением.
    • Настройки группы трассировки изображений можно изменить на панели « Трассировка изображения », задав новые параметры и нажав кнопку « Trace ».
    • Исходное изображение можно восстановить из группы трассировки, нажав кнопку Release .
    • Группа трассировки может быть расширена до группы векторов с помощью команды Expand Content из меню Styles .
    • Чтобы напрямую получить редактируемую векторную группу из трассировки изображения, отключите параметр Сохранить с изображением в меню панели.

    Самый простой способ создать след изображения — использовать существующий пресет или стиль из поля Стили на панели. По умолчанию доступны следующие предустановки:

    • Color Drawing — Используется для изображений ручных рисунков с цветами, преобразованными в заполненные формы.
    • Цветные контуры — Используется для изображений, содержащих штрихи ручных рисунков с цветами, преобразованными в очерченные формы.
    • Серый набросок — Преобразует монотонные серые эскизы в контурные штрихи.
    • Серые тона — Преобразует монотонные серые эскизы в заполненные формы.
    • High Color Cartoons — Мультфильмы и изображения с плоскими областями, содержащие большое количество цветов.
    • High Color Shapes — Геометрические формы с наложением и большим количеством цветов.
    • Low Color Cartoons — Мультфильмы и изображения с плоскими областями, содержащие только несколько цветов.
    • Low Color Shapes — Геометрические формы с наложениями и только нескольких цветов.
    • Рисунок карандашом — Черно-белый рисунок карандашом преобразован в контурные штрихи.
    • Photographic — Плавные переходы с большим количеством цветов, типичные для фотографий.
    • Тонкие контуры — Тонкие контуры, технические чертежи, преобразованные в контурные штрихи.
    Меню панели «Трассировка изображения».

    Панель Image Trace содержит следующие основные параметры трассировки:

    • Mode — Содержит список режимов преобразования цвета, включая цветовые палитры.Это может быть:
      • Черно-белое — Трассирует изображение до черных и белых форм, используя выбранный порог для разделения интенсивностей черного и белого.
      • Grayscale — отслеживает изображение по нескольким уровням серой шкалы, установленным в поле Levels .
      • Фиксированный цвет — Трассирует изображение до фиксированного количества цветов, извлекая наиболее распространенные цвета изображения.
      • Полноцветный — Трассирует изображение по большому количеству цветов, заданных как процент от общего количества тонов .
      • Имя палитры — Выберите имя доступной цветовой палитры, чтобы ограничить цвета цветовой палитрой.
    • Tolerance — Установите допуск подгонки кривой в пикселях. Меньшие значения допуска приводят к более детализированным формам. Более высокие значения допуска приводят к более плавным кривым с меньшим количеством деталей.
    • Уменьшить размер — Установите степень уменьшения изображения перед трассировкой. Масштабирование изображения можно использовать для уменьшения количества форм и цветов, извлекаемых в процессе трассировки.
    • Minimum Area — Установите минимальный размер области в пикселях. Районы меньшего размера объединяются со своими соседями. Размер области можно использовать для удаления шума и нежелательных мелких пятен с изображения.
    • Ширина обводки — Установите максимальную ширину обводки, используемую при обнаружении и извлечении контуров. Этот параметр доступен, если установлен флажок Извлечь штрих .
    • Extract Fills — Включение или отключение извлечения областей с заливкой.Если этот параметр отключен, параметр Extract Stroke должен быть включен.
    • Extract Stroke — Включение или отключение извлечения контуров.
    • Extract Alpha — Включение или отключение использования альфа-канала изображения для извлечения значений непрозрачности для закрашенных и обведенных фигур.
    • Составные фигуры — Включение или отключение разделения составных фигур.
    • Обнаружить линии — Включение или отключение обнаружения прямых линий на геометрических чертежах.
    • Trace — Преобразуйте выбранное изображение в векторные формы, используя текущие параметры.
    • Выпуск — Освободите группу трассировки изображений и восстановите исходный образ.

    Меню панели Image Trace содержит следующие параметры трассировки:

    • Дополнительные параметры — открывает окно редактора параметров трассировки изображений, содержащее подробные настройки трассировки изображений.
    • Сохранить с изображением — Трассировка создает группу трассировки изображения, связанную с объектом изображения.Когда этот параметр включен, векторы доступны для редактирования только после расширения с помощью команды Expand Content . Группы отслеживания изображений могут быть возвращены к исходному изображению с помощью кнопки Release на панели. Если этот параметр отключен, трассировка изображения приводит к созданию группы векторных фигур, удаляя исходное изображение. В этом случае для восстановления образа можно использовать команду Отменить .
    • Сохранить эффекты изображения — Трассирует исходное изображение до применения эффектов изображения, наложенных на объект.Эффекты изображения сохраняются и применяются к результирующим векторам.
    • Игнорировать прозрачный — Если этот параметр включен, прозрачные области изображения будут приводить к пустым областям без форм.
    • Игнорировать белый — Если этот параметр включен, белые области изображения будут приводить к пустым областям без форм.

    Дополнительные параметры

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

    Раздел «Цвета» в представлении трассировки изображения.
    • Стили — выберите предустановку или стиль трассировки изображения либо создайте новые предустановки или стили.
    • Mode — Выберите режим преобразования цвета. Это может быть:
      • Черно-белое — Трассирует изображение до черных и белых форм, используя выбранный порог для разделения интенсивностей черного и белого.
      • Grayscale — отслеживает изображение по нескольким уровням серой шкалы, установленным в поле Levels .
      • Фиксированный цвет — Трассирует изображение до фиксированного количества цветов, извлекая наиболее распространенные цвета изображения.
      • Полноцветный — Трассирует изображение по большому количеству цветов, заданных как процент от общего количества тонов .
      • Имя палитры — Выберите имя доступной цветовой палитры, чтобы ограничить цвета цветовой палитрой.
    • Цвет — Выберите цветовой режим, используемый для определения и извлечения цветов из изображения. Разные цветовые режимы приводят к разному цветовому сходству.
    • Порог — Установите порог для режима трассировки Черно-белый .
    • Уровни — Установите количество уровней серого для режима трассировки Grayscale .
    • Цвета — Установите максимальное количество цветов для режима трассировки Fixed Color .
    • Tones — Установите относительное количество цветовых тонов для режима трассировки Full Tone .
    • Drop Colors — Отбрасывать наименее часто встречающиеся цвета ниже выбранного предела.
    • Минимальная непрозрачность — Установите предел непрозрачности для полностью прозрачных форм.
    • Cluster Gap — Установите уровень сходства соседних цветовых областей.
    • Color Gap — Установите точность цветового различия, используемую для разделения областей фона.
    • Игнорировать прозрачный — Включение или отключение отбрасывания прозрачных фигур.
    • Игнорировать фон — Включение или отключение отбрасывания областей, заполненных цветом фона.
    • Фон — Выберите цвет фона.
    Раздел «Параметры» в представлении трассировки изображения.
    • Уменьшить размер — Установите степень уменьшения изображения перед трассировкой. Масштабирование изображения можно использовать для уменьшения количества форм и цветов, извлекаемых в процессе трассировки.
    • Предельный размер — Установите максимальное количество пикселей в миллионах пикселей. Большие изображения уменьшаются, чтобы уменьшить детализацию.
    • Extract Fills — Включение или отключение извлечения областей с заливкой. Если этот параметр отключен, параметр Extract Stroke должен быть включен.
    • Extract Alpha — Включение или отключение использования альфа-канала изображения для извлечения значений непрозрачности для закрашенных и обведенных фигур.
    • Трассировка связанного изображения — Включение или отключение создания групп трассировки изображений.

    Когда включена трассировка связанного изображения , трассировка создает группу трассировки изображения, связанную с объектом изображения. Векторы доступны для редактирования только после расширения с помощью команды Expand Content . Группы отслеживания изображений могут быть возвращены к исходному изображению с помощью кнопки Release на панели. Если этот параметр отключен, трассировка изображения приводит к созданию группы векторных фигур, удаляя исходное изображение. В этом случае для восстановления образа можно использовать команду Отменить .

    • Smooth Downscaling — Установите этот флажок, чтобы использовать плавное масштабирование при уменьшении размера отслеживаемого изображения.
    • Сохранить эффекты изображения — Трассирует исходное изображение до применения эффектов изображения, наложенных на объект. Эффекты изображения сохраняются и применяются к результирующим векторам.
    Раздел «Фигуры» в представлении трассировки изображения.
    • Tolerance — Установите допуск аппроксимации кривой в пикселях.Меньшие значения допуска приводят к более детализированным формам. Более высокие значения допуска приводят к более плавным кривым с меньшим количеством деталей.
    • Tangent Gap — Минимальное количество пикселей, необходимое для определения направления вдоль пути.
    • Minimum Area — Установите минимальный размер области в пикселях. Районы меньшего размера объединяются со своими соседями. Размер области можно использовать для удаления шума и нежелательных мелких пятен с изображения.
    • Составные фигуры — Ограничьте количество подпутей в составных фигурах.
    • Line Tolerance — Установите допуск, используемый для обнаружения прямых линий.
    • Максимальный выступ — Установите максимальный угол, ограничивающий создание острых углов.
    • Minimum Smooth — Установите минимальный угол для гладких углов.
    • Соединение краев — Установите нижний предел сглаженных углов при соединении краев в углах объекта.
    • Обнаружить линии — Включение или отключение обнаружения прямых линий на геометрических чертежах.
    • Составные фигуры — Включение или отключение разделения составных фигур.
    Раздел «Обводка» в представлении трассировки изображения.

    Станьте первым комментатором

      Добавить комментарий

      Ваш адрес email не будет опубликован. Обязательные поля помечены *