Vytváření vlastních tvarů ve Photoshopu. Jak kreslit jednoduché geometrické tvary ve Photoshopu

Mluvili jsme o kreslení ve Photoshopu pomocí tužky a štětce. Čáry od ruky jsou skvělé, ale často se stává, že potřebujete zobrazit rovnoměrný geometrický obrazec. Pravítka a kompasy jsou minulostí a nyní to můžete udělat pomocí jednoduché nástroje editor.

Chcete-li vybrat jeden z nich, klepněte na ikonu Tvary na paletě nástrojů.

Bez ohledu na to, který nástroj skupiny vyberete, se na panelu Možnosti zobrazí následující položky, společné pro všechny tvary.

Vyberte režim nástroje. Zde si můžete vybrat jednu ze tří.

Postava. Hodnota je nastavena na výchozí a vytváří vektorový geometrický obrazec na samostatné vrstvě, to znamená, že se stane to, co od nástroje očekáváte.
Obvod. Obrys obrázku je nakreslen bez výplně.
Pixely. Nevytváří vektorovou, ale rastrovou postavu.

Plnicí. Umožňuje přizpůsobit barvu a typ (gradient, stínování) nakresleného obrázku.
Mrtvice. Nastavení obrysu tvaru: tloušťka, typ, barva.
Šířka a výška. Umožňují vám objasnit velikost postavy, když je nepřípustné to udělat „od oka“.

Jako vždy tvořit nový dokument s bílým pozadím. Zbývající parametry mohou být ponechány jako výchozí nebo vybrané podle vašeho uvážení.

Obdélník

Vyberte tvar Obdélník a pro jeho nakreslení klikněte na plátno a poté táhněte ukazatelem při stisknutém tlačítku myši. Bod, kam jste klikli, bude roh tvaru.

Na pruhu voleb klikněte na ikonu. Otevře se okno nastavení geometrie.

Ve výchozím nastavení je přepínač nastaven na Obdélník. Pokud jej nastavíte na Čtverec, tak při kreslení dostanete vždy tvar se stejnou délkou stran. Podobného efektu lze dosáhnout i bez stisknutí zaškrtávacího políčka: pro získání čtverce při kreslení obdélníku stačí podržet klávesu Shift.

Pokud jsou parametry vašeho obdélníku známy předem, nastavte přepínač do polohy Zadaná velikost a do polí zadejte požadované hodnoty. Jakmile kliknete na plátno tlačítkem myši, figurka se kompletně vykreslí.

Po nastavení přepínače do polohy Nastavit proporce můžete ve vstupních polích, která se zpřístupní, určit poměr stran vytvořené postavy.

Zaškrtávací políčko Od středu umožňuje nakreslit obdélník ze středu, nikoli z nejvzdálenějšího bodu.

Obdélník se zaoblenými rohy

Další položka v seznamu geometrických tvarů. Je jasné, že se od běžného liší zaoblením rohů. Nastavení pro tento obrázek a obdélník jsou tedy téměř totožné. Poloměr zaoblení lze zadat v odpovídajícím poli v pruhu voleb.

Elipsa

Parametry jsou stejné jako u obdélníku, jen místo čtverce můžete nakreslit kruh. Chcete-li to provést, v okně nastavení geometrie zaškrtněte políčko Kruh nebo při kreslení podržte klávesu Shift.

Polygon

Pomocí tohoto nástroje můžete nakreslit trojúhelník, dvanáctistěn, dvacetistěn, hvězdu nebo jakýkoli tvar, který obsahuje tři až sto stran. Jejich počet lze nastavit ve vstupním poli Party na panelu parametrů.

Okno geometrického nastavení se znatelně liší od předchozích obrázků.

Poloměr. Toto pole určuje poloměr budoucího mnohoúhelníku.
Hladké vnější rohy. Pokud je zaškrtávací políčko zaškrtnuté, pak jsou rohy zaoblené, pokud ne, rohy jsou ostré, jako u klasického mnohoúhelníku.
Hvězda. Zaškrtněte políčko, pokud chcete jako výstup získat hvězdu.
Hloubka paprsků. Toto vstupní pole určuje, jak dlouhé budou paprsky.
Vyhlaďte vnitřní rohy. Zaškrtněte toto políčko, pokud chcete, aby byly vnitřní rohy zaoblené, jak je znázorněno na obrázku níže.

Čára

Použijte tento nástroj k vytvoření skutečně rovných čar – volná ruka prostě není praktická. Pro dosažení maximální přesnosti nakonfigurujte geometrické parametry v příslušném okně.

Start. Pokud je zaškrtávací políčko zaškrtnuté, místo čáry se zobrazí šipka, která se vykreslí v místě, kde jste klikli na tlačítko myši.
Konec. Zaškrtnutím tohoto políčka přidáte na konec řádku šipku.
Šířka. Uvádí se v procentech vzhledem k tloušťce (lze nastavit v panelu parametrů ve stejnojmenném poli).
Délka. Počítá se stejným způsobem jako šířka – ve vztahu k tloušťce, v procentech.
Zakřivení. Hodnota se pohybuje od -50 % do 50 % a určuje, jak moc bude zakřivená nejširší část šipky. Obrázek ukazuje šipky se zakřivením 0 %, 30 % a 50 % (shora dolů).

Volná postava

Aby pro každý z desítek zbývajících tvarů nevznikl samostatný nástroj, vývojáři je zde zkombinovali. Všechny prvky panelu parametrů jsou vám již známé, kromě toho nejdůležitějšího – tlačítka Shape, na které se kliknutím otevře okno pro výběr tvaru.

Pokud kliknete na ozubené kolo umístěné na pravé straně okna, otevře se nabídka dalších možností obsahující kategorie tvarů.

Díky diskutovaným nástrojům můžete kreslit doslova na dvě kliknutí obrovské množství figurky, jejichž ruční tvorba by zabrala poměrně dlouho.

Je dobré mít v programu nástroje, které umožňují kreslit kruhy a čtverce, ale co když potřebujeme nakreslit tvar více složitý 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 Program Photoshop pracuje se všemi těmito tvary a dalšími a umožňuje nám je přidávat do obrázku se stejnou lehkostí, s jakou jsme přidávali 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 nástroj Obdélník zobrazen na obrazovce, ale pokud na něj kliknete a podržíte tlačítko myši několik sekund, objeví se vyskakovací nabídka se seznamem dalších nástrojů, které jsou také dostupné v této části. 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 Free Shape - poslední vpravo(vypadá to jako skvrna):

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í se napravo od ikony nástroje Volný tvar zobrazí okno náhledu, ve kterém se zobrazí miniatura tvaru, který je v momentálně 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ý počet libovolné postavy, než limitované množství, které bylo původně prezentováno v paletce. 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) / Návrat(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 libovolný tvar požadovanou barvu

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 škálovat bez ztráty kvality (toto je typ tvaru, který bychom nakreslili Program Illustrator). 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 proto, ž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 Shift, aby byly proporce tvaru správné

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í? Mohl jsem si vybrat jinou barvu na panelu nastavení, než jsem maloval nová postava. 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 vybírat nová barva. 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 možnostmi, v jejichž spodní části bude seznam dalších sad tvarů nainstalovaných 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 "Připojit", což 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

Navzdory rozmanitosti 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 tvořit vlastní sbírku volné tvary, uložte si je a použijte je v budoucnu, prostudujte si naši lekci „Vytváření vlastních tvarů volného tvaru“!

A teď máme hotovo! Podívali jsme se, jak můžete pomocí nástroje Volný tvar přidat do dokumentu složitý tvar. V další lekce Prozkoumáme rozdíly mezi vektorovými tvary, cestami a tvary pixelů!

V drtivé většině případů budete kreslit vektorové tvary. Na rozdíl od tvarů pixelů jsou vektorové tvary flexibilní, škálovatelné a nezávislé na rozlišení obrázku, což znamená, že je můžeme nastavit na libovolnou velikost, upravovat a škálovat podle potřeby bez ztráty kvality a dokonce je tisknout v libovolné velikosti také bez ztráty kvality!

Bez ohledu na to, zda jsou zobrazeny na obrazovce nebo v tisku, okraje vektorových tvarů zůstávají vždy ostré a jasné.

Abyste se ujistili, že kreslíte vektorové tvary spíše než cesty nebo obrazové body, vyberte možnost Tvar z Zobrazení režimu nástroje na panelu Možnosti:

Výběr možnosti Tvar z pruhu Možnosti

Vyplnění tvaru barvou

Dalším krokem, který obvykle děláme po výběru možnosti Tvar, je výběr barvy pro vyplnění tvaru, ve Photoshopu CS6 a výše se to provede kliknutím na pole Výplň na panelu Možnosti:

Klepnutím na tlačítko v pruhu voleb otevřete dialogové okno vlastností výplně tvaru.

Tato akce otevře okno, které nám umožní vybrat jednu ze čtyř různými způsoby formulář, z nichž každá je reprezentována jednou ze čtyř ikon umístěných v horní části okna. Účel ikon, počínaje levým okrajem:

Žádná barva(Bez barvy) - bílý obdélník s červenou diagonální čarou, bez výplně
čistá barva(Solid Color) - vyplňte plnou barvou
Gradient(Gradient) - vyplňte přechodem
Vzor(Vzor) - vyplňte vzorem Photoshopu (vzor)

Různé metody vyplňování formuláře

Žádná barva

Jak název napovídá, výběrem této možnosti zůstane tvar bez výplně, s prázdnými pixely uvnitř. k čemu to je? V některých případech možná budete potřebovat pouze samotný obvod. Často také potřebujete pouze tah s průhlednými pixely uvnitř.

Níže je jednoduchý příklad toho, jak formulář vypadá bez barevné výplně. Vše, co vidíme, je hlavní obrys formuláře, který se nazývá „Cesta“. Obrys se zobrazí pouze v dokumentu Photoshopu, takže pokud práci uložíte jako JPEG nebo PNG nebo ji vytisknete, obrys nebude viditelný. Aby byla viditelná, musíme k ní přidat tah, na který se podíváme dále:

Obdélníkový tvar bez výplně nebo tahu.

Plná barva

Chcete-li vyplnit formulář plnou barvou, vyberte možnost Plná barva, druhá ikona zleva:

Možnost „Plná barva“ pro vyplnění tvaru plnou plnou barvou

Když je tato možnost aktivní, vyberte barvu pro tvar kliknutím na jeden ze vzorníků barev. Barvy, které jste nedávno použili ve Photoshopu, se zobrazí nad hlavními vzorníky:

Vyberte barvu kliknutím na vzorník.

Pokud požadovaná barva není mezi předloženými vzorky, klikněte na ikonu „Color Picker“ v pravém horním rohu okna:

Kliknutím na ikonu Color Picker vyberte svou vlastní barvu.

Otevře se dialogové okno pro výběr barvy, vyberte z něj barvu a kliknutím na OK zavřete výběr barvy po výběru požadované barvy.

Jak můžete vidět na obrázku níže, po těchto akcích máme stejný formulář, pouze nyní má formulář barvu:

Postava plná barev.

Přechodová výplň

Chcete-li tvar vyplnit přechodem, vyberte možnost Přechod. Poté klikněte na jednu z miniatur a vyberte přednastavený přechod, nebo použijte miniaturu pruhu přechodu níže k vytvoření vlastní variace přechodu.

Vyberte již hotový nebo vytvořte vlastní přechod, který tvar vyplní.

Zde je stejný tvar, jen je nyní vyplněn přechodem:

Tvar vyplněný jedním z přednastavených přechodů Photoshopu.

Vyplnění vzorem (Vzory)

Konečně, možnost výplně vzorem nám umožňuje vyplnit tvar jedním z přednastavených vzorů Photoshopu.
Klepnutím na jednu z miniatur vyberte vzor. Ve Photoshopu není předinstalovaných mnoho možností vzoru. Výběr, načítání a instalace vzoru výplně je podrobně popsána.

Níže je stejný tvar, tentokrát vyplněný vzorem:

Stejný tvar, jen tentokrát vyplněný standardním vzorem Photoshopu.

Pokud si ještě nejste jisti, jakou barvu, gradient nebo vzor vaše tělo potřebuje, nebojte se. Jak uvidíme později, vždy se můžete vrátit a upravit tvar později a změnit typ výplně.

Přidejte tah do vektorového tvaru

Tato možnost je ve Photoshopu dostupná od verze CS6. Ve výchozím nastavení Photoshop k okrajům tvaru nepřidá tah, ale přidání jednoho je stejně snadné jako přidání barevné výplně.

Chcete-li přidat tah, klikněte na příslušnou možnost v pruhu voleb:

Možnost přidat tah.

Tím se otevře okno s možnostmi, kde si můžeme vybrat barvu tahu, stejně jako nastavit mnoho dalších možností.

V horní části okna máme stejné čtyři ikony pro výběr typu výplně pro čáru tahu, jsou to Bez barvy, Plná barva, Přechod a Vzor. Výchozí možnost je Bez barvy. Vyberu typ Solid Color. Vyberte a přiřaďte barvu tahu přesně stejným způsobem jako barvu výplně, jak je popsáno výše.

Změna tloušťky tahu

Chcete-li změnit tloušťku tahu, použijte vstupní pole umístěné přímo napravo od obdélníku vzorníku barev na panelu Možnosti. Ve výchozím nastavení je tloušťka nastavena na 3 body. Můžete ale zadat jiné měrné jednotky, pokud kliknete na toto vstupní pole pravým tlačítkem myši, otevře se rozevírací seznam měrných jednotek. Téměř vždy vybírám pixely:

Změňte šířku tahu a jednotky.

Možnost Zarovnat okraje

Napravo od všech ostatních je v pruhu voleb možnost "Zarovnat okraje". Když tuto funkci povolíte (ve výchozím nastavení je zapnutá), Photoshop zarovná polohu hran tahu s mřížkou pixelů, což povede k ostřejšímu obrazu.
Tato možnost bude aktivní pouze v případě, že jednotkou tahu jsou pixely.

Další možnosti zdvihu

Ve výchozím nastavení Photoshop nakreslí tah jako plnou čáru, ale můžeme to změnit kliknutím na tlačítko Volby tahu na panelu Možnosti:

Tlačítko v okně pro výběr dalších vlastností - výběr tahu - plný, tečkovaný, tečkovaný atd.

Tím se otevře okno Možnosti tahu. V tomto okně můžeme změnit typ čáry z plné na tečkovanou nebo tečkovanou. Kromě toho existují tři další možnosti zdvihu:

Dialogové okno Rozšířené možnosti tahu

Volba "Zarovnat"(Zarovnat) nám umožňuje zvolit, zda bude tah umístěn uvnitř cesty, vně nebo uprostřed.
Další možnost "konce"(Caps) funguje pouze v případě, že jsme zvolili tečkovaný tah. Můžeme změnit vzhled konců segmentů.

tah končí na hranici své dané délky a konec má obdélníkový tvar
konec má půlkruhový tvar a na každé straně vyčnívá o polovinu šířky za hranici dané délky tahu
konec je obdélníkový a na každé straně vyčnívá o polovinu šířky za specifikovanou délku tahu

"úhly"(Rohy) umožňují změnit vzhled rohu na křižovatce čar tahu. Uhlíky mohou být ostré (výchozí), zaoblené nebo zkosené. Tato možnost funguje, pokud je tah umístěn mimo nebo uprostřed cesty. Pokud je tah uvnitř cesty, rohy zůstanou vždy ostré.

Kliknutím na tlačítko v dolní části okna "Další možnosti..." se otevře další okno, kde můžeme nastavit délku tahů a přestávky mezi tahy. Zde je příklad obdélníkového tvaru s výplní a přerušovaným tahem s různé délky tahy:

Tah v rámci tvaru, který používá dva typy tahů – čáru a tečku.

Nástroje kreslení umožňují vytvářet a upravovat vektorové tvary. Je snadné s nimi tvořit různé prvky pro webové stránky.

Následující rodina nástrojů vám umožňuje vytvářet geometrické tvary různé tvary.

Robdélník (obdélník)() - podle toho vám umožňuje nakreslit obdélník (a se stisknutou klávesou - čtverec), vyplněný barvou popředí.
Zaoblený obdélník náměstí)— vytváří tvary podobné těm popsaným výše, ale umožňuje nastavit poloměr zaoblení rohů obdélníku.

Elipsa- vytváří ovály (v kombinaci se stisknutou klávesou - kruhy).
Polygon— umožňuje vytvářet geometrické tvary s libovolným počtem úhlů a také vícepaprskové hvězdy. Ve výchozím nastavení vytvoří konvexní pětiúhelník.
Čára— kreslí rovné čáry libovolné nebo určené délky, tloušťky, barvy a směru.
Vlastní tvar— umožňuje vytvořit geometrický obrazec libovolného tvaru a uložit jej pro pozdější použití.

Vytvořte nový tréninkový soubor.

Klikněte levým tlačítkem na nástroj - tvary - na panelu nástrojů se otevře 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

Kreslení obdélníků

Vybereme první tvar – obdélník. Na panelu vybereme režim - vrstva 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ů.

Nyní vyberte -libovolně- a natáhněte svůj obdélník na plátno pomocí myši. Například toto jsem získal při použití stylů: Tlačítko, skleněná tlačítka a webové styly.

Docela užitečný nástroj pro vytváření tlačítek a nabídek 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říklad 15 a barva (můžete si to nastylovat, jak chcete).

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é.

Například:

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 %).

Například:

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%.

Na třetím řá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:

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 z panelu nástrojů nástroj pro výběr obrysu-

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 to líbilo poslední postava, který jsme vytvořili a chceme jej v budoucnu využívat. 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.

Ahoj všichni, milí čtenáři blogu koskomp a můj drazí přátelé. Dnes vám řeknu, jak přidávat tvary do Photoshopu, jak je používat a k čemu slouží. A také na konci článku nakreslíme pěknou skleničku vektorový styl. Mnoho lidí si myslí, že tento nástroj je k ničemu, ale ujišťuji vás, že ve webdesignu je to téměř hlavní funkce. Podívejte se na design na mé veřejné stránce. Je doslova postaven na figurách. Proto to musíte vědět. V tomto případě nebude věc omezena jednoduchá kresbačtverce. Všechno je zde mnohem zajímavější.

Začněme něčím jednoduchým, a to kreslením. Samotná skupina nástrojů se skládá ze šesti typů:

Obdélník
Zaoblený obdélník
Elipsa
Polygon
Linka (další podrobnosti)
Volná postava

Každý z těchto typů má své vlastní některé vlastnosti, které se od sebe liší. Podívejme se proto na začátek obecné zásady styly.

Chcete-li přidat tvar, musíte jej vybrat ve skupině nástrojů a podržením levého tlačítka myši jej začneme kreslit, nebo spíše vybrat oblast a velikost. Samotná postava může být libovolné velikosti a standardně bude vykreslena neúměrně. Ale když podržíte klávesu POSUN, pak bude hladký na všech stranách, a tak obdélník bude čtverec a elipsa bude kruh.

V horním menu uvidíme panel vlastností, kde můžeme nastavit výplň samotného tvaru a také barvu tahu. Pokud nechcete žádné barvy, pouze čáru, vyberte barvy Bez výplně a Bez tahu. Můžeme také nastavit tloušťku právě tohoto tahu, pokud se rozhodneme vybrat barvu.

Chcete-li změnit barvu nakresleného objektu, můžete jednoduše znovu vybrat nástroj „Tvar“ a nahradit jej ve vlastnostech nahoře nebo dvakrát kliknout na ikonu v panelu vrstev.

Použití vlastních tvarů ve Photoshopu

Pokud je se všemi výše uvedenými čísly vše jasné (vezměte a nakreslete), rád bych se u bezplatné verze trochu zdržel. Chcete-li začít, vyberte tento nástroj.

Zde není jasná forma (odtud název), ale existuje mnoho připravených možností. Aby bylo možné je všechny zvážit, ve vlastnostech je prvek „Shape“, nebo spíše jej rozbalte. Jak vidíte, máme zde různé kontury, kterými můžeme nakreslit šipku, srdce, zákazovou značku a mnoho dalšího.

Zkusme do Photoshopu přidat vlastní tvar v podobě zaškrtnutí. Dám tomu barvu, tah a nakreslím to standardním způsobem, tedy podržením levého tlačítka myši a přetažením trochu opačným směrem. Nezapomeňte podržet klávesu Posun aby byly zachovány všechny proporce. Tímto způsobem můžete kreslit skvělé nestandardní objekty. Je také pozoruhodné, že bez ohledu na velikost objektu, který nakreslíme, bude vždy rovnoměrný a hladký. To vše proto, že obrázek je zpočátku vektorový objekt. A vektorové objekty se neskládají z pixelů, jako normální obrázek, ale jsou tvořeny na základě vzorců.

Jak nainstalovat tvary ve Photoshopu

Ale nejlepší na tom je, že tuto sadu lze doplňovat, to znamená, že si lze dodatečně stáhnout libovolné figurky a rozšířit tak svou sbírku. To je úplně snadné. Chcete-li to provést, stačí si tyto sady stáhnout například z jakékoli stránky pixelbox. Existuje velmi velká sbírka s různými sadami. Řekněme, že si stáhnu tuto nádhernou sadu se skateboardisty.

Nyní přejděte do složky „Stahování“ nebo kamkoli, kam se vaše soubory ve výchozím nastavení stahují. Dále spusťte soubor, který jsme stáhli. Nemusíte jej ani rozbalovat, můžete jej spustit přímo v archivu.

Poté se Photoshop otevře a bude nový libovolné prvky se již objeví ve vaší sbírce. Vezměte to a použijte to.

Tvarové schopnosti

Samotné figurky mají velmi velké možnosti. Původně jsem si myslel, že se s nimi dají kreslit jen čtverce a tlačítka, ale velmi jsem se mýlil. Pojďme se na to blíže podívat.

Vlastnosti

Stojí za zvážení, že každá postava má své vlastní vlastnosti, které lze změnit, abyste dosáhli co nejvíce zajímavý výsledek. Jsou umístěny v samostatném okně a jsou obvykle umístěny někde v oblasti panelu vrstev, ale není to nutné. Pokud pro vás nejsou aktivovány, udělejte to vstupem do hlavní nabídky v části „Okno“ - „Vlastnosti“. Poté můžete nakreslit libovolný prvek a podívat se, co se v něm dá změnit.

Obdélník a zaoblený obdélník mají stejnou sadu vlastností. Týká se to především poloměru rohů. A pokud je v prvním případě nula na všech frontách, tak ve druhém je již předem stanovena. Stejný poloměr můžete změnit, takže rohy budou více zaoblené nebo naopak, všechny najednou nebo samostatně.

Pojďme si jen tak pro zábavu nakreslit obdélník a nastavit poloměr na 35 pouze ve dvou rozích (vpravo nahoře a vlevo dole). Těsně předtím, než to uděláte, nezapomeňte zakázat spojení úhlů kliknutím na ikonu kancelářské sponky mezi nimi, jinak se hodnoty změní pro všechny.

Pokud používáte tah, můžete změnit jeho umístění. To znamená, že může být mimo postavu, uvnitř ní nebo jít podél středu obrysu. Můžete to vybrat kliknutím na příslušnou ikonu.

Všimněte si také ikony ozubeného kola. Dodává vašim tvarům další vlastnosti. Pokud máte například aktivovaný obdélník nebo elipsu, můžete jej okamžitě nastavit tak, aby kreslil ve stejných poměrech, abyste získali čtverec nebo kruh, a už nemusíte držet klávesu POSUN.

Pokud používáte mnohoúhelník, můžete určit počet stran, vyhlazení nebo nakreslení hvězdy. A v případě kreslení čáry můžete určit, že . Proto nezapomeňte tuto funkci využít.

Nakrájejte a přidejte

Ale nestačí jen přidávat tvary do Photoshopu, musíte se naučit používat všechna jejich kouzla. Ve výchozím nastavení, když přidáte nový objekt, vytvoří se v nové vrstvě. Ale jestli tohle nechceš, tak "operace s konturami" vyberte položku "Sloučit tvary". Nyní můžete vytvářet celé objekty z několika prvků.

Mnozí se budou ptát, jak je lze vybrat, když jsou všechny ve stejné vrstvě? Odpověď je jednoduchá: na panelu nástrojů máme dva kurzory, z nichž jeden je zodpovědný za výběr cesty a druhý za výběr uzlu. Právě pomocí výběru obrysu (černého kurzoru) můžeme na vrstvě vybrat pouze konkrétní tvar.

Navíc můžeme vystřihnout, nebo spíše odečíst figurku od jiné, aniž bychom ovlivnili tu původní. Chcete-li to provést, nakreslete do původního objektu další objekt (nezapomeňte nastavit režim na "Sloučit tvary", jak jsme to udělali výše, aby byly ve stejné vrstvě). Jak je vidět, zatím se nic moc nezměnilo. Ale tak to má být.

Nyní vyberte nástroj "Výběr obrysu" a ukažte na tvar, který jsme právě nakreslili. Poté jdeme znovu do "Operace s konturami", ale tentokrát vybíráme "Odečíst přední postavu". Sami uvidíte, jak zručně se to vystřihlo a teď je tam místo něj kousek pozadí. Ale ve skutečnosti tomu tak není. Prvek zůstává takový, jaký byl, jen se stal neviditelným, ale stále s ním můžete pohybovat, transformovat a znovu zviditelnit.

Tato funkce se často používá při vytváření log, bannerů a dalších prvků webového designu.

Jak zarovnat tvary s jinými prvky

Další důležitou vlastností při kreslení obrazců je jejich zarovnání. Například potřebujeme vytvořit několik tvarů se stejnou vzdáleností od sebe a také na stejné čáře. Řekněme, že vezmu nástroj Ellipse a pomocí drženého Posun Nakreslím několik kruhů.

Nyní si vezmeme již známý černý kurzor, který se nazývá "Výběr obrysu" a pomocí stisknutého tlačítka myši vyberte všechny čtyři kruhy za předpokladu, že jsou stále ve stejné vrstvě. Pokud je každý kruh v jiné vrstvě, budete muset vrstvy vybrat. K tomu můžete použít lisované POSUN nebo CTRL v panelu vrstev. Poté klikněte pravým tlačítkem a klikněte "Sloučit tvary".

Ale nemusíte je kombinovat. Pokud například každý prvek vyžaduje svou vlastní barvu, pak jednoduše vyberte vrstvy a vezměte nástroj Přesunout, jinak nebudete moci nic dělat, to znamená, že funkce zarovnání budou nedostupné.

Když máme vše vybráno, přejděte do nabídky "Zarovnání obrysu" a vyberte parametry, které potřebujeme. V mém případě si musím vybrat "Vertikální středy" A "Rozdělit podle šířky". V tomto případě budou tvary zarovnány na střed a vzdálenost mezi nimi bude stejná. Stejným způsobem funguje tato funkce i v případě vertikálního uspořádání.

Nyní bude vše zarovnáno na své středy, ale nic vám nebude bránit ve vycentrování obrazců podél spodního okraje.

Deformace obrazců

No, zbývá vyřešit ještě jednu věc. zajímavá nemovitost, totiž deformace. Ne, to není přesně to, co jsme studovali v tomto článku, ale změníme to vzhled postavy.

Stejně tak můžu z hvězdy udělat nějakou tu korunku. K tomu vyberu mnohoúhelník, ve vlastnostech nastavím režim hvězdy a poté jej nakreslím. Poté vyberu nástroj "Výběr uzlu" a začněte pohybovat všemi dostupnými body. Něco takového – před a po.

Kreslení objektů pomocí tvarů (cvičení)

Nyní se v praxi podívejme, jak ve Photoshopu přidávat tvary, abyste je mohli použít ke kreslení skvělých vektorových objektů. Nakreslete například vektorový šálek kávy z rychlého občerstvení.

Vybrat "Obdélník se zaoblenými rohy" a nakreslete polotovar naší sklenice. Ihned zvolte vhodnou barvu skla, například hnědou. Chcete-li to provést, změňte jej ve vlastnostech výše. Nemusíte dát mrtvici.
Nyní vybereme nástroj "Výběr uzlu" a vyberte celý levý roh obrobku (měli byste použít dva body, ne jeden).
Nyní štípnout POSUN a stiskněte levou šipku na klávesnici, po kterém se objeví okno, které vám řekne, že tato operace změní tvar na obrys. souhlas. Poté znovu stiskněte levou šipku a zároveň podržte Shift. Už nebude žádný nápis. Po této manipulaci by měl levý roh vyčnívat.
Nyní uděláme totéž s pravým rohem, to znamená, že jej vybereme pomocí bílého kurzoru a provedeme pár kliknutí na šipku vpravo, abychom vyčnívali na druhou stranu. Pokud se zpráva objeví znovu, souhlaste.
Dále vytvoříme víko. Chcete-li to provést, znovu vezměte mnohoúhelník se zaoblenými hranami, pouze tentokrát vyberte položku "Sloučit tvary" Nebude to fungovat, protože nemůžete změnit barvu výplně různých obrysů na jedné vrstvě.
Dále nakreslete obdélník na náš výsledný lichoběžník. A pokud vaše barva není černá, tak ji uveďte do vlastností.
Teď vidím, že víčko na obě strany hodně trčí. Bylo by potřeba ji po stranách mírně zmenšit. Chcete-li to provést, stiskněte kombinaci kláves CTRL+T aktivovat "Volná transformace" a poté stiskněte klávesu ALT a vytáhněte trochu za boční oblast. To nám umožní úměrně zmenšit víko po stranách.
Dále vezmeme znovu "Výběr uzlu" a stejně jako v předchozím případě rohy trochu ohneme, přičemž vybereme nejprve jeden a pak postupně druhý. Mělo by to nakonec vypadat nějak takhle.
Nezbývá než to celé narovnat. Chcete-li to provést, vyberte obě vrstvy v panelu vrstev pomocí přidržené klávesy. CTRL a poté použijte nástroj „Přesunout“ a ve vlastnostech v sadě hlavní nabídky "Zarovnat středy vodorovně".

Můžete také upravit některé prvky, například zvýraznit uzly a zmenšit velikost dna, aby šálek vypadal přirozeněji. Nebo můžete přidat detaily, například nějaký libovolný tvar. Celkově jsme ale dostali jednoduché a zároveň stylové sklo ve vektorovém provedení.

Doufám, že nyní chápete, jak přidávat tvary do Photoshopu, k čemu slouží a jak je používat ve webdesignu a další. Mimochodem, pokud chcete kreslit cool designy pro sociální sítě, bannery, obaly a dokonce i rozvržení webových stránek, pak doporučuji absolvovat odborné školení na online škola webdesignu. Je jich tady celá parta různé směry. Stačí si vybrat a vše udělat pod vedením profesionála.

No, pokud chcete umět Photoshop s ofinou a naučit se ho používat s A plus, pak doporučuji sledovat a studovat tyto úžasné video tutoriály. K dnešnímu dni je to jeden z nejlepších a nejpodrobnějších Photoshop tutoriálů, jaké jsem kdy viděl. A nejdůležitější je, že vše je vyprávěno jednoduchým lidským jazykem. takže se nebudete muset držet tématu, všemu porozumíte, i když jste úplný začátečník. Vřele doporučuji.

No a tím svůj článek ukončím. Nezapomeňte se přihlásit k odběru aktualizací mého blogu a veřejných stránek sociální sítě abych nezmeškal východ nový článek A zajímavé novinky. Zase na tebe čekám. Ať se vám daří. čau čau!

S pozdravem Dmitrij Kostin