Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши?

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

UPD: А вот и первый донат, ура, ура! Спасибо за мой первый донат, бро!

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Основным инструментом для трассировки фотографии будет служить плагин для Adobe Photoshop под названием "Avatar Photoshop Vector Converter" от Profactions. Лицензионную версию можно найти по ссылке. Пиратская версия легко находится через торренты.

После того, как Вы успешно спиратите купите плагин, у Вас на жестком диске появится папка со следующим содержанием и нужным нам файлом installer.jsx

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Не спешите его устанавливать. Прежде всего, Вам надо перекрыть подключение в интернету для плагинов фотошопа. Для этого снимите галочку в настройках "Allow Extensions to Connect to the Internet" или в русской версии "Предоставить дополнениям доступ к интернету". Не спрашивайте зачем...

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Теперь, когда у Вас открыт Photoshop и папка с плагином, просто перетащите файл installer.jsx в пустое окно графического редактора, зажав левую кнопку мышки:

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

В сплывающем окне подтверждаем свои намерения, кликнув "Yes".

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Жмем ОК и перезапускаем фотожопу.

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Чтобы активировать плагин, найдите в меню фотожопы пункт Windows > Extensions > Avatar и просто кликните по Avatar.

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

На панели справа, теперь у Вас появится новая кнопка:

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

UPD: если у Вас появляется подобная ошибка, то это ошибка фотошопа. Решение - тут.

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

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


фотография не должна быть мыльной, касается объекта будущей трассировки

фотография должна быть в высоком разрешении, не менее 2000 пикселей по меньше стороне

желательно использовать яркие, контрастные фото с хорошо различимыми объектами

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

По моему опыту, наиболее корректно плагин отрабатывает тогда, когда фотография имеет соотношение сторон 1:1, разрешение 2500 пикселей и изображение конвертировано в цветовое пространство sRGB. Преобразовать в него просто:

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер
Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Открываем панель плагина и кликаем по кнопке "Subject Area". Ждём. После выключаем "Color mode" и "Image Size"

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Далее кликаем по кнопке "Convert to Vector Style". Ждём. Получаем нечто похожее...

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

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

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

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

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

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

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Сохраняем файл, импортируем его в Corel Draw или Adobe Illustrator  и далее творим всё, что хотим :)

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

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

ВАЖНО: данный метод, безусловно, проигрывает ручной отрисовке в векторе. Но такая работа может занять часы, а то и десятки. И не всегда это нужно. В то же время, по моему опыту, данный метод сильно выигрывает у любых других встроенных и встраиваемых инструментов, которые представлены на рынке.


АЛЬТЕРНАТИВНЫЙ МЕТОД: В первой статье я писал про второй плагин, установка, функционал и использование которого очень схожи с вышеописанным. Имя ему - "Vectoreal" от IndWorks. Доступен в лицензии и на трекерах. Зачастую, он даёт более интересный результат, советую попробовать и его.


И под конец... Самые внимательные увидели на скринах некую "ВОЛШЕБНУЮ КНОПКУ". Что она делает? Берем любое фото из интернета:

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Кликаем на одну кнопку, пьем чай секунд 30 и получаем следующее:

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер
Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

Полностью отретушированный портрет с раскладкой на слои всех его косяков, с 100% сохранением текстуры кожи, в котором ручками до ума (при необходимости) можно довести всё необходимое.

Инструкция по простой векторизации (трассировке) фотографий. И что за волшебная кнопка для ретуши? Длиннопост, Векторная графика, Вектор, Векторные макеты, Фотография, Графика, Арт, Corel Draw, Adobe, Adobe Illustrator, Photoshop, Digital, Плагин, Инструкция, Ретушь, Ретушер

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


P.S. Лайки, подписки, комментарии и донаты не прошу. Но врать не буду, они мотивируют.


С Уважением, ленивый ретушёр.

Лига фотожоперов

1.6K поста15.7K подписчиков

Добавить пост

Правила сообщества

*В сообществе не приветствуются материалы, содержащие в себе нарушение общих правил сайта.

*Излишняя политизированность работ также не приветствуется.

*Помните, сообщество, создано для развлечения, так что получаем позитив