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…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.
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.

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

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.

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.

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.

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.
Nezlobil bych se, kdyby se našla nějáká dobrá duše a článek případně zalinkovala, díky…
Kometáře
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.
30.1.2009 16:01
[1] Asi ti nerozumím, nevím o ničem, co by mělo bíle okraje :)
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!
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 ;)
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.
31.1.2009 12:01
*@ SkyLuke: * nechtěl bys sem přidat tlačítko AddThis na linkování?
31.1.2009 13:01
[6] Už na tom pracuju ;)
edit// hotovo :)
6.2.2009 19:02
Díky, tohle je skvělá věc.
14.2.2009 23:02
Díky za návod na tento skvělý program.
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 ;)
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 ;)
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 mobileVyhledávání na webu
RSS export
RSS článků z blogu RSS exportKategorie
- Zápisník
- PC/Internet
- TV - Film
- Zábava
- Design
- Hry
- Ze života
- Mé výtvory
- Linux
- Mobilní telefony/ WM
- - bleskovky
Zajimavé
- Animace v GIMPU
- GIMP Efekty #1
- linky
- GIMP: Efekty #2
- GIMP: Flash logo 2.0
- hledám pomoc s PC
- animace práce obrázky
- vodafoncz
- ukládání v gimp
- vodafone samoobsluha
- himym cz
- jak animace v GIMPU
- zákaz citů film
- e reader do mobilu
- flash tutoriál krok krokem stránky

SkyLuke |
30.1.2009 |