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

30. 6. 2006 | Vítězslav Šmíd

Články - GIMP v příkladech - 15 (psí známky 2)  

Dnes se naučíme, jak do kovu vyvrtat otvor, vyrazit text a jak připravit řetízek z kovových kuliček. Při umisťování plíšků na řetízek se seznámíme s novým nástrojem – Rotace.

Vyvrtání otvoru

Než na plíšek přidáme text, musíme do něj ještě vyvrtat otvor na pověšení. Provedeme to prostým zneviditelněním kruhu v jeho povrchu – samozřejmě maskou vrstvy. Tady musím vzít zpět svoje slova z minulého dílu – po dosažení trojrozměrného efektu jsem napsal, že je třeba obě vrstvy (tmavou a světlou) sloučit.

Je třeba nejprve do (existující) masky plíšku nakreslit otvor, a teprve potom vrstvu zduplikovat, posunout, ztmavit a sloučit. Plíšek tedy bude vypadat takto:

V našem vzorovém obrázku vytvoříme dva plíšky s různými texty. Společná práce pro oba plíšky skončila, nyní už musíme vytvořit i druhou kopii. Vrstvu Plíšek nejprve přejmenujeme na Plíšek #1 a pak zduplikujeme. Hle, duplikát je konzistentně pojmenován Plíšek #2. Nástrojem Přesun (Move) jej přemístíme někam vedle originálu.

Přidání textu

Protože s nástrojem Text už jsme se seznámili, jistě nebude problém nad každý z plíšků vložit samostatnou textovou vrstvu a vyplnit ji nějakým textem, pro který použijeme bezpatkový font, adekvátní velikost a černou barvu.

Tyto textové vrstvy použijeme k bump-mappingu vrstev Plíšek. Abychom však u písmen získali vzhled vyražení do kovu, je třeba je ještě trochu rozostřit - jak jinak než našim starým známým filtrem Gaussovo rozostření (Gaussian blur). Ještě než to provedeme, je třeba obě textové vrstvy zarovnat na velikost obrázku příkazem Vrstva -> Velikost vrstvy dle obrázku (Layer -> Layer to image size). Rozostřovací filtr je totiž (jako všechny filtry) omezován rozměry vrstvy, na kterou je aplikován, a pokud bychom je nerozšířili, mohlo by se stát, že na hranicích vrstvy rozmazání náhle skončí.

Rozmazaný text připravený k použití jako elevační mapa

Gaussovo rozostření aplikujeme s oběma poloměry rozostření 1.0 px až 3.0 px. Čím vyšší bude tento poloměr, tím tupější bude nástroj, kterým se písmena razí do plechu. Obě textové vrstvy (které už jsou teď převedeny na obyčejné bitmapové) pak zneviditelníme, ať nám nepřekáží.

Vyražení textu do plechu

Použití bump-mapovacího filtru je velmi přímočaré – není třeba měnit téměř žádné výchozí nastavení. Zvolíme pouze správnou vrstvu jako elevační mapu a hloubku vyražení nastavíme posuvníkem Výška hladiny (Waterlevel). Nepotřebujeme (ovšem můžeme) manipulovat s Hloubkou (Depth), protože elevační mapa obsahuje průhlednost. To znamená, že na celkové hloubce vznikajícího reliéfu se spolupodílí dvě hodnoty – Hloubka a Výška hladiny (Depth & Waterlevel). Je tedy zbytečné měnit obě, stačí jedna z nich.

Pomocí checkboxu Invertovat mapu vyvýšení (Invert bumpmap) nastavíme, z které strany se na plech vlastně díváme, zdali jsou písmena vytlačena směrem k nám, nebo vtlačena směrem od nás.

Nahoře: invertovaná elevační mapa; dole: normální elevační mapa

Filtr aplikujeme na oba plíšky a pak smažeme původní elevační mapy s rozmazaným textem. Tímto jsme ukončili práci na samotných plíšcích. Zbývá nám jen stvořit řetízek z kovových kuliček a plíšky na něj pověsit.

Kovová kulička

Založíme si úplně nový obrázek o rozměrech 40×40 pixelů s průhledným pozadím a vyplníme jedinou vrstvu Pozadí (Background) šedým gradientem (stejně jako při vytváření broušeného kovu). Z této vrstvy vytvoříme kuličku známým filtrem Mapovat objekt (Map object).

Na záložce Volby (Options) je třeba zvolit mapované těleso – kouli (sphere) a zaškrtnout Průhledné pozadí (Transparent background).

Na záložce Světlo (Light) je pro nás důležité nastavit pozici bodového světla tak, aby se kov leskl „na správném místě“, podle toho, odkud má na kuličku svítit světlo. Filtr používá tyto 3D souřadnice:

S polohou světla je třeba chvíli si pohrát. Já jsem použil tyto souřadnice: X = 3.0, Y = −2.0, Z = 1.80.

Poslední nastavování se odehrává na záložce Materiál (Material), kde ovlivníme lesk vznikajícího kovu. Opět to vyžaduje trochu pokusů. Já použil tyto hodnoty:

• Úrovně intenzity (Intensity levels):
  • Okolí (Ambient): 0.40
  • Difúze (Diffuse): 0.80
• Odrazivost (Reflectivity):
  • Difúze (Diffuse): 0.70
  • Odraz (Specular): 300.0
  • Odlesk (Highlight): 27.0

S výše uvedeným nastavením filtr vygeneruje tuto malou kuličku:

A teď pozor, velké tajemství! Z mnoha těchto malých kuliček poskládáme řetízek – to bychom mohli udělat například mnohonásobným zkopírováním a přesouváním kuličky do původního obrázku. Člověk je však tvor líný a proto vymyslel obtahování cesty stopou (stroking a path by a brush). Místo mnohonásobného kopírování raději kuličku uložíme jako stopu (brush), tvar řetízku nakreslíme jako cestu – beziérovu křivku a „kuličkovou stopu“ použijeme k obtažení (stroke) této cesty. Jak geniální! :-)

Obrázek s kuličkou nejprve ořízneme tak, aby kolem ní nebylo zbytečné průhledné pozadí – tedy asi na 21×21 pixelů. Pak jej uložíme jako Stopa GIMPu (GIMP brush) s příponou .gbr do složky:

~/gimp-<verze>/brushes

GIMP se nás před uložením zeptá na Rozestup (Spacing) a Popis (Description). Hodnota rozestupu má jen marginální význam, protože může být při použití změněna.

Po uložení můžeme obrázek s kuličkou zavřít a vrátit se k původnímu. V panelu se stopami stiskneme tlačítko Aktualizovat stopy (Refresh brushes) a naše nová kovová kulička se objeví mezi ostatními stopami.

Tvar řetízku, umístění plíšků

Tvar řetízku nakreslíme nástrojem Cesty (Paths), se kterým jsme se seznámili v desátém dílu seriálu. V režimu Návrh (Design) určíme hrubé tvary řetízku, za stisku Ctrl a kliknutí na počáteční bod křivku uzavřeme. Poté se přepneme do režimu Úpravy (Edit) a vhodnou manipulací s kontrolními body tvar zakulatíme.

Jakmile je stanovený tvar řetízku, musíme obě vrstvy Plíšek přesunout a pootočit tak, aby na něm byly plíšky zavěšeny. Nástroj Přesun (Move) už je nám dobře známý, ale musíme se seznámit s novým kouskem – Rotovat (Rotate) se zkratkou Shift+R.

Tento nástroj umožňuje přímo (tažením myši) rotovat s vrstvami, výběrem nebo cestami. Jakmile ovlivňovaný objekt vybereme kliknutím myši, zobrazí se nám:

1. kontrolní body v rozích objektu, pomocí kterých jím můžeme otáčet
2. bod určující pozici středu rotace; lze jej přesouvat myší
3. dialog, ve kterém lze úhel rotace i pozici středu rotace zadávat přesně

Nástroj samozřejmě nabízí více možností:

• Ovlivnit (Affect): Volba ovlivněného objektu – vrstva, výběr, cesta
• Směr transformace (Transform direction): Možnost Dopředu (Forward) představuje klasickou rotaci, volba Zpět (Backward) je podle nápovědy GIMPu určena hlavně k opravě nakřivo naskenovaných obrázků a rotace je při ní prováděna v opačném směru
• Interpolace (Interpolation): Čím lepší je interpolace, tím kvalitnější je vyhlazování ostřejších přechodů mezi barvami (známých „zubatých čar“)
• Převzorkování (Supersampling): Pokud je tato volba aktivní, při interpolaci je prováděn přesnější, avšak časově náročnější výpočet
• Oříznout výsledek (Clip result): Pokud je tato volba aktivní, vrstva bude po rotaci oříznuta na svoji původní velikost
• Náhled (Preview): Při rotaci může GIMP ukazovat různé druhy náhledů: mřížku, skutečný objekt, obrys objektu nebo kombinaci skutečného objektu a mřížky. Mřížku lze ještě podrobněji konfigurovat. Obvykle si vystačíme se zobrazením skutečného objektu (Obrázek/Image).
• Omezení (Constraints): Chceme-li úhel rotace limitovat na násobky 15 stupňů, můžeme buď při rotování držet Ctrl, nebo zaškrtnout tuto volbu.

Když budeme umisťovat plíšky na řetízek, přesuneme je tak, aby otvor ležel na křivce a před rotováním umístíme střed rotace doprostřed otvoru (viz obrázek):

Plíšky máme připravené na správných místech, v příštím díle obrázek zakončíme vykreslením kuliček. Dnešní práce může vypadat například takto:

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 - 14 (psí známky)
Následující díl: GIMP v příkladech - 16 (psí známky 3)

Diskuse k tomuto článku

[balda]

dobra prace...diky

[Murděj Ukrutný]

Ten kovový pléšek mi prijde spíš jako šedé dřevo, chtělo by to trochu kovového lesku. Udelal jsem to takto:

1. přidal jsem 2 vrsvy Filtr -> Vykreslení -> Mraky -> pevný šum. (režim: násobení, krytí: 100) 2. uplně nahoru kopii pudní známky (režim: pouze zesvětlení, krytí: 50)

známka trochu ztmavne, takže po sloučení je dobré si trochu pohrát z jasem a kontrastem.

[NbS]

Udelal bych to takhle, vydrazil bych na ebay Photoshop (podobne jsem to udelal a mam origos 7 za necelych v prepoctu 600kc) a pouzil photoshop. Sice je Gimp kvalitni, ale bohuzel Photoshop je jenom jeden ... a navic jede pod wine bez chyb, tak co.

[phax7]

Super, vydražte si Photoshop. Mě by jen zajímalo jak jinak a úžasně byste ve PS takovou známku stvořil? Je to tak hrůzný rozdíl?

[NbS]

Docela je a markantni ... bohuzel nyni delam na rekneme identite jedne firmy takze nemam cas a napad, ale stopro neco vystavim pro "posouzeni a porovnani" :)

[Peter Lehotsky]

On se neptal na vase schopnosti a znalosti, ale na rozdil mezi obdelnikem z photoshopu vs. obdelnikem z gimpu a ten za predpokladu ze umite pouzivat oba programy, NENI!

[NbS]

To bezesporu ne :) ale ja se bavil o necem trochu jinem ..)

[asenkyr]

JO rozdil tam je a to dost velky. sem si zkousel delat znamky ve photoshopu a vypadaji o dost lepe. uz taky o necem svedci ze : photoshop ma 500 mb zatimco gimp cca 20 photoshop stoji docela prachy a gimp je zadara kdyby byl gimp lepsi tak proc by ho uz davno nepouzivaly graficky studia? ale abych jen nekritizoval tak gimp je jeden z nejlepsich programu na beznou domaci upravu fotografii.

[kyknos]

No on GIMP je také jen jeden, podobně jako Photoshop :)

[xkesh]

Námět pro autora: Uvítal bych návod, jak co nejefektivněji umístit pomocí GIMPu do obrázku vodoznak (watermark).

Chápu, že to lze udělat normálním překrytím dvou obrázků, ale existuje nějaká automatizovanější metoda, která by např. brala v úvahu velikost obrázku apod.?

[12345]

Možná by se Vám hodil plug-in Watermark.

Uživatelská instalace:

gimptool --install-script watermark.scm

System-wide instalace:

gimptool --install-admin-script watermark.scm

Zkoušel jsem ho jen zběžně, ale vypadá použitelně. Umožňuje výběr fontu, umístění, velikosti a průhlednosti.

[Sakul]

A existuje neco co ten vodoznak prida do vice fotek zaroven a este to ty fotky zmensi??? Neco jako Infran View do Windows??? Dik

[Roj]

Jen bych pripodotkl, ze nejdriv by se mela delat rotace a pak teprv ten relief. Kvuli shodnemu smeru stinovani.