V předchozích lekcích o kreslení tvarů ve Photoshopu jsem zmínil, že v tomto programu existují tři různé typy tvarů – ve skutečnosti se jedná o „Vektorový tvar“ (Shape), „Contour“ (Path) a „Pixel“. Fill” (tvary založené na pixelech). To znamená, že ve Photoshopu můžeme vytvářet vektorové tvary, cesty a obrazce pixelů. V tomto tutoriálu se blíže podíváme na rozdíl mezi těmito typy a na to, kdy vybrat který typ.

Typ tvaru můžete vybrat v levé části panelu možností, samozřejmě s jedním z aktivních vektorových nástrojů.

Jak jsme se dozvěděli v tutoriálu Jak kreslit vektorové tvary ve Photoshopu, nástroje pro tvarování Photoshopu jsou vnořeny na jednom místě v panelu nástrojů.Ve výchozím nastavení je na panelu zobrazen nástroj Obdélník, ale pokud na ikonu nástroje kliknete pravým tlačítkem, otevře se rozbalovací nabídka se seznamem dalších dostupných nástrojů. Z tohoto seznamu si vyberu nástroj Elipsa, ale to, co se naučíme dále, platí pro další nástroje tvarů, nejen pro Elipsu:

Výběr nástroje Elipsa.

Režimy kreslení

Jakmile vybereme nástroj Elipsa, musíme Photoshopu říci, jaký typ tvaru chceme vytvořit – vektorový tvar, cesta nebo tvar pixelu, to lze provést pomocí rozevíracího seznamu v levém rohu lišty možností.

Tři režimy kreslení tvarů

Ze tří typů kreslicích režimů je nejpoužívanější typ "Shape" . Samotný Photoshop, jak už název napovídá, je známější jako program pro úpravu fotografií a fotomontáž, stejně jako rastrové (pixelové) kreslení.

Ale s vydáním nejnovějších verzí programu se možnosti vektorového kreslení ve Photoscop rychle rozšiřují a některé kresby je pohodlnější vytvářet ve vektorech, protože. pixelové formy mají řadu omezení. Největší nevýhodou obrazů založených na pixelech je, že se velmi špatně měří, zvláště když je třeba je zvětšit, než je původní velikost. Koneckonců, Photoshop prostě sám o sobě přidává nové pixely, což zhoršuje kvalitu obrázku. Také pixelované obrázky nevypadají tak dobře při tisku, protože rozlišení monitoru počítače je mnohem menší než jaké tiskárna vyžaduje pro vysoce kvalitní tisk obrázku.

Vektorové obrázky na druhou stranu nemají s pixel artem nic společného. Skládají se z matematických algoritmů popisujících elementární geometrické objekty, běžně označované jako primitiva, jako jsou body, čáry, splajny, Bézierovy křivky, kružnice a kružnice, polygony. Všechna tato primitiva tvoří to, co vidíme v dokumentu Photoshopu jako vektorový tvar.Nebojte se "matematické" části vektorových tvarů, Photoshop zvládne veškerou matematiku v zákulisí, takže se můžeme soustředit pouze na kreslení tvarů.

To znamená, že můžeme měnit velikost vektorového tvaru tolikrát, kolikrát chceme, bez ztráty kvality obrazu. Vektorové tvary si zachovávají své ostré a ostré hrany bez ohledu na to, jak moc je zvětšíme nebo snížíme. A na rozdíl od pixelů jsou vektorové tvary nezávislé na rozlišení. Nezáleží jim na aktuálním rozlišení vašeho dokumentu, vždy vytisknou ve vysoké kvalitě na nejvyšší rozlišení vaší tiskárny.

Podívejme se na některé věci, které můžeme dělat s vektorovými tvary ve Photoshopu, a pak je porovnáme s cestami a výplněmi pixelů. Chcete-li začít kreslit vektorové tvary, vyberte možnost Vrstvy tvarů na panelu Možnosti:

Výběr možnosti Vrstvy tvarů pro kreslení vektorových tvarů na vrstvy.

Než začneme něco dělat, podívejme se na panel vrstev, kde můžete vidět, že můj dokument se momentálně skládá pouze z jedné vrstvy - pozadí - které je vyplněno bílou:

Panel vrstev je zobrazen na pozadí dokumentu, na panelu vrstev je nyní pouze vrstva pozadí bílá, dokument je zobrazen v plné velikosti.

Pro zjednodušení příkladu vezmu nástroj Elipsa a vyberu plnou červenou výplň bez tahu, více o vytváření tvarů a jejich vyplňování zde a podržením Shift vytvořím správný kruh:

Vektorový obrázek ve tvaru pravidelného kruhu

Photoshop umístí každý nový vektorový tvar, který nakreslíme, do samostatné vrstvy zvané vrstva tvaru. A když se nyní podíváme na panel vrstev, uvidíme novou vrstvu s tvarem nazvanou „Ellipse 1“ (v angličtině – Ellipse 1), umístěnou nad vrstvou pozadí.Skutečnost, že se jedná o vrstvu s vektorovým tvarem, je označena ikonou umístěnou vpravo dole na miniaturě vrstvy:

Každý nový vektorový tvar dostane svou vlastní vrstvu, ikona vektorové vrstvy zakroužkovaná ve světle zelené barvě

Každý nový vektorový tvar dostane svou vlastní vrstvu v panelu vrstev.
S jedním tvarem připraveným v dokumentu nakreslím druhý podobný tvar vedle prvního tak, aby druhý tvar překrýval první trochu. Photoshop automaticky umístí tento druhý vektorový tvar do své vlastní vrstvy (vrstva se automaticky jmenuje „Elipsa 1“) Na miniatuře vrstvy je také ikona:

Dva překrývající se vektorové tvary. Druhý vektorový tvar aktuálně překrývá první. Panel vrstev zobrazuje dvě samostatné vrstvy s tvary.

V současné době jsou oba mé tvary červené, ale barvu kteréhokoli tvaru můžeme snadno změnit jednoduchým dvojitým kliknutím na miniaturu vrstvy v panelu vrstev.Poklepal jsem na miniaturu druhého tvaru, tato akce otevře okno Výběr barvy, kde mohu vybrat novou barvu. Navíc během výběru barvy se barva figurky a náhledu mění v reálném čase:

Po dvojitém kliknutí na miniaturu vrstvy v panelu vrstev změňte barvu tvaru. Všimněte si, že když změníte barvu ve Výběru barvy, barva se změní také jako náhled tvaru v dokumentu a miniatura vrstvy. Pokud místo "OK" kliknete na tlačítko "Storno" , výběr barvy se zavře a barva tvaru se nezmění (v mém případě zůstane červená)

Kliknu na OK, čímž zavřu výběr barvy a přijmu změny. Teď je můj tvar modrý.

Vektorový tvar v dokumentu můžete vybrat pomocí nástroje pro výběr cesty:

Vybrat tvary můžete ale pouze na aktivní vrstvě, takže abych mohl vybrat červený kruh, musím nejprve kliknout na vrstvu s tímto tvarem v panelu vrstev a poté na samotný tvar v dokument:

Výběr červeného kruhu: nejprve vyberte vrstvu a poté klikněte na tvar.

Mohu měnit vrstvy v zásobníku vrstev. Pokud například přetáhnu vrstvu s červeným kruhem nahoru, překryje modrou vrstvu:

Posuňte vrstvu s červeným kroužkem nahoru.

Ale s vektorovými tvary můžeme dělat mnohem zajímavější věci. Můžeme například kombinovat dva nebo více tvarů dohromady a vytvořit tak různé složité tvary!

Až do tohoto bodu Photoshop umístil každý nový vektorový tvar do vlastní vrstvy, ale můžete získat velmi zajímavou věc, pokud spojíme dva nebo více tvarů ve stejné vrstvě tvaru. Kombinování tvarů se budu podrobněji věnovat v jiném článku, ale zde vám ukážu, jak rychle kombinovat tvary Photoshopu pomocí klávesových zkratek.

Přidejme tedy dva vektorové tvary dohromady. Vyberte modrý tvar na panelu vrstev a stiskněte Ctrl+C. Poté vrstvu smažte přetažením myši do koše:

Smazat vrstvu po zkopírování

Nyní máme v panelu vrstev pouze červenou vrstvu tvaru a vrstvu pozadí. Kliknutím na vrstvu tvaru ji vyberte a poté stisknutím kláves Ctrl+V na klávesnici vložte zkopírovaný tvar do vrstvy. postavy budou sloučeny do jedné:

Sloučení dvou kruhů v jedné vrstvě.

Vzhledem k tomu, že oba tvary jsou aktuálně ve stejné vrstvě, mohu změnit způsob vzájemné interakce tvarů výběrem různých možností na panelu Možnosti pomocí tlačítka Operace cesty:

Tlačítko pro přepínání režimů interakce vrstevnic (" Operace s vrstevnicí" )

Kliknutím na toto tlačítko zobrazíte seznam se čtyřmi různými režimy interakce, kterými jsou: Kombinovat tvary (Přidat do oblasti tvaru), Odečíst přední tvar (Odečíst od oblasti tvaru), Protínat oblasti tvaru a Vyloučit protínající se tvary (Vyloučit Překrývající se oblasti tvaru):

Konturové operace

Operace Přidat do oblasti tvaru byla zahájena v okamžiku, kdy jsme vložili zkopírovaný tvar do vrstvy tvaru. Podívejme se na další operace.

Odečíst přední tvar(Odečíst od oblasti tvaru) - druhý (vložený) tvar již není v dokumentu viditelný. Místo toho jej Photoshop používá k odstranění části původního tvaru, části, kde se tyto dva tvary protínají:

Vložený obrázek se odečte od prvního. Přední strana v této možnosti je druhý tvar, který se objevil v dokumentu, je jakoby nahoře, před námi.

Protínat oblasti tvarů- Tentokrát zůstane viditelná pouze oblast, kde se dva tvary překrývají:

Viditelná oblast zůstává pouze v oblasti průsečíku obrázků

Vyloučit překrývající se oblasti tvaru- opačný výsledek. Oba tvary jsou viditelné pouze v oblastech, kde senepřekrývají:

Zůstanou viditelné pouze ty oblasti tvarů, kde se navzájem nepřekrývají

Úplné spojení tvarových složek

A v seznamu zbývá ještě jeden příkaz - Sloučit součásti tvaru. Ne nadarmo tým stojí stranou od ostatních, protože. to vede k nevratným akcím - spojení tvořících kontur. Pokud jsme dříve jednoduše přepínali mezi příkazy, pak po použití tohoto příkazu již nebude možné přepínat.

Klikneme-li na tento řádek, objeví se varovná zpráva„Tato operace změní tvar na pravidelnou cestu. Pokračovat?" (Tato operace změní živý tvar na pravidelnou cestu. Pokračovat?), po kliknutí na OK budou cesty sloučeny, všechny vnitřní linie protínajících se cest budou odstraněny a dva nebo více vektorových tvarů bude převedeno do jedné cesty, což je znázorněno na obrázku, spojením složek obrázků na:
1.Přidat do oblasti tvaru
2. Odečíst od oblasti tvaru
3. Protnout oblasti tvaru

Kombinování součástí tvaru v různých provozních stavech dráhy

Obkreslování obrysů

Dosud jsme vektorové nástroje používali v režimu tvaru. Přepněme režim na liště Možnosti na Cesta. Upozorňujeme, že po přepnutí z panelu možností zmizely některé možnosti, například barevná výplň, tah atd.:

Panel možností pro režim vektorových nástrojů "Kontura" (Cesta)

Vytvořme nový dokument Photoshopu, na kterém je pouze jedna vrstva pozadí, vezměte nástroj Elipsa na panelu Možnosti, vyberte režim nástroje Cesta, jak jsem řekl výše, a nakreslete na dokument cestu . Kurzor vsib pak bude mít tvar křížku se znaménkem plus:

Cesta vytvořená nástrojem Elipsa v režimu Cesta.

Upozorňujeme, že na panelu vrstev se nic nezměnilo - protože před nakreslením obrysu byla jedna vrstva pozadí, po nakreslení zůstává stejná.

Důvodem je, že čisté cesty jsou nezávislé na vrstvě. A ačkoliv v tuto chvíli v dokumentu vidíme obrys, ale při ukládání dokumentu a ve formátu JPG.webp, PNG atd., stejně jako při tisku, obrys se nezobrazí.

Cesta je jen nástroj pro některé akce – převedení cesty na vybranou oblast, obkreslení cesty, její vyplnění barvou, vytvoření 3D vysunutí z cesty atd., ale cesta není plná -první prvek kreslení.

A protože cesty jsou nezávislé na vrstvách, mají svůj vlastní panel – panel Cesty – který je ve výchozím nastavení seskupen s panely vrstev a kanálů. Na obrázku níže se přepínám na panel Cesty, kde vidíme cestu, kterou jsem právě nakreslil, automaticky ji Photoshop pojmenuje jako „Pracovní cesta“.- Pracovní cesta):

Obrys v dokumentu a na panelu Cesty

Název "Pracovní cesta" znamená, že tato cesta je momentálně dočasná, ale můžeme ji uložit jako součást dokumentu, k tomu ji stačí přejmenovat. Chcete-li ji přejmenovat, poklepejte na její název v panelu Cesty, poté Photoshop otevře dialogové okno pro uložení cesty s návrhem nového názvu. Můžete jednoduše přijmout nový výchozí název nebo zadat svůj vlastní. Své pojmenuji "obrys-elipsa" :

Cesta k uložení osnovy

Ačkoli, abych byl upřímný, obrys je uložen při ukládání dokumentu PSD a bez přejmenování, možná nebyl uložen v dřívějších verzích, nepamatuji si.

Nástroje pro práci s cestami jsou Nástroj pro výběr cesty, Nástroj pro přímý výběr a Nástroj Převést bod ze skupiny Pero.

Nástroj pro výběr cesty vybere celou cestu se všemi uzly, nástroj pro výběr uzlu vybere jeden (nebo kolik, pokud podržíte Ctrl) referenčních uzlů cesty, nástroj úhel změní vlastnosti reference uzly.

Úprava cesty pomocí nástroje pro výběr uzlů

Operace na cestě

Ve spodní části panelu obrysů je sedm tlačítek. Tato tlačítka vám umožňují provádět některé operace s cestami:

Tlačítka pro operace s cestami.

Výpis, zleva doprava:

Vyplnit cestu barvou popředí (Vyplnit cestu barvou popředí) - obrys na aktivní vrstvě v panelu vrstev bude vyplněn barvou popředí barevné palety. Pokud má dokument pouze vrstvu pozadí, bude vrstva pozadí vyplněna.

Vytáhněte cestu štětcem (Vytáhněte cestu štětcem) - obrys na aktivní vrstvě bude tažen štětcem v hlavní barvě barevné palety.Tloušťka a tvrdost čáry tahu závisí na nastavení nástroje Brush Tool. Pokud je například „Štětec“ předkonfigurován – kulatý, 50% tvrdost a hlavní barva v paletě je červená – bude to čára tahu, červená, měkká, 3 pixely silná.

Načíst cestu jako výběr (Načíst cestu jako výběr) - cesta bude převedena na výběr.

Vytvořit pracovní cestu z výběru(Vytvořit pracovní cestu z výběru) - v tomto případě z pochopitelných důvodů neaktivní.

Přidat masku (Přidat masku) - maska vrstvy bude přidána do vrstvy podél obrysů obrysu, průhledná oblast masky bude uvnitř obrysu, funguje pouze po převedení kontury na výběr.

Vytvořit novou cestu (Vytvořit novou cestu) – v tomto případě se nepoužívá.

Trash (Smazat aktuální cestu) – myslím, že zde. jasné, potřeba odstranit obrys

Na liště možností jsou navíc tři tlačítka pro práci s cestami:

Tlačítka operací cesty na liště možností

Tlačítko "Výběr" (Výběr) převede cestu na výběr. Na rozdíl od podobného tlačítka v dolní části panelu cest, stisknutím tohoto tlačítka se cesta okamžitě nepřevede na výběr, ale otevře se dialogové okno s některými parametry a umožní vám nastavit například poloměr prolnutí:

Dialog možností pro převod cesty na výběr

Maska - přidá do vrstvy vektorovou masku. Pokud je v panelu vrstev pouze vrstva pozadí, převede se na normální vrstvu a přidá se k ní také vektorová maska:

Vektorová maska z vrstvy pozadí

O třetím tlačítku budu mluvit níže.

Převést cesty na vektorové tvary

Pro převod cest do vektorových tvarů je na hlavním panelu speciální tlačítko, které je aktivní v režimu "Outline" , toto je třetí tlačítko z těch, o kterých jsem začal mluvit výše, jmenuje se "Shape" :

Tlačítko na pruhu voleb pro převod cesty na vektorový tvar.

Stisknutím tlačítka se cesta a okamžitě změní na vektorový tvar:

Vektorový tvar z cesty. Barva výplně tvaru je převzata z hlavní barvy barevné palety.

Postava je vyplněna plnou barvou. Tato barva odpovídá hlavní barvě barevné palety.

Faktem však je, že toto tlačítko se objevilo pouze v nejnovějších verzích Photoshopu. Mezitím je tato operace (vektorový tvar z cesty) dostupná pro starší verze Photoshopu až po CS3 včetně, i když vyžaduje trochu zaostření.

Takže mám dokument s vrstvou pozadí a jednoduchým obrysem:

Náčrt pro vytvoření vektorového tvaru.

Pro vytvoření tvaru stačí přidat vrstvu úprav Solid Color. Otevře se dialogové okno vrstvy, kde vyberte barvu výplně pro budoucí tvar a klikněte na OK. Vše, postava je připravena, je vytvořena na nové vrstvě. Výsledek je v podstatě stejný jako při použití tlačítka Tvar.:

Vektorový tvar z cesty pomocí vrstvy úprav Solid Color.

Vyplnit pixely

Třetím režimem tvaru ve Photoshopu je Fill Pixels, který nám umožňuje vytvářet pixelované tvary. Vyberu možnost "Pixely" (Pixely) na liště možností:

Režim vyplnění pixelů na liště možností

Režim výplně pixelů je ze tří režimů kreslení tvarů nejméně zajímavý a užitečný, protože v tomto režimu Photoshop jednoduše kreslí geometrické tvary vyplněné barevnými pixely a pixely nejsou tak snadno upravitelné a/nebo škálovatelné jako vektorové tvary.

Na rozdíl od vektorových tvarů, které dostanou svou vlastní vrstvu automaticky při každém přidání nového tvaru, se obrazec pixelu objeví přímo na aktivní vrstvě, pokud je právě aktivní vrstva pozadí, pak se tvar nakreslí na ni.

Takže nové prázdné vrstvy by měly být použity k vytvoření nových tvarů pixelů.

V tuto chvíli mám dokument s jedinou vrstvou pozadí. Přidám novou vrstvu stisknutím Ctrl + Shift + Alt + N, nastavím barvu v paletě barev na, řekněme, zelenou5ab345, vezmu nástroj Elipsa, režim v pruhu voleb, jak bylo zmíněno dříve, je nastaven na „Pixely“, kliknu kurzorem myši do dokumentu a tažením kurzoru vytvořím tvar:

Vytvoření pixelové výplně.

Po uvolnění tlačítka myši se tvar okamžitě vyplní hlavní barvou z palety barev:

Pixelová výplň vytvořená pomocí nástroje Elipsa.

Stejným způsobem můžete vytvářet tvary pomocí jiných kreslicích nástrojů.

Ve skutečnosti pixelové výplně nemají žádné zajímavější vlastnosti. Jediná věc je, že před vytvořením výplně můžete změnit režim prolnutí, ale můžete to udělat později změnou režimu prolnutí vyplněné vrstvy.

Nevýhody pixelovaného obrázku jsou podrobně popsány v materiálu "Vektorové a pixelové tvary ve Photoshopu" .

Kategorie: