GIMP v příkladech - 14 (psí známky)

16. 6. 2006 | Vítězslav Šmíd | Návody | 16012×

Dnes si předvedeme nakreslení broušeného kovu a vyseknutí plíšků se zaoblenými rohy. Do takto připraveného materiálu budeme později simulovat vyražení nějakého textu. Celý výtvor pak bude připomínat vojenské „psí známky“ (dog tags). Samozřejmě, že postup lze zobecnit a neomezovat se pouze na tyto konkrétní předměty.

Začneme založením nového obrázku o velikosti 600×800 pixelů s bílým pozadím. Nejprve si budeme muset vyrobit broušený kov, ze kterého pak vyrazíme obdélníkové plíšky se zaoblenými rohy. Do těchto plíšků vyrazíme nějaká čísla či jiný text a nakonec je zavěsíme na řetízek z kovových kuliček.

Broušený kov

Do obrázku vložíme novou průhlednou vrstvu jménem Kov. Vyplníme ji šedým vertikálním lineárním gradientem, jehož koncové barvy se od sebe ale nebudou příliš lišit, např. #9d9d9d a #b8b8b8. Povrch je tedy téměř jednobarevný, ale přece jen není úplně jednotvárný.

Nyní vytvoříme základ nablýskaného broušeného povrchu. Poslouží nám filtr Roztřepení HSV (Scatter HSV), který je k nalezení v menu Filtry -> Šum -> Roztřepit HSV (Filters -> Noise -> Scatter HSV). Tento filtr do vrstvy vnáší šum nastavitelný podle barevného modelu HSV (Hue, Saturation, Value).

• Zadržení (Holdness): Tato hodnota ovlivňuje razanci, s jakou bude nová náhodná barva ovlivňovat původní. S nízkým zadržením je šum velmi silný a hrubý, s vysokým má naopak slabé účinky a je jemnější.
• Odstín (Hue): Tímto posuvníkem určujeme náhodnost barev vznikajícího šumu.
• Sytost (Saturation): Sytost je vlastně intenzita barev šumu. Pokud je tato hodnota nízká, ani vysoký Odstín nepřináší velkou barevnou variabilitu, protože všechny barvy šumu jsou tlumené.
• Jas (Value): Jas překvapivě ovlivňuje jas vznikajícího šumu :-).

Všechny čtyři volby jsou spolu úzce svázány a pro nalezení té pravé konfigurace je třeba si s filtrem chvíli pohrát. Pro náš plech jsem použil tyto hodnoty:

• Zadržení (Holdness): 1
• Odstín (Hue): 0
• Sytost (Saturation): 10
• Jas (Value): 60

Je tedy vidět, že filtr „znáhodnil“ (randomizoval) prakticky jenom jas (a maličko sytost) a jiné barevné odstíny (červená, modrá, žlutá atd.) vůbec nepřimíchával. Stále tedy máme šedý povrch, jen je nyní „různě jasný“.

V posledním kroku dodáme plechu onen broušený vzhled, a to prostým rozmáznutím šumu. Ano, skutečně nepotřebujeme nic jiného, než náš starý známý filtr Gaussovo rozostření (Gaussian blur). Dosud jsme jej používali souměrně, s poloměrem rozostření stejným pro osy X i Y. Teď ale přichází malé kouzlo: odemkneme závislost poloměrů a svislý nastavíme na nulu, kdežto vodorovný na 25. A to je vše, broušený plech je tady!

Vlevo: gradient, uprostřed: použití filtru Scatter HSV, vpravo: rozmazání šumu.

Vyseknutí plíšků

Teď, když máme připravený materiál, z něj můžeme vysekat požadované tvary. Nejprve vytvoříme ostrou obdélníkovou vrstvu a té potom pomocí masky zaoblíme rohy.

Nejprve tedy celou velkou vrstvu Kov omezíme na jednoduchý malý obdélník. Ukážeme si při tom dva nové triky – přesně definovaný výběr a oříznutí vrstvy.

Aktivujete-li nástroj pro obdélníkový nebo elipsovitý výběr, můžete si všimnout, že na panelu nastavení nástroje se objevuje malé menu:

• Volný výběr (Free select): Toto je klasický režim výběru – vybíráme „od ruky“
• Pevná velikost (Fixed size): V tomto režimu můžeme předem definovat přesný rozměr výběru. Vlastní výběr myší se pak omezuje jen na zadání rohu vyběru a naznačení kvadrantu, kam bude vykreslen. Jak je v GIMPu obvyklé, rozměry lze zadávat v mnoha různých jednotkách.
• Pevný poměr stran (Fixed aspect ratio): Zde vkládáme opět rozměry výběru, ale tyto nejsou přesně určující – jakmile začneme myší provádět skutečný výběr, jeho rozměry budou reálné násobky přednastavených rozměrů. Chcete-li tedy například vybrat čtverec, můžete vložit rozměry 30×30 pixelů stejně jako 67.43×67.43 pica.

Nás nyní bude zajímat druhý režim. Zvolíme si přesné rozměry plíšků – řekněme 250×100 px. Tato čísla tedy vepíšeme do připravených políček a někde v obrázku provedeme výběr. GIMP nás teď vůbec nepustí ke změně velikosti výběru, ovlivňujeme pouze jeho pozici.

Jakmile máme ohraničenou oblast plíšku, potřebujeme se zbavit zbytku vrstvy. K tomu slouží užitečný příkaz Vrstva -> Ořezat vrstvu (Layer -> Crop layer). Neprovádí nic jiného, než že zarovná aktuální výběr na obdélník (pokud má výběr jiný tvar) a přesně na tento obdélník nastaví rozměry vrstvy. Jinými slovy – co není vybráno, je ztraceno. Podobný příkaz se nachází i v menu Obrázek (Image), ten však provádí ořez celého obrázku, ne jen aktivní vrstvy.

Přebytečného plechu jsme se zbavili a můžeme přidat zakulacené rohy. To provedeme, jak už jsem zmínil výše, pomocí masky vrstvy. Nejprve však musíme zakulatit rohy samotného výběru (pokud jste po oříznutí vrstvy Kov zrušili výběr, vraťte historii příkazů o krok zpět – potřebujeme mít vybranou celou vrstvu).

K zakulacení nám poslouží plug-in Vybrat -> Zaoblený obdélník (Select -> Rounded rectangle). Má jen dva parametry:

• Poloměr (Radius): Poloměr zaoblení se zde zadává pouze v procentech. Procentový základ je poněkud zvláštně počítán jako polovina výšky nebo šířky výběru, podle toho, který z rozměrů je menší (asi jako MIN(vyska, sirka)/2). Myslím, že je škoda, že radius nelze zadávat v absolutních jednotkách.
• Konkávní (Concave): Pokud je zatrženo toto políčko, místo zaoblených rohů jsou vytvořeny rohy „vmáčknuté“.

Spustíme tedy plug-in s vhodným poloměrem. Myslím, že dobře zvolená hodnota je 50 %. Masku vrstvy přidáme klasickým dialogem z kontextového menu v seznamu vrstev nebo z menu Vrstva -> Maska -> Přidat masku vrstvy (Layer ->Mask -> Add layer mask). V tomto dialogu vybereme jako implicitní stav masky Výběr (Selection). Elegance sama – zaoblené rohy jsou hotovy! Maska byla inicializována tak, že vybrané části vrstvy zůstaly viditelné, ostatní byly skryty.

Dodání hloubky

Než budeme pokračovat, dodáme našemu plíšku zdání jakési hloubky. Ač je velmi tenký, přece jen to není dvourozměrné těleso.

Poznámka: Vrstvu Kov bychom nyní měli přejmenovat na Plíšek, po předchozím vyseknutí tvaru je to přesnější.

Tloušťku plíšku budeme simulovat tak, že pod něj podsuneme jeho tmavší kopii. Protože bude oproti němu posunutá jen o pár pixelů, zůstane tento malý podvod neodhalen, ale plíšek bude vypadat trojrozměrně.

Nejprve vrstvu Plíšek zduplikujeme. Kopii necháme na pokoji a budeme manipulovat s originální vrstvou, a to s pomocí užitečného vylepšení nástroje Přesun (Move): máme-li tento nástroj aktivní a je vybrané okno s obrázkem, můžeme vrstvy (resp. výběr, cesty) přesouvat nejen tažením myši, ale i kurzorovými šipkami po jednom pixelu. Originální vrstvu Plíšek takto posuneme o 2–3 pixely nahoru a doprava. Obě vrstvy, originál i kopie teď vizuálně splývají. Originál ztmavíme jednoduše známou funkcí Vrstva -> Barvy -> Jas – kontrast (Layer -> Colors -> Brightness – Contrast), stačí jas posunout na hodnotu cca − 60. Ačkoli je to jen malá úprava, má velmi pozitivní efekt.

Obrázek si nebudeme zanášet přebytečnými vrstvami, a tak obě části plíšku sloučíme příkazem Sloučit dolů (Merge down). Nyní je vidět, proč jsme ztmavovali a posouvali originální vrstvu a ne její kopii – GIMP při slučování vrstev pojmenovává výslednou vrstvu podle poslední slučované, a to je v tomto případě originální Plíšek. Díky tomu jsme si ušetřili práci – pokud by spodní vrstva byla kopie originálního Plíšku, museli bychom z názvu odmazávat „copy“ nebo „kopie“. Vida, ušetřil jsem si několik stisků Backspace a musel jsem o tom napsat celý tento odstavec :-).

Závěr

Dnes jsme položili základy pro nakreslení psích známek – simulovali jsme vzhled broušeného kovu, vyřízli jsme z něj obdélník o přesných rozměrech, zakulatili jsme jej a dodali mu dojem plastičnosti. V příštím dílu se podíváme na vyražení textu do těchto plechů a jejich pověšení na řetízek z kovových kuliček.

       

Komentáře

Diskuse byla administrátory uzamčena

[David Watzke]

Vypadá to jako pozadí aplikací v OS X se skinem Brushed

[Josef Kufner]

... a nejen těch :)

[freshmouse]

Mimochodem, proč ke článkům nejsou přikládány soubory s popisovanými příklady?

[guns]

"Vyplníme ji šedým vertikálním lineárním gradientem"

ja tomu nechapem, ako to mam vyplnit ? :(

[cornelius]

Nastavit barvu popředí a barvu pozadí na barvy uvedené v článku a pak pomocí nástroje "Výplň barevným přechodem (L)" táhneme ve svislém směru odshora dolů úsečku v délce výšky obrázku/výběru. To je celé milý Watsone :)

[Pepee]

http://gug.sunsite.dk/tutorials/brushed-metal/ ...náhodnost čistě podobná??

[cornelius]

Jedná se o obecný a nejjednodušší postup jak udělat broušený kov, který je navíc platný v jakémkoliv schopnějším grafickém editoru, takže je jasné že postup bude shodný nebo přinejmenším podobný ať už je to napsané kdekoliv.