GIMP: userbar

Rád bych dokázal, že userbary a nejen userbary jdou vytvořit v GIMPu stejně efektivně jako v konkurenčním Photoshopu. Příkladem budiš právě zmiňované userbary. Postavil jsem se tedy…

Rád bych dokázal, že userbary a nejen userbary jdou vytvořit v GIMPu stejně efektivně jako v konkurenčním Photoshopu. Příkladem budiš právě zmiňované userbary. Postavil jsem se tedy před úkol vymyslet postup. Tento userbar je vůbec mým prvním, a právě jím bych chtěl reprezentovat v tomto tutoriálu. Pro upřesnění, bych s dovolením následující odstavec věnoval obecnému pojmu userbar v počítačové grafice.

Userbary jsou malé obrázkové objekty o velikosti 350×19 px. Vyjadřují to, co máte rádi, čemu fandíte, co vlastníte a co o se zajímáte. Nejrozšířenější jsou v phpbb fórech jako podpisy. Autor se prezentuje svou grafickou dovedností. Standartním fontem pro tyto userbary je Visitor TT1 (BRK) o velikosti 10.

Download font Visitor TT1 (BRK)

Začneme otevřením nového dokumentu o rozměrech 350×19 px a následném výběru pozadí a dalších doprovodných materiálů, dle toho, co autor chce tvořit.

1

Předem vybraný brush (vzorek) umístíme do userbaru tak, jak nám vyhovuje.

2 3

Napíšeme požadovaný text (font Visitor TT1 (BRK), veliksot 10) bílou barvou a manuálně vycentrujeme ke středu a k pravému kraji.

4

Dále je třeba si celý obrázek pomocí lupy přiblížit, 400% postačí abychom mohli funkcí Výběru dle barvy (CTRL+O) dát samotný text do výběru.

5 6

Zvolíme Vybrat/Obvod a hodnotu nastavíme na 2 px a zaškrtneme „Prolnout okraje“. Poté je třeba zvolit opět Vybrat/Zaostřit. Dále si musíme vytvořit novou průhlednou vrstvu (Vrstva/Nová vrstva) a umístit ji pod text (obyčejným přetáhnutím vrstvy pod jinou v kartě Vrstvy). Novu průhlednou vrstvu dáme do aktuálního výběru a pod stálým přiblížením vybereme funkcni Štětec (P) a obvod pod textem zabarvíme požadovanou barvou, tedy v mém případě černou.

7

Nakonec nám už zbývájí jen dekorativní maličkosti jako je 1px vnější obvod celého userbaru (už známým způsobem CTRL+A/Vybrat/Obvod(1px)/P a vybravit rámeček)

Výsledkem našeho snažení je tento userbar.

twitter_userbar_skyluke gimp_userbar_skyluke

Nezlobil bych se, kdyby se našla nějáká dobrá duše a článek případně zalinkovala, díky…

ico SkyLuke | ico 30. ledna 09, 12:01

Související články

Čtenáři vytvořená diskuse

1 sten - 30. ledna 09, 15:01

Web Email

Pěkné, pěkné. Jen já osobně mám problém jak vybrat, popřípadě ořezat ten vzorek tak, aby neměl bílé okraje, popřípadě, aby nádherně splynul s pozadím.

2 SkyLuke - 30. ledna 09, 15:01

Web Email

[1] Asi ti nerozumím, nevím o ničem, co by mělo bíle okraje :)

3 protiva - 30. ledna 09, 16:01

Web Email

Slíbil jsem, že přečtu ještě na přednášce, tak hlásím, že splněno :-D Článek jako vždycky perfektní, s GIMPem se peru jako samouk a každá nápověda mě posune o fous dál ;-) Díkes!

4 SkyLuke - 30. ledna 09, 16:01

Web Email

[3] Chápu, asi nudná přednáška :D Fajn že můj článek ti přišel zábavnější :D ...takže díky ;)

5 CrazyDog - 31. ledna 09, 09:01

Web Email

Gimp je skvěla alternativa Photoshopu, jen se ovládá jinak, tak je přechod celkem těžký, ale jinak je to mocný grafický editor. Na svém blogu jsem ze začátku také napsal pár tutoriálů. Budu se do nich zase pustit.

6 Envel - 31. ledna 09, 11:01

Web Email

*@ SkyLuke: * nechtěl bys sem přidat tlačítko AddThis na linkování?

7 SkyLuke - 31. ledna 09, 12:01

Web Email

[6] Už na tom pracuju ;)

edit// hotovo :)

8 Ashen - 6. února 09, 18:02

Web

Díky, tohle je skvělá věc.

9 Michal - 14. února 09, 22:02

Web

Díky za návod na tento skvělý program.

10 Spido - 21. února 09, 18:02

toto je dost slabý Userbar....[img]upload.csrune.com/files/firemakingmaster…

[img]upload.csrune.com/files/slayer%20master3…

[img]upload.csrune.com/files/adidas%20user579…

To sou userbary ;) :-)

//no tak to nejde no ;) nemam to tu ulozene ;)

11 SkyLuke - 21. února 09, 20:02

Web Email

[10] Ahoj, neříkám, že jsem mistr, a že jsou mé userbary dokonalé. Ostatně to jsou mé dva první userbary vůbec :)
Navíc si myslím, že je nesmysl psát tutorial na zbytečně složitém příkladu ;)

Komentáře nejsou povolené

Tagy ke stránce

userbary tutorial

Náhodné články

Poslední články