Vector magic как пользоваться

Обновлено: 08.01.2025

Оставлено благодарностей: 0
Получено благодарностей: 1

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

Оставлено благодарностей: 849
Получено благодарностей: 3,011

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

Оставлено благодарностей: 80
Получено благодарностей: 1,634

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

Даже на силуэтах. Перепробовал массу программ, сплошное разочарование.
И самое главное, когда работаешь сам - нет, нет, да проскальзывает: "сделаю-ка я тут чутка подругому". Меняешь изгиб, глядь и впрямь получше выглядит. А после трассера мысли уже только одни - как выровнять то, чего он там намудрил. "Намудохаешся", извиняюсь и уже не до полета фантазии. Это как и в любой профессии - делать с нуля легче, чем потом за кем-то переделывать.

Анализ цвета

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

Еще несколько советов:

В левой части – ваша картинка. Её можно "зумить" и "скролить".
Что бы выбрать пипеткой цвет, надо кликать, удерживая Ctrl.
Постарайтесь не делать двойной клик на палитре, из-за этого автоматически начинается трассировка.

Сколько цветов в вашем изображении?

(этого пункта не будет, если в первом пункте вы выбрали фотографию)

Да, мало, около 12 цветов
Выбор этого пункта может уменьшить погрешность от шума или блюра.
Нет, в моём изображении много цветов
Эта опция может оставить погрешности от шума и блюра.

Делаем выбор и жмем Next.

Оценка результата

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

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

Далее вам предложат выбрать тип вашего изображения

Фотография (сложное графическое изображение созданное с помощью фотокамеры).
Изображение со смешением цветов на границах объектов (это изображение со сглаженными цветовыми переходами (anti-aliased) - самая подходящая категория для логотипов и другой простой графики).
Изображение без смешения цветов на границах объектов (not anti-aliased).

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

Векторизированный результат

Опять же, я использую компьютерную версию Vector Magic для векторизации изображения. В этом случае я пробую как «Среднее», так и «Низкое» качество, чтобы посмотреть, какой они дают результат.

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

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

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

Я добавил одно последнее изображение наложения контуров результата среднего качества поверх растрового изображения. Как обычно, вы видете, что контуры очень точно соответствуют исходному растровому изображению. Эта характеристика является одной из самых сильных сторон Vector Magic по сравнению с другими инструментами автоматической векторизации.

Учебное пособие: Советы и подсказки

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

Трассировка

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

Форматы, предлагаемые для скачивания: EPS, SVG, PNG. Результат опять же можно "скролить" и "зумить". Режим просмотра результата можно изменить, воспользовавшись кнопками:

Split – помогает увидеть оба изображения (растровый оригинал и трассировку) рядом друг с другом;
Single – просмотр результата трассировки;
Bitmap – удерживая эту кнопку, мы видим растровый оригинал, отпуская – векторный результат;

Если результат вас не впечатлил, и вы хотите что-то изменить в настройках, пожалуйста. Справа предлагается такая возможность. Указаны возможные недочеты и рекомендации по их устранению. Ниже каждого указания есть кнопка, начинающая трассировку с измененными условиями. При каждом изменении трассировка начинается заново.

Цветовые границы недостаточно гладкие?

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

Шум портит результат на множестве небольших участков?

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

Потерялись цвета?

Выберите палитру с большим количеством цветов.

Куда делись мелкие детали?

Выберите в настройках более высокое качество изображения.

Небольшие погрешности и ошибки, точки и обрезанные линии?

Более тщательный анализ качества сканирования при разных разрешениях

Чтобы проиллюстрировать некоторые характеристики сканирования, я провел небольшой эксперимент.

Я нашел интересное общедоступное векторное изображение кельтского узла. Вы можете скачать его SVG-версию здесь. Вот растеризированная битовая версия этого файла:
Потом я распечатал этот файл на высококачественном лазерном принтере. В результате получилась очень четкая, чистая распечатка изображения, занимающая квадрат со стороной в 6 дюймов.
Затем я отсканировал ее с помощью сканера Canon потребительского класса с тремя разрешениями: 150, 300 и 600 dpi.

В этом разделе я опишу свои выводы. Как я указывал выше в разделе «Рекомендации», я пришел к выводу, что сканирование с разрешением более 300 dpi не имеет смысла. Конечно, сканирование с разрешением 600 dpi дает изображение в два раза больше, но оно также вдвое больше размыто.

Сами сканированные изображения слишком большие, чтобы поместить их в это пособие, но вот ссылки на различные размеры: 150 DPI, 300 DPI и 600 DPI.

Поучительно увеличение края изображения.

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

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

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

В этом случае, я думаю, имеет смысл сканировать с разрешением 150 dpi. В тех случаях, когда имеется лучший сканер, может иметь смысл сканировать с разрешением 300 dpi.

Редактирование изображения онлайн

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

На поле изображения есть кнопки, а справа - их небольшое описание.

Undo и Redo: Соответственно отменяет и возвращает осуществленные действия и манипуляции. Ограничений на возвратные действия мне обнаружить не удалось.

Reset: Видимо отменяет все изменения.

Bitmap и Vector: При удержании первой видим растровый оригинал, при удержании второй – векторный результат.

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

Pan: Скролит изображение.

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

Fill: Заливка, просто кликаем на выбранную деталь.

Pixel: Карандаш, рисующий тем цветом, что указан в окошке цвета.

Color: Пипетка для выбора цвета. Выбранный цвет отражается в окошке ниже.

Все создаваемые изменения сохраняются на сервере при условии нажатия кнопок Next и Finish. Изменения не сохраняются, если в процессе редактирования вы перегружаете страницу.

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

PS: Стоит отметить, что, к сожалению, теперь использование Vector Magic стало платным.

Размытые изображения

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

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

Есть два основных способа защиты от размытости:

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

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

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

Учебное пособие: Векторизовать сканирования

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

Выбор качества вашего изображения

Высокое
не имеет компрессионых артефактов или других шумов;
цвет объектов однороден;
нет блюра;
Если выбран этот пункт, трассировка происходит более тщательно, по контурам объектов, по этому шум может испортить результат.
Среднее
есть артефакты и шум;
цвет почти однородный с небольшими изменениями;
местами блюр;
(Предлагается по умолчанию)
Низкое
много артефактов и шума;
цвет неоднороден со значительными изменениями;
сильный блюр;
Шум и блюра по возможности не включается в процесс трассировки из-за чего возможна потеря некоторых деталей.
Деталь вашего изображения для сравнения.

Выбираем наиболее подходящий вариант и жмем Next.

К каким изображениям относится это пособие?

Это пособие относится к следующему:

Отсканированные изображения, которые изначально были нарисованы или напечатаны на бумаге

Оно не относится к следующему:

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

Фотографии

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

Сканированные изображения

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

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

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

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

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

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

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

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

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

Трассировка изображений с помощью Vector Magic

Vector Magic действительно оправдывает своё название. На мой взгляд, ни трассировка Corel Draw ни Adobe Illustrator и в подметки ему не годятся. (Большое спасибо пользователю нашего ресурса Mechanik за эту полезную ссылку).

Итак, подробнее. Это бесплатный онлайн-сервис для трассировки изображений, т.е. на входе имеем растр, а на выходе получаем вектор. Это детище James Diebel и Jacob Norda из исследовательской Лаборатории Искусственного Интеллекта Стэндфордского Университета. Они попытались создать ресурс настолько простым, насколько это возможно, с четким и понятным интерфейсом, требующим минимум затрат. Насколько им это удалось, судить вам.

Для работы с сервисом вам понадобится Adobe Flash Player 9 - увы, без него ничего не выйдет. Вторая проблема, с которой столкнулась я – это нежелание браузера Opera работать с этим сайтом. Вероятно, при желании его можно было настроить, но желания не было. Internet Explorer (так же как и FireFox) сработали как надо.

Первая страница ресурса дает нам намного информации о проекте, векторе, трассировке и о том, чем хуже все ранее использовавшиеся трассировщики. Но основное – окошко, где мы выбираем необходимое изображение для трассировки (со своего компьютера). Процесс загрузки занимает некоторое время. Закачивать можно форматы JPG, GIF, PNG, BMP и TIFF.

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

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

Несмотря на предупреждения, я всё таки продолжила.

Сканированное изображение низкого качества

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

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

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

Хорошо видно обесцвечивание. Верхние части белых фигур окрашены в синий цвет, а нижние - в красный. Края также выглядят очень неровными.

Что мне нужно для работы с этим пособием?

В пособии используется компьютерная версия Vector Magic. Вы можете скачать пробную версию со страницы компьютерного приложения.

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

Выводы

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

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

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

Я решил использовать изображение, сканированное с разрешением 150 dpi. Используя компьютерную версию Vector Magic, я векторизую его, выполняя следующие действия:

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

Рисунки и эскизы

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

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

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

Тем не менее, есть несколько простых способов улучшить векторный результат:

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

Ограничение цветов серым и белым может помочь сохранить детали.

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

Читайте также: