Image trace в иллюстраторе

Image trace в иллюстраторе

Save Digg Del.icio.us Print

Article Information

Contents

  1. Begin Tracing
  2. Editing the Tracing Options
  3. Advanced Tracing Options
  4. Final Thoughts

Article Description

Like this article? We recommend

In Illustrator CS2, we were introduced to the Live Trace feature that allowed us to trace raster images and convert them to vector artwork. The tracing engine was useful in certain situations such as converting a hand-drawn sketch to vector artwork, but could prove trying when attempting to convert a raster logo for which your client “lost” the native .ai file.

Illustrator CS6 has a completely new tracing engine that makes the conversion of raster images to editable vector artwork easy and clean. You can get sharper lines, with better shape fitting and more accurate color selection, than with the Live Trace feature. Image Trace has taken the large—some would say complex—dialog box of options and transformed them into a more manageable panel that can be docked in the Illustrator workspace.

I’ve done a fair amount of testing and have a few examples (Figures 1 and 2) of the tracing difference between CS5 and CS6 on two types of images (a high-res photo and a raster logo off a website) using the same default settings. This is intended to show the results when using similar settings in Illustrator CS5 and CS6.

Figure 1 High-res image (300ppi, CMYK): CS5 on left (Photo High Fidelity setting) CS6 on right (High Fidelity Photo setting)

Figure 2 Raster logo from website (72 ppi, RGB): CS5 on left (Color 6 setting) CS6 on right (6 Colors setting)

In this article, I take you through the tracing workflow and discuss some of the new features along the way. I also set some expectations going into this article. While most of the tracing results in Illustrator CS6 are better, no tracing software can provide perfect results in every situation. That’s why at the end of the article I offer a few tips for “cleaning up” your traced artwork. Let’s get started.

Begin Tracing

The first step in the tracing process is to get something to trace. Because tracing is the process of converting raster data to vector data, you need a raster image open in Illustrator. For instance, this could mean that the raster artwork is a small part on a larger artboard, or you open a .PSD file using the File > Open command to trace it.

    Open an Illustrator document that already contains raster content, place a raster image into an Illustrator artboard using the File > Place command, or paste raster content you select from a program such as Adobe Photoshop.
Читайте также:  Линза на телефон для макросъемки

TIP

If you place a raster image using the File > Place command, if the Link option is selected in the Place dialog box, you can later edit the image in another application and update the image in Illustrator, even if it’s already traced! Images can either be embedded or linked to be traced.

Figure 3 The Image Trace panel in Illustrator CS6

Notice in the Control panel the Image Trace button with an arrow to the right. By clicking the Image Trace button, you apply the default tracing option to the selected raster content. By clicking the arrow to the right of the button, you can choose a tracing preset with which trace the selected content. You can also choose Object > Image Trace > Make to trace selected raster with the default tracing options or choose Object > Image Trace > Make and Expand to trace and expand the content immediately (I discuss expanding shortly).

At the top of the Image Trace panel, click the High Color button to trace the image using the default High Color settings. Depending on the speed of your machine and the image content selected, the time required to trace may vary (see Figure 4).

Figure 4 Trace the raster content

At the top of the Illustrator Image Trace panel is a series of preset buttons that offer generic tracing options which most of us will use at some point or another, depending on the project. There is also a series of preset options in the Preset menu below the buttons. The buttons at the top of the panel (mostly) coincide with an option in the Preset menu. For instance, the High Color button is similar to the High Fidelity Photo option in the Preset menu, and the Low Color button is similar to the 16 Colors option in the Preset menu. The Preset menu offers more options.

TIP

If you trace a raster image, you can always remove the tracing, returning it to a raster image, by choosing Object > Image Trace > Release.

When you trace an image using one of the tracing buttons or a trace preset, the raster image data is converted to an Image Tracing object. This means that you can adjust the tracing options, even trying different presets, but it is not editable vector. As a matter of fact, you will see Image Tracing on the left end of the Control panel with the newly traced content selected (see Figure 5).

Читайте также:  Диспетчер кнопочных форм в access 2010

Figure 5 The Control Panel options with the Image Tracing object selected

Микростоки: рисуем и зарабатываем на своем творчестве

23 окт. 2017 г.

Трассировка растровых изображений в Иллюстраторе — урок для начинающих

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

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

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

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

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

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

Этап 1

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

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

Читайте также:  Как убрать точку на экране андроид

Этап 2

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

Этап 3

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

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

Этап 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ссылка на основную публикацию
Faster charging technology samsung
Кирилл Сергеев Подбираем аксессуар для быстрой зарядки смартфона и стараемся не ошибиться. Идея для этого материала появилась у меня в...
Adblock detector