You are here

Kompletní průvodce tvorbou userbaru

Takzvaný „userbar“ se používá v diskusních fórech. Userbar je tenký proužek vyjadřující váš názor.

Na pozadí většiny userbarů se obvykle nachází šikmé čárkování, ještě před samotnou tvorbou tedy musíme vytvořit právě tento vzorek pro Gimp.

  • Otevřeme tedy Gimp a vytvoříme nový (průhledný) obrázek s rozměry 5×5px
  • Zvolíme nástroj tužka a nastavíme stopu Circle (01)
  • Nakreslíme čáru z horního levého do spodního pravého rohu
  • Klepneme na Soubor → Uložit. Vzorek pojmenujeme jako „mrizka.pat“(pattern - vzorek). Umístíme jej na plochu.
  • Ke vzorku můžeme přiřadit komentář. Klepneme na Uložit
  • Vzorky se obvykle načítají z:
    C:\Users\<uživatelské jméno>\.gimp-2.6\patterns – Windows Vista/7
    C:\Documents and Settings\<uživatelské jméno>\.gimp-2.6\patterns – XP bude tedy nejjednodušší nakopírovat vzorek tam.
  • V okně „Vzorky“ klepneme na „Aktualizovat vzorky
  • Náš vzorek by se měl v Gimpu objevit
  • Gimp vypneme

Při tvorbě userbarů se používá speciální písmo Visitor, které není obsaženo ve Windows. Musíme jej tedy stáhnout odsud.

Přejdeme na:
Ovládací panely\Vzhled a přizpůsobení\Písma – (Windows Vista/7) a na:
Ovládací panely\Písma ve Windows XP. Sem překopírujeme všechny soubory písma Visitor. (VISITOR, visitor1, visitor2).

Nyní jíž můžeme přejít k samotné tvorbě. Gimp se možná bude načítat dlouho, to je způsobeno přidáním nových písem, mějte proto strpení.

  • Vytvoříme nový obrázek s rozměry 350×19px
  • Vybereme si dvě libovolné barvy
  • Nástrojem přechod vyplníme plátno
  • Vytvoříme novou vrstvu.
  • Vybereme nástroj Plechovka, typ vyplňování nastavíme na „Vyplňovat vzorkem“ a vybereme naši mřížku.
  • Vyplníne vrstvu. Její krytí nastavíme na cca 30%
  • Vytvoříme novou vrstvu s názvem „odlesk
  • Nástrojem kruhový výběr vybereme horní polovinu obrázku
  • Výběr vyplníme bílou barvou a krytí nastavíme opět na cca 30%
  • Nyní přidáme libovolnou ikonku
  • Vrstvu s ikonou umístíme POD vrstvu odlesk. Pokud je kolem ikony bílá barva přejdeme na Barvy → Barva do alfy.
  • Napíšeme nějáký text a umístíme na pravou stranu obrázku. Musíme použít písmo Visitor TT1 BRK bílé barvy velikosti 10 s vypnutým vyhlazováním.
  • Klepneme na vrstvu s textem pravým tlačítkem a zvolíme „Velikost vrstvy dle obrázku“ a „Alfa do výběru
  • Klepneme na Vybrat → Zvětšit. Zvětšíme o 1px
  • Výběr vyplníme černou barvou
  • Vytvoříme novou vrstvu s názvem „obrys“. Klepneme na Vybrat → Vše, Vybrat → Obvod. Vybereme 1px
  • Výběr vyplníme černou.
  • Ujistěte se, že vrstvy jsou ve správném pořadí
  • Hotovo

Comments

Lukáš's picture

<p>Zde jsou moje další userbary:</p><p><img alt="" src="http://img57.imageshack.us/img57/4271/bingfan.png" /><br /><img alt="" src="http://img169.imageshack.us/img169/1370/72360508.png" /><br /><img alt="" src="http://img203.imageshack.us/img203/3905/vistalover.png" /><br /><img alt="" src="http://img169.imageshack.us/img169/5144/operahater.png" /></p> Pochlubte se taky!

mne sa ten obrázok dá pod mriežku a neviem vytvoriť odlesk

Musíš nastavit viditelnost vrstvy asi na 30%

Nice article! Everything is clear and well written. I always <a href="http://www.bestessays.ca">buy essay online</a> to get such a good articles for my blog. Did you write it by yourself or smbd did it for you?

Moc pěkný článek dlouho jsem již nic tak dobrého nečetl :-) <cite>Pokud máš zájem klidně bych tě přijal na mé stránky jako redaktora</cite>

ked si to robim vlozim obrazok ale ked dam farbi do alfi tak sa mi zmeni obrazok ale okolo neho biele zostane
Lukáš's picture

Máš označenou správnou vrstvu?

ano cky skusim ete raz

ano mam a ked dam barvy do alfi mam vybrat farbu aku mam dat???
Lukáš's picture

Podle toho, která barva má z obrázku zmizet. Pokud má obrázek bílý podklad, nastav bílou, pokud má obrázek podklad fialový, barvu do alfy nastav fialovou.....

obrázok zostane za mrižkou čo mám robiť?
Lukáš's picture

Máš špatně poskládané vrstvy, mřížka musí být pod obrázkem, odlesk nad všemi vrstvami

<p>Zkusil jsem to:<br><img src="http://img403.imageshack.us/img403/1109/firefoxo.png" width="350" height="19"><br>Kdyby se to nezobrazilo, tady je odkaz...<br><a title="ImageShack.us obrázek" href="http://img403.imageshack.us/img403/1109/firefoxo.png">firefox.png<br></a>Otázka... Jak jsi to sem vložil?</p>
Lukáš's picture

Ahoj, pěkný userbar :) Obrázek jsem vložil přes klasický "<img>" tag ;)

<p>tak toto je muj prvni v gimpu:<br><img src="http://www.jpeg.cz/images/514_linux_user_tn.jpg" alt="FREE photo hosting by jpeg.CZ"></p>

<p>Už to používám na fóru ;)</p><p><img src="http://img30.imageshack.us/img30/6973/userbar2ej.jpg"></p><p><img src="http://img526.imageshack.us/img526/7374/userbarp.jpg"></p>
Lukáš's picture

Pěkné userbary s netradičním rozměrem :-)

Bohužel fórum nepodporuje větší, tak jsem musel vytvořit takovéhle prcky !

Ahoj, moc dlouho se Gimpu nevěnuji, takže nevím odkud mám nakopírovat ty soubory písma Visitor. Neporadil by si mi?
Lukáš's picture

Ahoj, soubory nakopíruj do C:\Windows\Fonts (Tento Počítač -> Mástní disk C: -> Windows -> Fonts)

Tak se mi to povedlo, ale nějak nevím, jak to sem vložit
Lukáš's picture

Ahoj, obrázek můžeš nahrát třeba na http://www.imagehosting.cz/ a potom sem vložit odkaz z kolonky HTML. :)

děkuji za radu ;)

<p><img src="http://img25.imageshack.us/img25/3811/userbarxc.jpg" alt="userbar" title="userbar" width="350" height="19"></p>

<img src="http://www.mywebblog.ic.cz/usebar.png" />

Tak jsem tenhle návod také vyzkoušel, a je prefektní, díky tobě se mi povedl podle mě celkem slušný design mého webu =) <a href="http://www.imagehosting.cz/?v=usebar.jpg"><img src="http://www.imagehosting.cz/thumbs/usebar.jpg" border="0" </a> Jinak dobrý stránky, takovýhle asi jinde v česku nenajdeš. (Snad to nebudeš brát jako reklamu =D)

http://img535.imageshack.us/img535/7479/sfanc.png http://img17.imageshack.us/img17/2425/sfanp.png

<a href="http://www.imagehosting.cz/?v=greenbird.png"><img src="http://www.imagehosting.cz/thumbs/greenbird.png" border="0"></a> (nevím jestli se to zobrazí, kdyžtak http://www.imagehosting.cz/?v=greenbird.png) ...vím že je to o ničem, jen jsem to zkoušela. Gimp jsem si stáhla dneska - před tím jsem měla Photoshop, a začíná se mi zdát lepší než PSD. Skvělý návod :)
Lukáš's picture

Pěkný :)

Ahojky, já jsem zůstala stát u tý mřížky..když to ukládám, tak kam tam napíšu název? A potom kudy vlezu do těch vzorků, abych zjistila, jestli tam ten můj vzorek je a aktualizuju? Sem to zkoušela přes Soubor→otevřít, ae když sem si to tam našla, tak tam byla prázdná složka

Tak už sem na to přišla, ještě sem si to jednou pořádně přečetla a všechno udělala správně, ae i tak se mi tam vzorek neukazuje

už to mám, promiňte za otravování

Moj userbar .. :D http://tutorial.wbl.sk/tutorial_usebar.jpg

Ubec nevim jak mám vytvořit tu mřížku , nic se mi tam takového nezobrazí

Ahoj ten vzor se mi tam pořád nezobrazuje jak je to možný?

Ahoj,mám takový problém když tu mříšku mám uložit tak to nejde vše dělám podle popisu ALE nikdy se mi to do vzorků neuloží!Jak je to možné?

Když zadám rozměr 5x5 tak mi to vyhodí úplně podimidi čtvereček .Taakže jak sse to dá změnit aby to bylo dobře?
Lukáš's picture

To je dobře, když se podíváš na první obrázek, zjistíš že čtvereček je zvětšen na 4500% :)

Aha!Díky!Já s GIMPEM moc neumím,tak se snažím něco podle návodů a nebo videí.Na některých stránkách se objevují soutěže o nejhezčí animaci v GIMPu a já neumím ani pitomé srdíčko.Max.v malování !:(

Ahoj som gimper zo slovenska a neide mi uložiť tu mriežku do vzorov.... Poradil by si mi.. :) Ďakujem

Prosím poraďte mi kde mám zkopírovat tu mřížku? Děkuji

Add new comment