Vektor ve Photoshopu. Jak správně otevřít vektorový obrázek ve Photoshopu Fotografie ve vektorovém obrázku Photoshop

Lidé se často ptají, jak vytvořit vektorový obrázek ve Photoshopu. Jak víte, Photoshop je program pro zpracování rastrové grafiky a není určen pro práci s vektory. Speciální grafické editory pracují s vektorovou grafikou. Ale pokud to opravdu potřebujete a není čas na studium nového programu, můžete pomocí některých manipulací převést obrázek na vektor.

Co jsou rastrové a vektorové obrázky a jak se liší

Rastrový obrázek je také mřížka pixelů (bodů). Digitální fotografie, kterou všichni známe, je jen rastrový obrázek. Vektorový obrázek se neskládá z pixelů, ale z geometrických primitiv: rovných čar, obdélníků a dalších tvarů.

Pokud bitmapu zmenšíte a následně výrazně zvětšíte, její kvalita se nenávratně poškodí. Protože každý pixel je bodem určité barvy a všechny tyto body dohromady tvoří obrázek. Když je obrázek oddálený, pixely navíc jsou vyhozeny, takže jej nelze vrátit do původního vzhledu.

Změna měřítka vektorového obrázku umožňuje změnit velikost bez ztráty kvality. To je možné díky matematickému přepočtu velikostí geometrických tvarů, které tvoří obraz.

Rastrový obrázek umožňuje spolehlivě předat vizuální informaci, vektorový obrázek takovou výhodu nemá. Vektorová grafika může být užitečná pro vykreslování log a čárové grafiky. Fotografické krásy se z nich nedočkáte. Nebo to budou velmi složité obrázky, skládající se z obrovského množství primitiv, které ve skutečnosti nahrazují pixely.

Jednoduchý příklad, jak převést rastr na vektor

Vektor se tedy skládá z geometrických tvarů. Photoshop má nástroje pro vytváření cest. Obrys je geometrický obrazec. Chcete-li vytvořit vektorový obrázek ve Photoshopu, musíte vytvořit obrys obrázku. K tomu nám pomohou nástroje skupiny. Vybrat: Nástroj obdélníkový výběr, Eliptický nástroj pro výběr, ** Nástroj Kouzelná hůlka , ** "Rychlý výběr" / Nástroj pro rychlý výběr a Nástroj pero.

Aby byl vektor čistý, měli byste zvolit bitmapu nejvyšší možné kvality, jinak budete muset obrysy kreslit ručně.

Otevřete bitmapu ve Photoshopu (nejběžnější bitmapový formát je JPG). Loga, obrysové kresby, skici se velmi snadno zpracovávají. Chcete-li získat vektorovou skicu portrétu, můžete nejprve portrét převést na skicu pomocí "Filtrovat galerie", nebo použijte hotový pop art. Jak pracovat s "Galerie filtrů" a rychle vytvořit pop art z fotek, o čem jsme mluvili v minulých článcích. Pro tento příklad si vezmeme hotový pop-artový portrét. Záměrně jsme ji připravili z fotografie ne nejlepšího rozlišení. Proto nám vektorová verze ukáže znatelný rozdíl.

Chcete-li pracovat s obrysy, musíte záložku zavolat "Cesty" / Cesta na paletě vrstev. Chcete-li to provést, přejděte do nabídky "Okno" / Okno a zaškrtněte políčko "Cesty" / Cesta... Záložka se objeví na paletě vrstev.

Obrázek má 4 barvy (nepočítáme pozadí). Bereme nástroj Nástroj Kouzelná hůlka a vyberte první barvu. Chcete-li vybrat všechny oblasti rozptýlené ostrůvky na obrázku, podržte Posun.

Když je vybrána první barva, vyberte nástroj "Lasso" / Laso nebo Nástroj obdélníkový výběr a bez odstranění výběru klepněte pravým tlačítkem. V kontextové nabídce vyberte Vytvořte pracovní cestu.

V dialogovém okně určete maximální vyhlazení Tolerance(od 1 do 10; čím nižší číslo, tím lépe se budou kontury opakovat). Tiskneme OK.

Na záložce "Obvod" objeví se první obrys. Na obrázku bude vidět jako křivky s tečkami. Lze je vyrovnat a osadit nástrojem Nástroj pro přímý výběr... Pomocí tohoto nástroje vyberte bod a buď upravte křivku posunutím úponku bodu, nebo posuňte samotný oblouk.

Na záložce "Obvod" změnit název obrysu. Chcete-li to provést, dvakrát na něj klikněte a v dialogovém okně změňte název.

Všechny popsané kroky provedeme se zbytkem barev. Ve výsledku získáme čtyři kontury pro každou barvu.

Po obdržení obrysů zbývá vytvořit vektor. Přejděte na záložku "Vrstvy" / Vrstva na paletě vrstev vytvořte novou vrstvu Shift + Ctrl + N... Nastavíme hlavní barvu na tu, ve které budeme malovat první konturu.

Zpět k záložce "Obvod", dostáváme se na první obrys. V hlavní nabídce v položce Vrstvy Vybrat Nová vrstva výplně - "Barva" / Plná barva... V okně, které se otevře, klikněte na OK.

Nyní přejděte na záložku Vrstvy, uvidíte první vektorovou vrstvu na nové vrstvě.

V dalším dialogovém okně jako obvykle zadejte název souboru a cestu.

To je vše. Metoda je celkem jednoduchá.

Pokud hodně pracujete s vektorovou grafikou, možná vás tento článek inspiruje k tomu, abyste se naučili nové grafické editory. V každém případě jste se naučili další užitečnou metodu. Přejeme vám skvělou práci.

Více o Photoshopu se dozvíte v kurzech.

V tomto tutoriálu se naučíme základy kreslení vektorových tvarů ve Photoshopu CS6 pomocí jednoduchých nástrojů Shapes! Začneme tím, že prozkoumáme, jak nástroje fungují. "Obdélník"(Nástroj obdélník ), "Zaoblený obdélník"(Nástroj Zaoblený obdélník), "Elipsa"(Elipsa Tool), "Polygon"(Nástroj Polygon) a "Čára"(Nástroj Čára). Dále se naučíme, jak vybrat barvy výplně a tahu pro tvary, změnit vzhled tahů, upravit tvary pomocí užitečných vlastností vrstev tvarů a mnoho dalšího! Máme se co učit, proto se v tomto tutoriálu zaměříme na ovládání a vlastnosti pěti základních nástrojů ve skupině Geometrické tvary. V další lekci se naučíme, jak do našeho dokumentu přidávat složitější tvary pomocí nástroje Freeform Shape!

Tento tutoriál je určen pro uživatele Photoshopu CS6. Pokud používáte starší verzi programu, podívejte se na původní výukový program Shape and Shape Layer ve Photoshopu.

Většina lidí si myslí, že Photoshop se používá pouze pro zpracování pixelovaných obrázků, a pokud byste je požádali o dobrý editor obrázků, odpověď by ve většině případů byla „Adobe Illustrator“. Možnosti editoru Adobe Illustrator jsou skutečně mnohem širší než u programů Photoshop, ale přesto, jak uvidíme z této a následujících lekcí, různé nástroje skupiny Shapes usnadňují přidávání jednoduchých vektorových obrázků do obrázků a kreseb.

Pokud nevíte, co je to vektorový tvar a jak se liší od tvaru pixelu, podívejte se na tento návod.

Nástroje tvarů

Photoshop nám nabízí výběr ze šesti nástrojů ve skupině Shapes: "Obdélník"(nástroj obdélník), Zaoblený obdélník(Nástroj Zaoblený obdélník), "Elipsa"(Elipsa Tool), "Polygon"(Nástroj mnohoúhelník), "Čára"(Nástroj čáry) a "volná postava"(Nástroj vlastního tvaru). Všechny tyto nástroje jsou umístěny na jednom místě na panelu nástrojů. Ve výchozím nastavení vidíme nástroj Obdélník, ale pokud klikneme na ikonu nástroje a podržíme tlačítko myši, objeví se na obrazovce rozbalovací nabídka se seznamem dalších nástrojů, ze kterých můžeme vybrat ten, který potřebujeme:

Kliknutím na ikonu nástroje Obdélník nám umožní zobrazit další nástroje ve skupině Tvar.

Vyberu první nástroj v seznamu, nástroj Obdélník:

Vektorové tvary, cesty a obrazce pixelů

Než začneme kreslit tvary, musíme Photoshopu říct, jaký typ tvaru chceme kreslit, protože ve skutečnosti nám Photoshop umožňuje kreslit tři různé typy tvarů – vektorové tvary, cesty a obrazce pixelů. Na rozdíl mezi těmito typy tvarů se podíváme podrobněji v dalších lekcích, ale jak jsme se již naučili z lekce „Kreslení vektorových tvarů a pixelovaných tvarů ve Photoshopu CS6“, ve většině případů budete kreslit vektorové tvary. Na rozdíl od tvarů pixelů mají vektorové tvary vysokou velikost, jsou zcela škálovatelné a nezávislé na rozlišení. To znamená, že můžeme upravovat, měnit velikost, jak chceme, bez ztráty kvality obrazu. Okraje vektorových tvarů zůstávají ostré a ostré jak na obrazovce, tak při tisku.

Chcete-li kreslit vektorové tvary místo cest nebo pixelovaných tvarů, vyberte "Postava"(Tvar) na liště nastavení nástroje v horní části obrazovky:

Na panelu nastavení vyberte režim nástroje "Tvar".

Vyplnění tvaru barvou

Klikněte na ikonu vzorníku barvy výplně

V důsledku toho se otevře dialogové okno, kde budete požádáni o výběr jednoho ze čtyř způsobů, jak tvar vyplnit, označený samostatnou ikonou. Zleva doprava můžete vidět ikonu Bez barvy (s červeným diagonálním pruhem), ikonu barevné výplně, ikonu přechodu a ikonu vzoru:

4 možnosti výplně tvaru (Bez barvy, Plná barva, Přechod a Vzor)

Metoda výplně "Bez barvy"

Jak název napovídá, metoda výplně "Bez barvy"(No Color) nevyplňuje tvar žádnou barvou. Proč potřebujeme prázdný tvar, můžete se ptát? V některých případech můžete chtít, aby tvar měl pouze tenký obrys. Dále se podíváme na to, jak přidat do tvaru tah, ale pokud chcete, aby tvar měl pouze cestu bez barvy výplně, vyberte možnost Bez barvy:

Žádná barva nevyplní tvar žádnou barvou

Níže je ukázkový tvar po použití možnosti Bez barvy. Vše, co vidíme, je tenký obrys postavy, tzv. „kontura“. Obrys je viditelný pouze ve Photoshopu, takže pokud začnete dokument tisknout nebo jej uložit ve formátech JPEG nebo PNG, obrys zmizí. Aby byl viditelný, musíme k němu přidat tah, který dále prozkoumáme poté, co probereme všechny možnosti. vyplnit(Vyplnit):

Když je jako metoda výplně vybrána možnost "Bez barvy", je viditelný pouze obrys tvaru (a i to pouze ve Photoshopu)

Metoda jednobarevné výplně

Chcete-li tvar vyplnit barvou, vyberte možnost "Čistá barva"(plná barva) (druhá ikona zleva):

Klikněte na ikonu parametru "Solid Color".

Po výběru možnosti "Plná barva" vyberte barvu pro tvar kliknutím na jeden ze vzorníků barev. V řádku se zobrazí barvy, které jste nedávno použili "Nedávno použité barvy"(Nedávno použité barvy) nad hlavními vzorníky:

Vyberte barvu kliknutím na její vzorek

Pokud požadovaná barva není ve vzorníku, klikněte na ikonu Color Picker v pravém horním rohu dialogového okna:

Klikněte na ikonu Color Picker

Poté vyberte požadovanou barvu v nástroji Color Picker. Kliknutím na OK zavřete paletu, když se rozhodnete pro barvu:

Ve Výběru barvy vyberte barvu pro vyplnění tvaru

Níže je stejný tvar, jen tentokrát plný barev:

Náš tvar je nyní plný barev

Metoda vyplnění "Gradient"

Chcete-li tvar vyplnit přechodovou výplní, vyberte možnost "Spád"(Spád). Poté kliknutím na jednu z miniatur vyberte požadovaný vzorek přechodu nebo si vytvořte vlastní pomocí možností pod miniaturami přechodu. V samostatném tutoriálu se podíváme na to, jak vytvářet a upravovat přechody:

Nejprve vyberte parametr "Gradient" a poté - požadovaný vzorek přechodu

Níže je stejný tvar, pouze tentokrát vyplněný přechodovou výplní:

Náš tvar je nyní vyplněn jedním z předdefinovaných vzorníků přechodu.

Metoda vzorové výplně

Nakonec výběr možnosti "Vzor"(Vzor), můžeme tvar vyplnit vzorem. Kliknutím na jednu z miniatur určíte hotový vzor. Zpočátku v programu není mnoho vzorů, ale můžete si také stáhnout další vzory stažené z internetu nebo vytvořené sami kliknutím na malou ikonu ozubeného kola (pod ikonou Color Picker) a výběrem "Stáhnout vzory"(Načíst vzory) z rozbalovací nabídky:

Nejprve vyberte parametr "Vzor" a poté - požadovaný vzorek vzoru

A takto bude vypadat tvar vyplněný jedním ze vzorů ve Photoshopu. Zavřete dialogové okno "Vyplnit"(Vyplnit), stiskněte klávesu Enter (Win) / Return (Mac) nebo klikněte na prázdné místo na panelu předvoleb. Pokud máte pochybnosti o výběru správné barvy, přechodu nebo vzoru pro váš tvar, nebojte se, později prozkoumáme, jak je můžete změnit:

Tvar vyplněný vybraným vzorem

Přidejte k tvaru tah

Ve výchozím nastavení Photoshop nepřidává tahy k okrajům tvaru, ale přidání jednoho je stejně snadné jako jeho vyplnění barvou. Vlastně možnosti parametrů "Zdvih" ("Zdvih")(mrtvice) a "Vyplnit"(Fill) jsou stejné ve Photoshopu CS6, takže už víte, jak je používat!

Chcete-li přidat tah, klikněte na vzorek barvy tahu v pruhu voleb:

Klikněte na vzorek barvy tahu

V důsledku toho se otevře dialogové okno se stejnými možnostmi jako pro výplň, až na to, že nyní vybíráme barvu tahu. V horní části okna jsou opět čtyři ikony "Bez barvy"(Bez barvy), "Čistá barva"(Jednobarevná), "Spád"(gradient) a "Vzor"(Vzor). Ve výchozím nastavení je vybrána možnost Bez barvy. Já zase vyberu možnost Plná barva a poté nastavím barvu tahu na černou výběrem ze vzorníku. Stejně jako v případě výplně, pokud požadovaná barva není ve vzorníku, klikněte na ikonu Color Picker v horním rohu a vyberte požadovanou barvu ručně:

Vyberte volbu "Plná barva" pro tah a poté vyberte požadovanou barvu ze vzorníku barev.

Změňte šířku tahu

Chcete-li změnit šířku (tloušťku) tahu, použijte parametr "Šířka"(Šířka) umístěný napravo od vzorku barvy tahu v pruhu voleb. Ve výchozím nastavení je jeho hodnota 3 body. Pro změnu šířky můžete buď zadat konkrétní hodnotu přímo do okna pro zadávání dat (stisknutím Enter (Win) / Return (Mac) po zadání pro potvrzení dat), nebo kliknout na malou šipku vpravo od hodnoty a posuňte posuvník:

Změňte šířku tahu

Možnost Zarovnat okraje

Pokud se podíváte dále na pravou stranu panelu nastavení, uvidíte možnost Zarovnat okraje(Zarovnat okraje). Když je tato možnost povolena (zaškrtnuta), Photoshop zarovná okraje tvaru k mřížce pixelů, v důsledku čehož zůstanou ostré a ostré:

Ujistěte se, že je zapnutá možnost Zarovnat okraje

Aby však volba Zarovnat okraje fungovala, nestačí ji pouze vybrat. Také chcete, aby šířka tahu byla v pixelech (px), nikoli v bodech (pt). Protože se šířka mého tahu aktuálně měří v bodech (výchozí jednotka), vrátím se zpět a zadám novou hodnotu šířky 10 pixelů (px):

Aby volba Zarovnat okraje fungovala, nastavte šířku tahu v pixelech (px)

Níže jsem na tvar použil 10px černý tah:

Jednoduchý tvar s černým obrysem kolem

Po přidání tahu do tvaru, pokud se vrátím a kliknu na vzorek barvy výplně v pruhu voleb a vyberu metodu výplně "Bez barvy"(Bez barvy), budu mít pouze obrys tvaru s tahem. Tvar se uvnitř vyprázdní. Tvar se může zdát vyplněný bílou barvou, ale to jen proto, že barva pozadí dokumentu je bílá, což je to, co ve skutečnosti vidíme.

Stejný tvar, s možností výplně "Bez barvy"

Další možnosti zdvihu

Ve výchozím nastavení program kreslí tah jako souvislou čáru, ale kliknutím na tlačítko to můžeme změnit Nastavte typ tahu tvaru(Možnosti tahu) na panelu nastavení:

Klikněte na tlačítko "Nastavit typ tahu tvaru"

Tím se otevře dialogové okno Možnosti tahu(Možnosti tahu), kde můžeme změnit vzhled tahu ze souvislé čáry na čáru přerušovanou nebo tečkovanou. Parametr Zarovnat(Align) nám umožňuje zvolit typ zarovnání pro tah: uvnitř cesty, vně nebo uprostřed. Můžeme udělat konce čar pro tah (parametr "končí"(Caps)) zaoblené, čtvercové nebo zesílené a spojnice čar v tahu (parametr "rohy"(Rohy): ostré, zaoblené nebo zkosené. Po stisknutí tlačítka "Další parametry"(Další možnosti) umístěné ve spodní části dialogového okna otevře další okno, kde můžeme nastavit konkrétní hodnoty pro tahy a mezery tečkované čáry a dokonce uložit nastavení jako předvolbu:

Možnosti tahu

Níže je tvar se stejným tahem, ale tentokrát je místo souvislé čáry vybrána tečkovaná čára:

Vzhled tahu se změnil z nepřetržité čáry na přerušovanou

Nástroj obdélník

Už jsme se tedy naučili, jak vybrat různé nástroje skupiny Tvary na panelu nástrojů, jak vybrat barvu výplně a tahu a jak změnit vzhled tahu. Nyní se naučíme, jak kreslit samotné vektorové tvary! Začneme tím, že prozkoumáme první nástroj skupiny tvarů v seznamu – "Obdélník"(Nástroj Obdélník). Vyberu to z panelu nástrojů, jako jsem to udělal dříve:

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

Nástroj Obdélník nám umožňuje kreslit jednoduché čtyřúhelníkové tvary. Chcete-li nakreslit tvar, klikněte v okně dokumentu a definujte počáteční bod tvaru. Poté, zatímco držíte tlačítko myši stisknuté, přetáhněte kurzor myši diagonálně, abyste dokončili kreslení tvaru. Při pohybu kurzorem uvidíte tenké obrysy (obrys) budoucího tvaru:

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

Když uvolníte tlačítko myši, program vyplní tvar barvou, kterou jste vybrali na panelu předvoleb:

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

Změna velikosti tvaru po jeho nakreslení

Jakmile nakreslíte počáteční tvar, jeho aktuální rozměry se objeví v pruhu voleb: šířka(Šířka (W)) a výška(Výška (H)). V mém případě jsem nakreslil tvar 533 pixelů široký a 292 pixelů vysoký:

Počáteční rozměry tvaru (šířka a výška) jsou viditelné na panelu nastavení

Pokud potřebujete změnit velikost tvaru poté, co jste jej nakreslili (tato metoda funguje pro všechny nástroje Tvary), stačí zadat nové hodnoty do příslušných polí Šířka a Výška. Řekněme například, že potřebuji, aby byl můj tvar široký 500 pixelů. Stačí změnit hodnotu šířky o 500 pixelů. V případě potřeby bych mohl zadat i konkrétní hodnotu výšky. Pokud by při změně výšky nebo šířky tvaru měly zůstat proporce nezměněny, klikněte nejprve na ikonu malého řetězu mezi hodnotami výšky a šířky:

Poté po aktivaci ikony řetězu zadejte novou hodnotu pro výšku nebo šířku. V tomto případě Photoshop automaticky nahradí odpovídající hodnotu druhého parametru. V mém případě jsem ručně zadal novou hodnotu pro šířku 500 pixelů a protože byla aktivována ikona řetězu, Photoshop také změnil hodnotu výšky na 273 pixelů:

Změna velikosti tvaru

Změna velikosti tvaru před nakreslením

Pokud náhodou znáte přesnou výšku a šířku tvaru, než jej nakreslíte, existuje jeden šikovný trik. S vybraným nástrojem Tvary stačí kliknout kamkoli do dokumentu. V důsledku toho se okamžitě otevře dialogové okno, kde můžete zadat požadované hodnoty pro výšku a šířku. Kliknutím na OK zavřete dialog a program automaticky nakreslí tvar:

Klepnutím kamkoli do dokumentu zadejte hodnoty pro šířku a výšku a program automaticky nakreslí tvar

Kreslení tvaru od středu

Pojďme prozkoumat několik jednoduchých, ale užitečných klávesových zkratek. Pokud stisknete a podržíte klávesu Alt (Win) / Option (Mac) jak pohybujete kurzorem, pak budete kreslit tvar ze středu, nikoli z rohu. Tato technika funguje se všemi nástroji Tvar, nejen s nástrojem Obdélník. Vezměte prosím na vědomí, že nejprve musíte začít kreslit tvar a teprve poté stisknout klávesu Alt (Win) / Option (Mac). Musíte také uvolnit první tlačítko myši a teprve poté stisknout klávesu Alt (Win) / Option (Mac), jinak tato technika nebude fungovat:

Stisknutím a podržením Alt (Win) / Option (Mac) nakreslíte tvar ze středu

Kreslení čtverců

Chcete-li nakreslit čtverec, umístěte kurzor do okna dokumentu a začněte jej přetahovat ven a nakreslete obdélníkový tvar. Jakmile to začnete dělat, stiskněte klávesu Posun a při pohybu kurzoru jej držte stisknutý. Stisknutím klávesy Shift převedete tvar na čtverec. Opět nezapomeňte stisknout klávesu Shift poté, co začnete pohybovat kurzorem a uvolnit jej jako poslední, jinak se čtverec nevykreslí. Stisknutím a podržením kláves můžete kombinovat dvě klávesové zkratky Shift + Alt(Výhra) /Shift + Option(Mac) při použití nástroje "Obdélník"(Nástroj Obdélník), v důsledku čehož nakreslíte ze středu dokonalý čtverec:

Chcete-li nakreslit čtverec, stiskněte a podržte klávesu Shift

Opět při malování uvidíte pouze tenký obrys čtverce, ale když uvolníte tlačítko myši, Photoshop jej vyplní vybranou barvou:

Program vždy čeká, až uvolníte tlačítko myši, než vyplníte tvar barvou

Možnosti nástroje tvary

Pokud se podíváte na panel nastavení, pak nalevo od parametru Zarovnat okraje(Zarovnat okraje) uvidíte ikonu ozubeného kola. Kliknutím na něj otevřete dialogové okno s dalšími nastaveními pro nástroj skupiny "Tvary", který je aktuálně vybrán:

Klikněte na ikonu ozubeného kola

Protože mám vybraný nástroj "Obdélník"(Nástroj Obdélník) kliknutím na ikonu ozubeného kola zobrazíte další možnosti nástroje Obdélník. Kromě práce s nástroji Mnohoúhelník a Čára, které prozkoumáme později, nebudete tuto nabídku používat příliš často, protože jsme již probrali, jak se k těmto možnostem dostanete z klávesnice. Například parametr "Svévolně"(Unconstrained) nám umožňuje kreslit tvary libovolné velikosti a poměru stran, ale protože ve výchozím nastavení takto fungují všechny nástroje pro skupiny tvarů, není potřeba tuto možnost konkrétně vybírat. Parametr "Náměstí"(Čtverec) nám umožňuje kreslit čtverce nástrojem Rectangle, ale můžeme to udělat jednoduše stisknutím a podržením klávesy Shift při pohybu kurzoru. Parametr "Z centra"(From Center) je zodpovědná za kreslení tvaru ze středu, ale opět to můžeme udělat podržením Alt (Win) / Option (Mac).

Pokud zvolíte možnosti "Cílová velikost"(Pevná velikost) popř "Nastavit proporce"(Proporcionální) a zadejte hodnoty pro šířku a výšku, tyto hodnoty ovlivní také další tvar, který se má nakreslit, nejen ten, který jste již nakreslili. Proto je třeba pamatovat na to, abyste se po nakreslení obrázku vrátili a znovu vybrali parametr "Svévolně"(Bez omezení), jinak bude mít každá nově nakreslená postava stejnou velikost nebo proporce:

Možnosti, které vidíte, závisí na tom, který nástroj ve skupině Tvary je vybrán.

Úprava vrstev tvarů

Dříve jsme se dozvěděli, že abychom mohli kreslit vektorové tvary ve Photoshopu, musíme nastavit režim kreslení - "Postava"(Tvary) (na rozdíl od cest a obrazových bodů). Když nakreslíme vektorový tvar, program jej automaticky umístí na samostatnou speciální vrstvu tzv Tvarová vrstva(Tvarová vrstva). Pokud se podíváme na panel vrstev, můžeme vidět, že tvar, který jsem nakreslil pomocí nástroje "Obdélník"(Nástroj Obdélník), umístěný na samostatné vrstvě tvaru "Obdélník 1". Název vrstvy bude záviset na tom, který nástroj byl použit, takže pokud nakreslím ovál pomocí nástroje Elipsa, vrstva tvaru se bude jmenovat Elipsa 1:

Každý nový vektorový tvar je umístěn do samostatné vrstvy tvaru

Vizuální rozdíl mezi běžnou vrstvou a vrstvou tvaru je ten, že vrstvy tvaru mají v pravém dolním rohu miniatury vrstvy malou ikonu tvaru:

Ikona na miniatuře vrstvy nám říká, že se jedná o vrstvu tvaru.

Hlavní rozdíl mezi vrstvou tvaru a vrstvou běžných pixelů spočívá v tom, že vrstvy tvaru zůstávají plně upravitelné. Když jsme se dříve učili, jak vybrat barvy výplně a tahu pro tvar, zmínil jsem se, že se vždy můžeme vrátit a změnit barvu i po nakreslení tvaru. Jediné, co musíme udělat, je ujistit se, že je na panelu Vrstvy vybrána vrstva tvaru a je aktivován nástroj skupiny Tvary. Poté stačí kliknout buď na vzorník barev Náplně(Výplň), nebo podle barevného vzorku Mrtvice(Ťah) na panelu nastavení a vyberte jinou barvu. Podle potřeby lze také měnit šířku tahu a pracovat s dalšími parametry. Kliknu na vzorek barvy výplně:

S vybranou vrstvou tvaru klikněte na vzorek barvy výplně.

Klikněte na modrý vzorek

Jakmile kliknu na vzorník, program okamžitě vyplní tvar novou barvou:

Barva tvaru byla změněna, aniž by bylo nutné tvar znovu kreslit

A když se znovu podíváme na panel vrstev, uvidíme, že miniatura vrstvy tvaru také změnila svou barvu:

Když jsme provedli změny, miniatura vrstvy tvaru také změnila svůj vzhled.

Nástroj Zaoblený obdélník

Pojďme se podívat na druhý z nástrojů skupiny Shapes – Zaoblený obdélník(Nástroj Zaoblený obdélník). Vyberu to z panelu nástrojů:

Vyberte 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. Pomocí parametru upravíme zaoblení rohů "Poloměr"(Radius) na panelu nastavení. Čím větší hodnotu poloměru zadáme, tím zaoblenější budou rohy. Hodnota poloměru musí být nastavena před zahájením kreslení tvaru, v mém případě zadám hodnotu parametru "Radius" rovnou 50 pixelům:

Pomocí možnosti Poloměr definujte stupeň zaoblení rohů

Po nastavení hodnoty poloměru je kreslení zaobleného obdélníku podobné kreslení běžného obdélníku. Nejprve kliknutím do okna dokumentu definujte počáteční bod tvaru a poté podržte tlačítko myši a diagonálně přetáhněte kurzor myši, abyste dokončili kreslení tvaru. Stejně jako u tvaru Obdélník, když pohybujete kurzorem, program nakreslí tenký obrys tvaru:

Po zadání hodnoty poloměru na panelu Možnosti nakreslete tažením 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 150 pixelů. Tato hodnota je tak velká (pro tento tvar, každopádně), že levá a pravá strana obdélníku mají tvar křivky:

Čím větší je hodnota poloměru, tím kulatější budou 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 méně zaobluje rohy

Ve Photoshopu CS6 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 změnit hodnotu poloměru, a přesto nám Photoshop neumožňuje vrátit se a změnit hodnotu poloměru poté, co jsme tvar nakreslili. Vše výše uvedené znamená, že kreslení zaoblených obdélníků je v podstatě proces pokusů a omylů.

Pokud se vám nelíbí zaoblení rohů obdélníku, po jeho nakreslení přejděte do sekce nabídky "Editace"(Upravit) v horní části obrazovky a vyberte Zpět: Nástroj Zaoblený obdélník(Nástroj Vrátit zpět zaoblený obdélník) (nebo stiskněte klávesovou zkratku Ctrl + Z (Win) / Command + Z (Mac)), v důsledku čehož bude tvar z dokumentu odstraněn. Poté zadejte novou hodnotu poloměru na panelu Možnosti a začněte znovu kreslit obdélník.

Zvolte Úpravy > Zpět: Nástroj Zaoblený obdélník

Stejné klávesové zkratky, na které jsme se podívali, když jsme se dozvěděli o nástroji Obdélník, fungují s nástrojem Zaoblený obdélník. Chcete-li nakreslit čtverec se zaoblenými rohy, začněte kreslit tvar a poté stiskněte a podržte Posun. Po uvolnění tlačítka myši uvolněte klávesu Shift.

Chcete-li nakreslit tvar ze středu místo z rohu, začněte kreslit tvar a poté stiskněte a podržte Alt (Win) / Option (Mac). A nakonec sdílené úhozy Posun+ Alt (Vyhrát) / Posun+ Volba (Mac) způsobí vykreslení čtverce ze středu. Klávesy musí být uvolněny až po uvolnění tlačítka myši.

Nástroj elipsa

Nástroj "Elipsa"(Ellipse Tool) nám umožňuje kreslit elipsy a kružnice. Vyberu to z panelu nástrojů:

Výběr nástroje Elipsa

Stejně jako u ostatních nástrojů, na které jsme se podívali, kliknutím do okna dokumentu definujte počáteční bod tvaru a poté podržte tlačítko myši a přetáhněte kurzor myši diagonálně, abyste dokončili kreslení tvaru:

Nakreslete elipsu pomocí nástroje Elipsa

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

Tvar je vyplněný barvou.

Chcete-li nakreslit dokonale rovný kruh pomocí nástroje Elipsa, začněte táhnout a poté stiskněte a podržte Posun... Chcete-li nakreslit elipsu ze středu, stiskněte a podržte Alt (Vyhrát) / Volba (Mac) po zahájení kreslení. Při současném držení kláves Posun+ Alt (Vyhrát) / Posun+ Volba(Mac) vám umožní nakreslit kruh ze středu. A jako vždy uvolněte klávesy až po uvolnění tlačítka myši:

Kruh nakreslený nástrojem Elipsa

Nástroj mnohoúhelník

Nástroj "Polygon" Z hlediska možností kreslení tvarů je pro nás zajímavější (Nástroj Polygon). Vyberu to z panelu nástrojů:

Výběr nástroje Mnohoúhelník

Zatímco pomocí nástroje Obdélník můžeme kreslit pouze čtyřúhelníkové obdélníky, nástroj Mnohoúhelník 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 s tímto nástrojem dokonce kreslit hvězdy! Chcete-li nakreslit tvar pomocí nástroje Mnohoúhelník, nejprve zadejte požadovaný počet stran do pole parametrů "Party"(Sides) na panelu nastavení. Můžete zadat libovolné číslo mezi 3 a 100. Ve výchozím nastavení je počet stran 5 a nechám to takto:

Do pole parametru "Strany" zadejte počet stran

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

5stranný tvar nakreslený nástrojem Mnohoúhelník

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

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

Níže je polygon s 12 stranami. Stejně jako u možnosti Poloměr pro nástroj Zaoblený obdélník nemůžeme po nakreslení tvaru změnit počet stran, takže pokud uděláte chybu, musíte přejít do části nabídky "Editace"(Upravit) v horní části obrazovky a vyberte Zpět: Nástroj mnohoúhelník(Nástroj Undo Polygon Tool) (nebo stiskněte Ctrl + Z (Win) / Command + Z (Mac)), poté zadejte jinou hodnotu do pole „Sides“ a překreslete tvar:

Mnohoúhelník s dvanácti stranami

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

Chcete-li nakreslit hvězdu pomocí nástroje Mnohoúhelník, klikněte na ikonu ozubeného kola na panelu nastavení a vyberte možnost "Hvězda"(Hvězda):

Klikněte na ikonu ozubeného kola a vyberte parametr "Hvězda".

Poté klikněte do okna dokumentu a přetažením kurzoru nakreslete hvězdu. Parametr "Party"(Sides) v panelu nastavení určuje počet vrcholů hvězdy, takže pokud je výchozí hodnota parametru pět, dostaneme pěticípou hvězdu:

Pěticípá hvězda nakreslená nástrojem Mnohoúhelník

Změnou parametru Sides na 8 získáme osmicípou hvězdu:

Pomocí parametru Sides definujte počet vrcholů hvězdy

Můžeme nakreslit tvar, který vypadá jako explodující hvězda zvýšením ostrosti paprsků hvězdy pomocí parametru "Hloubka paprsků"(Odsadit vedle). Standardně je hodnota tohoto parametru 50 %, hodnotu zvýším na 90 %. Zvýším také počet vrcholů hvězdy na 16:

Nakreslete tvar, který vypadá jako explodující hvězda, zvýšením hodnoty hloubky paprsků

A tady je obrázek, který jsem dostal:

Explodující hvězda nakreslená nástrojem Mnohoúhelník

Ve výchozím nastavení mají vrcholy hvězd ostré rohy, ale můžeme je zaokrouhlit výběrem možnosti Hladké vnější rohy(hladké rohy):

Výběr možnosti Vyhladit vnější rohy

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

Smooth Outer Corners zjemňuje hranatost hvězd

Výběrem této možnosti můžeme také zaoblit rohy na základně paprsků hvězdy Hladké vnitřní rohy(hladké odsazení):

Výběr možnosti Vyhladit vnitřní rohy

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

Nakreslená hvězda s vybranými hladkými vnitřními rohy

Nástroj čára

Posledním z hlavních nástrojů ve skupině Tvary je nástroj "Čára"(Nástroj Čára). Vyberu to z panelu nástrojů:

Výběr nástroje Čára

Tento nástroj nám umožňuje kreslit jednoduché rovné čáry, ale můžeme s ním kreslit i šipky. Chcete-li nakreslit rovnou čáru, nejprve nastavte šířku čáry zadáním hodnoty (v pixelech) do pole parametru "Tloušťka"(Hmotnost) na panelu nastavení. Ve výchozím nastavení je tloušťka 1 pixel, zvětším ji na 16 pixelů:

Parametr "Tloušťka" je zodpovědný za tloušťku (nebo šířku) čáry

Za druhé, stejně jako u ostatních nástrojů skupiny Tvary, klikněte do okna dokumentu a přetažením kurzoru nakreslete čáru. Chcete-li usnadnit kreslení vodorovné nebo svislé čáry, stiskněte a podržte tlačítko Posun, poté, co začnete kreslit čáru, uvolněte tlačítko myši a naposledy stiskněte klávesu Shift:

Chcete-li kreslit vodorovné nebo svislé čáry, podržte klávesu Shift

Nakreslete směrové šipky

Chcete-li kreslit šipky, kliknutím na ikonu ozubeného kola na panelu nastavení otevřete možnosti "šipky"(Šipky). Vyberte, kam chcete přidat šipky: na začátek čáry, na konec nebo na oba konce současně (pokud chcete, aby šipka směřovala stejným směrem, ve kterém čáru kreslíte, vyberte možnost "Na konci"(Konec)):

Kliknutím na ikonu ozubeného kola získáte přístup k možnostem šipek.

Níže je řádek podobný předchozímu, až na to, že na konci je ikona šipky:

Snadné kreslení vodících šipek pomocí nástroje Čára

Pokud vám výchozí velikost šipky nevyhovuje, můžete ji změnit pomocí možností "Šířka"(Šířka) a "Délka"(Délka). K šipce můžeme pomocí parametru přidat i křivku "Zakřivení"(Konkávnost). Ve výchozím nastavení je hodnota tohoto parametru 0 %, ale zvýším ji na 50 %:

Změňte tvar šipky zvýšením hodnoty parametru "Zakřivení"

A takhle teď vypadá šipka. Než začnete kreslit čáru, nezapomeňte vybrat hodnotu pro možnosti nástroje Čára, protože je nemůžete během kreslení změnit. Pokud chcete provést změny, budete muset tvar smazat a překreslit:

Šipka s hodnotou zakřivení 50 %

Skryjte obrys kolem tvaru

Kdykoli jsme v tomto tutoriálu nakreslili tvar, program zobrazil jeho tenký obrys. Když jsme uvolnili tlačítko myši, program dokončil kreslení tvaru a vyplnil jej barvou. Problém je v tom, že když se pozorně podíváte na tvar, který jste nakreslili, s největší pravděpodobností kolem něj uvidíte tenký obrys, který nikam nešel. PROTI&

Počítačová grafika je velmi široký pojem. Někoho při zmínce tohoto pojmu napadnou trojrozměrná mistrovská díla studií Pixar a Dreamworks, jiného digitální fotografie a dalšího, že se bavíme o designu počítačových her. Určitě se ale najde spousta těch, kteří si toto sousloví spojí s vektorovou grafikou. I přes mimořádnou oblibu vektorové grafiky mnoho uživatelů zvláštnosti vektorové grafiky zcela nezná. Co se skrývá za slovy „vektorová grafika“ a proč je tak žádaná?

Běžná bitmapa je pole teček. Toto pole lze vykreslit s maximální přesností nebo přibližnou. V prvním případě jsou bitmapové informace přeneseny bez ztráty, ale zabírají hodně paměti. Ve druhém případě může být grafický obraz přenášen s podmíněnou přesností. To naznačuje přímou analogii se zvukem, který je komprimován „bez znatelné ztráty“ do formátu MP3. Pro grafiku je podobný formát JPG. S mírným a nepříliš vysokým kompresním poměrem je původní pole bodů docela uhádnutelné. Algoritmy pro vykreslování rastrové grafiky se mohou lišit, ale jejich podstata je stejná - obrázek je pevně svázán s pixelovou maticí.

Zcela jiný přístup se používá k vykreslení vektorového obrázku. Každá vektorová kresba je vytvořena pomocí geometrických tvarů a křivek. Použití matematiky při popisu obrázku dává obrovskou výhodu: při změně měřítka vektorových prvků neztrácí původní obrázek žádnou kvalitu. Bitmapový obrázek se při změně velikosti chová jinak – čáry objektů na obrázku při zvětšení zarostou znatelným „hřebenem“. Tyto artefakty jsou na obrázku zpočátku přítomné, protože bitmapa a priori nemůže obsahovat souvislé prvky – čáry, geometrické tvary a tak dále. To vše v rastru vypadá jako matice pixelů, což je tím více patrné, čím více je rastrový obrázek zvětšen.

Vektorové formáty také nejsou bez nevýhod. Potřeba použít jednoduché prvky ke konstrukci obrazu se často stává vážnou překážkou pro interpretaci komplexního obrazu. Například je extrémně obtížné převést obyčejnou fotografii krajiny do vektorového formátu, protože je na ní mnoho objektů a jejich geometrie je velmi složitá.

V průmyslovém tisku vypadají vektorové formáty stejně dobře pro tisk obrázků všech velikostí – velkých i malých. Rastrové obrázky se po zvětšení nejen promění v mozaiku, ale mohou také obsahovat kompresní artefakty. Kromě toho jsou vektorové formáty vhodné pro programování, protože je lze snadno popsat matematickými výrazy.

Profesionální návrháři používají k vytváření vektorové grafiky léty prověřené nástroje, jako je Adobe Illustrator a CorelDraw. Ale pro fandy, kteří potřebují rychle vytvořit logo pro potisk na tričku nebo technickou ilustraci, není třeba se uchylovat k tak těžkopádným a drahým aplikacím. Vystačíte si s bezplatnými a někdy dokonce online nástroji. S jejich pomocí můžete převést rastrový obrázek na vektorový, udělat skicu jednoduchého návrhu, vygenerovat gilošovaný vzor a podobně.

⇡ „Google Drawings“ je nejjednodušší vektorový editor, který máte vždy po ruce

Nejznámějším, jednoduchým a cenově dostupným online vektorovým editorem jsou Kresby ve službě Google Drive. Tato webová aplikace je součástí online kanceláře Google a je zaměřena více na spolupráci a přidávání grafiky do jiných typů kancelářských dokumentů než na vytváření vektorové grafiky. Stále však existují některé základní nástroje pro práci s ním.

Pomocí webové aplikace Obrázky můžete vytvářet různé tvary, šipky, odkazy, grafické vzorce, přidávat rovné čáry, křivky, křivky, šipky a klikyháky. K dispozici je také přidání textových prvků, import rastrových obrázků. Vektorové obrázky lze importovat, ale ne upravovat (k dispozici je pouze náhled).

⇡ Autotracer - bezplatný převodník rastru na vektor

Pokud jde o složité vektorové kresby, někdy je jednodušší je nevytvářet od začátku, ale vektorizovat bitmapu, tedy převést ji do vektorového formátu. Tento proces se také nazývá trasování.

Téměř každý vektorový editor k tomu má nástroje, ale vektorizaci lze ještě zjednodušit pomocí online nástrojů. Můžete najít více než jednu webovou službu, která nabízí podobné služby. Například bezplatný zdroj Autotracer se velmi pohodlně používá. Lze jej použít pro převod souborů PNG, BMP, JPEG a GIF do vektorového formátu a uložení do formátu SVG, EPS, PDF, DXF.

Služba je zcela zdarma, ale má jedno omezení: velikost zdrojového souboru nesmí přesáhnout jeden megabajt. Před převodem můžete nastavit některá nastavení: určit počet barev, které budou ponechány na bitmapě před vektorizací, a také se zbavit šumu, uvést, ve kterých případech budou čáry brány jako křivky. Samotný proces je velmi rychlý, takže pokud kvalita výsledného obrázku nevyhovuje, můžete vždy experimentovat s nastavením a zkusit to znovu.

⇡ Vector Paint je vektorový editor v prohlížeči Chrome, který může fungovat bez prohlížeče

Vector Paint je webová aplikace pro Google Chrome postavená v HTML5, ale může fungovat i bez prohlížeče. Patří do nové generace aplikací, představené na začátku září tohoto roku. Takové aplikace můžete spouštět přímo z plochy – k jejich používání není potřeba otevřený prohlížeč ani přístup k internetu.

Vector Paint obsahuje poměrně velkou sbírku různých přednastavených tvarů, které lze použít v projektech: jsou zde hodiny, mraky, šipky, zvířata, poznámky a mnoho dalšího. Tvary lze vytvářet i ručně pomocí rovných a přerušovaných čar, nástroje pro kreslení volných tvarů, obdélníku, elipsy. U každého prvku si můžete vybrat barvu, tloušťku a typ tahu a také barvu výplně, udělat ho částečně průhledným, přidat jeden z mnoha efektů (zkreslení, stíny, textury, pseudo-3D atd.). Existují také nástroje pro správu prvků v projektu: lze je přesunout dopředu nebo vrátit zpět. Pro přesnější umístění prvků existují četné nástroje pro zarovnání, můžete si zapnout i zobrazení pravítka.

Ve výchozím nastavení se pracuje na jedné vrstvě, ale v případě potřeby můžete přidat možnost pracovat s více vrstvami. Tato funkce je implementována jako doplněk. Pro jeho instalaci není potřeba nic stahovat, stačí vybrat plugin ve stejnojmenné nabídce. Práce s vrstvami zahrnuje možnost kombinovat vybrané vrstvy, některé z nich skrýt, přenést vybrané prvky do samostatné vrstvy.

Vector Paint poskytuje další doplňky, které lze do aplikace snadno přidat. Jedná se o pokročilé možnosti práce s textem (doplňkové fonty, nastavení mezer, jednotlivé prvky nápisů), přidávání fixů, používání obrázků k vytváření opakujících se vzorů na formulářích. Další možnosti tahu a výplně jsou také zahrnuty v nabídce Pluginy.

Hotové projekty se ukládají ve formátu SVG a lze je také exportovat do PNG a JPEG.

⇡ SVG-Edit - online vektorový editor

SVG-Edit je vektorový editor založený na JavaScriptu, který lze spustit v libovolném prohlížeči. Lze jej použít jako online službu (v tomto případě se pro přístup používá demo adresa) i jako webovou aplikaci (v tomto případě je potřeba stáhnout archiv se soubory SVG-Edit, rozbalit jej a spustit soubor aplikace v libovolném prohlížeči).

SVG-Edit plně pracuje se soubory SVG, což umožňuje jak ukládat projekty v tomto formátu, tak tyto soubory otevírat a provádět v nich změny. Kromě toho lze soubor SVG importovat do projektu jako samostatný prvek.

Chcete-li vytvořit prvky vektorové grafiky v SVG-Edit, můžete použít přerušované čáry, obdélníky, čtverce, elipsy, kruhy, mnohoúhelníky, obrysy, text. Prvky je možné vyplnit barvou, stejně jako použít přechody, včetně radiálních. Podporuje práci s vrstvami, zobrazování mřížky a zobrazování prvků v drátovém modelu. Existují nástroje pro změnu uspořádání prvků (nahoře, dole), pro rychlé klonování vybraných vektorových tvarů, pro jejich seskupování. Mnoho příkazů je dostupných z kontextové nabídky (jako v běžných desktopových editorech). Poměrně velká pozornost byla věnována nástrojům pro zarovnání na plátně: prvky můžete zarovnávat vzhledem k vybraným objektům, k největšímu nebo k nejmenšímu objektu.

Program má velkou knihovnu hotových tvarů (stejnou, která se používá ve Vector Paint), ale také poskytuje přístup k obrovské bezplatné knihovně prvků vektorové grafiky IAN Image Library. Pro práci s ním je nutná registrace, poté si ale můžete přímo z editoru prohlížet kolekce ukázek vektorové grafiky a rovnou je přidat do aktuálního nebo nového projektu.

⇡ Chittram - jednoduchý online editor

Chittram je další vektorový editor, který může fungovat jako webová aplikace. Na rozdíl od SVG-Edit je implementován jako plnohodnotná online služba s možností ukládat projekty na server. Účet Google se používá k prohlížení a úpravám dříve vytvořených projektů.

Možnosti Chittramu jsou skromnější než SVG-Edit, ale tento editor se bude jistě zdát přívětivější pro začínající uživatele. Aplikace má možnost použít jako pozadí rastrový obrázek, ale nemůžete vybrat obrázek z pevného disku - stačí zadat odkaz na soubor. Nechybí ani import lokálních vektorových obrázků, ale do projektu lze přidávat soubory z galerie uživatelů webové služby a upravovat je. Stránka implementovala vyhledávání v galerii podle klíčových slov a také podle značek.

K vytváření vlastních projektů můžete použít standardní sadu nástrojů: přímky, křivky, Bézierovy křivky, mnohoúhelníky, kruhy, ovály, obdélníky a čtverce. K dispozici je také tvorba textu. U každého prvku je možné nastavit velikost tahu, barvu výplně, barvu a směr přechodu, procento průhlednosti. Pro přesnější kreslení můžete použít mřížku, pro kterou je upravena velikost buňky. Můžete také ovládat velikost a orientaci plátna.

Pokud projekt používá více formulářů, je vhodné zobrazit panel, který obsahuje seznam všech prvků. Slouží k přejmenování a rychlému výběru objektů. Stejný panel se používá pro práci s vrstvami.

⇡ Inkscape je úplnou alternativou komerčních balíčků

Vektorový editor Inkscape má spoustu výhod. Za prvé, je multiplatformní (může běžet na Windows, Linux, Mac). Za druhé, podporuje širokou škálu oblíbených vektorových formátů, včetně SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF a dalších.

Editor má také standardní nástroje pro jakýkoli vektorový editor pro tvorbu grafiky: tvary, křivky, text, výplň, plná podpora vrstev. Inkscape vám umožňuje provádět různé akce s cestami, provádět tahy a aplikovat booleovské operace (kombinovat, protínat, vylučovat jednu z druhé a tak dále). Uživatel má k dispozici velkou knihovnu filtrů a speciální editor, pomocí kterého lze vytvářet vlastní efekty. Program implementuje podporu pro grafické tablety, takže v něm můžete ručně kreslit a ovládat náklon a přítlak pera.

Za pozornost stojí vestavěné nástroje pro vektorizaci rastrových obrázků. Aby bylo zajištěno, že při obkreslování fotografií budou brány v úvahu důležité objekty v popředí, používá se algoritmus SIOX (Simple Interactive Object Extraction), který pomáhá takové objekty automaticky identifikovat.

⇡ ZebraTRACE - volná gilošovaná tvorba

Jakékoli bankovky i dokumenty státního významu (diplomy, certifikáty, certifikáty atd.) jsou snadno rozpoznatelné na první pohled. Jemné opakující se vzory, které probíhají celým hlavním výkresem, dávají návrhu dokumentu tuto „rozpoznatelnost“. Takové čáry se nazývají gilošované.

Giloše lze kreslit ručně ve vektorovém editoru, avšak bez speciálních doplňků a dovedností při vytváření takových vzorů může být tento proces zpožděn. S těmito úkoly vám pomůže bezplatný nástroj ZebraTRACE.

Tento program sleduje obrázky a zarovnává je s gilošovaným vzorem. ZebraTRACE používá parametrické generování giloše. Každý typ vzoru, který můžete pomocí aplikace vytvořit, je určen matematickým vzorcem. Takže pokud existuje touha a volný čas na experimenty, uživatel může získat jedinečné kresby.

Je velmi snadné vytvářet nové giloše. Zkuste provést drobné změny ve vzorci pro generování vzoru, například změnit koeficient z 2 na 3, a vzor se změní. Pro ty, kteří nechtějí být se ZebraTRACE kreativní, obsahuje program tucet předvoleb se vzorci, které vám umožní získat nejběžnější giloše.

⇡ Závěr

Bezplatné nástroje pro vektorovou grafiku nejsou tak běžné, jak byste chtěli, ale jsou. Dobrou zprávou je, že s rozvojem standardu HTML5 a dalších webových technologií bylo možné používat prohlížeč jako editor vektorové grafiky – dříve se o něčem takovém mohlo jen zdát. U jednoduchých projektů takové nástroje šetří spoustu času a pokud používáte Inkscape, můžete obecně odmítnout nákup vektorového editoru pro potřeby návrhu.

Vektorové kresby se stále častěji používají v různých tiskových nástrojích k vytváření krásných vzorů ze dřeva, plastu, kovu, papíru a dalších materiálů. Dnes zjistíme, jak můžete vytvořit vektorovou kresbu vlastníma rukama pomocí programu Photoshop. Strávíme-li poměrně málo času, získáme kvalitní vektorovou kresbu a v budoucnu ji budeme moci bez problémů používat.

Jak převést kresbu do vektoru?

Nejprve je třeba poznamenat, že pouze kresby, které jsou zobrazeny na bílém pozadí, lze převést do vektorového formátu. Pokud pozadí není bílé, musíte nejprve odstranit všechny nepotřebné a vyčistit pozadí.

1. Pomocí nástrojů pro výběr vybereme pouze prvek, který chceme převést do vektorové kresby, a zkopírujeme jej do nové vrstvy s názvem „tvar“. Poté vytvořte další vrstvu a zcela ji vyplňte bílou barvou, tuto vrstvu lze nazvat „pozadí“. Nyní přesuňte vrstvu "pozadí" pod vrstvu "tvar" a sloučte je. Výsledný obrázek se nazývá "Základ". Dvakrát duplikujte vrstvu "Základní" a pojmenujte je "Základní_1" a "Základní_2". Zakázat jejich viditelnost.

2. Začněme převádět obrázek do vektorového formátu. Nejprve použijte korekci "Isogelia" na vrstvu "Základ", abyste získali kresbu v černobílém formátu. Ne vždy při první opravě dostaneme obrázek, který chceme, takže můžeme udělat několik kopií vrstev a provést úpravy s různými hodnotami, dokud nedostaneme to, co potřebujeme.

Takže jsme dostali nejnormálnější efekt.

3. Dále na výsledný obrázek aplikujeme Diffusion filtr, abychom odstranili zubaté okraje. Způsob, jak povolit filtr: "Filtrovat - Stylizovat - Rozptýlit" (Filtr-Stylizovat-Difuse). V okně, které se otevře, vyberte "Anisotropní".

4. Dalším krokem je vyhlazení hran, aby byly jasnější, k tomu stiskněte "Obraz - Korekce - Úrovně" (Image-Adjustment-Levels). V otevřeném okně posuňte levý a pravý posuvník blíže ke středu. Abyste viděli výsledek korekce, je nejlepší před otevřením úrovní zvětšit obrázek až na 300 %.

5. Body 3 a 4 opakujeme ve stejném pořadí.

6. Vypněte viditelnost naší hlavní vrstvy a zapněte vrstvu "Základní_1". Provádíme akci „Image – Correction – Isogelia“ (Image-Adjustment-Threshold). Nastavte parametr na 138.

7. S touto vrstvou provádíme operace uvedené v odstavcích 3.4 a 5.

8. Vytvořte novou vrstvu a vyplňte ji černou barvou. Říkáme tomu „Pozadí“. Nastavte ji pod vrstvu "Základní". Ve vrstvě "Základ_1" změňte režim na "Rozdíl".

Zde je to, co získáme:

9. Obrázek se ukázal být trochu děsivý, ale teď to napravíme. Aktivujte vrstvu "Základní" a přidejte masku vrstvy. Poté můžeme pomocí gumy odstranit přebytečné oblasti na obličeji a těle dívky.

10. Takže máme kresbu, teď ji musíme převést do vektoru. Použijte "Magic Wand", vyberte celou černou oblast obrázku a na obrázku stiskněte pravé tlačítko myši, v nabídce, která se otevře, vyberte "Generovat pracovní cestu". Nastavte hodnotu na 1,0.

Konečný výsledek

Jak víte, vektorové ilustrace jsou v současné době ve webové grafice velmi oblíbené. Profesionální designéři dokážou takové ilustrace vytvořit během několika hodin. Ať už jste začátečník nebo fanoušek, lekce webové grafiky pro vás budou jistě nesmírně užitečné. Účelem této lekce je osvětlit proces vytváření vybraného obrázku. Celý proces předvedu krok za krokem a všechny kroky vysvětlím pomocí svých komentářů.

Chcete-li vytvořit opravdu skvělý obrázek, musíte si vybrat požadovaný program a dodržovat určitá pravidla. Pokud chcete nakreslit vektorovou ilustraci, měli byste mít na paměti, že se k tomu používají takové editory, jako např Adobe ilustrátor nebo CorelDraw... Nicméně, Photoshop má dostatek finančních prostředků na vývoj vektorových ilustrací. Jasně to ukážu ve své lekci o tom, jak převést kresbu do vektoru. Jako podklad pro ilustraci jsem zvolil skicu kočky. Rozhodla jsem se ztvárnit modrou kočku s růžovými květy v tlapkách.

Krok 1

Začněme vytvořením pozadí. Nakreslete tvar pomocí nástroje pro výběr () (v Tvarové vrstvy(Tvar vrstvy)). Nastavení - (Neprůhlednost výplně) = 0% ... Nyní použijte překrytí přechodem: ((Styl vrstvy - Překrytí přechodem)) k vyplnění vytvořeného tvaru. Všechna nastavení jsou výchozí, stačí změnit úhel (stupeň upřesním) a gradient. Přidat Mrtvice(tah) ((styl vrstvy - tah)). Použijeme všechna výchozí nastavení, kromě šířky in 1 px a barvy.