Обучающие материалы

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

Пожалуй, извечный вопрос дизайнеров, что лучше – растровое изображение или векторное… Ответ здесь тем не менее предельно прост: в зависимости от ситуации. Иногда лучше подходит растровая картинка, иногда более целесообразнее будет использовать вектор. Например, когда требуется масштабирование.

В первом случае (для работы с растровыми картинками) используют Adobe Photoshop, а для векторных – Adobe Illustrator. Но бывают ситуации, когда дизайнер работает исключительно в Фотошопе, а нужна именно векторная картинка. Сидеть и смотреть обучающие уроки, чтобы разобраться в новой программе, может не быть времени. Казалось бы, патовая ситуация, но с помощью онлайн Фотошопа решить этот вопрос вполне возможно!

И хотя Photoshop не предназначен для работы с векторными картинками, однако если сильно нужно, то при помощи ряда хитростей изображение вполне можно переделать в вектор. Итак, поехали!

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

Если вы будете уменьшать, а потом снова увеличивать исходное пиксельное изображение, оно будет терять данные, и его качество станет тут же падать. Так как каждый пиксель — это точка определённого цвета, то при уменьшении лишние данные будут попросту удаляться, и вернуть их уже будет нельзя. Без снижения качества масштабировать получается исключительно векторные изображения – именно в этом и заключается наша хитрость: мы будем делать векторное изображение с помощью Фотошопа!

Как переделать растровую картинку в векторную в Photoshop

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

Нам нужно будет использовать такие инструменты, как Волшебная палочка, Прямоугольное и Эллиптическое выделение, Быстрое выделение, а также Перо. Единственная же трудность состоит в том, что рисовать всё придётся руками. Ну и, естественно, чем меньше на фото будет объектов и сложных фонов, тем лучше.

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

Итак. Чтобы начать взаимодействовать с контурами, необходимо открыть вкладку Контуры на палитру слоёв. Переходим Окно – Контуры, и в палитре слоёв появляется нужная нам закладка.

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

Открываем новый слой, основным цветом ставим тот, в который раскрасили наш первый контур. Идём в Контуры, активируем первый по списку, переходим в меню в Слои – Новый цвет заливка – Цвет. Подтверждаем. На вкладке слоёв появится наш первый векторный слой!

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

© online-photoshop.org

admin

Recent Posts

Выделяем и перемещаем стеклянный фужер

При необходимости составить композицию с выделением и перемещением различных объектов из стекла и других прозрачных материалов не всегда получается произвести качественно данную операцию с помощью стандартного набора инструментов (Перо, Быстрое выделение, Лассо и пр.) в программе "Фотошоп". Чтобы успешно отредактировать фото, в этом случае, понадобится доступ к информации яркости и совокупности разных градаций по оттенкам объекта через цветовые каналы. Причём в данном способе можно работать с фотографиями как в CMYK-адаптации, так и в RGB. Итак, у нас есть изображение (RGB) фужера на тёмном фоне. Открываем его в редакторе и сразу создаём дублирующий слой, кликнув правой кнопкой мыши по закреплённому слою, вызвав команду "Создать дубликат слоя". Тут же переходим на копию фона и делаем её активной. Задача состоит в отделении тёмных оттенков, оставляя в неизменном виде прозрачные и светлые области объекта. Перейдём на панель каналов, работающих, как известно, с градациями серого тона. Вне зависимости от цветовой модели фото (RGB или CMYK), основной целью является сейчас выбор одного из каналов с более чёткой прорисовкой границ фужера на общем фоне по контрастности. В нашем примере останавливаемся на синем, дублируем его (правая кнопка мыши - "Создать дубликат канала") и делаем активным. Чтобы более отчётливо проявить границы сосуда, сейчас стоит воспользоваться наложением слоёв с режимами "Умножение" (для выделения чёрного) и "Перекрытие" (контраст белого тона). Так как мы работаем непосредственно с каналами слоя, переходим во вкладку "Изображение" - "Внешний канал". В появившемся меню выберем режим "Умножение", непрозрачность выставим на 50%. Затем повторно зайдём на Внешний канал, но переключим уже режим наложения на "Перекрытие" с непрозрачностью в 100%. Таким образом, тёмные и светлые градации на фото приобрели более выраженный контраст, и теперь можно будет удалить оставшиеся оттенки фона, оставляя только очертания фужера. Сделать это можно при помощи кисти, но не забудьте, что основной цвет в палитре должен быть чёрным (#000000). В таком виде изображение можно загрузить в выделенную область. Для это кликнем по первой иконке слева, внизу на панели каналов. Следующим шагом возвращаемся к консоли слоёв и, активировав копию фона, вызываем слой-маску (в нижней части меню).…

3 года ago

Создание гиф-анимации в Фотошопе

С помощью программы Фотошоп онлайн можно делать удивительные вещи! Обрабатывать снимки, улучшая их качество, добавлять…

4 года ago

Как реалистично добавить текст на фотографию в Photoshop

Иногда одной иллюстрации недостаточно, и на неё обязательно нужно наложить надпись – например, название бренда.…

4 года ago

Как придать фотографии винтажный вид

Винтажный эффект выглядит необычайно круто. Он вызывает удивительное ощущение старины, тепла и уюта. Это не…

4 года ago

Создаём эффект киберпанк со своим фото

Стилистика неона – необычайно интересна. Такое освещение преображает фотографию, делает её особенной. Но как же…

4 года ago

Как размыть фон на фотографии

Иногда обработанная через Photoshop фотография выглядит более стильно. На ней не нужно убирать ничего лишнего…

4 года ago