Userbary są to małe grafiki (najczęściej w rozmiarach 350x19 pikseli) przeznaczone dla sygnatur na forach dyskusyjnych, które definiują czym się dana osoba interesuje, co lubi, w jakie gry gra oraz jakich aplikacji używa. Poniżej znajduje się kilka tego typu grafik tematycznie powiązanych z branżą SEO.

Userbary dla użytkowników Google'a:









































Userbary dla użytkowników Yahoo!:

Muszę przyznać ładnej i ciekawej kolekcji userbarów. Może nawet umieszczę jeden z nich w moim podpisie na forum… Interesuje mnie jednak, czy wszystkie przedstawione userbary wykonałeś własnoręcznie oraz czy trudno jest samodzielnie przygotować taką grafikę?

Bardzo mi miło.


Niestety tylko kilka z nich zostało wykonanych przeze mnie - większość pochodzi z różnych źródeł online.


Wbrew pozorom zrobienie userbara jest dziecinnie proste. Nawet nie trzeba stosować komercyjnych pakietów graficznych - wystarczy darmowy program GIMP. Postaram się więc w skrócie przedstawić proces tworzenia grafiki przeznaczonej dla sygnatur na forach dyskusyjnych przy użyciu aplikacji GIMP w wersji 2.2.0 dla Windows.

Na początek tworzymy nowy dokument o wymiarach 7×7 pikseli i przeźroczystym tle (Plik >> Nowy...):



Powiększamy obraz do około 800% (Widok >> Powiększenie >> 8:1 - 800%). W opcjach rysowania wybieramy ołówek, zaznaczamy rodzaj pędzla Circle (1) i rysujemy białym kolorem ukośną linię przez cały obrazek:



Następnie zapisujemy tak utworzony obrazek jako GIMP Pattern i przenosimy do katalogu GIMP-2.2/share/gimp/2.2/patterns (w przypadku innych wersji programu ścieżka ta może się różnić). Posłuży on jako deseń, który użyjemy do wypełnienia userbara ukośnymi kreskami:



Czas na właściwą część pracy. Tworzymy nowy obrazek o wymiarach 350×20 (lub 350×19):



Wybieramy dwa dowolne kolory, następnie używając opcji Wypełnianie gradientem koloru malujemy nasz userbar:



Następnie tworzymy nową warstwę (Warstwa >> Nowa warstwa...), pamiętając, by w polu Typ wypełnienia warstwy zaznaczyć opcję Przeźroczystość.



Korzystając z narzędzia Zaznaczanie obszarów eliptycznych „rusujemy” duży owal, tak aby tylko jego część wchodziła na naszą nową warstwę, reszta zaś znajdowała się poza obszarem roboczym. Przy użyciu opcji Wypełnienie kolorem lub deseniem wypełniamy zaznaczenie kolorem białym:



Następnie otwieramy okno Warstwy (Ctrl + L) i zaznaczamy utworzoną wcześniej warstwę, ustawiając przy pomocy suwaka krycie na około 30%:



Dodajemy jeszcze jedną nową warstwę (Warstwa >> Nowa warstwa...), wybieramy narzędzie Wypełnianie kolorem lub deseniem, a w opcjach narzędzia, w polu Tryb wypełnienia zaznaczamy Deseń, po czym wskazujemy utworzony wcześniej i zapisany jako GIMP Pattern deseń. Przepuszczalność warstwy ustawiamy na około 20%:



Tworzymy kolejną warstwę i korzystając z narzędzia Umieszczanie tekstu na obrazie wzbogacamy nasz userbar o dowolny tekst, do którego możemy dodać cień oraz inne efekty. Serwis Userbars.org zaleca stosowanie czcionki Visitor BRK:



Dodajemy następną warstwę. Aby wzbogacić userbar o grafikę, np. logo produktu, wystarczy skopiować i wkleić ją z dowolnego miejsca, zeskalować przy użyciu narzędzia Warstwa >> Przeskaluj warstwę... oraz umieścić w odpowiednim miejscu obrazka.




Na rynku dostępne są również kreatory userbarów, które znacznie ułatwiają pracę. Przykładem takiego narzędzia może być program o nazwie AmitySource Userbar Generator lub strona userbars.freehostia.com pozwalająca wykreować swój własny userbar online.