Векторное изображение как сделать. Перевод графического изображения в векторный формат

Пока моя заметка о масках в Фотошопе не остыла, срочно желаю осветить вопросец перевода растра в вектор. Два дня назад, я зашел в собственный хронофагский Google Analytic и что же я увидел. Оказывается некие попадают на мой веб-сайт по запросу «растр в вектор», а меж тем, на моем веб-сайте нет ни одной толковой заметки на данную тему. Люди же мучают Google на перевод растра в вектор в Corel Draw, Illustrator и даже Adobe Photoshop. Начнем с Фотошопа.

Из растра в вектор. Для чего это нужно?

Фотошоп — растровая программа. Вектор в нем находится в виде векторных контуров. Как таких, векторных объектов в Фотошопе нет. Но есть есть векторные контуры, которые могут быть преобразованы в векторную маску. Маска накладывается на эффект либо объект и выходит вектор в фотошопе. Содержимое такового объекта все равно растровое, но может преобразовываться в вектор при сохранении в некие форматы.

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

Фотошоп не работает с вектором на полную мощь. Только употребляет его достоинства там да здесь. Но даже в Фотошопе растровые объекты можно перевоплотить в векторные. Для чего это необходимо ежели есть Иллюстратор? Ну как для вас огласить. При активной работе с графикой появляются различные ситуации. Время от времени проще на месте перевести выделение в контур, ежели уходить с головой в Иллюстратор и заниматься там трассированием. Чтобы прополоть грядку клубники на даче не необходимо вызывать комбайн. В конце концов не все желают, либо могут воспользоваться Иллюстратором, не всем он нужен, не все могут его для себя поставить, а перевести в вектор закорючку необходимо тут и на данный момент. Усаживаться с 3-мя томами по Иллюстратору на пару недель для этого совсем необязательно.

Перевод растра в вектор в Фотошопе

Что конкретно способен перевести в вектор Фотошоп? Что угодно, ежели вы заблаговременно выделите этот объект инструментами группы Select. Фотошоп конвертирует в контур хоть какое выделение. о инструментах выделения можно прочитать в статье Примитивах выделения в Фотошопе. Приведу рабочий пример. Много лет назад ко мне обратился чрезвычайно сложный заказчик, затребовавший сложный веб-сайт. Для веб-сайта нужно было выполнить разный арт, и я решил нарисовать его в фотошопе. В ходе рисования я перевел его в вектор, и на данный момент я расскажу как. Вот одно из схожих изображений, которое я рисовал кистью с жесткими краями на планшете. Я обвел необычного Витрувианского человека, видоизменил его и нарисовал свое, хорошее от оригинала, лицо. Мысль векторизировать арт пришла случаем. Но реализовав её, я получил возможность как угодно масштабировать человека. Наиболее того, ранее рваные края и выпуклости опосля векторизации сгладились.

Читайте также  Как снять экран на андроиде. Запись видео с экрана на Андроид: лучшие приложения

Находим изображение для трассирования

Я подыскал в Google Рисунки бабочку. Её мы и переведем в вектор. Учтите, что чем больше изображение, тем ровнее получится наш векторный объект. Это справедливо и для Фотошопа и для Иллюстратора. Под огромным изображением я понимаю картину от 1000 пикселей в ширину и больше. Моя бабочка к примеру от 2000 пикселей.

Выделяем объект

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

Зайдите в Select > Inverse либо кликните по рабочей области и из появившегося меню выберите Select Inverse. Смысл в том, что сделанное выделение нужно инвертировать чтоб выделить бабочку. Честно говоря мне совсем все равно как вы будете создавать ваше выделение. Хоть вручную обводите лассо, это не имеет никакого значения.

Создаем векторный контур

У нас есть выделенная область, сейчас конвертируем её в векторный контур path. Выберите хоть какой инструмент выделения вроде Lasso Tool, Rectangular Marquee Tool либо Magic Wand Tool. Кликните по области выделения правой клавишей мыши и в появившемся меню выберите Make Work Path. В появившемся меню установите степень сглаживания Tolerance по вкусу. Зависимость обычная. Чем выше цифра, тем выше сглаживание. Чем ниже цифра, тем ниже сглаживание. Высочайшее сглаживание значит наиболее низкое количество векторных узелков и наиболее некорректное следование растровому контуру. В случае с моим Витрувианским человеком конкретно такового эффекта я и добивался.

Итак, в гамме Path у нас возник рабочий контур. Ежели у вас нет палитры Path откройте её Windows > Path Рабочая область палитры Path похожа на рабочий стол либо временное пристанище. На ней могут появляться различные контуры, но ежели вы позаботитесь о поочередном сохранении, со временем они исчезнут. Сделайте двойной клик по контуру Work Path и сохраните контур раздельно. Контуры в области Path работают так же как слои в гамме Layers. Ежели контур выделен, означает он активен и с ним можно работать.

Инструменты для работы с контурами в фотошопе — Path Selection Tool и Direct Selection Tool. У нас есть контур, но нет объекта. Ежели вы читали серию моих заметок о векторе в фотошопе вы уже понимаете, что вектор в фотошопе представлен в виде векторной маски для какого-то эффекта либо графики. Еще вектор может находиться в виде умного слоя, ссылающегося на импортированный фаил Иллюстратора, но это оставим для иной заметки. Выделите контур инвентарем Path Selection Tool либо в гамме контуров Path. Нажмите Layer >New Fill Layer > Solid Color Мы сделали слой заливки, которому сходу присваивается векторная маска в виде нашего контура.

Читайте также  Оптимизировать компьютер для игр. Программы для оптимизации игр

Доработка векторного контура

Пользуясь материалами, которые я обрисовал в статьях Векторные инструменты рисования в Фотошопе и Add, Subtract, Intersect и Exlude в Фотошопе усложним набросок. Я взял инструмент Pen Tool, выделил маску слоя заливки. В настройках Pen Tool выставил Subtract и дорисовал некие элементы нашей бабочке. Вырезал узоры на крыльях, а ножки и усики сделал толще.

Создание случайной фигуры Custom Shapes

Вы постоянно сможете сохранить полученный объект в произвольные фигуры Custom Shapes. Некое время назад я упоминал о том как это можно сделать в статье Custom Shape Tool в Фотошопе. Выделите слой с бабочкой и нажмите Edit > Define Custom Shape Наша бабочка возникла в фигурах инструмента Custom Shapes Tool.

А вот то, что у нас вышло в итоге:

Перевод растровой фото в вектор в Фотошопе совсем бессмысленное занятие. Но время от времени подобные техники могут понадобиться для побочных работ с графикой и не только.

Перевод из растра в вектор фото в фотошопе

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

Одним из упомянутых мною эффектов является Filter > Artistic > Cutout Оставляю опции на вашей совести. Изображение обязано получиться очень реалистичным, но сильно сглаженным. На этом можно было бы тормознуть, изображение уже смотрится «векторно», но оно по прежнему растровое.

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

Итого, вся фото преобразована в векторные области. Последнюю белоснежную область мы не будем преобразовывать в вектор. Просто нарисуйте большой белоснежный квадрат инвентарем Rectangle Tool и расположите его под все слои. Опосля легкой очистки и доработки контуров фото смотрится так, как на картинке ниже. И ещё раз, схожая работа не предназначена для Фотошопа и является быстрее извращением. Но, это можно сделать, и в разных ситуациях подобные приемы могут понадобиться. Обработка фото заняла у меня 10 минут, так что схожая работа не отбирает массу времени. И помните, чем большего размера фотографию вы разложите таковым образом на слои, тем лучше и эластичнее контур сумеет обогнуть области выделения. Тем наименее угловатой и грубой получится наш вектор в Фотошопе. Разные опции Toleranse при разработке контура тоже дадут различный итог. Успешных экспериментов!

Читайте также  Комп не видит фотки с телефона. Почему компьютер не видит фото и видео на смартфоне? Что делать?

Автор:

ТЕГИ

Adobe Photoshopвектор в Фотошопеуроки

Как сделать векторное изображение в Фотошопе

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

Создание векторного изображения в Photoshop

В качестве подопытного имеем вот таковой логотип всем известной социальной сети:

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

Для начала обведем логотип контуром при помощи инструмента «Перо».

Инструмент Перо в Фотошопе — теория и практика

Существует одно правило: чем меньше опорных точек в контуре, тем лучше получится фигура.

Сейчас покажем, как этого добиться.

  1. Берем Перо и ставим первую опорную точку. Ее лучше ставить в угол. Внутренний либо наружный – непринципиально.

  2. Затем ставим вторую точку в иной угол и, не отпуская клавишу мыши, тянем луч в подходящую сторону, выгибая контур. В данном случае потянуть необходимо на право.

  3. Далее зажимаем ALT и подводим курсор к той точке, за которую тянули (курсор при этом перевоплотится в уголок) жмем клавишу мыши и тянем обратно. Луч должен вполне уйти в опорную точку. Того же результата можно достигнуть, просто кликнув по точке с зажатым ALT.

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

  5. Контур готов. Сейчас жмем правой клавишей мыши снутри контура и избираем пункт «Определить произвольную фигуру».

  6. В открывшемся окне даем какое-нибудь заглавие новейшей фигуре и жмем ОК.

Векторная фигура готова, можно воспользоваться. Отыскать ее можно в группе инструментов «Фигуры».

Набор, содержащий наш новейший элемент, находится на верхней панели инструментов.

Решено было для проверки нарисовать гигантскую фигуру. Оцените четкость линий. Это часть клюва птички. Размеры изображения – на скриншоте.

Это был единственно верный метод сделать векторное изображение в Фотошопе.

Мы рады, что смогли посодействовать Для вас в решении проблемы.

Добавьте веб-сайт в закладки и мы еще пригодимся для вас.

Опишите, что у вас не вышло. Наши спецы постараются ответить очень быстро.

Помогла ли для вас эта статья?

ДАНЕТ

Поделиться статьей в соц сетях:

Оставьте комментарий