GIMP: userbar Skyluke blog

Navigace:Skyluke blog ⇒ Design ⇒ GIMP: userbar

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…
Jak vytvořit UserBar, userbar ve photoshopu, userbar, jak vytvorit userbar, gimp příklady, gimp tutorialy, gimp userbar, nejlepší userbary, jak si vytvorit userbar, userbary tutorial,

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…

autor SkyLuke | cal 30.1.2009 | Design |

Kometáře


#1 sten
30.1.2009 16:01

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.1.2009 16:01

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


#3 protiva
30.1.2009 17:01

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.1.2009 17:01

[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.1.2009 10:01

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.1.2009 12:01

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


#7 SkyLuke
31.1.2009 13:01

[6] Už na tom pracuju ;)

edit// hotovo :)


#8 Ashen
6.2.2009 19:02

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


#9 Michal
14.2.2009 23:02

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


#10 Spido
21.2.2009 19:02

toto je dost slabý Userbar....[img]http://upload.csrune.com/files/firemakingmaster860.png[/img]

[img]http://upload.csrune.com/files/slayer%20master343.png[/img]

[img]http://upload.csrune.com/files/adidas%20user579.png[/img]

To sou userbary ;) :-)

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


#11 SkyLuke
21.2.2009 21:02

[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 ;)


Nové kometáře nejsou povolené.

Související články

čtení textu v mobilu Jak vytvořit UserBar plany na prazdniny trendy ve webdesignu pepsi cocacola kofola velké hovno E book reader download star wars film online ebook reader v mobilu windows mobile

Vyhledávání na webu

RSS export

RSS článků z blogu RSS export

Kategorie

Zajimavé