Adobe Photoshop не является редактором векторных изображений. Adobe Illustrator умело справляется с этой задачей. Но что, если вы пользуетесь одним из базовых планов членства в Adobe Creative Cloud ? Или у вас просто подписка только на фотошоп? 

В Photoshop^(Photoshop) есть несколько инструментов, позволяющих рисовать векторные фигуры и контуры с нуля. Теперь вы даже можете выбрать несколько путей и изменить внешний вид с помощью таких функций, как свойства Live Shape^{(Live Shape Properties)} . Тем не менее, научиться векторизовать изображение в Photoshop требует немного больше усилий. 

Как преобразовать растровое изображение^{(Raster Image)} в векторное^(Vector) изображение

Векторные изображения^{(Vector images)} можно масштабировать до любого размера, в отличие от фотографии, которая будет пикселизироваться при изменении разрешения. Они состоят из путей, похожих на «линии», нарисованные математическими уравнениями, масштабируемыми до любого разрешения. 

Чтобы преобразовать растровое изображение на основе пикселей в векторное изображение:

1. Выберите пиксели.
2. Преобразуйте их в пути.
3. Раскрасьте их и сохраните как векторное изображение. 

Как всегда, вы будете работать с разными слоями в Photoshop^{(layers in Photoshop)} , чтобы извлечь контуры из растрового изображения. Вот краткий обзор исходного растрового портрета и окончательного изображения после его векторизации.

Скриншоты взяты из Adobe Photoshop CC (21.2.0). Но вы должны быть в состоянии следовать этому простому руководству с большинством последних версий Photoshop .

1. Откройте растровое изображение^{(Raster Image)} в Photoshop .

Перетащите^(Drag) растровое изображение в Photoshop или откройте его в меню « File > Open . Образец изображения в этом примере представляет собой простой портрет. Если объект, который вы хотите векторизовать, имеет занятый фон, сначала удалите фон в Photoshop . 

2. Сделайте выделение вокруг изображения

Существуют различные методы, которые можно использовать для выделения в Photoshop . Выбранный вами метод будет зависеть от характера изображения. Например, если изображение имеет прямые края, вы можете выбрать инструмент « Прямоугольная область». ^{(Rectangular Marquee)}Если вы хотите выбрать по цвету, то волшебная палочка^{(Magic Wand)} или инструмент быстрого выбора^{(Quick Selection)} — это вариант. 

Для портретов команда « Выбрать^{(Select Subject)} объект» может автоматически выбрать основной объект на фотографии. Это инструмент с учетом содержимого, который использует интеллектуальные алгоритмы для обнаружения людей на изображениях. Кнопка « Выбрать тему^{(Select Subject)} » ​​отображается на панели инструментов, когда вы выбираете инструмент выделения. Вы также можете найти его в меню « Выбор ».^(Select)

Перейдите в меню « Select > Select & Mask > Select Subject объект», и он разумно выберет самый заметный объект на фотографии. 

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

Инструмент «Выделение объекта^{(Object Selection tool)} » — мощная функция Photoshop для создания более сложных объектов на фотографии . Он работает так же, как « Выбрать тему^{(Select Subject)} », но помогает вам точно настроить выбор с помощью большего количества элементов управления. Используйте это, если на вашей фотографии есть группа объектов (или людей). 

3. Создайте пороговый эффект 

Слой Threshold Adjustment преобразовывает текущий слой в черно-белое изображение, и позже в процессе вы можете придать цветному изображению аккуратный одноцветный вид. 

На панели «Слои» добавьте новый слой « Порог^(Threshold) », щелкнув значок « Создать новый слой-заливку или корректирующий слой ». ^{(Create new fill or adjustment layer)}Отрегулируйте ползунок, пока не получите желаемый вид. В примере изображения мы использовали значение 51. 

4. Используйте команду « Цветовой диапазон»^{(Color Range Command)} для выбора тоновых областей .^{(Select Tonal Areas)}

Команда « Цветовой диапазон^{(Color Range command)} » в меню « Выбор^(Select) » похожа на команду « Волшебная палочка»^{(Magic Wand)} . Но это также лучше, так как он может выбирать пиксели, имеющие одинаковый или похожий цвет, с помощью инструмента «Пипетка» в этой области изображения. Вы можете выбрать диапазон цветов, многократно используя инструмент в разных областях изображения.

В этом уроке Photoshop мы хотим использовать команду « Цветовой диапазон^{(Color Range)} » , чтобы выбрать все белые и черные тональные области. 

Перейдите в меню « Select > Color Range . 

Используйте инструменты «Пипетка»,^{(Eyedropper tools)} чтобы выбрать все различные тональные области на изображении. Выбор предварительного просмотра в оттенках серого^(Grayscale) в раскрывающемся списке даст вам представление о выбранных областях. 

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

5. Преобразуйте свой выбор^{(Selection Into)} в путь

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

Выберите инструмент Marquee или любой другой инструмент выделения. Щелкните изображение правой кнопкой мыши и выберите «Создать рабочий путь»^{(Make Work Path)} в контекстном меню.

Кроме того, установите значение допуска^{(Tolerance Value)} в маленьком поле, которое отображается. 

6. Установите значение допуска^{(Tolerance Value)} для пути^(Path)

Чтобы сделать путь более плавным, установите значение допуска^(Tolerance) в появившемся диалоговом окне. Значение «1.0» должно идеально подходить для неправильных контуров вокруг портрета.

Значение допуска^(Tolerance) определяет, насколько близко путь должен «прилипать» к контурам изображения. Чем ниже значение, тем ближе выбор следует за вашим путем. Более высокие значения уменьшат количество опорных точек и сделают путь более плавным. Эмпирическое правило: чем проще объект, тем выше допуск. 

Но поэкспериментируйте с этим значением в зависимости от сложности вашего изображения. 

7. Создайте новый слой сплошного цвета

Не щелкая нигде, перейдите на панель « Слои^(Layers) » и выберите « Создать ^(Create) новую заливку или корректирующий слой^{(new fill or adjustment Layer)} » . 

Затем выберите в меню сплошной цвет . ^{(Solid Color)}Вы можете выбрать любой цвет. 

Этот шаг создает слой векторной фигуры поверх слоя Threshold . 

Этот слой заливки сплошным цветом можно настроить на любой цвет по вашему выбору. На следующем шаге экспортируйте этот слой как изображение SVG . 

8. Сохраните векторное изображение^{(Vector Image)} как файл SVG .

Щелкните правой кнопкой мыши слой и выберите « Экспортировать как^{(Export As)} » . Вы также можете сохранить векторное изображение, выбрав « File > Export As .

В диалоговом окне « Экспортировать как^{(Export As)} » выберите SVG в настройках файла^{(File Settings)} и нажмите « Экспорт^(Export) » . 

Теперь вы можете открыть векторный файл в Adobe Illustrator или любом другом редакторе векторных изображений. 

Кроме того, вы также можете экспортировать векторные контуры из Photoshop в Illustrator . Нажмите File > Export > Paths to Illustrator . Это экспортирует путь заливки сплошным цветом^{(Solid Color Fill Path)} в Illustrator, если он у вас установлен. 

Есть и другие способы^{(Are More Ways)} векторизации изображения в Photoshop

Этот конкретный метод — простой способ получить монотонное векторное изображение из цветной фотографии. Вы можете использовать его как шаблон для любой другой модификации изображения в Photoshop^{(image modification in Photoshop)} . Затем увеличьте или уменьшите его до любого размера на бумаге или другом носителе. 

Есть и другие способы векторизации изображения в Photoshop . Тот, которому вы будете следовать, будет зависеть от базовой фотографии и результатов, которые вы хотите. 

How to Vectorize an Image in Photoshop

Adobe Photoshop is not a νector image еdіtor. Adobe Illustrator ably handles that job. But what іf you are on one оf the basic Adobe Creative Cloud membership plans? Or you juѕt have a subscription to Photoshop alone? 

Photoshop has a few tools that allow you to draw vector shapes and paths from scratch. You can now even select multiple paths and change the appearance with features like Live Shape Properties. Still, learning to vectorize an image in Photoshop takes a bit more effort. 

How to Convert a Raster Image to a Vector Image

Vector images can be scaled to any size unlike a photo that will pixelate if there’s a change in resolution. They are made of paths which are like “lines” drawn with mathematical equations that are scalable to any resolution. 

To convert a pixel-based raster image to a vector image:

1. Select the pixels.
2. Convert them to paths.
3. Colorize them and save as a vector image. 

As always, you will be working with different layers in Photoshop to extract the paths from a raster image. Here’s a glimpse of the initial raster portrait and the final image after it has been vectorized.

The screenshots are from Adobe Photoshop CC (21.2.0). But you should be able to follow this simple tutorial with most of the recent versions of Photoshop.

1. Open the Raster Image in Photoshop

Drag and drop the raster image into Photoshop or open it from File > Open. The sample image in this example is a simple portrait. If the object you want to vectorize has a busy background, then remove the background in Photoshop first. 

2. Make a Selection Around the Image

There are different methods you can use to make a selection in Photoshop. The method you choose will depend on the nature of the image. For instance, if the image has straight edges, you can select the Rectangular Marquee tool. If you want to choose by color, then Magic Wand or the Quick Selection tool is an option. 

For portraits, the Select Subject command can select the main subject in a photo automatically. It’s a content-aware tool that uses smart algorithms to detect people in images. The Select Subject button is displayed on the toolbar when you pick a selection tool. You can also find it under the Select menu.

Go to Select > Select & Mask > Select Subject and it will smartly select the most prominent subject in a photograph. 

Use the Global Refinements sliders to fine-tune the selection edges if necessary, and then output the selection to a new layer. 

For more complex objects in your photo, the Object Selection tool is a powerful feature in Photoshop. It works just like the Select Subject but helps you fine-tune the selection with more controls. Use this if you have a group of objects (or people) in your photo. 

3. Create a Threshold Effect 

The Threshold Adjustment layer transforms the current layer into a black and white image, and you can give a color image a neat one-color look later in the process. 

In the Layers panel, add a new Threshold layer by selecting the Create new fill or adjustment layer icon. Adjust the slider till you get your desired look. In the example image, we have used a value of 51. 

4. Use the Color Range Command to Select Tonal Areas

The Color Range command under the Select menu is like the Magic Wand selection. But it’s also better as it can select pixels that share the same or similar color with the eyedropper tool on that area of the image. You can pick up a range of colors by using the tool repeatedly on different areas of an image.

In this Photoshop tutorial, we want to use the Color Range command to select all the white and black tonal areas. 

Go to Select > Color Range. 

Use the Eyedropper tools to select all the different tonal areas in the image. Choosing the Grayscale preview in the dropdown will give you an idea of the areas selected. 

Click OK to close the dialog and come back to the threshold layer with the portrait selected. 

5. Convert Your Selection Into a Path

A path in Photoshop is nothing but a line with anchor points at its two ends. In other words, they are vector line drawings. Paths can be straight or curved. Like all vectors, you can stretch and shape them without losing detail. Photoshop can convert selections into paths and vice-versa. 

Select the Marquee tool or any selection tool. Right-click on the image, and choose Make Work Path from the context menu.

Also, set a Tolerance Value in the little box that’s displayed. 

6. Set a Tolerance Value for the Path

To make the path smoother, set a Tolerance value in the dialog box that pops up. A value of “1.0” should be ideal for the irregular paths around a portrait.

The Tolerance value determines how closely the path should “stick” to the contours of the image. The lower the value, the more closely the selection follows your path. Higher values will decrease the number of anchor points and make the path smoother. The thumb rule is — the simpler the object, the higher the tolerance. 

But experiment with this value according to the complexity of your image. 

7. Create a New Solid Color Layer

Without clicking anywhere, go to the Layers panel and select Create new fill or adjustment Layer. 

Then, choose Solid Color from the menu. You can pick any color. 

This step creates the vector shape layer on top of the Threshold layer. 

This solid color fill layer can be customized to any color of your choice. In the next step, export this layer as a SVG image. 

8. Save the Vector Image as an SVG File

Right click on the layer and choose Export As. You can also save the vector image from File > Export As.

In the Export As dialog, choose SVG from File Settings and click on Export. 

You can now open the vector file in Adobe Illustrator or any other vector image editor. 

Alternatively, you can export vector paths from Photoshop into Illustrator too. Click File > Export > Paths to Illustrator. This exports the Solid Color Fill Path to Illustrator if you have it installed. 

There Are More Ways to Vectorize an Image in Photoshop

This specific method is a simple way to get a monotone vector image from a color photo. You can use it as a template for any other image modification in Photoshop. Then scale it up or down to any size on paper or another medium. 

There are other ways to vectorize an image in Photoshop. The one you follow will depend on the base photo and the results you want. 

Related posts

• Как удалить или заменить фон в Photoshop

• Как отбелить зубы в фотошопе

• Как смешать в фотошопе

• Как растушевать и размыть в фотошопе

• Как вырезать объект на изображении в Photoshop CC

• Рецензия на книгу — Руководство для гиков по Windows 8

• Как восстановить заводские настройки Xbox One или Xbox Series X

• Как выполнить стресс-тест процессора

• Как управлять дроном для начинающих

• Как сканировать несколько страниц в один файл PDF

• Как восстановить взломанную учетную запись Facebook

• Как использовать Photoshop заменить цвет для творческого редактирования

• Как увидеть кэшированные страницы и файлы из вашего браузера

• Как загрузить автономный (автономный) установщик Google Chrome

• Как обрезать в фотошопе

• Как изогнуть текст в Photoshop

• Как поменять лицо в фотошопе

• Как обвести текст в Photoshop

• Как использовать Chromebook в качестве второго монитора

• Как преобразовать динамический диск в базовый диск