Adobe Photoshop nie je editor vektorových obrázkov. Adobe Illustrator túto úlohu dobre zvláda. Čo ak však máte jeden zo základných plánov členstva v Adobe Creative Cloud ? Alebo máte len predplatné Photoshopu? 

Photoshop má niekoľko nástrojov, ktoré vám umožňujú kresliť vektorové tvary a cesty od začiatku. Teraz môžete dokonca vybrať viacero ciest a zmeniť vzhľad pomocou funkcií, ako sú vlastnosti živého tvaru^{(Live Shape Properties)} . Naučiť sa vektorizovať obrázok vo Photoshope^(Photoshop) však vyžaduje trochu viac úsilia. 

Ako previesť rastrový obrázok^{(Raster Image)} na vektorový^(Vector) obrázok

Vektorové obrázky^{(Vector images)} je možné zmenšiť na ľubovoľnú veľkosť, na rozdiel od fotografie, ktorá sa rozpixeluje, ak dôjde k zmene rozlíšenia. Sú tvorené cestami, ktoré sú ako „čiary“ nakreslené matematickými rovnicami, ktoré sú škálovateľné na akékoľvek rozlíšenie. 

Ak chcete previesť rastrový obrázok založený na pixeloch na vektorový obrázok:

1. Vyberte pixely.
2. Premeňte ich na cesty.
3. Vyfarbite ich a uložte ako vektorový obrázok. 

Ako vždy budete vo Photoshope pracovať s rôznymi vrstvami,^{(layers in Photoshop)} aby ste extrahovali cesty z rastrového obrázka. Tu je pohľad na počiatočný rastrový portrét a konečný obrázok po jeho vektorizácii.

Snímky obrazovky sú z Adobe Photoshop CC (21.2.0). Ale mali by ste byť schopní sledovať tento jednoduchý návod s väčšinou najnovších verzií Photoshopu^(Photoshop) .

1. Otvorte rastrový obrázok^{(Raster Image)} vo Photoshope^(Photoshop)

Pretiahnite^(Drag) rastrový obrázok do Photoshopu^(Photoshop) alebo ho otvorte v ponuke File > Open . Vzorový obrázok v tomto príklade je jednoduchý portrét. Ak má objekt, ktorý chcete vektorizovať, rušné pozadie, najskôr odstráňte pozadie vo Photoshope^(Photoshop) . 

2. Vykonajte výber okolo obrázka

Na výber vo Photoshope^(Photoshop) môžete použiť rôzne metódy . Spôsob, ktorý zvolíte, bude závisieť od charakteru obrázka. Ak má obrázok napríklad rovné okraje, môžete vybrať nástroj Obdĺžnikový^{(Rectangular Marquee)} výber . Ak si chcete vybrať podľa farby, potom je možnosťou Čarovná palička^{(Magic Wand)} alebo nástroj Rýchly výber^{(Quick Selection)} . 

V prípade portrétov môže príkaz Vybrať^{(Select Subject)} predmet automaticky vybrať hlavný objekt na fotografii. Ide o nástroj s ohľadom na obsah, ktorý využíva inteligentné algoritmy na detekciu ľudí na obrázkoch. Keď vyberiete nástroj na výber, na paneli s nástrojmi sa zobrazí tlačidlo Vybrať predmet . ^{(Select Subject)}Nájdete ho aj v ponuke Vybrať^(Select) .

Prejdite na Select > Select & Mask > Select Subject a inteligentne vyberie najvýraznejší predmet na fotografii. 

Pomocou posúvačov Globálne^{(Global Refinements)} spresnenia v prípade potreby jemne dolaďte okraje výberu a potom vyberte výstup do novej vrstvy. 

Pre zložitejšie objekty na fotografii je nástroj na výber objektov^{(Object Selection tool)} výkonnou funkciou vo Photoshope^(Photoshop) . Funguje rovnako ako výber predmetu^{(Select Subject)} , ale pomáha vám doladiť výber pomocou viacerých ovládacích prvkov. Použite to, ak máte na fotografii skupinu predmetov (alebo ľudí). 

3. Vytvorte prahový efekt 

Vrstva Threshold Adjustment transformuje aktuálnu vrstvu na čiernobiely obrázok a neskôr v procese môžete dať farebnému obrázku elegantný jednofarebný vzhľad. 

Na paneli Vrstvy pridajte novú vrstvu Prah^(Threshold) výberom ikony Vytvoriť novú vrstvu výplne alebo vrstvy úprav . ^{(Create new fill or adjustment layer)}Upravte posúvač, kým nedosiahnete požadovaný vzhľad. V ukážkovom obrázku sme použili hodnotu 51. 

4. Na výber tonálnych oblastí^{(Select Tonal Areas)} použite príkaz Rozsah farieb^{(Color Range Command)}

Príkaz Rozsah farieb^{(Color Range command)} v ponuke Vybrať^(Select) je ako výber Kúzelná palička^{(Magic Wand)} . Ale je to tiež lepšie, pretože dokáže vybrať pixely, ktoré zdieľajú rovnakú alebo podobnú farbu s nástrojom kvapkadlo v danej oblasti obrázka. Opakovaným používaním nástroja v rôznych oblastiach obrázka môžete zachytiť celý rad farieb.

V tomto návode na Photoshop chceme použiť príkaz  Rozsah farieb na výber všetkých bielych a čiernych tónových oblastí.^{(Color Range)}

Prejdite na Select > Color Range . 

Pomocou nástrojov kvapkadla^{(Eyedropper tools)} vyberte všetky rôzne tonálne oblasti na obrázku. Výberom ukážky v odtieňoch sivej^(Grayscale) v rozbaľovacej ponuke získate predstavu o vybratých oblastiach. 

Kliknutím na tlačidlo OK zatvoríte dialógové okno a vrátite sa späť na prahovú vrstvu s vybratým portrétom. 

5. Premeňte svoj výber^{(Selection Into)} na cestu

Cesta vo Photoshope^(Photoshop) nie je nič iné ako čiara s kotviacimi bodmi na jej dvoch koncoch. Inými slovami, sú to vektorové perokresby. Cesty môžu byť rovné alebo zakrivené. Rovnako ako všetky vektory ich môžete natiahnuť a tvarovať bez straty detailov. Photoshop dokáže previesť výbery na cesty a naopak. 

Vyberte nástroj Marquee alebo akýkoľvek nástroj na výber. Kliknite pravým tlačidlom myši na obrázok a v kontextovej ponuke vyberte položku Vytvoriť pracovnú cestu .^{(Make Work Path)}

Tiež nastavte hodnotu tolerancie^{(Tolerance Value)} v malom poli, ktoré sa zobrazí. 

6. Nastavte hodnotu tolerancie^{(Tolerance Value)} pre cestu^(Path)

Ak chcete, aby bola cesta hladšia, nastavte hodnotu tolerancie^(Tolerance) v dialógovom okne, ktoré sa objaví. Hodnota „1,0“ by mala byť ideálna pre nepravidelné cesty okolo portrétu.

Hodnota tolerancie^(Tolerance) určuje, ako blízko sa má cesta „lepiť“ na obrysy obrázka. Čím je hodnota nižšia, tým viac sleduje výber vašu cestu. Vyššie hodnoty znížia počet kotviacich bodov a urobia cestu hladšou. Pravidlo palca je - čím jednoduchší objekt, tým vyššia tolerancia. 

Ale experimentujte s touto hodnotou podľa zložitosti vášho obrázka. 

7. Vytvorte novú jednofarebnú vrstvu

Bez klikania kamkoľvek prejdite na panel Vrstvy a vyberte možnosť ^(Layers)Vytvoriť ^(Create) novú vrstvu výplne alebo úpravy^{(new fill or adjustment Layer)} . 

Potom z ponuky vyberte možnosť Plná farba^{(Solid Color)} . Môžete si vybrať akúkoľvek farbu. 

Tento krok vytvorí vrstvu vektorového tvaru nad vrstvou prahu^(Threshold) . 

Túto jednofarebnú výplňovú vrstvu je možné prispôsobiť ľubovoľnej farbe podľa vášho výberu. V ďalšom kroku exportujte túto vrstvu ako obrázok SVG . 

8. Uložte vektorový obrázok^{(Vector Image)} ako súbor SVG

Kliknite pravým tlačidlom myši na vrstvu a vyberte možnosť Exportovať ako^{(Export As)} . Vektorový obrázok môžete uložiť aj z ponuky File > Export As .

V dialógovom okne Exportovať ako^{(Export As)} vyberte SVG z Nastavenia súboru^{(File Settings)} a kliknite na Exportovať^(Export) . 

Teraz môžete otvoriť vektorový súbor v aplikácii Adobe Illustrator^{(Adobe Illustrator)} alebo v akomkoľvek inom editore vektorových obrázkov. 

Prípadne môžete exportovať vektorové cesty z Photoshopu^(Photoshop) do Illustratora^{(Illustrator)} . Kliknite File > Export > Paths to Illustrator . Toto exportuje cestu jednofarebnej výplne^{(Solid Color Fill Path)} do aplikácie Illustrator, ak ju máte nainštalovanú. 

Existuje viac spôsobov^{(Are More Ways)} , ako vektorizovať obrázok vo Photoshope^(Photoshop)

Táto špecifická metóda je jednoduchý spôsob, ako získať monotónny vektorový obrázok z farebnej fotografie. Môžete ho použiť ako predlohu pre akúkoľvek inú úpravu obrázkov vo Photoshope^{(image modification in Photoshop)} . Potom ho zväčšite alebo znížte na ľubovoľnú veľkosť na papieri alebo inom médiu. 

Existujú aj iné spôsoby, ako vektorizovať obrázok vo Photoshope^(Photoshop) . Ten, ktorý budete nasledovať, bude závisieť od základnej fotografie a požadovaných výsledkov. 

How to Vectorize an Image in Photoshop

Adobe Photoshop is not a vector imаge editor. Adobe Іllustrator ably handles that job. But what if you are on onе of thе basic Adobe Creative Cloud membershiр plans? Or you just haνe a subscription to Photoshop alonе? 

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

• Ako odstrániť alebo nahradiť pozadie vo Photoshope

• Ako vybieliť zuby vo Photoshope

• Ako zmiešať vo Photoshope

• Ako operovať a rozmazávať vo Photoshope

• Ako vystrihnúť objekt z obrázka vo Photoshope CC

• Vypnite kontrolu používateľských účtov (UAC) pre konkrétnu aplikáciu

• 6 najlepších nastavení fotoaparátu pre fotografie Mesiaca

• Okamžite odstráňte pozadie z obrázkov pomocou AI

• Vytvorte si počítačovú aplikáciu Gmail s týmito tromi e-mailovými klientmi

• Ako zakriviť text vo Photoshope

• Ako lietať s dronom pre úplných začiatočníkov

• Ako pridať hudbu do Prezentácií Google

• 7 technických tipov na SEO optimalizáciu pre akúkoľvek webovú stránku

• Ako vytvoriť vyplniteľný formulár Dokumentov Google pomocou tabuliek

• Ako zobraziť stránky a súbory vo vyrovnávacej pamäti z vášho prehliadača

• Ako používať Photoshop Nahradiť farbu pre kreatívne úpravy

• Ako udržať počítač so systémom Windows v bdelom stave bez dotyku myši

• Ako chrániť heslom PDF, aby bol bezpečný

• Ako otvoriť uzamknutý súbor, keď ho používa iný program

• Ako nastaviť Master Pages v Adobe InDesign CC