Jste zde

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

Komentáře

Obrázek uživatele Lukáš

<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!
Obrázek uživatele Nepodepsaný

mne sa ten obrázok dá pod mriežku a neviem vytvoriť odlesk
Obrázek uživatele Karl-Heinz

Musíš nastavit viditelnost vrstvy asi na 30%
Obrázek uživatele Katherine Farner

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?
Obrázek uživatele Ati

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>
Obrázek uživatele Nepodepsaný

ked si to robim vlozim obrazok ale ked dam farbi do alfi tak sa mi zmeni obrazok ale okolo neho biele zostane
Obrázek uživatele Lukáš

Máš označenou správnou vrstvu?
Obrázek uživatele Nepodepsaný

ano cky skusim ete raz
Obrázek uživatele Nepodepsaný

ano mam a ked dam barvy do alfi mam vybrat farbu aku mam dat???
Obrázek uživatele Lukáš

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ázek uživatele Nepodepsaný

obrázok zostane za mrižkou čo mám robiť?
Obrázek uživatele Lukáš

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

<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>
Obrázek uživatele Lukáš

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

<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>
Obrázek uživatele Martin

<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>
Obrázek uživatele Lukáš

Pěkné userbary s netradičním rozměrem :-)
Obrázek uživatele Martin

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

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?
Obrázek uživatele Lukáš

Ahoj, soubory nakopíruj do C:\Windows\Fonts (Tento Počítač -> Mástní disk C: -> Windows -> Fonts)
Obrázek uživatele Zuzana Vodnárková

Tak se mi to povedlo, ale nějak nevím, jak to sem vložit
Obrázek uživatele Lukáš

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

děkuji za radu ;)
Obrázek uživatele Zuzana Vodnárková

<p><img src="http://img25.imageshack.us/img25/3811/userbarxc.jpg" alt="userbar" title="userbar" width="350" height="19"></p>
Obrázek uživatele Capik

<img src="http://www.mywebblog.ic.cz/usebar.png" />
Obrázek uživatele CZ Public

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)
Obrázek uživatele Karl-Heinz

http://img535.imageshack.us/img535/7479/sfanc.png http://img17.imageshack.us/img17/2425/sfanp.png
Obrázek uživatele Elsa

<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 :)
Obrázek uživatele Lukáš

Pěkný :)
Obrázek uživatele Náhodný GIMPer

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
Obrázek uživatele Náhodný GIMPer

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
Obrázek uživatele Náhodný GIMPer

už to mám, promiňte za otravování
Obrázek uživatele Rasul_xP

Moj userbar .. :D http://tutorial.wbl.sk/tutorial_usebar.jpg
Obrázek uživatele RaDaS

Ubec nevim jak mám vytvořit tu mřížku , nic se mi tam takového nezobrazí
Obrázek uživatele Náhodný GIMPer

Ahoj ten vzor se mi tam pořád nezobrazuje jak je to možný?
Obrázek uživatele Náhodný GIMPer

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é?
Obrázek uživatele Náhodný GIMPer

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?
Obrázek uživatele Lukáš

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

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í !:(
Obrázek uživatele Otik

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

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

Přidat komentář