1. slovensko-česká stránka o userbaroch


 


Valid XHTML
Valid CSS

e-mail:
userbars@userbars.sk

Návod na tvorbu userbarov v GIMPe

(pre GIMP)

autor: mona

Návod je vytvorený vo verzii 2.2.13.

Vytvorenie dokumentu
obrázok 1

obrázok 2 1. Spustíme GIMP. Pomocou klávesovej skratky „CTRL+N“ otvoríme nový dokument. Zadáme šírku 350 a výšku 19 pixelov. Klikneme na „Pokročilé nastavenia“ a v ponuke „Vyplniť s“ vyberieme „Priesvitnosť“. Potvrdíme stlačením „Ok“.

Vyplnenie pozadia
obrázok 3 2. Pozadie, ktoré je teraz priehľadné si vyplníme farebným prechodom medzi čiernou (#000000) a oranžovou (#ff9000) farbou. Farby meníme dvojitým kliknutím ľavým tlačidlom myši na biely alebo čierny štvorec na panely nástrojov.

obrázok 4 3. Na panely nástrojov vyberieme klávesovou skratkou „L“ nástroj „Vyplnenie farebným prechodom“...

obrázok 5

obrázok 6 ... a presunieme kurzor do nášho priehľadného obrázka. Stlačíme ľavé tlačidlo myši a ťaháme podľa toho, akým smerom chceme prechod farieb vytvoriť.

Vytvorenie novej vzorky
obrázok 7 4. Skôr, než budeme pokračovať v ďalšej práci, vytvoríme si novú vzorku (pattern), ktorú budeme potrebovať. Súčasnú prácu môžeme uložiť klávesovou skratkou „CTRL+S“, ako príponu súboru vyberieme XCF. XCF je natívny formát programu GIMP, pri ktorom nedochádza k stratám na kvalite alebo zmenám v nastaveniach obrázka.

Klávesovou skratkou „CTRL+N“ otvoríme nový dokument, šírku aj výšku zadáme 3 pixely, nastavíme priesvitné pozadie. S lupou si priblížime obrázok tak, aby sme doň mohli pohodlne kresliť. Na panely nástrojov vyberieme aktívny štetec „Circle 01 (1 x 1)“ a ceruzkou nakreslíme do priesvitného štvorca šikmú čiaru presne z ľavého dolného rohu k pravému hornému rohu (celkom urobíme 3 bodky).

obrázok 8 5. Pravým tlačidlom myši klikneme do práve vytvoreného obrázka a vyberieme: Script-Fu / Výber / Do vzorky... Zadáme názov vzorky a meno súboru (prípadne necháme predvolené „mypattern“) a potvrdíme kliknutím na „Ok“.

obrázok 9 V našom vzorkovníku pribudla jedna nová vzorka.

Vytvorenie novej vrstvy so vzorkou
obrázok 10 6. Súbor so vzorkou môžeme zavrieť a nemusíme ho nikam ukladať. Vrátime sa k nášmu userbaru, kde sme skončili nastavením farebného prechodu do pozadia obrázka. Klávesovou skratkou „CTRL+L“ otvoríme okno s vrstvami obrázka. Toto okno počas celej zvyšnej práce necháme otvorené a umiestnime si ho na monitore tak, aby sme ho mali stále na očiach a kedykoľvek po ruke. Teraz v ňom vidíme iba jednu vrstvu „Pozadie“. Ľavým tlačidlom myši klikneme na prázdny dokument v ľavom dolnom rohu a vytvoríme novú vrstvu s ponechaním prednastavených hodnôt.

obrázok 11 7. Na panely nástrojov programu GIMP vyberieme nami vytvorenú vzorku a klikneme na ikonu plechovky „Vyplnenie farbou alebo vzorkou“. V spodnej časti panelu sa zobrazujú nastavenia pre aktuálne vybraný nástroj. Zvolíme „Vzorka výplne“ a ľavým tlačítkom myši klikneme do obrázka. Všimneme si, že sa nám „Nová vrstva“ vyplnila našou vzorkou.

obrázok 12 8. V okne vrstiev si vyberieme vrstvu so vzorkou a nastavíme jej krytie na 40. Čiarkovaný vzor sa stal jemnejším, slabo viditeľným. Teraz nebude pôsobiť ako rušivý prvok voči textu, ktorý chceme na userbar umiestniť.

Efekt odlesku
obrázok 13 9. Vytvoríme si novú vrstvu. S pomocou nástroja „Elipsa“ v hornej časti nášho userbaru naznačíme tvar odlesku.

obrázok 14 10. Vyplníme ho bielou farbou (v nastaveniach nástroja plechovka treba odznačiť „Vzorku výplne“). Keďže odlesk nezaberá celú plochu obrázka, je potrebné túto vrstvu orezať, aby sme znížili konečnú veľkosť obrázka. Na panely nástrojov vyberieme nôž, klávesová skratka „SHIFT+C“, v nastaveniach vyberieme „Len aktuálna vrstva“ a klikneme do obrázka. Otvorí sa nám dialógové okno „Orezanie a zmena rozmerov“. Klikneme na tlačidlo „Z výberu“ a potvrdíme „Ok“. Nôž automaticky oreže iba vybranú časť vrstvy.

obrázok 15 11. V okne vrstiev nastavíme krytie 40, čím vytvoríme dojem odlesku. Výber oblasti vrstvy zrušíme napríklad tak, že s nejakým nástrojom pre výber (napr. elipsou) klikneme mimo náš obrázok.

Vloženie textu
Skôr, než do userbaru vložíme nejaký text, nainštalujeme si font Visitor. Pokiaľ ste font inštalovali až po spustení GIMPu, budete musieť svoju prácu uložiť a program reštartovať, aby sa zmeny prejavili.

obrázok 16 12. Na panely nástrojov vyberte klávesovou skratkou „T“ nástroj text. V nastaveniach zvoľte písmo Visitor TT2 BRK, veľkosť 13 pixelov, odznačte „Vyhladzovanie“. Ponechajte (resp. vyberte) bielu farbu. Teraz kliknite ľavým tlačidlom myši do obrázka a napíšte: „Tento userbar bol vytvorený v programe GIMP“.

obrázok 17 13. Všimnite si, že vrstva s textom je pod vrstvou so vzorkou, takže text je zle čitateľný. Pomocou šípok v dolnej časti okna vrstiev posuňte textovú vrstvu tak, aby nebola ničím prekrytá. Potom s nástrojom „Presun vrstiev a výberov“ umiestnite text tak, aby bol približne v strede obrázka.

Obrys textu
obrázok 18 14. Aby sme tento text zvýraznili, pridáme mu tenký čierny obrys. V okne vrstiev vyberieme vrstvu textu. Nástrojom „Výber oblastí podľa farby, SHIFT+O“ klikneme na biely text, čím označíme jeho obrys. V okne vrstiev vytvoríme novú vrstvu. Pravým tlačidlom myši klikneme do obrázka a vyberieme: Výber / Obvod... V dialógovom okne nastavíme hodnotu obvodu 2 body. Znovu klikneme do obrázka pravým tlačidlom myši a vyberieme: Výber / Zaostrenie... Tým docielime to, že hrany obrysu budú ostré.

obrázok 19 15. Teraz vyplníme obrys čiernou farbou a orežeme vrstvu tak, ako sme to robili v prípade efektu odlesku. V okne vrstiev upravíme poradie vrstiev tak, aby sa čierny obrys nachádzal pod textovou vrstvou.

Obrys textu
Aby sme mohli okolo celého userbaru urobiť tenký rámček, musia byť všetky vrstvy zlúčené do jednej. V okne vrstiev klikneme pravým tlačidlom myši na ľubovoľnú vrstvu a z ponuky vyberieme „Do jednej vrstvy“.

obrázok 20 16. S pomocou lupy si priblížime obrázok tak, aby sme mohli pohodlne nakresliť rámček. Vyberieme si nástroj ceruzka, aktívny štetec „Circle 01 (1 x 1)“ a ľavým tlačidlom myši klikneme do ľavého horného rohu. Podržíme klávesu „SHIFT“ a klikneme do pravého horného rohu. Všimneme si, že tieto dva body sa spojili priamkou. Tento postup opakujeme aj pri ostatných krajoch userbanu, až kým nevytvoríme okolo neho tenký rámček.

Teraz je userban hotový. Môžeme ho uložiť do formátu GIF alebo PNG.
Userbar v GIMPe