GIMP v příkladech - 9 (hvězda, semafor)

21. 2. 2006 | Vítězslav Šmíd

Články - GIMP v příkladech - 9 (hvězda, semafor)  

Dnes doplníme obrázek planety o vycházející hvěždu a začneme práci na běžném semaforu.

V minulém díle jsme vyrobili imaginární planetu. Dnes si ji maličko vylepšíme - přidáme hvězdu vycházející nad jejím povrchem. Dal by se k tomu použít i náš dobře známý filtr SuperNova, my ale upřednostníme filtr GFlare, který slouží především k vytváření efektů vznikajících při odlescích světla na různých čočkách (například u fotoaparátů nebo kamer). Filtr se nachází v menu Filtry -> Efekty se světlem -> Záře z přechodu (Filters -> Light effects -> GFlare). Vykresluje primární efekt (kruhový lesk) a sekundární efekt ("šňůru" odlesků).

Pro filtr budu raději používat anglický název GFlare, protože je kratší a, podle mého názoru, lepší.

Okno filtru nabízí dvě záložky:

• Selektor (Selector):
  • Hlavní částí záložky je seznam přednastavených typů odlesku. Po vybrání je můžeme okamžitě vidět v náhledu. Každý z nich lze samozřejmě upravit, k tomu slouží záložka Nastavení (Settings).
  • Tyto typy - předvolby - můžeme kopírovat, upravovat a vytvářet nové. Po stisknutí tlačítka Úpravy (Edit) se nám nabídnou velmi detailní možnosti. Tím se však nyní zabývat nebudeme.
• Nastavení (Settings):
  • Střed (Center): Udává (překvapivě) pozici efektu na vrstvě.
  • Poloměr (Radius): Velikost primárního (kruhového) efektu.
  • Rotace (Rotation): Rotace primárního efektu.
  • Rotace odstínu (Hue rotation): Zde se, trochu nezvykle oproti zbytku GIMPu, ovlivňuje barva efektu.
  • Úhel vektoru (Vector angle): Rotace sekundárního efektu ("šňůra", nebo "čára" odlesků).
  • Délka vektoru (Vector length): Délka sekundárního efektu v procentech, kde základem je Rádius.
  • Adaptivní převzorkování (Adaptive supersampling): Zapnutí vyhlazování hran.

Pro naši hvězdu si založíme novou průhlednou vrstvu jménem Hvězda a umístíme ji pod vrstvu Planeta. Spustíme filtr GFlare (Záře z přechodu) a v záložce Selektor zvolíme předvolbu GFlare_102. V záložce Nastavení pak hvězdu doladíme. Protože ji vkládáme na čistou, prázdnou vrstvu, těžko budeme odhadovat, kam ji umístit, abychom se trefili přesně na okraj planety (nebo kamkoliv jinam). Proto, podobně jako u vkládání hvězd do hvězdné oblohy, umístíme střed GFlare doprostřed vrstvy. Tu si pak posuneme, kam budeme chtít.

• Poloměr efektu by se mohl pohybovat kolem 250 - 350.
• Žluté odstíny hvězdy získáme nastavením Rotace odstínu na hodnoty 130 - 160, oranžové až červené jsou v rozmezí 90 - 120.
• Délku vektoru nastavíme na minimum, protože nás sekundární efekt momentálně nezajímá.

Po vygenerování efektu se vrstvy chopíme nástrojem Přesun (Move) a umístíme ji na požadované místo tak, aby hvězda vycházela nad povrchem. Jakmile si budeme jisti, že je vrstva na správném místě, zarovnáme její rozměry příkazem Vrstva -> Velikost vrstvy dle obrázku (Layer -> Layer to image size). A to je vše:

Semafor

Nyní si v GIMPu začneme kreslit klasický dopravní semafor, příště jej dokončíme a vyrobíme i variantu pro chodce. Začneme otevřením nového čtvercového (například 500x500) obrázku s průhledným pozadím. Protože ze semaforu budeme později vytvářet semafor pro chodce, nebudeme jej nyní kreslit v oranžové barvě, na výběr je pouze červená a zelená. Já pro tento příklad zvolím červenou.

Vlastní obrázek se bude skládat ze dvou hlavních vrstev: jedna bude představovat samotný (čtvercový) skleněný povrch semaforu, druhá ji bude překrývat a ukazovat z ní jen kulatý střed. Začneme spodní - povrchovou vrstvou, kterou si pojmenujeme Sklo.

Tuto vrstvu nejprve pokryjeme radiálním gradientem. Jako typ gradientu použijeme Popředí do pozadí (FG to BG) a jako barvy popředí a pozadí si zvolíme světlejší a tmavší odstín zvolené barvy semaforu (červená nebo zelená). Po aplikaci bude vrstva Sklo vypadat takto:

Dalším krokem je dodání "sklovitějšího" - mozaikového vzhledu. Skla semaforů nevypadají hladce! Použijeme filtr Skleněné dlaždicování, který nalezneme v Filtry -> Efekty se sklem -> Skleněné dlaždicování (Filters -> Glass effects -> Glass tile). Dialog nabízí pouze nastavení výšky a šířky dlaždice, ale nic jiného vlastně nepotřebujeme. Zvolte tedy nějakou nižší hodnotu (~ 15 pixelů) pro oba rozměry a aplikujte filtr. Uvidíte, že skoro nic neuvidíte :-).

Pozn.: Vím, že ve skutečnosti má semaforové sklo trochu složitější vzor, ale toto zjednodušení nám zde postačí.

Výsledky filtru jsou velmi nepatrné, proto jim ještě pomůžeme filtrem Doostřit, který jsme použili i na planetu [Filtry -> Vylepšení -> Doostřit (Filters -> Enhance -> Sharpen)]. Dovolíme si použít velmi vysokou hodnotu, klidně i 90. I tak to není zrovna do očí bijící, ale to nevadí, v příštím kroku se reliéf ještě zvýrazní.

Přichází na řadu vyboulení skla. Dodáme mu jemně sférický vzhled pomocí dalšího filtru, a to Použít čočku - Filtry -> Efekty se sklem -> Použít čočku (Filters -> Glass effects -> Apply lens). Tento filtr vyboulí část vrstvy, jako bychom se na ni dívali přes nějakou čočku - lupu. Můžeme ovlivnit jednak refrakční index této imaginární čočky, jednak vzhled okolí, jenž touto čočkou zasaženo nebude.

• Ponechat původní okolí (Keep original surroundings): Použití této volby nejvíce připomíná lupu. Okolí čočky prostě zůstává beze změny.
• Nastavit okolí na barvu pozadí (Set surroundings to background color): Okolí nezasažené čočkou bude přebarveno na barvu pozadí.
• Zprůhlednit okolí (Make surroundings transparent): Okolí nezasažené čočkou bude průhledné.
• Refrakční index čoček (Lens refraction index): Nastavení samotné čočky. Čím vyšší hodnota, tím razantnější vyboulení. Hodnota 1.0 znamená nulovou změnu.

My si sklo vyboulíme s indexem 1.50 a průhledným okolím. Na barvě okolí nám sice nezáleží, protože bude stejně překryto horní vrstvou, ale jeho nastavením na průhledné si zjednodušíme pozdější výběry. Kulaté sklo se nám nyní rozkládá přes celý obrázek, což není úplně vítané. Oba rozměry vrstvy Sklo zmenšíme na 70 % původní velikosti (v mém případě tedy z 500px*500px na 350px*350px). Snad nemusím připomínat, že dialog pro změny rozměrů vrstvy najdeme menu Vrstva -> Změnit velikost vrstvy (Layer -> Scale layer). Nakonec si rozměry vrstvy Sklo pěkně úhledně zarovnáme s obrázkem příkazem Vrstva -> Velikost vrstvy dle obrázku (Layer -> Layer to image size).

A teď se vrhneme na horní vrstvu, kterou pojmenujeme Plech, a která bude představovat plechový kryt semaforu. Vložte tedy novou průhlednou vrstvu a pomocí Plechovky (Bucket fill) ji zaplavte nějakou tmavou barvou (ale ne úplně černou!), například #333333.

Nejprve do Plechu vyřízneme otvor, aby bylo vidět Sklo pod ním. A to uděláme pomocí masky vrstvy (layer mask). Přidělte tedy vrstvě Plech masku příkazem Přidat masku vrstvy (Add layer mask), inicializaci nastavte na bílou (white). Abychom získali absolutní průhlednost vrstvy, musíme kruhovou část masky vyplnit černou barvou. Rozměr této kruhové části ale získáme z vrstvy Sklo - proto jsme u filtru Použít čočku zvolili možnost zprůhlednit okolí. A budeme postupovat takto:

1. Vyberte vrstvu Sklo.
2. Použijte funkci Vrstva > Průhlednost -> Alfa do výběru (Layer -> Transparency -> Alpha to selection). Použili jsme ji i minule, slouží k nastavení výběru (selection) na neprůhledné části vrstvy.
3. Vyberte vrstvu Plech a kliknutím na náhled masky zapněte editaci masky, nikoli vrstvy samotné.
4. Stisknutím Shift+B aktivujte nástroj Plechovka (Bucket fill), klávesou D nastavte výchozí (černá+bílá) barvy.
5. Nyní jsme téměř připraveni "vyříznout" díru do vrstvy, ale je tu ještě jeden detail: do výběru jsme získali přesný rozměr barevného skla, ten ale nemůže být použit jako rozměr výřezu do plechu, protože na okrajích by nám mohly vznikat jedno- až dvoupixelové otřepy. Proto celý výběr (selection) maličko zmenšíme funkcí Vybrat -> Zmenšit (Select -> Shrink). Jako hodnotu smrsknutí stačí zadat 3 pixely.
6. A teď už můžeme zmenšený výběr vyplnit čistě černou barvou.

Dnešním posledním krokem bude zjemnění výřezu do vrstvy Plech. Zahoďte tedy pilky na železo a chopte se jemného pilníku. Ujistěte se, že máte stále zvolenou editaci masky vrstvy Plech a otevřete filtr Gaussovo rozostření - nachází se ve třetím šuplíku pod ponkem, zabalený v tom modrém hadru [Filtry -> Rozostření -> Gaussovo rozostření (Filters -> Blur -> Gaussian blur)] :-D.

Není třeba rozostření přehánět, stačí nastavit poloměr (radius) na 2.0 - 4.0. Tak je přechod černé do bílé v masce vrstvy hladší, ovšem jen velmi jemně. To je to, co jsme chtěli a pro dnešek nám to bude stačit...

Příště u tohoto semaforu dokončíme plech pomocí bump-mappingu a, abychom si předvedli další feature GIMPu, Cesty (Paths), vytvoříme i variantu pro chodce.

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 - 8 (planeta)
Následující díl: GIMP v příkladech - 10 (semafor)

Diskuse k tomuto článku

[Dan Ohnesorg]

Ta hvezda je az neuveritelne krasna.

Az se bude hlasovat o serial roku, mate muj hlas.

[Josef Kufner]

Ta hvezda je opravdu hezka, ale stin na te planete nejak nesedi -- mel by byt vetsi

[EiFFeL]

vsak tohle je jen ukazka, kazdy si muze vytvorit hvezdu, planetku, stin podle svych predstav...

[Thaweg]

Svítí ještě odjinud

[Bali]

Použil jsem na tu planetu texturu kamene z předešlých lekcí a vypadá to excelentně