Трассировка изображения в иллюстраторе

Трассировка изображения в иллюстраторе

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

Самый простой способ перевода растровой картинки в векторную – использование специальных программ или инструментов векторных редакторов, которые рисуют контуры на основе исходного растрового изображения. Для этого процесса существует официальный термин "векторизация", но профессионалы предпочитают использовать слово "трассировка" – от английского trace (чертить). У Adobe Systems есть специальная программа под названием Streamline, а в самом Illustrator – инструмент Auto Trace (Автоматическая трассировка), расположенный в нижней части палитры инструментов (рис. 1.6).


Рис. 1.6. Инструмент Auto Trace на палитре инструментов

Использовать его очень просто:

    Создайте новый документ командой File › New (Файл › Новый) или нажмите сочетание клавиш CTRL + N. Появится окно New Document (Новый документ), в котором нужно ввести размеры и некоторые другие параметры.

Совет
Если не хотите тратить время на ввод значений в это окно, воспользуйтесь сочетанием не CTRL + N, a CTRL + ALT + N, которое создаст документ с последними примененными настройками
.

  • Поместите в созданный документ отсканированное изображение. Для этого выполните команду File › Place (Файл › Поместить) и в появившемся окне выберите имя файла, в котором находится результат сканирования. Растровое изображение появится в центре листа документа.
  • Щелкните на значке инструмента Auto Trace (Автоматическая трассировка) на палитре инструментов. Инструмент станет активным.
  • Подведите курсор к краю растрового изображения и щелкните на нем. Тут же появится векторный контур, который будет приблизительно соответствовать линии, разделяющей разные цветовые области (рис. 1.7).

  • Рис. 1.7. а – растровое изображение и б – векторный контур, который образовался после первого использования инструмента Auto Trace

    Совет
    Все создаваемые объекты по умолчанию имеют белую заливку и черную обводку. Поэтому после первого использования инструмента Auto Trace (Автоматическая трассировка) будет создан контур, который спрячет под собой внутреннюю область исходного изображения. Кроме того, если растровая картинка черная, черный контур не будет на ней виден. Рекомендуем перед началом трассировки отменить заливку, а цвет обводки сделать контрастным. Для этого можно воспользоваться палитрой Color (Цвет) (рис. 1.8), в левом верхнем углу которой находятся два квадрата
    .


    Рис. 1.8. Палитра Color

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

    Читайте также:  Как сделать презентацию с помощью powerpoint
  • Повторите действие, описанное в пункте 4, применяя инструмент Auto Trace (Автоматическая трассировка) на каждой границе между цветами. В конце концов должна получиться комбинация контуров (рис. 1.9).
  • Трассировка изображений в Adobe Illustrator

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

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

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

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

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

    В панели настроек в меню Preset/Стиль вы можете выбрать различные уровни трассировки. В нашем случае лучше всего сработает Technical Drawing/Технический рисунок, но вы можете поэкспериментировать и выбрать идеальный в вашем случае вариант. Читать далее.

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

    23 окт. 2017 г.

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

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

    Читайте также:  Behringer b1200d pro отзывы

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

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

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

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

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

    Этап 1

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

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

    Этап 2

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

    Читайте также:  Электронный бюджет как установить сертификат

    Этап 3

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

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

    Этап 4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Ссылка на основную публикацию
    Телефонный шлюз что это
    VoIP-шлюз — это межсетевой шлюз, предназначенный для перевода трафика между сетями различных типов. VoIP-шлюзы можно разделить на многоканальные и одноканальные:...
    Сравнить технические характеристики rx330 и rx350
    Линейка популярных люксовых SUV Lexus RX пополнилась новой модификацией – RX 350. Теперь покупателем RX быть еще приятнее – ведь...
    Сравнить процессоры кирин и снапдрагон
    Snapdragon 636 vs. Kirin 960: кто лучше? Результаты тестов и сравнительных таблиц, описанных в этой статье, помогут определить, какой из...
    Телефонная клавиатура на компьютере
    Виртуальная клавиатура выручит Вас, когда выйдет из строя основное физическое устройство ввода, полностью или частично ( поломается несколько клавиш )....
    Adblock detector