Adobe Photoshop nie jest edytorem obrazów wektorowych. Adobe Illustrator umiejętnie radzi sobie z tym zadaniem. Ale co, jeśli korzystasz z jednego z podstawowych planów członkostwa Adobe Creative Cloud ? A może po prostu masz subskrypcję samego Photoshopa? 

Photoshop ma kilka narzędzi, które umożliwiają rysowanie od podstaw kształtów i ścieżek wektorowych. Teraz możesz nawet wybrać wiele ścieżek i zmienić wygląd za pomocą funkcji takich jak Właściwości aktywnego kształtu^{(Live Shape Properties)} . Mimo to nauka wektoryzacji obrazu w programie Photoshop^(Photoshop) wymaga nieco więcej wysiłku. 

Jak przekonwertować obraz rastrowy^{(Raster Image)} na obraz wektorowy^(Vector)

Obrazy wektorowe^{(Vector images)} można skalować do dowolnego rozmiaru, w przeciwieństwie do zdjęć, które ulegają pikselowaniu w przypadku zmiany rozdzielczości. Zbudowane są ze ścieżek, które są jak „linie” narysowane matematycznymi równaniami, które można skalować do dowolnej rozdzielczości. 

Aby przekonwertować obraz rastrowy oparty na pikselach na obraz wektorowy:

1. Wybierz piksele.
2. Przekształć je w ścieżki.
3. Pokoloruj je i zapisz jako obraz wektorowy. 

Jak zawsze będziesz pracować z różnymi warstwami w Photoshopie^{(layers in Photoshop)} , aby wyodrębnić ścieżki z obrazu rastrowego. Oto rzut oka na początkowy portret rastrowy i końcowy obraz po jego wektoryzacji.

Zrzuty ekranu pochodzą z Adobe Photoshop CC (21.2.0). Ale powinieneś być w stanie wykonać ten prosty samouczek z większością najnowszych wersji programu Photoshop .

1. Otwórz obraz rastrowy^{(Raster Image)} w Photoshopie^(Photoshop)

Przeciągnij^(Drag) i upuść obraz rastrowy do Photoshopa^(Photoshop) lub otwórz go z File > Open . Przykładowy obraz w tym przykładzie to prosty portret. Jeśli obiekt, który chcesz wektoryzować, ma zajęte tło, najpierw usuń tło w programie Photoshop^(Photoshop) . 

2. Dokonaj wyboru wokół obrazu

Istnieją różne metody dokonywania zaznaczeń w programie Photoshop^(Photoshop) . Wybrana metoda będzie zależeć od charakteru obrazu. Na przykład, jeśli obraz ma proste krawędzie, możesz wybrać narzędzie Zaznaczanie prostokątne^{(Rectangular Marquee)} . Jeśli chcesz wybierać według koloru, możesz skorzystać z Magicznej Różdżki^{(Magic Wand)} lub narzędzia Szybkiego Zaznaczania^{(Quick Selection)} . 

W przypadku portretów polecenie Wybierz temat^{(Select Subject)} może automatycznie wybrać główny obiekt na zdjęciu. Jest to narzędzie obsługujące treść, które wykorzystuje inteligentne algorytmy do wykrywania osób na obrazach. Przycisk Wybierz temat^{(Select Subject)} jest wyświetlany na pasku narzędzi po wybraniu narzędzia do zaznaczania. Możesz go również znaleźć w menu Wybierz^(Select) .

Przejdź do Select > Select & Mask > Select Subject , a inteligentnie wybierze najbardziej widoczny obiekt na zdjęciu. 

Użyj suwaków Globalne udoskonalenia^{(Global Refinements)} , aby w razie potrzeby dostroić krawędzie zaznaczenia, a następnie przenieś zaznaczenie na nową warstwę. 

W przypadku bardziej złożonych obiektów na zdjęciu narzędzie Zaznaczanie obiektów^{(Object Selection tool)} to zaawansowana funkcja programu Photoshop^(Photoshop) . Działa podobnie jak Wybierz temat^{(Select Subject)} , ale pomaga dostroić zaznaczenie za pomocą większej liczby elementów sterujących. Użyj tego, jeśli masz na zdjęciu grupę obiektów (lub osób). 

3. Stwórz efekt progowy 

Warstwa Dopasowanie progu^{(Threshold Adjustment)} przekształca bieżącą warstwę w obraz czarno-biały, a następnie w trakcie tego procesu można nadać obrazowi kolorowemu schludny, jednokolorowy wygląd. 

W panelu Warstwy dodaj nową warstwę progową^(Threshold) , wybierając ikonę Utwórz nową warstwę wypełnienia lub dopasowania . ^{(Create new fill or adjustment layer)}Dostosuj suwak, aż uzyskasz pożądany wygląd. Na przykładowym obrazie użyliśmy wartości 51. 

4. Użyj polecenia Zakres kolorów,^{(Color Range Command)} aby wybrać obszary tonalne^{(Select Tonal Areas)}

Polecenie Zakres kolorów^{(Color Range command)} w menu Wybierz^(Select) jest jak wybór Magicznej różdżki^{(Magic Wand)} . Ale jest też lepszy, ponieważ może wybrać piksele o tym samym lub podobnym kolorze za pomocą narzędzia Kroplomierz na tym obszarze obrazu. Możesz wybrać różne kolory, używając tego narzędzia wielokrotnie w różnych obszarach obrazka.

W tym samouczku programu Photoshop^(Photoshop) chcemy użyć polecenia Zakres kolorów,^{(Color Range)} aby zaznaczyć wszystkie obszary tonalne bieli i czerni. 

Przejdź do Select > Color Range . 

Użyj narzędzi Kroplomierz,^{(Eyedropper tools)} aby zaznaczyć wszystkie obszary tonalne na obrazie. Wybranie podglądu w skali szarości^(Grayscale) z listy rozwijanej daje wyobrażenie o wybranych obszarach. 

Kliknij OK , aby zamknąć okno dialogowe i wrócić do warstwy progowej z wybranym portretem. 

5. Przekształć swój wybór^{(Selection Into)} w ścieżkę

Ścieżka w Photoshopie^(Photoshop) to nic innego jak linia z punktami kontrolnymi na dwóch końcach. Innymi słowy, są to wektorowe rysunki liniowe. Ścieżki mogą być proste lub zakrzywione. Podobnie jak wszystkie wektory, możesz je rozciągać i kształtować bez utraty szczegółów. Photoshop może konwertować zaznaczenia na ścieżki i odwrotnie. 

Wybierz narzędzie Marquee lub dowolne narzędzie do zaznaczania. Kliknij obraz prawym przyciskiem myszy i wybierz opcję Utwórz ścieżkę roboczą^{(Make Work Path)} z menu kontekstowego.

Ustaw także wartość tolerancji^{(Tolerance Value)} w małym polu, które się wyświetli. 

6. Ustaw wartość tolerancji^{(Tolerance Value)} dla ścieżki^(Path)

Aby ścieżka była gładsza, ustaw wartość Tolerancja^(Tolerance) w wyświetlonym oknie dialogowym. Wartość „1.0” powinna być idealna dla nieregularnych ścieżek wokół portretu.

Wartość Tolerancja^(Tolerance) określa, jak blisko ścieżka powinna „przyklejać się” do konturów obrazu. Im niższa wartość, tym dokładniej zaznaczenie podąża twoją ścieżką. Wyższe wartości zmniejszą liczbę punktów kontrolnych i wygładzą ścieżkę. Zasada kciuka brzmi — im prostszy przedmiot, tym wyższa tolerancja. 

Ale poeksperymentuj z tą wartością w zależności od złożoności twojego obrazu. 

7. Utwórz nową warstwę jednolitego koloru

Nie klikając w dowolnym miejscu, przejdź do panelu Warstwy^(Layers) i wybierz opcję Utwórz ^(Create) nowe wypełnienie lub dopasowanie Warstwa^{(new fill or adjustment Layer)} . 

Następnie wybierz z menu opcję Jednolity kolor . ^{(Solid Color)}Możesz wybrać dowolny kolor. 

Ten krok tworzy warstwę kształtu wektorowego na wierzchu warstwy Threshold . 

Tę warstwę wypełnienia w jednolitym kolorze można dostosować do dowolnego wybranego koloru. W następnym kroku wyeksportuj tę warstwę jako obraz SVG . 

8. Zapisz obraz wektorowy^{(Vector Image)} jako plik SVG

Kliknij warstwę prawym przyciskiem myszy i wybierz Eksportuj jako^{(Export As)} . Możesz także zapisać obraz wektorowy z File > Export As .

W oknie dialogowym Eksportuj jako^{(Export As)} wybierz SVG z Ustawień pliku^{(File Settings)} i kliknij Eksportuj^(Export) . 

Możesz teraz otworzyć plik wektorowy w programie Adobe Illustrator^{(Adobe Illustrator)} lub dowolnym innym edytorze obrazów wektorowych. 

Alternatywnie możesz wyeksportować ścieżki wektorowe z programu Photoshop^(Photoshop) do programu Illustrator . Kliknij File > Export > Paths to Illustrator . Spowoduje to wyeksportowanie ścieżki wypełnienia jednolitym kolorem^{(Solid Color Fill Path)} do programu Illustrator, jeśli jest ona zainstalowana. 

Istnieje więcej sposobów^{(Are More Ways)} na wektoryzację obrazu w Photoshopie^(Photoshop)

Ta specyficzna metoda to prosty sposób na uzyskanie monotonnego obrazu wektorowego z kolorowego zdjęcia. Możesz użyć go jako szablonu do dowolnej innej modyfikacji obrazu w Photoshopie^{(image modification in Photoshop)} . Następnie przeskaluj go w górę lub w dół do dowolnego rozmiaru na papierze lub innym nośniku. 

Istnieją inne sposoby wektoryzacji obrazu w programie Photoshop^(Photoshop) . Ten, który obserwujesz, będzie zależeć od zdjęcia podstawowego i żądanych wyników. 

How to Vectorize an Image in Photoshop

Adobe Photoѕhоp is not a vector image editor. Adobe Illustrator ably handles that job. But what if you are on one of the basic Adobe Creative Cloud membership plans? Or you just have a ѕubscription 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

• Jak usunąć lub zastąpić tło w Photoshopie

• Jak wybielić zęby w Photoshopie

• Jak mieszać w Photoshopie

• Jak wtapiać i rozmywać w Photoshopie

• Jak wyciąć obiekt na obrazie w Photoshop CC

• Jak utrzymać komputer z systemem Windows w stanie aktywności bez dotykania myszy?

• Jak robić zrzuty ekranu na Nintendo Switch

• Jak zmienić twarz w Photoshopie

• Natychmiast usuwaj tła z obrazów za pomocą sztucznej inteligencji

• Jak usunąć folder Windows.old w systemie Windows 7/8/10

• Jak dodać obramowanie w Photoshopie

• Jak otworzyć zablokowany plik, gdy używa go inny program?

• 6 najlepszych ustawień aparatu dla zdjęć księżycowych

• Jak pobrać instalator Google Chrome offline (autonomiczny)

• Jak zrobić wypełnialny formularz Dokumentów Google za pomocą tabel

• Jak zeskanować wiele stron do jednego pliku PDF

• Jak zabezpieczyć plik PDF hasłem, aby był bezpieczny?

• Jak dodać muzykę do Prezentacji Google

• Jak używać Chromebooka jako drugiego monitora

• Jak wykonać test obciążenia procesora