Vytváření vlastních tvarů ve Photoshopu. Jak kreslit vektorové tvary ve Photoshopu, Možnosti výplně a tahu

V tomto tutoriálu se podíváme na základy práce s tvary a tvarovými vrstvami v Program Photoshop. Naši lekci začneme tím, že se naučíme pět základních nástrojů pro kreslení geometrických tvarů – obdélník, zaoblený obdélník, elipsa, mnohoúhelník a čára.

V další lekci se pak podíváme na to, jak kreslit tvary více složitý tvar pomocí nástroje Volný tvar. Většina lidí si myslí, že Photoshop se používá pouze pro zpracování obrázků, a pokud byste je požádali, aby vám doporučili dobrý grafický editor, ve většině případů by odpověď byla „ Adobe Illustrator».

Možnosti editoru Adobe Illustrator v oblasti vektorové grafiky jsou skutečně mnohem širší než program Photoshop, ale přesto program Photoshop v této oblasti dokáže více, než by se dalo očekávat od editoru rastrových obrázků. Různé nástroje Shapes a vrstvy tvarů ve Photoshopu usnadňují přidávání jednoduchých vektorových obrázků do vašich kreseb a kreseb.

Photoshop má šest nástrojů, které vám umožňují kreslit tvary – nástroj obdélník, nástroj zaoblený obdélník, nástroj elipsa, nástroj mnohoúhelník, čára „(nástroj čára) a „nástroj vlastního tvaru“. Jsou umístěny na jednom místě na panelu nástrojů.

Ve výchozím nastavení je nástroj Obdélník viditelný v panelu nástrojů, ale pokud klikneme na ikonu nástroje a podržíme tlačítko myši na několik sekund, objeví se vyskakovací nabídka se seznamem zbývajících nástrojů ve skupině Tvary z ze kterého si můžeme vybrat ten, který potřebujeme:

Všech šest nástrojů ve skupině Tvary je umístěno na jednom místě na panelu nástrojů

Pokud jste nejprve vybrali jeden nástroj ve skupině Tvary a pak chcete přepnout na jiný, není nutné znovu navštěvovat panel Nástroje (ačkoli to můžete udělat, pokud chcete). Photoshop nám umožňuje vybrat si správný nástroj na panelu nastavení v horní části obrazovky, kde je zobrazeno všech šest nástrojů. Například na panelu Nástroje vyberu nástroj Obdélník:

Výběr nástroje Obdélník

Po výběru nástroje Obdélník se v pruhu voleb zobrazí šest ikon různé nástroje skupina "Postavy". Nástroje jsou uspořádány zleva doprava ve stejném pořadí, v jakém se objevují na panelu nástrojů, takže opět vidíme nástroje Obdélník, Zaoblený obdélník, Elipsa, Mnohoúhelník, Čára a Volný tvar. Chcete-li vybrat požadovaný nástroj, jednoduše klikněte na jednu z ikon:

Všech šest nástrojů Tvary lze vybrat přímo z panelu Možnosti (po výběru jednoho z nich na panelu Nástroje)

Výběr možnosti Vrstva tvaru

Než začneme kreslit tvary, musíme Photoshopu říct, jaký typ tvaru chceme nakreslit a v tomto případě Nemyslím "obdélník" nebo "kruh" podle typu postavy. Ve skutečnosti nám Photoshop umožňuje kreslit tvary tří odlišné typy- vektorové tvary, obrysy a tvary pixelů.

V dalším tutoriálu se podrobně podíváme na to, jak se tyto tři typy tvarů liší a kdy který typ použít, ale ve většině případů budete kreslit vektorové tvary. To jsou ty, které se kreslí v programu, jako je Illustrator. Na rozdíl od tvarů pixelů jsou vektorové tvary nezávislé na rozlišení a jsou zcela škálovatelné. To znamená, že je můžeme libovolně měnit, aniž bychom ztratili kvalitu obrazu. Okraje vektorových tvarů zůstávají ostré a ostré jak na obrazovce, tak při následném tisku.

Chcete-li kreslit vektorové tvary, vyberte na panelu nastavení volbu Vrstvy tvarů. Toto je první ze tří ikon umístěných směrem k levému okraji (prostřední ikona je možnost Cesty a pravá je možnost Vyplnit pixely):

Chcete-li kreslit vektorové tvary, vyberte možnost „Vrstva tvaru“.

Výběr barvy pro tvar

Po výběru možnosti Vrstva tvaru musíme vybrat barvu pro náš tvar. Uděláme to kliknutím na ikonu vzorníku barev umístěnou napravo od slova „Barva“ na panelu nastavení:

Kliknutím na ikonu vzorníku barev vyberte barvu pro tvar. požadovanou barvu

Tato akce otevře paletu barev, kde můžeme vybrat požadovanou barvu. V mém případě zvolím červenou. Jakmile vyberete barvu, kliknutím na OK zavřete paletu barev:

V paletě barev vyberte barvu obrázku

Pokud si nejste jisti, že jste vybrali správnou barvu pro svůj tvar těla, nedělejte si s tím starosti. Dále se podíváme na to, jak můžeme pomocí vrstev tvarů snadno přejít k předchozím krokům a kdykoli po nakreslení tvaru změnit barvu.

Nástroj Obdélník

Jak jste z názvu možná uhodli, nástroj Rectangle nám umožňuje kreslit čtyřstranné obdélníkové tvary. Jednoduše klikněte do okna dokumentu, abyste definovali počáteční bod tvaru, a poté, zatímco držíte stisknuté tlačítko myši, přetáhněte kurzor myši diagonálně pro dokončení kreslení tvaru. Když budete pohybovat kurzorem, uvidíte jemné obrysy budoucí postavy:

Přetažením kurzoru nakreslete obdélníkový tvar. Při pohybu kurzoru se objeví obrys tvaru

Když jste s výsledkem spokojeni, uvolněte tlačítko myši a program okamžitě vyplní tvar barvou, kterou jste vybrali na panelu nastavení:

Jakmile uvolníte tlačítko myši, program vyplní tvar barvou

Kreslení tvaru od středu

Pokud potřebujete nakreslit obdélník (nebo jiný tvar) spíše ze středu než z rohu, umístěte kurzor do okna dokumentu, abyste definovali střed budoucího obdélníku, a při stisknutém tlačítku myši začněte přetahovat kurzor a kreslení tvaru jako obvykle. Během toho stiskněte klávesu Alt (Win) / Option (Mac) a při pohybu kurzoru ji držte stisknutou. Stisknutím této klávesy sdělíte programu, aby nakreslil tvar ze středu. Tato technika funguje se všemi nástroji Tvar, nejen s nástrojem Obdélník:

Chcete-li nakreslit tvar ze středu, podržte při pohybu kurzoru Alt (Win) / Option (Mac).

Kreslení čtverců

Čtverce můžeme kreslit i pomocí nástroje Obdélník. Chcete-li nakreslit čtverec, umístěte kurzor do okna dokumentu a začněte jej přetahovat, přičemž nakreslete obdélníkový tvar. Jakmile to začnete dělat, stiskněte klávesu Shift a při pohybu kurzoru ji držte stisknutou. Stisknutím klávesy Shift přeměníte tvar na čtverec bez ohledu na to, kterým směrem pohybujete kurzorem. Můžete také přidat stisk klávesy Alt (Win) / Option (Mac) a nakreslit čtverec od středu (takže stiskněte a podržte Shift+Alt (Win) / Shift+Option (Mac)):

Chcete-li nakreslit čtverec, při používání nástroje Obdélník stiskněte a podržte klávesu Shift

Photoshop opět při pohybu kurzorem zobrazí pouze tenký obrys čtverce, ale když uvolníte tlačítko myši, vyplní čtverec barvou:

Program vždy počká, až uvolníte tlačítko myši a teprve poté tvar vyplní barvou

Možnosti nástroje skupiny tvarů

Pokud se podíváte na panel Možnosti, uvidíte malou šipku směřující dolů napravo od šesti ikon nástrojů skupiny Tvary. Kliknutím na tuto šipku se otevře seznam dalších možností pro nástroj skupiny Tvary, který jste vybrali. Když například vyberete nástroj Obdélník, kliknutím na šipku se otevře nabídka s možnostmi nástroje Obdélník. S výjimkou nástrojů Mnohoúhelník a Čára, na které se podíváme později, tuto nabídku příliš často nevyužijete, protože jsme se již naučili vybírat základní možnosti pomocí klávesových zkratek a jednotlivých kláves.

Například ve výchozím nastavení je vybrána možnost Unconstrained, která je zodpovědná za normální činnost nástroje Rectangle, což nám umožňuje kreslit obdélníkové tvary libovolné velikosti a poměru stran. Možnost Čtverec nám umožňuje kreslit čtverce, ale můžeme to udělat pouhým stisknutím a podržením klávesy Shift při pohybu kurzoru. Možnost Od středu je zodpovědná za kreslení tvaru ze středu, ale opět to můžeme udělat stisknutím a podržením klávesy Alt (Win) / Option (Mac):

Kliknutím na malou šipku zobrazíte další možnosti nástroje Obdélník

Tvarová vrstva

Než přejdeme ke zbytku skupiny Shapes, podívejme se na panel Vrstvy. Jak si pamatujete, na začátku lekce jsme se naučili, že pro kreslení vektorových tvarů ve Photoshopu musíte na panelu Možnosti vybrat možnost „Vrstva tvaru“. A teď, když jsem nakreslil tvar, můžeme vidět, že se v panelu Vrstvy objevila vrstva tvaru (vrstva typu Shape), kterou program nazval „Shape 1“. Každý nový vektorový tvar, který nakreslíme, bude umístěn samostatná vrstva, která vypadá jinak než běžná vrstva tvořená pixely. Na levé straně vrstvy je ikona vzorníku barev, která zobrazuje aktuální barvu výplně našeho tvaru a napravo od ikony barvy je miniatura vektorová maska:

Vrstvy tvarů mají na levé straně ikonu vzorníku barev a napravo miniaturu vektorové masky.

Jak jsem již zmínil dříve, nemusíme si dělat starosti s výběrem správné barvy tvaru, protože po vytvoření můžeme snadno změnit barvu výplně tvaru. Chcete-li to provést, dvakrát klikněte na ikonu vzorku barvy vrstvy tvaru:

Chcete-li změnit aktuální barvu tvaru, poklepejte na ikonu vzorníku barev

Photoshop znovu otevře paletu barev, kde si můžeme vybrat jinou barvu pro náš tvar. Tentokrát zvolím modrou:

Vyberte jinou barvu z palety barev

Je snadné se kdykoli vrátit a změnit barvu tvaru.

Napravo od ikony vzorníku barev ve vrstvě tvaru je miniatura vektorové masky. Bílá plocha v miniatuře představuje naši postavu. Vektorové masky jsou podobné běžným maskám vrstev v tom, že částečně pokrývají vrstvu, takže určité oblasti zůstávají viditelné. Jinými slovy, když nakreslíme vektorový tvar, program ve skutečnosti vyplní celou vrstvu vybranou barvou, ale maska ​​zobrazí barvu pouze uvnitř oblasti tvaru, zatímco barva na zbytku plochy vrstvy je skrytá. Při práci s nástroji skupiny „Shapes“ samozřejmě není vůbec nutné vědět, jak vektorová maska ​​funguje, ale vždy je fajn pochopit, jak nástroje fungují. Šedá oblast kolem tvaru na miniatuře vektorové masky představuje oblast ve vrstvě, kde není barva viditelná, zatímco bílá oblast na miniatuře představuje oblast na vrstvě s barvou:

Bílá oblast na vektorové masce představuje oblast ve vrstvě, kde je viditelná barva

Abychom lépe viděli, jak Photoshop vykresluje vektorový tvar, můžeme dočasně zakázat vektorové masky stisknutím a podržením klávesy Shift a kliknutím na miniaturu vektorové masky:

Podržte klávesu Shift a kliknutím na vektorovou masku ji vypněte

Po vypnutí vektorové masky se vrstva otevře a vidíme, že je celá vyplněná modrý, kterou jsem zvolil k vyplnění tvaru. Když se podíváme pozorněji, můžeme vidět tenký obrys umístění tvaru na vrstvě:

Po vypnutí vektorové masky můžete vidět, že celá vrstva je vyplněna barvou

Chcete-li vektorovou masku znovu zapnout, jednoduše podržte klávesu Shift a znovu klikněte na miniaturu masky v panelu Vrstvy. Po zapnutí masky zůstane barva pouze uvnitř oblasti tvaru, zatímco barva ve zbytku vrstvy bude skryta. Bílé oblasti kolem tvaru v okně dokumentu patří do vrstvy pozadí níže:

Dokument po opětovném povolení vektorové masky

Nyní, když jsme se dozvěděli o vrstvách tvarů, podívejme se na další tvary, které můžete kreslit ve Photoshopu pomocí nástrojů skupiny Tvary.

Nástroj Zaoblený obdélník

Nástroj Zaoblený obdélník je velmi podobný nástroji Obdélník kromě toho, že nám umožňuje kreslit zaoblené obdélníky. Míru zaoblení rohů upravíme pomocí volby Poloměr v panelu nastavení. Čím větší hodnotu poloměru zadáme, tím zaoblenější budou rohy. V mém případě zadám hodnotu poloměru 50 pixelů:

Pomocí možnosti Poloměr určete stupeň zaoblení rohů

Chcete-li nakreslit zaoblený obdélník, poté, co zadáte hodnotu poloměru, kliknutím do okna dokumentu definujte počáteční bod tvaru a poté při stisknutém tlačítku myši táhněte kurzorem myši, čímž dokončíte kreslení tvaru. Stejně jako u tvaru Obdélník, když pohybujete kurzorem, program zobrazí tenký obrys tvaru:

Po zadání hodnoty poloměru do pruhu Možnosti přetáhněte kurzor a nakreslete zaoblený obdélník

Když uvolníte tlačítko myši, Photoshop dokončí kreslení tvaru a vyplní jej barvou:

Po uvolnění tlačítka myši se tvar vyplní barvou

Níže je další obdélník s poloměrem nastaveným na 150 pixelů. Tato hodnota je tak velká (v každém případě pro tento obrázek), že levá a pravá strana obdélníku mají tvar křivky:

Jak větší hodnotu poloměr, tím více zaoblené jsou rohy

A tady je obdélník s malou hodnotou poloměru 10 pixelů, který jen mírně zakulacuje rohy tvaru:

Malá hodnota poloměru zaobluje rohy méně

Bohužel chybí náhled na míru zaoblení rohů. Jak zaoblené jsou rohy, můžeme vidět, až když nakreslíme obdélník. Při kreslení tvaru také nemůžeme měnit hodnotu poloměru, jak je k dispozici v Illustratoru. Photoshop nám také nedovolí vrátit se a ani mírně upravit zaoblení rohů poté, co jsme tvar nakreslili.

Vše výše uvedené znamená, že kreslení zaoblených obdélníků je v podstatě otázkou pokusů a omylů. Pokud se vám nelíbí zaoblené rohy tvaru poté, co jste jej nakreslili, stiskněte Ctrl+Z (Win) / Command+Z (Mac) pro rychlé vrácení zpět, poté zadejte novou hodnotu poloměru do panelu Možnosti a začněte znovu nakreslete obdélník.

Stejně jako nástroj Obdélník můžete použít nástroj Zaoblený obdélník ke kreslení zaoblených čtverců. Jednoduše stiskněte a podržte klávesu Shift, jakmile začnete kreslit tvar, a váš zaoblený obdélník bude mít tvar zaobleného čtverce. Stisknutím a podržením Alt (Win) / Option (Mac) nakreslete tvar od středu.

Pokud klikneme na malou šipku v pruhu voleb a otevřeme nabídku Rozšířené možnosti pro nástroj Zaoblený obdélník, uvidíme, že možnosti Volný styl, Čtverec a Střed jsou stejné jako možnosti nástroje Obdélník. Opět již víme, jak tyto možnosti vybrat pomocí klávesových zkratek a jednotlivých kláves:

Nástroje Obdélník a Zaoblený obdélník mají stejné pokročilé možnosti

Nástroj elipsa

Nástroj Elipsa nám umožňuje kreslit elipsy a kružnice. Stejně jako u nástrojů Obdélník a Zaoblený obdélník kliknutím do okna dokumentu definujte počáteční bod tvaru a poté při stisknutém tlačítku myši táhněte kurzorem myši, čímž dokončíte kreslení tvaru:

Kreslení elipsy pomocí nástroje Elipsa

Uvolněním tlačítka myši dokončíte kreslení tvaru a jeho vyplnění barvou:

Ellisnaplněnbarva

Jakmile začnete s nástrojem Elipsa kreslit, stiskněte a podržte klávesu Shift hladký kruh. Stisknutí Alt (Win) / Option (Mac) vám umožní nakreslit tvar od středu:

Začněte kreslit a poté přidejte stisk klávesy Shift, abyste vytvořili dokonale rovnoměrný kruh

Klepnutím na malou šipku na panelu Možnosti otevřete možnosti nástroje Elipsa, které jsou podobné nástrojům Obdélník a Zaoblený obdélník. Jediný rozdíl je v tom, že nástroj Elipsa umožňuje kreslit kruhy místo čtverců:

Nástroj Elipsa má téměř stejné možnosti jako nástroje Obdélník a Zaoblený obdélník.

Nástroj mnohoúhelník

Nástroj Polygon Tool je pro nás zajímavější z hlediska schopnosti kreslit tvary. Zatímco s nástrojem Rectangle můžeme kreslit pouze čtyřstranné obdélníky, nástroj Polygon nám umožňuje kreslit mnohoúhelníky s libovolným počtem stran. Dále se podíváme na to, jak můžete pomocí tohoto nástroje dokonce kreslit hvězdy.

Zadejte požadovaný počet stran pro mnohoúhelník v poli možností Strany na panelu nastavení. Výchozí hodnota pro Strany je 5, ale můžete zadat libovolné číslo od 3 do 100:

Pomocí možnosti Strany sdělte Photoshopu, kolik stran bude mít váš polygonální tvar

Jakmile určíte počet stran, umístěte kurzor do okna dokumentu a začněte tažením kreslit polygonální tvar. Photoshop vždy kreslí polygonální tvary od středu, takže nemusíte držet klávesu Alt (Win) / Option (Mac). Stisknutí a podržení klávesy Shift poté, co začnete kreslit mnohoúhelník, vám umožní omezit počet úhlů pro váš tvar a umístit jej přesně tak, jak chcete na obrazovce:

Nástroj Mnohoúhelník je nepostradatelný, když potřebujeme nakreslit jiný tvar než čtyřúhelník

Zadáním počtu stran rovným 3 můžeme snadno nakreslit trojúhelník:

Jednoduchý trojúhelník nakreslený nástrojem Mnohoúhelník

Zde je polygon s 12 stranami:

PolygonSdvanáctstrany

Kreslení hvězd pomocí nástroje Mnohoúhelník

Chcete-li nakreslit hvězdu pomocí nástroje Mnohoúhelník, kliknutím na malou šipku v pruhu voleb otevřete seznam možností nástroje Mnohoúhelník a vyberte možnost Hvězda:

Ze seznamu možností pro nástroj mnohoúhelník vyberte „Hvězda“

Po výběru možnosti „Hvězda“ klikněte myší v okně dokumentu a tažením kurzoru nakreslete hvězdu. Možnost Strany na panelu nastavení určuje počet bodů na hvězdě. Pokud je tedy výchozí hodnota parametru pět, dostaneme pěticípou hvězdu:

Ve výchozím nastavení mají horní části hvězd ostré rohy, ale můžeme je zaoblit výběrem možnosti Hladké rohy:

Vyberte možnost „Vyhladit vnější rohy“

Níže je pěticípá hvězda s vybranou možností Hladké vnější rohy:

Možnost Smooth Outer Corners změkčuje hranatost hvězd

Můžeme také zaoblit rohy na základně paprsků hvězdy výběrem možnosti Hladké odsazení:

Vyberte možnost „Hladké vnitřní rohy“

A opět naše hvězda vypadá úplně jinak:

Nakreslená hvězda s vybranou možností Vyhladit vnitřní rohy

Nástroj Čára

Nakonec se podíváme na nástroj Čára, který je posledním nástrojem v " Geometrické obrazce" Umožňuje nám kreslit rovné čáry a šipky. Nastavte požadovanou tloušťku čáry v pixelech zadáním hodnoty do pole Parametr Hmotnost na panelu nastavení. V mém případě zadám hodnotu 16 pixelů:

Pomocí možnosti Tloušťka určete tloušťku čáry

Poté klikněte do okna dokumentu a přetažením kurzoru nakreslete čáru. Jakmile začnete kreslit čáru, stiskněte a podržte klávesu Shift, abyste omezili směr pohybu kurzoru. To vám umožní snadno kreslit vodorovné nebo svislé čáry:

Podržte klávesuPosun pro kreslení vodorovných nebo svislých čar

Chcete-li nastavit šipky na koncích čáry, klikněte na ikonu malé šipky na panelu nastavení a vyberte možnosti Arrowheads. Photoshop nám umožňuje přidat šipky na začátek řádku, na konec nebo na oba konce současně. Pokud chcete mít šipku ve směru, ve kterém čáru kreslíte, což je logičtější, vyberte možnost Konec. Ujistěte se, že jste vybrali tuto možnost předtím, než začnete kreslit čáru, protože program nám nedovolí vrátit se a definovat šipku po nakreslení čáry:

Chcete-li přidat šipku ve směru, ve kterém byla čára nakreslena, vyberte možnost Konec.

Níže je čára podobná té, kterou jsem nakreslil, ale se šipkou na konci:

Nástroj Čára usnadňuje kreslení šipek

Pokud vám výchozí velikost šipky nevyhovuje, můžete ji změnit pomocí parametrů Šířka a Délka. Můžeme také přidat ohyb k šipce pomocí parametru „Křivka“. Ve výchozím nastavení je hodnota tohoto parametru 0 %. Zvýším to na 50%:

Zvětšením hodnoty Zakřivení změníte tvar šipky

V důsledku toho se tvar šipky změní. Znovu se ujistěte, že jste vybrali hodnotu Zakřivení, než začnete kreslit čáru, in v opačném případě budete muset tvar smazat a nakreslit znovu:

Šipka se zakřivením nastaveným na 50 %

Skrytí obrysu kolem tvaru

Pokud se pozorně podíváte na tvar, který jste nakreslili (bez ohledu na to, který nástroj Tvary jste použili), pravděpodobně kolem něj uvidíte tenký obrys, který může být někdy nepříjemný. Obrys kolem tvaru se objeví vždy, když je vybrána maska ​​vektorového tvaru, a ve výchozím nastavení je vybrána vždy, když nakreslíme nový tvar.

Pokud se podíváte na vrstvu tvaru v panelu Vrstvy, uvidíte, že miniatura vektorové masky má kolem sebe bíle zvýrazněný okraj, což nám říká, že maska ​​je skutečně vybrána. Obrys kolem tvaru můžete skrýt zrušením výběru vektorové masky. Chcete-li to provést, jednoduše klikněte na miniaturu vektorové masky. Zvýrazněný okraj kolem miniatury zmizí, stejně jako obrys kolem tvaru v dokumentu:

Kliknutím na miniaturu vektorové masky zrušíte její výběr a skryjete obrys kolem tvaru

A teď máme hotovo! Probrali jsme základy práce s vrstvami tvarů a pěti nástroji Tvary ve Photoshopu! V dalším tutoriálu se naučíme vytvářet složitější tvary pomocí nástroje Custom Shape Tool.

Překlad: Ksenia Rudenko

V minulé lekci jsme se naučili pracovat s tvary a vrstvami tvarů ve Photoshopu. Podívali jsme se, jak používat pět nástrojů skupiny Tvary (Obdélník, Zaoblený obdélník, Elipsa, Mnohoúhelník a Čára) k přidání jednoduchých obdélníků a elips do dokumentu a také ke kreslení hvězd a čar a směrových šipek.

Je dobré mít v programu nástroje, které umožňují kreslit kruhy a čtverce, ale co když potřebujeme nakreslit složitější tvar? Co kdybychom chtěli přidat srdce na svatební fotografii nebo pozvánku nebo nakreslit psa nebo kočku pro logo zverimexu? Co takhle použít ve svých kresbách květiny, listy, sněhové vločky, noty nebo ikonu autorských práv?

Ve skutečnosti Photoshop pracuje se všemi těmito tvary a dalšími a umožňuje nám je přidat do obrázku se stejnou lehkostí, jako jsme přidali kruhy a čtverce. V programu se všechny tyto složitější tvary nazývají vlastní tvary a můžeme je kreslit pomocí nástroje Custom Shape Tool, o kterém se seznámíme v tomto návodu.

Nástroj pro tvarování zdarma

Nástroj Volný tvar se nachází na panelu nástrojů ve stejné sekci jako ostatní nástroje ve skupině Tvary. Ve výchozím nastavení je na obrazovce zobrazen nástroj Obdélník, ale pokud na něj kliknete a podržíte tlačítko myši na několik sekund, zobrazí se vyskakovací nabídka se seznamem dalších nástrojů, které jsou v této sekci také k dispozici. Nástroj Volný tvar je úplně dole v seznamu:

Klikněte a podržte ikonu nástroje Obdélník a poté ze zobrazené nabídky vyberte nástroj Volný tvar.

Pokud již máte vybraný některý z nástrojů skupiny Tvary, můžete rychle přepnout na nástroj Volný tvar na panelu Možnosti, kde je šest ikon představujících nástroje skupiny Tvary. Ikona nástroje Volný tvar je poslední vpravo (vypadá jako blob):

Pokud již máte aktivní jiný nástroj ve skupině Tvary, můžete na panelu nastavení vybrat nástroj Volný tvar

Výběr tvaru libovolné postavy

Po výběru nástroje Volný tvar se musíme rozhodnout pro tvar tvaru, který chceme nakreslit. Na panelu nastavení napravo od ikony nástroje Volný tvar se zobrazí okno náhledu, ve kterém se zobrazí miniatura tvaru, který je v tento moment vybraný:

V okně náhledu se zobrazí libovolný tvar, který jsme vybrali

Chcete-li vybrat jiný tvar, klikněte na okno náhledu. Tato akce otevře paletu Vlastní tvary, která zobrazí všechny tvary aktuálně dostupné k výběru. Ve skutečnosti Photoshop pracuje s mnoha velké množství libovolná čísla než omezený počet, který byl původně prezentován v paletě. Dále se podíváme na to, jak načíst další libovolné tvary do palety:

Chcete-li otevřít paletu Vlastní tvary, klepněte na okno náhledu

Chcete-li vybrat tvar, jednoduše klikněte na jeho miniaturu a poté klikněte na tlačítko Vstupte(Výhra) / Vrátit se(Mac) zavřete paletu. Nebo dvakrát klikněte na miniaturu tvaru, čímž vyberete tvar a zavřete samotnou paletu. Vyberu tvar srdce:

Vyberte tvar ve tvaru srdce z palety „Vlastní tvary“.

Výběr barvy pro tvar

Po výběru tvaru postavy musíte vybrat barvu. To lze provést kliknutím na ikonu vzorníku barev umístěnou vpravo od slova „Barva“ na panelu nastavení:

Kliknutím na ikonu vzorku barvy vyberte požadovanou barvu pro libovolný tvar

Program okamžitě otevře paletu barev, kde můžeme vybrat požadovanou barvu. Jelikož jsem se rozhodla nakreslit tvar srdce, zvolím barvu červenou. Chcete-li zavřít paletu barev, klepněte na tlačítko OK, když vyberete požadovanou barvu:

Z palety barev vyberte barvu pro postavu ve tvaru srdce

Výběr možnosti Vrstva tvaru

Jak jsem zmínil v minulém tutoriálu, Photoshop nám umožňuje kreslit tři typy tvarů pomocí skupiny nástrojů Shapes. Můžeme kreslit vektorové tvary, které jsou nezávislé na rozlišení a lze je měnit bez ztráty kvality (typ tvarů, které bychom kreslili v Illustratoru). Můžeme kreslit i cesty, což jsou jen obrysy tvarů, nebo můžeme kreslit obrazce pixelů, které program vyplní barevnými pixely. Ve většině případů kreslíme vektorové tvary a abychom to mohli udělat, musíme na panelu nastavení vybrat možnost Vrstvy tvarů. Je to první ikona ze skupiny tří ikon umístěných na levém okraji panelu Nastavení:

Chcete-li kreslit vektorové tvary, vyberte na panelu nastavení možnost „Vrstva tvaru“.

Chcete-li nakreslit tvar, klikněte do okna dokumentu, abyste definovali počáteční bod, a poté při stisknutém tlačítku myši přetáhněte kurzor myši ve směru od počátečního bodu. Jak pohybujete kurzorem, program vám ukáže tenký obrys budoucího obrázku:

Kliknutím definujte počáteční bod a poté tažením nakreslete tvar

Uvolněním tlačítka myši dokončíte kreslení tvaru a program okamžitě vyplní tvar barvou, kterou jste vybrali na panelu nastavení:

Photoshop vyplní tvar barvou, když uvolníte tlačítko myši

Kreslení postavy se správnými proporcemi

Všimněte si, že tvar mého srdce vypadá trochu zkresleně. Je širší a kratší, než jsem čekal. Stalo se to kvůli tomu, že se Photoshop ve výchozím nastavení nesnaží zachovat správné proporce (nebo jinak poměr stran) postavy v procesu jejího zobrazování. Stisknutím Ctrl+Z (Win) / Command+Z (Mac) akci vrátím zpět a zkusím tvar nakreslit znovu.

Chcete-li nakreslit tvar se správnými proporcemi, umístěte kurzor do okna dokumentu a při stisknutém tlačítku myši začněte přetahovat kurzor a kreslit tvar jako obvykle. Během toho stiskněte klávesu Shift a držte ji stisknutou při pohybu kurzoru. Jakmile stisknete (a podržíte) klávesu Shift, uvidíte, že obrys tvaru má správné proporce:

Chcete-li nakreslit tvar se správnými proporcemi, podržte při pohybu kurzoru klávesu Shift

Když jste spokojeni s velikostí tvaru, který jste nakreslili, uvolněte tlačítko myši a poté uvolněte klávesu Shift (nezapomeňte klávesu Shift uvolnit jako poslední). Program opět vyplní tvar vybranou barvou:

Klávesu Shift uvolněte až po uvolnění tlačítka myši

Opětovným stisknutím Ctrl+Z (Win) / Command+Z (Mac) akci vrátím zpět a poté vyberu jiný tvar kliknutím na pole náhledu tvaru na panelu Nastavení, čímž otevřete paletu Tvary. Tentokrát se zaměřím na obrázek hudebních not:

Kliknutím na miniaturu not vyberte tvar

Aby bylo možné kreslit hudební noty, umístím kurzor do okna dokumentu, abych definoval počáteční bod, a poté, zatímco držím tlačítko myši, přetáhnu kurzor myši ve směru od počátečního bodu. Jakmile začnu přetahovat kurzor, stisknutím a podržením klávesy Shift uzamknu správné proporce tvaru a budu pokračovat v kreslení obrázku:

Při pohybu kurzorem podržím klávesu Shiftaby byly zachovány správné proporce postavy

Poté pustím tlačítko myši a dokončím proces malování a Photoshop vyplní tvar stejnou barvou, jakou jsem zvolil pro předchozí tvar:

Nový tvar bude vyplněn stejnou barvou jako předchozí

Změňte barvu výplně nakresleného tvaru

Co když chci, aby moje nová postava měla jinou barvu než ta předchozí? Před nakreslením nového tvaru jsem mohl na panelu nastavení vybrat jinou barvu. Můžeme však také snadno změnit barvu již nakresleného tvaru. Každý nový vlastní tvar, který nakreslíte, se umístí do vlastní vrstvy tvaru na panelu Vrstvy a každá vrstva tvaru má svou vlastní ikonu vzorníku barev, která představuje aktuální barvu výplně tvaru. Chcete-li změnit barvu, stačí dvakrát kliknout na ikonu vzorníku barev:

Chcete-li změnit barvu aktuálního tvaru, poklepejte na ikonu vzorku barvy vrstvy tvaru

Photoshop znovu otevře paletu barev, kde můžeme vybrat novou barvu. Vyberu fialovou:

Vyberte novou barvu pro postavu z palety barev

Až budete připraveni zavřít výběr barvy, klikněte na OK, což Photoshopu umožní změnit barvu tvaru za nás:

Barvu vektorového tvaru můžeme kdykoliv změnit

Načítání dalších sad tvarů

Jak jsem již zmínil, Photoshop pracuje s mnohem větším počtem vlastních tvarů, než je omezený počet, který je nám zpočátku poskytnut. Musíme jen stáhnout dodatečná čísla do palety. Můžeme to udělat otevřením palety Tvary na panelu Možnosti a kliknutím na malou šipku v pravém horním rohu palety:

Klikněte na malou šipku v pravém horním rohu palety tvarů

Tato akce otevře nabídku s různými parametry, v jejímž dolním rohu bude seznam doplňkové sady tvary nainstalované ve Photoshopu. Každá z těchto sad je sbírka figurek spojených společným tématem, například „Zvířata“, „Hudba“, „Příroda“ atd. Některé sady se objevily pouze ve Photoshopu CS5 (což je verze, kterou používám), ale většina sad je dostupná v jakékoli nejnovější verzi programu:

Všechny tyto doplňkové sady tvarů jsou v programu nainstalovány, ale je nutné je načíst do palety ručně

Pokud víte, jakou sadu figurek potřebujete, můžete ji vybrat kliknutím na odpovídající název sady v seznamu. Je však jednodušší načíst všechny sady tvarů najednou. To lze provést výběrem názvu „Vše“ v horní části seznamu sad:

Chcete-li načíst všechny další sady formulářů, vyberte název „Vše“.

Poté se zobrazí dialogové okno a budete se muset rozhodnout, zda nahradit stávající vlastní tvary novými, nebo přidat tvary ke stávajícím. V okně vyberte možnost „Připojit“, která vám umožní uložit původní tvary a přidat k nim nové:

Chcete-li načíst nové tvary při ukládání původních tvarů do palety, vyberte „Přidat“ (Připojit)

A když nyní otevřeme paletu tvarů kliknutím na okno náhledu v panelu nastavení, uvidíme celou řadu nových tvarů, ze kterých si můžeme vybrat ty, které potřebujeme. Paletu tvarů jsem trochu rozšířil, aby bylo vidět více miniatur. Chcete-li zobrazit všechny miniatury tvarů, použijte posuvník na pravé straně palety:

Paleta Tvary je nyní načtena všemi dalšími tvary dostupnými ve Photoshopu

Níže uvádíme několik příkladů tvarů, které nyní můžeme v programu kreslit:

Paleta Tvary nyní odráží všechny další tvary dostupné ve Photoshopu

Přes veškerou rozmanitost hotových volných tvarů poskytovaných v programu se může stát, že ani po stažení všech sad nebudeme schopni najít obrázek, který potřebujeme pro speciální design, na kterém pracujeme. A Photoshop pro nás v tomto případě bude nepostradatelným pomocníkem, protože nám umožňuje vytvořit si jakýkoli tvar sami. Chcete-li se naučit, jak vytvářet, ukládat a používat vlastní sbírku vlastních tvarů, podívejte se na náš výukový program Vytvořte si vlastní tvary!

A teď máme hotovo! Podívali jsme se, jak můžete použít nástroj Volný tvar k přidání složitého tvaru do dokumentu. V dalším tutoriálu prozkoumáme rozdíly mezi vektorovými tvary, cestami a tvary pixelů!

Překlad: Ksenia Rudenko

Kreslení mraku perem

Jednoduchá lekce kreslení. Jak nakreslit cokoli pomocí nástroje Pero. Nástroj je univerzální, umí toho hodně, ale neprofesionálové ho používají jen zřídka. Proč? Myslí si, že je obtížné naučit se používat nástroj Pero ve Photoshopu. Nic složitého. Zkuste tento tutoriál jako příklad.

Jak nakreslit jednoduchou postavu perem - obláček nebo malý obláček? Nebo jakákoli jiná postava skládající se z několika zakřivených segmentů. Nejjednodušší způsob je vytvořit jednoduchý a primitivní přímočarý obrys a jeho segmenty pak „ohýbat“ podle potřeby.

Vezměte nástroj pero, klikněte na tlačítko Cesty na pruhu voleb, abyste nakreslili cestu bez výplně, a nakreslete tvar, jako je tento, pouhým kliknutím perem na správná místa:

Šipky nástroje pro výběr cesty a nástroje pro přímý výběr, které se nacházejí na panelu nástrojů bezprostředně pod perem, umožňují přesunout cestu nebo její jednotlivé uzly. Pokud obrys, který jste vytvořili, není zcela úspěšný, použijte tyto šipky pro úpravy.

Na oblak to moc nevypadá. Vyberte nástroj Přidat kotevní bod ze skupiny nástrojů Pero a umístěte další kotevní bod doprostřed přímky.

Aby se přímka ohýbala, musíte ji vytáhnout směrem ven za střed, tedy za tento další bod, který jsme nainstalovali. Z tohoto bodu vycházejí dvě vodítka. Pokud jsou velmi krátké, oblouk se strmě ohne. Chcete-li změnit tvar oblouku, uchopte špičku vodítka a roztáhněte jej. Aby byl oblouk symetrický, vodítka musí mít stejnou délku a musí k němu být umístěna ve stejném úhlu.

Převeďte všechny rovné segmenty na oblouky jako na obrázku.

Výsledkem je obrys připomínající mrak. Ale takto nakreslená postava není obraz, ale pouze vzor, ​​který lze použít k vytvoření obrazu. Obrys je na obrázku neviditelný. Vytvořený obrys mraku může být vyplněn barvou nebo texturou nebo obrysem tužkou nebo štětcem.

Vyberte bílou z panelu nástrojů Photoshopu.

Klikněte pravým tlačítkem kamkoli na obrys nebo do jeho blízkosti. Otevře se kontextové menu pro práci s konturou.

Z této nabídky vyberte Vyplnit cestu. V dialogovém okně, které se otevře, můžete vybrat barvu výplně popředí nebo pozadí, poloměr prolnutí a režim překrytí vrstvy.

Zde je výsledek - nakreslí se pěkný bílý mrak:

Co když by mrak neměl být bílý a vy potřebujete nakreslit pouze obrys mraku? Vraťte zpět poslední akci – vyplnění obrysu: Paleta Historie (Historie), jeden krok zpět.

Vyberte a přizpůsobte nástroj Tužka. Na panelu Možnosti nastavte jeho tloušťku na 2 nebo 4 obrazové body.

Kliknutím pravým tlačítkem myši vyvoláte kontextovou nabídku pro práci s cestou. Z nabídky vyberte Cesta tahu.

V okně, které se otevře, vyberte nástroj Tužka.

Klikněte na OK a získáte výsledek – obrys mraku narýsovaný tužkou.

Pro obrysování můžete použít i jiné nástroje, například štětec. Každý nástroj musí být předem nakonfigurován.

Vraťte zpět poslední akci – tah tužkou: Paleta Historie (Historie), jeden krok zpět. Na panelu nástrojů vyberte nástroj Štětec a zadejte mu následující parametry:

Kliknutím pravým tlačítkem myši vyvoláte kontextovou nabídku pro práci s cestou. V nabídce vyberte Dráhu tahu (Stroke) a v dialogovém okně místo Pencil (Tužka) nastavte Brush (Brush)

Dostanete tento výsledek:

Pokud jste během procesu učení vytvořili malé mistrovské dílo a chcete si jej uložit pro budoucí použití, klikněte znovu pravým tlačítkem myši na kontextovou nabídku pro práci s obrysem a vyberte Definujte vlastní tvar.

V okně, které se otevře, zadejte název tvaru a stiskněte OK.

V budoucnu svůj cloud najdete v sekci hotových vektorových tvarů volná forma a můžete ji použít, kdykoli ji budete potřebovat.

Nástroje kreslení umožňují vytvářet a upravovat vektorové tvary. Usnadňují vytváření různých prvků pro webové stránky.

Vytvořte nový tréninkový soubor.

Klikněte levým tlačítkem na nástroj -shapes- na panelu nástrojů, otevře se okno pro výběr nástroje:

Zde jsou základní tvary, které můžeme použít. Vyberte libovolný a podívejte se na panel možností:

Pro jakýkoli tvar si můžete vybrat:

• režim kreslení:
  • Tvarová vrstva. Figura je vytvořena v samostatné vrstvě. Vrstva tvaru se skládá z vrstvy výplně, která definuje barvu tvaru, a přidružené vektorové masky, která definuje hranice tvaru. Obrys tvaru je cesta, která se zobrazí na kartě Cesty na panelu Vrstvy.
  
  
  • Obrysy. Tento režim umožňuje kreslit obrysy tvarů, které lze vyplnit nebo ohraničit libovolnou barvou. Cesty se zobrazí na kartě Cesty na panelu Vrstvy.
  
  
  • Pixelová výplň. Při práci v tomto režimu nevznikají vektorové, ale rastrové obrázky, které lze zpracovat stejně jako jakýkoli rastrový obrázek
  
  
• styl a barva postavy


• nastavte parametry specifické pro tento obrázek

Vybereme první tvar – obdélník. V panelu vyberte režim – vrstvu tvaru. Vyberte styl kliknutím na trojúhelník vpravo.

Vyberte si jakýkoli, který se vám líbí. Mimochodem, pokud kliknete na trojúhelník v kruhu (vpravo), můžete v kontextové nabídce, která se otevře, vybrat další styly. Pokud nechcete použít styl, vyberte bílý čtverec přeškrtnutý červenou čárou.

Nyní můžete nastavit geometrické parametry:

• Svévolně- jak nakreslíš, tak to bude.
• Náměstí- když tvar natáhnete myší, šířka a výška budou vždy stejné.
• Uvedená velikost- můžete nastavit šířku a výšku obdélníku (v cm) a kliknout na plátno. Objeví se obdélník se zadanými rozměry.
• Nastavte proporce- můžete nastavit, kolikrát bude šířka menší (nebo větší) než výška. Při natahování postavy bude zachován poměr.
• Z centra- nakreslí obdélník od středu.
• Přichytit k pixelům- okraje obdélníku jsou přichyceny k hranicím pixelů.

Dost užitečný nástroj vytvořit tlačítka a nabídky pro vaše webové stránky, že?

Nakreslete obdélníky se zaoblenými rohy

Vybereme druhý tvar - obdélník se zaoblenými rohy. V panelu vyberte režim - vrstva tvaru, poloměr rohu - např. 15 a barvu (můžete si to nastylovat jak chcete) Geometrické parametry jsou stejné jako u obdélníku.

Zde je to, co jsem získal s různými kombinacemi poloměru a stylu.

Proč ne bloky zpráv a tlačítka menu?

Kreslení kruhů

Vyberme třetí postavu – elipsu. Na panelu vyberte režim – tvar vrstvy, barvu a styl. Geometrické parametry jsou stejné jako u obdélníku, jen s tím rozdílem, že místo čtverce můžete zvolit kruh. Vyberte -náhodně- a roztáhněte elipsu. Pokud chcete, aby tam byl kruh, pak podržte klávesu Shift nebo v geometrických parametrech vyberte -circle-.

Zde je to, co jsem dostal:

Kreslení mnohoúhelníků

Zvolme tvar – mnohoúhelník. V panelu vyberte režim - vrstva tvaru, počet stran v rozmezí od 3 do 100 (například 3 pro trojúhelník, 6 pro šestiúhelník), barvu a styl. Podívejme se na geometrické parametry:

• Poloměr- poloměr polygonu.
• Hladké vnější rohy
• Hvězda- při nezaškrtnutém políčku je mnohoúhelník konvexní, při zaškrtnutém políčku je mnohoúhelník konkávní.
• Hloubka paprsku- je-li mnohoúhelník konkávní, pak se zdá, že jeho vrcholy tvoří paprsky. Tento parametr ukazuje, jaká část poloměru polygonu bude obsazena paprsky. Čím vyšší %, tím delší a ostřejší paprsky.
• Hladké vnější rohy- při nezaškrtnutém políčku jsou rohy ostré, při zaškrtnutém políčku jsou rohy zaoblené.

První šestiúhelník má poloměr 3 cm, ostatní políčka jsou nezaškrtnutá.

Druhý šestiúhelník má poloměr 3 cm, zatržítko u -hvězda-, hloubka paprsků je 25 %, zbytek zaškrtávacích políček je nezaškrtnutý.

Třetí šestiúhelník má poloměr 3 cm, hloubka paprsků je 50 %, všechna políčka jsou zaškrtnutá.

Všechny mají svůj styl.

Kreslení čar

Vyberme si tvar – čáry. V panelu vyberte režim – vrstvu tvaru, tloušťku čáry (v pixelech), barvu a styl. Podívejme se na geometrické parametry:

Pokud nejsou zaškrtnuta všechna zaškrtávací políčka, bude tam pouze řádek, parametry se nastavují šipkami na koncích tohoto řádku.

• Start- šipka na začátku řádku.
• Konec- šipka na konci řádku.
• Šířka- podíly šipky jako procento tloušťky čáry (od 10 % do 1000 %).
• Délka- podíly šipky jako procento tloušťky čáry (od 10 % do 5000 %).
• Zakřivení- určuje míru zakřivení nejširší části šipky v místě, kde se setkává s úsečkou (od -50 % do +50 %).

První řádek má všechna zaškrtávací políčka nezaškrtnutá, šířka - 500 %, délka - 1000 %, tloušťka - 2 pixely.

U druhého řádku je vše stejné, ale je tam zaškrtnutí na -začátek- a zakřivení je 5%.

U třetího řádku je vše stejné, ale je zaškrtnuto -end- a nezaškrtnuté -začátek-.

Čtvrtý řádek má obě zaškrtávací políčka, šířku – 500 %, délku – 1000 %, zakřivení – 15 %, tloušťku – 5 pixelů.

Všechny mají svůj styl.

Kreslení libovolných tvarů

Vyberme si postavu – libovolnou postavu. Na panelu vyberte režim – tvar vrstvy, barvu a styl. Geometrické parametry jsou stejné jako u obdélníku. Ale zde je výběr samotného obrázku:

Pokud kliknete na trojúhelník v kruhu (vpravo), můžete v kontextové nabídce, která se otevře, vybrat další tvary.

Kreslení více tvarů v jedné vrstvě

Princip je zde stejný jako u nástrojů pro obdélníkový výběr (v první lekci jsme vytvořili nestandardní oblast výběru pomocí nástrojů v pruhu voleb: přidat k výběru, odečíst z výběru atd.). Stejné nástroje jsou k dispozici na panelu Možnosti tvaru.

Vytvořte například tvar obdélníku, nyní v pruhu voleb klikněte na ikonu „přidat do oblasti tvaru“ a nyní vyberte tvar elipsy. Přesuňte kurzor myši k hornímu okraji našeho obdélníku, stiskněte levé tlačítko myši a bez jeho uvolnění roztáhněte elipsu. Mělo by to vypadat nějak takto:

Pokud elipsa není natažená podle přání, můžete ji opravit. Chcete-li to provést, vyberte nástroj pro výběr cesty z panelu nástrojů:

Přesuňte kurzor na okraj elipsy a podržte levé tlačítko myši a přetáhněte elipsu tam, kde má být. Pomocí všech těchto nástrojů můžete kreslit tvary různé složitosti.

Ukládání tvarů

Řekněme, že se nám poslední tvar, který jsme vytvořili, líbil a chceme jej použít v budoucnu. Chcete-li to provést, musíte jej uložit. Pro tuto nabídku Upravit -> Definovat vlastní tvar. Pojmenujte nový tvar.

Nyní se náš tvar objevil v rozevíracím panelu výběru vlastního tvaru.

Tím lekce končí. Příště se budeme zabývat obrysy a rastrovými obrázky.

V této lekci se podíváme na vše, co souvisí s vytvářením libovolných tvarů ve Photoshopu a následnou prací s nimi. Jelikož je materiálu poměrně hodně, rozdělíme ho na dvě části. V první části se naučíme, jak vytvořit tvar, definovat jej jako vlastní tvar a následně jej zobrazit na obrazovce a používat podle potřeby. V části 2 se podíváme na to, jak kombinovat různé tvary do samostatných sad tvarů a uložit je v programu.

Nápad vytvořit tento tutoriál mě napadl, když jsem si prohlížel scrapbookový časopis s mnoha stránkami hotové šablony jednoduché postavy. Tyto figurky byly seskupeny do různých témat a byly absurdně drahé. Pak jsem si pomyslel: "Hej, všechny tyto tvary si můžete vytvořit sami ve Photoshopu a zdarma!" Navíc se nemusíte věnovat scrapbookingu, abyste mohli těžit z vytváření vlastních vlastních tvarů.

V první řadě se můžete při vytváření tvarů prostě bavit! A pokud vytvoříte mnoho různých tvarů a spojíte je do samostatné sady, bude to ještě zajímavější. Za druhé, můžete použít libovolné tvary jako dekorativní prvek při navrhování výkresů nebo dokonce v designu. Za třetí, můžete kombinovat vlastní tvar s vektorovou maskou a získat zábavný fotorámeček. Ale než začneme používat vlastní tvary, pojďme se naučit, jak je vytvořit!

Než se pustím do zvládnutí látky, dovolím si ještě jednu odbočku. Vytváření volných tvarů vyžaduje použití nástroje Pero. Tvary můžete vytvářet pomocí základních nástrojů tvarů, jako je obdélník nebo elipsa, ale pokud se nechcete omezit na vytváření konkrétních tvarů, jako jsou krabice nebo pneumatiky na jízdní kola, budete muset použít nástroj pero. Na nástroj pero jsme se podívali podrobněji v našem tutoriálu Jak provádět výběry pomocí nástroje pero, takže v tuto lekci Tohoto tématu se dotkneme jen lehce. Pokud nejste obeznámeni se základními vlastnostmi nástroje Pero, přečtěte si nejprve náš návod k použití tohoto nástroje.

V této lekci vytvoříme libovolné tvary tak, že nejprve obkreslíme objekt na obrázku. Pokud umíte kreslit, skvělé - pak můžete snadno nakreslit postavu ručně, aniž byste objekt načrtli, protože při vytváření libovolné postavy nezáleží na tom, jak ji nakreslíte - tahem nebo rukou. Pokud jde o mě, preferuji obrys objektu (protože nemám žádné umělecké schopnosti), takže v tomto tutoriálu uděláme právě to.

Udělám volný tvar z tohoto roztomilého Gingerbread Mana:

Perníkový panáček

Začněme!

Krok 1: Vyberte nástroj pero

Jak jsem již zmínil, můžete vytvářet tvary volného tvaru pomocí základních nástrojů Shapes, jako je Obdélník nebo Elipsa, ale pokud se pokusíte obkreslit našeho Perníkového panáčka pomocí těchto nástrojů, s největší pravděpodobností zůstane v nejlepší scénář bez hlavy (omlouvám se za lehkou ironii). To, co opravdu potřebujeme, je nástroj pero, takže jej vyberte z panelu nástrojů:

Výběr nástroje pero

Můžete také vybrat nástroj pero stisknutím klávesy P.

Krok 2: Na panelu Možnosti vyberte možnost „Vrstva tvaru“.

S vybraným nástrojem Pero se podíváme na panel nastavení v horní části obrazovky. Na levé straně panelu uvidíte skupinu tří ikon:

Tři ikony na liště Možnosti, které nám umožňují zvolit způsob použití nástroje Pero

Tyto ikony nám ukazují, co můžeme dělat s nástrojem pero. Ikona vpravo je momentálně zašedlá. Je nám k dispozici pouze tehdy, když pracujeme s hlavními nástroji skupiny „Tvary“ (nástroj „Pero“ a nástroje skupiny „Tvary“ mají v panelu nastavení téměř stejné možnosti). Jak jsme prošli v lekci „Jak provádět výběry pomocí nástroje Pero“, ikona uprostřed se používá, když chceme kreslit obrysy, ale v tuto chvíli ji nepotřebujeme. Ke kreslení tvaru chceme použít nástroj Pero, a k tomu musíme vybrat ikonu vlevo, která je zodpovědná za možnost Vrstvy tvarů:

Chcete-li kreslit tvary pomocí nástroje pero, vyberte možnost Vrstva tvarů.

Možnost Vrstva tvaru je ve výchozím nastavení vybrána při každém použití nástroje Pero, takže ji možná nebudete muset nastavovat sami. Ale přesto je dobré, když před zahájením kreslení tvaru zkontrolujete a ujistíte se, že je tato možnost vybrána.

Měl bych zdůraznit, že není žádný rozdíl mezi kreslením cest a kreslením tvarů pomocí nástroje Pero. V obou případech kliknutím do okna dokumentu nastavíte kotevní body a poté posunete vodicí čáry podle potřeby, abyste vytvořili rovné nebo zakřivené části (opět, pokud nejste obeznámeni s těmito pojmy, podívejte se na náš výukový program Jak vytvořit nástroje pro výběr Pírko"). Ve skutečnosti, ať už "oficiálně" kreslíte tvary nebo obrysy, stejně kreslíte obrysy. Rozdíl je v tom, že při kreslení tvarů Photoshop při kreslení vyplní obrys barvou, což nám umožní vidět tvar.

Kupodivu nám tato vlastnost trochu ztíží práci. Na to, proč, se podíváme dále.

Krok 3: Začněte kreslit tvar

Jakmile v pruhu voleb vybereme nástroj Pero a možnost Vrstva tvaru, můžeme začít obkreslovat obrázek. Chci začít sledovat hlavu perníkového muže. Chcete-li to provést, kliknutím nastavím kotevní body a začnu posouvat vodicí čáry, aby se vytvořil zakřivený úsek tahu kolem Mužovy hlavy. Na obrázku níže můžete vidět kotevní body a vodicí čáry, ale je tu problém. Photoshop při tahu vyplní obrys postavy barvou pozadí (v mém případě černou), což nám brání vidět Mužovu hlavu:

Program vyplní obrys barvou pozadí při kreslení, což nám brání vidět obrázek

Aby program během procesu trasování neskryl samotný obrázek, stačí přejít na panel vrstev a snížit neprůhlednost vrstvy tvaru. V tuto chvíli na panelu Vrstvy vidíte, že máme dvě vrstvy – spodní vrstvu Pozadí (Background), která obsahuje obrázek Perníkového panáčka, a vrchní vrstvu tvaru s názvem „Shape 1“ (Shape 1). ). Mohu s jistotou říci, že vrstva tvaru je aktuálně vybrána, protože je zvýrazněna modře, takže ke snížení její neprůhlednosti stačí vybrat možnost Opacity v pravém horním rohu panelu Vrstvy a snížit její hodnotu. V mém případě snížím krytí na 50 %:

Snižte krytí vrstvy tvaru pomocí možnosti Neprůhlednost v pravém horním rohu panelu Vrstvy

Po snížení neprůhlednosti vrstvy tvaru je mužská hlava viditelná přes barvu výplně pozadí, takže další tahy jsou pro nás mnohem jednodušší:

Po snížení krytí vrstvy tvaru je obrázek viditelný přes barvu výplně pozadí

Krok 5: Pokračujte v obkreslování obrázku

Nyní, když je Gingerbread Man viditelný skrz barvu výplně tvaru, mohu pokračovat v obkreslování obrázku pomocí nástroje Pero, dokud se nevrátím na začátek tahu:

Obrys postavy je zcela dokončen

Pokud se podíváme na vrstvu tvaru v panelu Vrstvy, můžeme vidět, že se na ní objevil zřetelný tvar Gingerbread Man:

Postava našeho Muže je nyní jasně viditelná na panelu vrstev.

U nás bylo zatím vše v pořádku. Nastínili jsme postavu Gingerbread Man a v některých případech by to stačilo. V mém případě však nastíněná postava vyžaduje trochu práce. Přinejmenším si myslím, že musíme do nastíněné siluety zahrnout oči a ústa, možná i motýlka a dva velké knoflíky pod nimi. Jak přidáme tyto detaily k naznačenému tvaru? Velmi jednoduché! Nebudeme je přidávat – tyto detaily z obrázku odebereme (nebo odečteme)!

Krok 6: Vyberte nástroj Elipsa

Začněme očima. Pokud bychom si přáli, mohli bychom vybrat oči pomocí nástroje Pero, ale protože jsou oči muže kulaté, vybereme je více snadný způsob pomocí nástroje Elipsa. Vyberte nástroj Elipsa z panelu nástrojů. výchozí, tento nástroj je skryta za nástrojem Obdélník, takže klikněte na nástroj Obdélník a podržte tlačítko myši na několik sekund, což způsobí, že se na obrazovce objeví vyskakovací nabídka, kde můžete vybrat nástroj Elipsa:

Klikněte na nástroj "Obdélník" na panelu nástrojů, poté podržte tlačítko myši, dokud se na obrazovce neobjeví vyskakovací nabídka, kde vybereme nástroj "Elipsa".

Krok 7: Vyberte možnost „Odečíst od oblasti tvaru“.

S vybraným nástrojem Elipsa se podívejte na panel Možnosti, kde uvidíte několik seskupených ikon, které vypadají jako malé čtverečky, které jsou navzájem propojeny různými způsoby. Tyto ikony nám umožňují provádět různé akce s tvary, jako je přidání tvaru k oblasti, odečtení samostatné oblasti od ní a protínání oblastí několika tvarů. Klikněte na třetí ikonu zleva, která je zodpovědná za parametr „Odečíst z oblasti tvaru“:

Na panelu nastavení klikněte na ikonu možnosti „Odečíst z oblasti tvaru“:

Krok 8: Nakreslete jednotlivé tvary a extrahujte je z obrysové siluety

Nyní, když jsme vybrali možnost Odečíst od oblasti tvaru, můžeme začít přidávat detaily do našeho tvaru odstraněním jednotlivých oblastí. Začnu transformovat postavu nakreslením oválu kolem levého oka:

Při stisknutém tlačítku myši nakreslete kolem levého oka ovál

Když pustím tlačítko myši, oválná oblast kolem oka okamžitě zmizí nebo se „vyřízne“ z obrysu hlavního tvaru a zanechá za sebou díru, kterou lze vidět levé oko Muže na původním obrázku umístěném na spodní vrstva „Pozadí“:

Levé oko je nyní "vyříznuto" z původního obrysu postavy, což má za následek, že oko je viditelné na původním obrázku pod obrysovou siluetou.

To samé udělám s pravým okem. Pro začátek nakreslím ovál kolem oka:

Nakreslete ovál kolem pravého oka

Jakmile pustím tlačítko myši, objeví se druhý kulatý otvor, skrz který bude vidět i Mužovo oko na původním obrázku:

Na postavě se objevil druhý otvor, skrz který je vidět Mužovo oko.

Vzhledem k tomu, že dva knoflíky pod motýlkem mají také kulatý tvar, znovu je pomocí nástroje Ellipse Tool odstraním z naznačeného tvaru. Pro začátek nakreslím kolem horního tlačítka ovál:

Nakreslete ovál kolem horního tlačítka

Když uvolním tlačítko myši, oválná oblast kolem tlačítka okamžitě zmizí z obrysového tvaru a zanechá za sebou díru, kterou je tlačítko vidět na obrázku níže:

Na obrázku je otvor, kterým je vidět horní tlačítko

Nyní udělám totéž pro spodní tlačítko, začnu tím, že kolem něj nakreslím ovál:

Nakreslete ovál kolem spodního tlačítka

Když pustím tlačítko myši, v obrysové siluetě se objeví čtvrtá díra:

Obě tlačítka jsou nyní vyříznuta z naznačeného tvaru

Když se teď podívám na miniaturu vrstvy tvaru na panelu Vrstvy, vidím dva otvory pro oči a dva otvory pro tlačítka, které jsem vyřízl z naznačeného tvaru:

Miniatura vrstvy tvaru nám ukazuje otvory pro oči a knoflíky vyříznuté z naznačeného tvaru

Krok 9: Extrahujte zbývající detaily z obrysové siluety pomocí nástroje Pero

Znovu přejdu na nástroj Pero, protože potřebuji k naznačenému tvaru přidat nějaké detaily, které nemohu vybrat pomocí nástroje Elipsa.

K narýsované siluetě chci přidat ústa a také motýlka. Vzhledem k tomu, že možnost Odečíst od oblasti tvaru je již zaškrtnuta, když znovu vyberu nástroj Pero v pruhu Možnosti, začnu pouze obkreslovat ústa a motýlka, abych je „vyřízl“ z naznačené siluety Gingerbread Man.

Na obrázku níže můžete vidět čáry tahů spolu s původním obrázkem Gingerbread Man, který nakukuje skrz díry, které jsem vytvořil:

Ústa i motýlek jsou nyní vyříznuty z naznačeného tvaru Gingerbread Man pomocí nástroje Pen Tool.

Dokončíme kreslení postavy Gingerbread Man vyříznutím vlnitých cest moučkového cukru na jeho nohách a pažích. Opět použiji k vytvoření stop nástroj Pero. Nejprve obkreslím stopu moučkového cukru na Mužově levé paži, takže bude vyříznuta z původního obrysu tvaru:

Pomocí nástroje Pero vyřízněte na mužově levé ruce stopu moučkového cukru.

Po nastínění první stopy přejdu ke zbývajícím třem a začnu je sledovat, dokud nebudou z figurky muže vyříznuty všechny čtyři stopy moučkového cukru:

Z obrysové siluety jsou nyní vyříznuty stopy moučkového cukru na nohou a pažích

Když se znovu podíváme na miniaturu vrstvy tvaru na panelu Vrstvy, jasně vidíme vyříznuté cestičky z práškového cukru, oči, ústa, motýlka a knoflíky:

Miniatura vrstvy tvaru na panelu Vrstvy odráží všechny detaily, které byly vyříznuty z původního obrysu tvaru Gingerbread Man.

Takže figurka Gingerbread Man je připravena! Použili jsme nástroj pero k vytvoření počátečního tahu tvaru a poté jsme použili nástroje pero a elipsa spolu s možností Odečíst od oblasti tvaru, abychom do tvaru přidali jemné detaily.

Krok 10: Zvyšte neprůhlednost vrstvy tvaru na 100 %

Jakmile načrtneme jednotlivé oblasti našeho tvaru, už nemusíme vidět pod narýsovanou siluetu původní obrázek, takže znovu vybereme možnost Neprůhlednost v pravém horním rohu panelu Vrstvy a zvýšíme hodnotu na 100 %:

Zvyšte neprůhlednost vrstvy tvaru na 100 %

Také se chystám dočasně skrýt vrstvu Pozadí ze zobrazení kliknutím na ikonu viditelnosti vrstvy (ikona oka), abychom viděli pouze obrysový tvar na průhledné pozadí. Pokud nechcete, můžete vrstvu pozadí nechat neskrytou. Dělám to pouze pro pohodlí prohlížení obrázku:

Klepnutím na ikonu viditelnosti vrstvy dočasně skryjete vrstvu pozadí ze zobrazení.

A takto vypadá tvar Gingerbread Man, který jsem vytvořil po skrytí vrstvy pozadí ze zobrazení a zvýšení neprůhlednosti vrstvy tvaru na 100 %:

Hotová figurka Gingerbread Man umístěná na průhledném pozadí

Po mnoha krocích jsme konečně vytvořili naši postavu! Ale to není konec. Nyní z toho musíme vytvořit libovolnou postavu, a to uděláme dále.

Krok 11: Definujte tvar jako tvar volného tvaru

Chcete-li změnit tvar na vlastní tvar, nejprve se ujistěte, že je vrstva tvaru vybrána v panelu Vrstvy. Také se budete chtít ujistit, že je vybrána miniatura náhledu vrstvy tvaru. Pokud je vybrána, bude obklopena bíle zvýrazněným rámečkem a budete moci vidět obrysový obrys kolem tvaru v dokumentu. Pokud miniatura vrstvy nemá zvýrazněný okraj a nevidíte obrys kolem tvaru, jednoduše klikněte na miniaturu vrstvy a vyberte ji:

V případě potřeby klikněte na miniaturu vrstvy tvaru a vyberte ji

Poznámka: Pokud budete někdy potřebovat skrýt obrys svého tvaru, jednoduše znovu klikněte na miniaturu vrstvy a zrušte její výběr

Po výběru vrstvy tvaru a výběru miniatury vrstvy přejděte do nabídky Upravit v horní části obrazovky a vyberte možnost Definovat vlastní tvar:

Vyberte „Úpravy“ > „Definovat volný tvar“

Tato akce otevře dialogové okno Název tvaru, kde budete muset zadat název tvaru. Svou postavu pojmenuji "Perník":

Do příslušné části dialogového okna Název tvaru zadejte název tvaru.

Kliknutím na OK zavřete dialogové okno po zadání názvu a je to – váš vlastní tvar je připraven k použití! V tomto okamžiku můžete dokument zavřít ve Photoshopu, protože jsme vytvořili a uložili náš tvar. Nyní se podíváme, kde jej můžete najít a jak jej můžete použít!

Krok 12: Vytvořte nový dokument ve Photoshopu

Vytvořte nový prázdný dokument ve Photoshopu tak, že přejdete do nabídky Soubor v horní části obrazovky a vyberete Nový. Tato akce otevře dialogové okno Nový dokument, kde můžete zadat libovolnou velikost obrázku pro váš dokument. V řádku „Preset“ vyberu velikost 640x480 pixelů:

Vytvořte nový prázdný dokument ve Photoshopu

Krok 13: Vyberte nástroj Free Shape Tool

Po vytvoření nového prázdného dokumentu vyberte z panelu nástrojů nástroj Volný tvar. Ve výchozím nastavení je na obrazovce zobrazen nástroj Obdélník, klikněte na něj a podržte tlačítko myši stisknuté několik sekund, dokud se neobjeví vyskakovací nabídka se seznamem dalších nástrojů, kde můžete vybrat nástroj Vlastní tvar nástroje Tvar ):

Klikněte a podržte ikonu nástroje Obdélník a poté ze zobrazené nabídky vyberte nástroj Volný tvar.

Krok 14: Výběr vlastního tvaru

Po výběru nástroje „Freeform Shape“ klikněte pravým tlačítkem myši do okna dokumentu, čímž se zobrazí okno pro výběr tvaru, kde můžete vybrat kterýkoli z aktuálně dostupných tvarů volného tvaru. Tvar, který jste právě vytvořili, bude poslední v seznamu tvarů. Chcete-li jej vybrat, jednoduše klikněte na miniaturu příslušného obrázku:

Kliknutím pravým tlačítkem v okně dokumentu otevřete okno pro výběr tvaru a poté kliknutím na miniaturu vlastního tvaru jej vyberte

Krok 15: Nakreslete náš tvar

Po výběru libovolného tvaru stačí kliknout myší do okna dokumentu a při stisknutém tlačítku myši tvar nakreslit. Chcete-li zachovat proporce tvaru při pohybu kurzoru a neúmyslně je zdeformovat, stiskněte a podržte klávesu Shift. Můžete také stisknout a podržet Alt (Win) / Option (Mac) a nakreslit tvar ze středu. Pokud chcete změnit umístění tvaru při jeho kreslení, stiskněte a podržte mezerník, poté přesuňte tvar na nové místo, poté mezerník uvolněte a pokračujte v kreslení tvaru.

Během procesu kreslení uvidíte pouze tenký obrys budoucího obrázku:

Při kreslení tvaru se objeví tenký obrys.

Až budete s umístěním a velikostí obrazce spokojeni, jednoduše uvolněte tlačítko myši a program tvar ihned vyplní barvou, která je aktuálně pozadím (v mém případě je to černá):

Uvolněte tlačítko myši a Photoshop vyplní tvar barvou

Krok 16: Poklepáním na miniaturu vrstvy tvaru změníte barvu tvaru

Nedělejte si starosti s barvou svého tvaru, když jej kreslíte a přidáváte do dokumentu. Program automaticky vyplní tvar barvou, která je aktuálně vybrána jako barva pozadí. Pokud pak chcete změnit barvu tvaru, stačí dvakrát kliknout na miniaturu vrstvy tvaru. Je to podle miniatury vrstvy a ne podle miniatury náhledu obrázku, který se nachází s pravá strana(který se formálně nazývá miniatura vektorové masky). Chcete miniaturu na levé straně, která vypadá jako ikona vzorníku barev s malým posuvníkem ve spodní části. Poklepáním na něj tlačítkem myši změníte barvu tvaru:

Poklepáním na miniaturu vrstvy tvaru (ikona vzorníku barev) umístěnou vlevo změníte barvu tvaru

Tato akce otevře výběr barvy, kde si můžete vybrat novou barvu pro svůj tvar. Pro svého Gingerbread Man chci vybrat hnědou barvu:

Chcete-li vybrat novou barvu, použijte výběr barvy

Jakmile vyberete barvu, kliknutím na OK opustíte výběr barvy a váš tvar se okamžitě vyplní novou barvou:

Barva postavy se nyní změnila

Barvu své postavy můžete změnit, kolikrát chcete, kdykoli potřebujete!

Krok 17: V případě potřeby změňte velikost tvaru pomocí příkazu „Free Transform“.

Při práci s tvary můžete měnit více než jen barvu. Velkou výhodou je, že kreslení tvarů používá vektory místo pixelů, takže můžete snadno změnit velikost tvarů, kdykoli budete chtít, aniž byste ztratili kvalitu obrazu! Pokud se rozhodnete, že chcete tvar zvětšit nebo zmenšit, jednoduše vyberte vrstvu tvaru na panelu Vrstvy a poté stisknutím Ctrl+T (Win) / Command+T (Mac) otevřete rámeček Transformace. Změňte velikost tvaru přetažením kteréhokoli z rohových úchytů. Chcete-li zachovat proporce tvaru, stiskněte a podržte klávesu Shift a zároveň pohybujte úchytem. Můžete také stisknout a podržet Alt (Win) / Option (Mac) a zároveň posouvat rukojeť, abyste změnili velikost tvaru ze středu:

Změňte velikost tvaru pomocí rámečku Free Transform

Chcete-li otočit tvar, jednoduše klikněte myší mimo rámeček volné transformace a přesuňte kurzor v požadovaném směru:

Klepněte mimo rámeček transformace a pohybem kurzoru otočte tvar

Po dokončení změny velikosti tvaru potvrďte svou konečnou transformaci stisknutím klávesy Enter (Win) / Return (Mac).

Do dokumentu můžete přidat tolik kopií vlastního tvaru, kolik chcete, a pokaždé změnit barvu, velikost a umístění tvaru. Každá kopie vlastního tvaru bude umístěna do samostatné vrstvy tvaru v panelu Vrstvy. V mém případě jsem do dokumentu přidal několik tvarů Gingerbread Man, z nichž každý měl svou vlastní barvu, velikost a úhel otočení. Vezměte prosím na vědomí, že bez ohledu na jejich velikost si všechny postavy zachovávají ostré a jasné úhly:

Přidejte do dokumentu tolik kopií vlastního tvaru, kolik chcete, a změňte barvu, velikost a úhel otočení každé z nich

A teď máme hotovo! Nejprve jsme vytvořili tvar obkreslením původní kresby pomocí nástroje Pero. Malé detaily na našem tvaru „vyřízneme“ pomocí nástrojů Pero a Elipsa s nastavenou možností „Odečíst od oblasti tvaru“. Dále jsme uložili náš tvar jako vlastní tvar pomocí možnosti Definovat volný tvar v části nabídky Upravit. Poté jsme vytvořili nový dokument, vybrali nástroj Free Shape a nakreslili do našeho dokumentu volný tvar. A nakonec jsme se podívali na to, jak můžete kdykoli změnit barvu, velikost a úhel jakéhokoli tvaru!

Takže jsme se naučili základy vytváření a používání volných tvarů ve Photoshopu, tzn. prostudovali první část naší lekce. Ve druhém díle se podíváme na to, jak námi vytvořené libovolné tvary spojit do samostatných sad a uložit je do programu.

Překlad: Ksenia Rudenko