Как я делаю трейс простых рисунков / Репост из моего LJ

nyctea
9 лет назад

Для начала - какой софт у меня есть: 1) Adobe Photoshop CS2. Возможно многие в курсе, что Адоб как-то выложили весь пакет CS2 с серийниками. Предполагалось, что им будут пользоваться старые клиенты, но ссылки широко распространились и пакет скачали все, кто хотел. Если не ошибаюсь, скачать можно до сих пор. Адоб сначала сказали “Ээээ!” (тут гифка с Траволтой), а потом махнули рукой. 2) Бесплатный плагин Fine Threshold. 3) Бесплатный векторный редактор Inkscape. 4) Инструмент для автотрейса VectorMagic.

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

01.jpg

Обработаем рисунок в Фотошопе. Сначала я его обесцвечиваю.

02.jpg

Выделяю нужную часть и обрезаю лишнее

03.jpg

Получается так.

04.jpg

Автоматически выравниваю уровни.

05.jpg

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

06.jpgПосле я округлой жесткой кистью с белым цветом замазываю пятна и стираю ненужные линии. Но поскольку рисунок грязноват и неровен,  я добавляю толщины и цвета линиям через Filter-Other-Minimum. Если ваш рисунок ровный и аккуратный, это скорее не понадобится.

07.jpg

Еще один способ избавиться от мусора - слегка разблюрить рисунок.(Filter - Blur - Gaussian Blur) Это может уничтожить важные мелкие элементы, так что смотрите по обстоятельствам.

08.jpg

После этого я применяю замечательный фильтр Fine Threshold.

09.jpg

Чтобы пояснить его работу: вот это ДО применения фильтра… 10.jpg … а это уже после. 11.jpg

Дальше переходим  уже к конкретно трейсу. Вариант №1 - автотрейс с помощью программы VectorMagic. Просто перетягиваем картинку в окно программы, выбираем расширенный режим.

12.jpg

Количество цветов - указываем два.

13.jpg

Количество сегментов (“Настройка сегментации”) берем среднее.

14.jpg

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

15.jpg

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

16.jpg

Инструментом “Ножницы” я могу удалить ненужный бэкграунд, что и делаю.

17.jpg

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

18.jpg

Вариант №2. Автотрейс с помощью программы Inkscape.

Сначала нужно импортировать растровый рисунок, что вы подготовили в Фотошопе через Файл-Импорт.

19.jpg

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

20.jpg

Там разворачиваем область “Подогнать размер страницы под содержимое” и жмем аналогичную кнопку.

21.jpg

Далее собственно векторизация. 22.jpg

Я, честно сказать, не разбираюсь в трассировщике Inkscape, поэтому просто выбираю “Множественное сканирование / Цвет” и указываю 2, что должно подразумевать 2 цвета.

23.jpg

После этого нужно нажать кнопку ОК и если  ваш рисунок простой, то кнопка ненадолго станет ненажимаемой, а после - снова активной. Это значит  что векторизация произошла, просто закройте окно. Но поскольку растровый рисунок  более не нужен, его стоит удалить. Открываем редактор XML (если конечно он уже не открыт в правой панели, что часто бывает)

24.jpg

Ищем там элемент с именем image[число] и удаляем либо кнопкой в интерфейсе, либо клавишей Del.

25.jpg

Также стоит обратить внимание, что в Inkscape есть отличный инструмент, заливающий замкнутые области. В линейке инструментов он третий снизу. Методом тыка я установила, что в верхней панели для этого инструмента нужно выбрать “Закрыть интервалы - Нет” и “Увеличить/уменьшить на 1 px”. Можно и чуть больше, тогда заливка как бы немного перекрывает контур.

26.jpg

Еще для неаккуратных  контуров есть команда “Контур - Упростить”, это добавляет сглаживания. Но мне не понравился результат, местами линии сильно исказились.

27.jpg

Далее сохраняйте результат в EPS или SVG.

НО! Независимо от выбранного способа результат векторизации нужно пересохранить в  EPS 8 или EPS 10 в  Иллюстраторе.

Вариант № 3.

Ручной трейс. Тут все просто - импортируем растровую картинку в векторный редактор и отрисовываем поверх линиями.

28.jpg

Большой плюс тут в том, что к кривым можно применить  разные кисти, создать хоть акварельный эффект. И в общем-то ручной трейс бывает порой не только более качественным, но и даже более быстрым. 29.jpg Если я что-то забыла - спрашивайте.

#trace #vector #vector_magic #inkskape

Благодарю за ответ. Смотрится очень эффектно)

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

Здравствуйте) Подскажите, пжлст, что за кисть использована в последнем изображении и как она применена?

Да я так тоже поступаю. Просто интересно буду зачем в редактор этот лезть. Спасибо что объяснили.

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

А зачем вот это делать. У меня такой строчки нет.Открываем редактор XML (если конечно он уже не открыт в правой панели, что часто бывает)

Ищем там элемент с именем image[число] и удаляем либо кнопкой в интерфейсе, либо клавишей Del.

Все то что в фотошопе проделал в гимпе.

Ооо! Тогда понятно зачем вся эта кутерьма 😄 Сочувствую!

Круто, когда есть хороший планшет. У меня например нет.

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

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

Ой, полезность какая!!! Пасиб. Как раз люблю рисунки тушью, а не очень рисовала, так как трейс не получался таким, как хотелось бы… А использовать фильтра в ФШ просто не додумалась )))

Хороший пост, полезныЙ

И котейка славный :)

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

Большое-большое спасибо! ❤️ Трейс никогда не делала, но планирую….(раз акварель в трейс на шатре запретили, хоть графику в вектор перевести)) все-равно лежит просто так…

Спасибо) Я пока плохо тут ориентируюсь, еще не разобралась.

Привет, хороший пост, спасибо. Отдельный респект за бесплатное ПО. Могу порекомендовать, чтобы его увидело больше людей, разместить в это сообщество artlab.club/diary/magic_vector/