GIMP v příkladech - 11 (semafor pro chodce, spirála, pružina)

31. 3. 2006 | Vítězslav Šmíd

Články - GIMP v příkladech - 11 (semafor pro chodce, spirála, pružina)  

Elegantní kombinací cesty a výběru dnes nakreslíme semafor pro chodce. Poté GIMP přiohneme i ke tvorbě trojrozměrně vypadajícího obrázku.

Nakreslení figurky

Pro nakreslení těla figurky využijeme Cesty, hlavu (překvapivě kulatou) však doplníme pomocí výběru. Ti, kdo si stejně jako já zvolili červenou barvu semaforu, budou mít práci jednodušší, je přece jen snazší kreslit poslušně stojící figurku než nakračujícího nedočkavce.

Z hlubin disku vylovíme obrázek z minulého dílu (obyčejný semafor) a otevřeme jej v GIMPu. Začneme samotným kreslením postavičky - chopíme se tedy nástroje Cesty (Paths). Tento krok je opět individuální, každý stvoří jiný tvar. Důležité je však úplně vynechat hlavu, pouze nějak naznačit krk. Není nutné figurku nějak zakulacovat (alespoň pokud se snažíme o český semafor), takže je vhodné vynutit polygonální křivku zatržením políčka Mnohoúhelník (Polygonal).

Nebudeme potřebovat jiný nástrojový režim než Návrh (Design). Nejlepší je figurku nějak nahrubo "naklikat", křivku uzavřít (kliknutím na koncový bod za stisku Ctrl) a teprve pak jemně dolaďovat tvar přesouváním bodů. Křivka samotná (bez zbytku obrázku) může vypadat například takto (vlevo při editaci, vpravo v normálním zobrazení):

Jakmile jste spokojeni se svým bezhlavým výtvorem, převeďte křivku na výběr - tlačítkem Vytvořit výběr z cesty (Create selection from path). Hlavu teď doplníme pomocí Výběru elipsy (Ellipse select). Představme si však nejdříve čtveřici nenápadných, ale velmi důležitých tlačítek, která je k dispozici u každého nástroje sloužícího k výběru. Těmito tlačítky přepínáme režimy výběru (selection modes). Použijeme je tehdy, když už v obrázku nějaký výběr máme a chceme provést ještě jeden výběr, který s tím původním bude nějak reagovat:

• Nahrazení (Normální režim) - Původní výběr bude tím novým prostě nahrazen. Toto je implicitní chování.
• Součet - Původní a nový výběr jsou sečteny. Nemusí však být přímo spojeny, lze tak vybírat nesouvisející části obrázku.
• Odečtení - Od původního výběru je ten nový odečten. Lze tak například vytvářet díry nebo výběr dělit na více částí.
• Intersekce (Průnik) - Výsledkem je průnik původního a nového výběru, který může být samozřejmě i nulový.

Jistě každý lehce uhádne, že pro přidání hlavy je třeba použít druhý zmiňovaný režim, součet. Zapněte jej tedy a začněte experimentovat s nasazováním hlavy na krk. Pravděpodobně se to nezdaří hned napoprvé, ale od toho je tu magické Ctrl+Z. Je možné, že se vám hlava bude lépe umisťovat, pokud budete výběr začínat od středu kružnice/elipsy. Na to existuje malý trik: začněte vyběr jako obvykle, ale před dokončením (uvolněním tlačítka myši) začněte držet Ctrl. Od této chvíle je elipsa zadávána od svého středu, nikoli od levého horního rohu opsaného obdélníku jako obvykle. Důležité ale je, abyste klávesu Ctrl stiskli a drželi až poté, co začnete výběr. Pokud ji budete držet před zahájením výběru, GIMP to chápe jako klávesovou zkratku pro zapnutí výběrového režimu Odečtení (viz výše).

Po úspěšném zlidštění bezhlavého torza už můžeme přidat novou průhlednou vrstvu umístěnou mezi Sklo a Plech a pojmenovanou například Figura. Naši figurku zobrazíme tak, že její okolí vyplníme černou barvou. Červené sklo pod tímto okolím tak bude potlačeno, ale figurka, která zůstane průhledná, přes sebe bude propouštět červené světlo.

Zinvertujeme (to je slovo :-)) výběr příkazem Vybrat -> Invertovat (Select -> Invert) nebo klávesovou zkratkou Ctrl+I a vyplníme jej černou barvou. Vznikl nám tak poněkud nerealistický efekt - figurka září příliš ostře, její okolí je velmi striktně oddělené a úplně tmavé. Napravíme to změnou Krytí (Opacity) vrstvy na nějakou nižší hodnotu (∼ 60 %). A tím jsme semafor dokončili:

Spirála, pružina

Ačkoli k tomu GIMP není určen, lze s ním v omezené míře tvořit 3D obrázky. Předvedeme si to na nakreslení spirály nebo pružiny za použití nástroje Cesty (Paths) a filtru Mapovat objekt (Map object). VšecHny čáry je však nutné kreslit velmi přesně, a proto zaměstnáme i mřížku - grid.

Mřížka

Mezi nepřeberné možnosti, jež nám GIMP skýtá, se řadí i zobrazení mřížky, její podrobná konfigurace a přichytávání kurzoru k ní. Dialog pro nastavení se nachází v menu Obrázek -> Nastavit mřížku (Image -> Configure grid):

• Styl mřížky (Line style): Zde se nastavuje, jak bude mřížka vlastně vypadat. Protože je vykreslována přes všechny vrstvy, není vždy žádoucí, aby měla formu klasické plné mřížky, je možné vykreslit ji čárkovaně či zobrazit pouze průsečíky jejích čar.
• Barva popředí (Foreground color): Barva čar mřížky.
• Barva pozadí (Background color): Tato barva se používá pouze pro styl mřížky dvojitě čárkovaná (double dashed), který střídá barvu popředí a pozadí.
• Rozestup (Spacing): Vzdálenosti čar mřížky. Horizontální i vertikální rozestup lze nastavit nezávisle.
• Posun (Offset): Odsazení levého horního rohu mřížky od levého horního rohu obrázku. Může být i záporné.

Zobrazení mřížky se přepíná příkazem Zobrazení -> Zobrazovat mřížku (View -> Show Grid), přichytávání kurzoru tamtéž: Zobrazení -> Chytat k mřížce (View -> Snap to Grid). Přichytávání nefunguje jako striktní omezení polohy kurzoru na čáry mřížky, ale pouze vytváří "odpor" při pohybu kurzoru, takže je snadné kreslit podle mřížky, ale stále je možné ji kurzorem opustit.

Pro vytvoření pružiny (či prostorové spirály) využijeme toho, že filtr Mapovat objekt umí zohlednit průhlednost v mapované vrstvě. Pružinu nakreslíme "rozloženou na papíře" a filtrem tento "papír" "srolujeme do válce a slepíme". Rozložená pružina není nic jiného, než sada rovnoběžných šikmých čar, které od sebe mají konstantní odstupy. Není třeba příliš představivosti k poznání, že jednu čáru končící na pravém okraji "papíru" musí na levém okraji ihned navazovat další čára, začínající ve stejné "výšce" - mající stejnou souřadnici Y. Tyto požadavky splníme právě pomocí mřížky a oddělených komponent cesty (viz předchozí díl).

Založíme si nový obrázek s bílým pozadím a rozměry 400x400 pixelů, do kterého ihned vložíme novou průhlednou vrstvu jménem Pružina, se kterou budeme pracovat. Bílé pozadí si ponecháváme pouze pro lepší čitelnost čar nad ním.

Zapneme zobrazování mřížky a přichytávání, v dialogu pro konfiguraci mřížky zvolíme plnou (solid) čáru a červenou barvu. Rozestup v obou směrech bude 50 pixelů.

Aktivujeme nástroj Cesty (Paths) a zatrhneme volbu Mnohoúhelník (Polygonal), aby se nám v obrázku případně nepletly kontrolní body Beziérových křivek.

Nyní se stačí přesně trefovat kotevními body na okraje obrázku do průsečíků mřížky. Připomínám, že novou komponentu cesty zahajujeme kliknutím při držení Shift. Pokud se s nějakým bodem netrefíte přesně, lze jej jednoduše přemístit tažením. Odpor mřížky pomáhá při přesném umisťování do průsečíků. Úplně si vystačíme s režimem nástroje Návrh (Design). Cesta by měla vypadat takto:

Cestu dokončíme až do pravého dolního rohu obrázku, poté můžeme vypnout zobrazení mřížky. Aby však byla nějaká čára vůbec vidět, musíme cestu ještě obtáhnout pomocí funkce Vykreslit (Stroke). Tlačítko najdeme jednak v možnostech nástroje, jednak na záložce Cesty. K obtažení není třeba používat klasické nástroje, vystačíme si s jednoduchým nastavením tloušťky čáry, kterou nastavíme na 2-4 pixely. Cesta bude vykreslena aktuální barvou popředí. Získáváme tento obrázek:

Zbývá již jen aplikovat filtr pro mapování objektů. Ještě předtím však vložíme novou průhlednou vrstvu. Nemusí být viditelná, nic na ni nebudeme kreslit a je úplně jedno, jak se bude jmenovat. Má jediný účel: filtr vyžaduje nastavení jedné nebo dvou vrstev, které budou tvořit základny válce. Pro náš účel však viditelných základen netřeba, takže použijeme tuto prázdnou průhlednou vrstvu.

Přesvědčíme se, že máme vybranou vrstvu Pružina a otevřeme dialog filtru [Filtry -> Mapa -> Mapovat objekt (Filters -> Map -> Map object)] a pustíme se do (jednoduchého) nastavení. V prvé řadě to bude Mapovat na: válec (Map to: Cylinder), dále pak zapnutí průhledného pozadí (transparent background). Na záložce Válec (Cylinder) nastavíme zmíněné základny válce (Nahoře/Top, Dole/Bottom), obě na čerstvě vloženou prázdnou vrstvu. Aby byla pružina vidět celá, je vhodné zmenšit délku (length) na nějakých 85 %. Poloměr (Radius) nastavíme dle uvážení. Chceme-li, aby více vynikla trojrozměrnost pružiny, můžeme si pohrát s její rotací na záložce Orientace (Orientation). Toť vše.

Prozatím se loučím, v příštím díle se vydáme za pokladem :-). Opravdu!

Seriál GIMP v příkladech (dílů: 19)

První díl: GIMP v příkladech - 1 (hvězdná obloha), poslední díl: GIMP v příkladech - 19 (kiwi 3).
Předchozí díl: GIMP v příkladech - 10 (semafor)
Následující díl: GIMP v příkladech - 12 (mapa k pokladu)

Diskuse k tomuto článku

[Dusan]

no tak s tou pruzinov to je dobre. Proste niekto to vie.

[David Watzke]

Wow! Krásný...

[kralyk z abclinuxu]

Chvalim, vyyybornej serial... ;)