Adobe Photoshop nije uređivač vektorskih slika. Adobe Illustrator vješto se nosi s tim poslom. Ali što ako imate jedan od osnovnih planova članstva u Adobe Creative Cloudu ? ^{(Adobe Creative Cloud)}Ili samo imate pretplatu na Photoshop? 

Photoshop ima nekoliko alata koji vam omogućuju crtanje vektorskih oblika i staza od nule. Sada čak možete odabrati više putova i promijeniti izgled pomoću značajki kao što su Live Shape Properties . Ipak, učenje vektorizacije slike u Photoshopu^(Photoshop) zahtijeva malo više truda. 

Kako pretvoriti rastersku sliku^{(Raster Image)} u vektorsku^(Vector) sliku

Vektorske slike^{(Vector images)} mogu se skalirati na bilo koju veličinu za razliku od fotografije koja će se pikselirati ako dođe do promjene rezolucije. Sastoje se od staza koje su poput "linija" nacrtanih matematičkim jednadžbama koje su skalabilne na bilo koju rezoluciju. 

Za pretvaranje rasterske slike temeljene na pikselima u vektorsku sliku:

1. Odaberite piksele.
2. Pretvorite ih u staze.
3. Obojite ih i spremite kao vektorsku sliku. 

Kao i uvijek, radit ćete s različitim slojevima u Photoshopu^{(layers in Photoshop)} kako biste izdvojili staze iz rasterske slike. Ovdje je pogled na početni raster portret i konačnu sliku nakon što je vektorizirana.

Snimke zaslona su iz Adobe Photoshop CC (21.2.0). Ali trebali biste moći slijediti ovaj jednostavan vodič s većinom najnovijih verzija Photoshopa^(Photoshop) .

1. Otvorite rastersku sliku^{(Raster Image)} u Photoshopu^(Photoshop)

Povucite^(Drag) i ispustite rastersku sliku u Photoshop ili je otvorite iz File > Open . Uzorak slike u ovom primjeru je jednostavan portret. Ako objekt koji želite vektorizirati ima zauzetu pozadinu, prvo uklonite pozadinu u Photoshopu^(Photoshop) . 

2. Napravite odabir oko slike

Postoje različite metode koje možete koristiti za odabir u Photoshopu^(Photoshop) . Metoda koju odaberete ovisit će o prirodi slike. Na primjer, ako slika ima ravne rubove, možete odabrati alat Rectangular Marquee . Ako želite birati po boji, onda je opcija Magic Wand ili alat  za brzi odabir .^{(Quick Selection)}

Za portrete, naredba Odaberi predmet^{(Select Subject)} može automatski odabrati glavni subjekt na fotografiji. To je alat s svjesnim sadržaja koji koristi pametne algoritme za otkrivanje ljudi na slikama. Gumb Odaberi predmet^{(Select Subject)} prikazuje se na alatnoj traci kada odaberete alat za odabir. Također ga možete pronaći pod izbornikom Odaberi^(Select) .

Idite na Select > Select & Mask > Select Subject i pametno će odabrati najistaknutiji predmet na fotografiji. 

Upotrijebite klizače Global Refinements za fino podešavanje rubova odabira ako je potrebno, a zatim iznesite odabir na novi sloj. 

Za složenije objekte na fotografiji, alat za odabir objekata^{(Object Selection tool)} moćna je značajka u Photoshopu^(Photoshop) . Radi isto kao i Select Subject , ali vam pomaže da fino prilagodite odabir s više kontrola. Koristite ovo ako na fotografiji imate grupu objekata (ili ljudi). 

3. Napravite efekt praga 

Sloj za prilagodbu praga^{(Threshold Adjustment)} pretvara trenutni sloj u crno-bijelu sliku, a kasnije u procesu možete slici u boji dati uredan jednobojni izgled. 

Na ploči Slojevi dodajte novi sloj praga^(Threshold) odabirom ikone Stvori novi sloj za ispunu ili sloj za prilagodbu . ^{(Create new fill or adjustment layer)}Podesite klizač dok ne dobijete željeni izgled. U primjeru slike koristili smo vrijednost 51. 

4. Koristite naredbu Raspon boja^{(Color Range Command)} za odabir tonskih područja^{(Select Tonal Areas)}

Naredba Raspon boja^{(Color Range command)} u izborniku Odabir^(Select) je poput odabira Magic Wand . Ali također je bolji jer može odabrati piksele koji dijele istu ili sličnu boju pomoću alata za kapaljku na tom području slike. Možete pokupiti niz boja korištenjem alata više puta na različitim područjima slike.

U ovom vodiču za Photoshop želimo koristiti naredbu  Raspon boja za odabir svih bijelih i crnih tonskih područja.^{(Color Range)}

Idite na Select > Color Range . 

Koristite alate Eyedropper^{(Eyedropper tools)} za odabir svih različitih tonskih područja na slici. Odabir pregleda sivih^(Grayscale) tonova na padajućem izborniku dat će vam predodžbu o odabranim područjima. 

Kliknite OK da zatvorite dijaloški okvir i vratite se na sloj praga s odabranim portretom. 

5. Pretvorite svoj odabir u^{(Selection Into)} put

Put u Photoshopu^(Photoshop) nije ništa drugo nego linija sa sidrišnim točkama na svoja dva kraja. Drugim riječima, to su vektorski crteži. Staze mogu biti ravne ili zakrivljene. Kao i sve vektore, možete ih rastegnuti i oblikovati bez gubitka detalja. Photoshop može pretvoriti odabire u staze i obrnuto. 

Odaberite alat Marquee ili bilo koji alat za odabir. Desnom tipkom miša kliknite sliku i odaberite Make Work Path iz kontekstnog izbornika.

Također, postavite vrijednost tolerancije^{(Tolerance Value)} u mali okvir koji se prikazuje. 

6. Postavite vrijednost tolerancije^{(Tolerance Value)} za stazu^(Path)

Da biste put učinili glatkijim, postavite vrijednost Tolerancije^(Tolerance) u dijaloški okvir koji će se pojaviti. Vrijednost "1,0" trebala bi biti idealna za nepravilne staze oko portreta.

Vrijednost Tolerancije^(Tolerance) određuje koliko bi se put trebao "prilijepiti" za konture slike. Što je vrijednost niža, odabir bliže slijedi vaš put. Veće vrijednosti će smanjiti broj sidrišta i učiniti put glatkijim. Pravilo palca je — što je objekt jednostavniji, to je veća tolerancija. 

Ali eksperimentirajte s ovom vrijednošću prema složenosti vaše slike. 

7. Stvorite novi sloj jednobojne boje

Bez klikanja bilo gdje, idite na ploču Slojevi^(Layers) i odaberite Stvori ^(Create) novi sloj za ispunu ili prilagodbu^{(new fill or adjustment Layer)} . 

Zatim s izbornika odaberite Solid Color . Možete odabrati bilo koju boju. 

Ovaj korak stvara sloj vektorskog oblika na vrhu sloja Threshold . 

Ovaj sloj pune boje može se prilagoditi bilo kojoj boji po vašem izboru. U sljedećem koraku izvezite ovaj sloj kao SVG sliku. 

8. Spremite vektorsku sliku^{(Vector Image)} kao SVG datoteku

Desni klik na sloj i odaberite Izvezi kao^{(Export As)} . Vektorsku sliku također možete spremiti iz File > Export As .

U dijaloškom okviru Izvezi kao^{(Export As)} odaberite SVG iz postavki datoteke^{(File Settings)} i kliknite Izvezi^(Export) . 

Sada možete otvoriti vektorsku datoteku u Adobe Illustratoru^{(Adobe Illustrator)} ili bilo kojem drugom uređivaču vektorskih slika. 

Alternativno, možete izvesti vektorske staze iz Photoshopa^(Photoshop) u Illustrator . Kliknite File > Export > Paths to Illustrator . Ovo izvozi put pune boje^{(Solid Color Fill Path)} u Illustrator ako ste ga instalirali. 

Postoji više načina^{(Are More Ways)} za vektorizaciju slike u Photoshopu^(Photoshop)

Ova specifična metoda je jednostavan način da dobijete monotonu vektorsku sliku iz fotografije u boji. Možete ga koristiti kao predložak za bilo koju drugu modifikaciju slike u Photoshopu^{(image modification in Photoshop)} . Zatim ga povećajte ili smanjite na bilo koju veličinu na papiru ili drugom mediju. 

Postoje i drugi načini za vektorizaciju slike u Photoshopu^(Photoshop) . Ona koju slijedite ovisit će o osnovnoj fotografiji i rezultatima koje želite. 

How to Vectorize an Image in Photoshop

Adobe Photoshop is not a vectоr image editor. Adobe Illustrator ably handles thаt јob. But what if yоu are on one of the basic Adobe Creаtive Cloud membership plans? Or you just have a subscription to Photoshоp 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

• Kako ukloniti ili zamijeniti pozadinu u Photoshopu

• Kako izbijeliti zube u Photoshopu

• Kako blendati u Photoshopu

• Kako pero i zamutiti u Photoshopu

• Kako izrezati objekt na slici u Photoshopu CC

• Kako napraviti vlastito prijenosno računalo

• Što su Photoshopovi slojevi i kako ih koristiti

• Trenutačno uklonite pozadinu sa slika pomoću umjetne inteligencije

• Napravite Gmail aplikaciju za stolna računala s ova 3 klijenta e-pošte

• Isključite kontrolu korisničkog računa (UAC) za određenu aplikaciju

• 8 najboljih tehnoloških ideja za suočavanje sa samoizolacijom

• Kako koristiti svoj Chromebook kao drugi monitor

• Kako izmjeriti udaljenost u Photoshopu

• Kako napraviti pozadinu prozirnom u Photoshopu

• Kako nacrtati tekst u Photoshopu

• Instaliranje dodataka GIMP: Vodič s uputama

• Kako onemogućiti Windows ključ

• Kako promijeniti veličinu, kombinirati i spojiti slojeve u Photoshopu

• Kako zamijeniti boju u Photoshopu

• Kako izvršiti CPU test stresa