[personal profile] weit
Для начала - какой софт у меня есть:
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
Если я что-то забыла - спрашивайте.
This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

Profile

weit: (Default)
weit

July 2021

S M T W T F S
    123
45678910
1112 1314151617
18192021222324
25262728293031

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 23rd, 2025 05:59 am
Powered by Dreamwidth Studios