Tworzenie napisu i obrysu.

Pierwszą rzeczą jaką powinniśmy wykonać, to ściągnięcie i zainstalowanie czcionki Visitor TT2 BRK. Można ją znaleźć pod tym adresem: http://www.webpagepublicity.com/free-fonts/v/Visitor%20TT2%20-BRK-.ttf
Po zapisaniu jej na dysku kopiujemy plik do katalogu C:/Windows/Fonts

Uruchamiamy program GIMP, tworzymy nowy obraz, wybieramy narzędzie tekstowe(T) i ustawiamy je następująco:


Wypełnijmy obraz jakimś kolorem, na którym będzie dobrze widoczny zarówno kolor biały, jak i czarny. Proponuję #00AEFF.
Wybieramy kolor biały i piszemy coś na obrazie. Okno warstw powinno przedstawiać się następująco:


Oczywiście w miejscu "marrek13" będzie widniał wpisany przez Ciebie tekst.

Teraz zajmiemy się stworzeniem obrysu, czyli czarnej ramki wokół napisu.
Stwórz nową warstwę u umieść ją pod warstwą z tekstem:


Kliknij prawym przyciskiem na warstwę z tekstem i wybierz "Kanał alfa na zaznaczenie". Zaznacz ponownie stworzoną właśnie warstwę i przejdź do okna obrazu. Z menu wybierz "Zaznaczenie -> Powiększ":


Wybieramy teraz kolor czarny, oraz narzędzie Wypełnienie kubełkiem(Shift + B). Jego opcję ustawiamy następująco:


Wypełniamy zaznaczenie i... koniec Napis jest gotowy.


Tworzenie i używanie patternów.

Tworzymy nowy obraz o wymiarach 3x3 lub proporcjonalnie większy.


Tworzymy nową, przezroczystą warstwę.


Usuwamy warstwę tła.


Wybieramy narzędzie Ołówek (N) i ustawiamy następująco:


Przechodzimy do okna obrazu. Powiększenie ustawiamy na 800% i rysujemy taki kształt:


Z menu górnego wybieramy "Script-Fu->Zaznaczenie->Do desenia":


Wpisujemy nazwę dla patternu, np. "3x3", "3 na ukos" itd. Potwierdzamy stworzenie. Przechodzimy do narzędzia "Wypełnienie kubełkiem (Shift+B)". Jako "Typ wypełnienia" zaznaczamy "Deseń" i z listy wybieramy stworzony właśnie pattern. Możemy wypełnić nim obrazek

Wycinanie rendera.

Pierwszym krokiem jest zdobycie dobrego rendera. Najlepiej jeśli kolory tła i kontur rendera mają kontrast. Pierwszy przykład przedstawię na podstawie rendera, którego już wcześniej wykorzystałem do stworzenia userbara:


Po zapisaniu na dysk, ładujemy obrazek do gimpa. Przechodzimy do okna z warstwami. Zaznaczamy "Tło" i naciskamy "Utworzenie dupliaktu warstwy", pod listą warstw.

Usuwamy warstwę "Tło", tak aby została tylko kopia.


Wybieramy narzędzie "Zaznaczanie sąsiadujących obszaarów (Z)". Ustawiamy próg na 15 i "Zaokrąglaj krawędzie" na 5. Przechodzimy do okna obrazu, i zaznaczamy białe tło naciskając w pustych miejscach, przytrzymując klawisz Shift(łączenie zaznaczenia), tak aby uzyskać efekt:


Z menu wybieramy "Edycja->Wyczyść (Ctrl + K)", a następnie "Zaznaczenie->Brak(Ctrl+Shift+A)". W efekcie otrzymujemy ładnie wycięte logo z zaokrąglonymi krawędziami.


Tworzenie UserBara.

Tworzymy nowy obraz o wymiarach 350x19. Są to standardowe wymiary każdego UserBara(nie licząć wersji mini - 150x19).


Wypełniamy tło gradientem o kolorach #be231e i #f13c38 w taki sposób:


Wypełniamy naszego UserBara patternem wg. drugiej części tutoriala.


Wycinamy render, przedstawiony w 3 części tutoriala i wklejamy do naszego UserBara.


Naciskamy przycisk Nowa Warstwa, pod listą warstw.


Teraz z menu wybieramy kolejno: Warstwa->Skaluj warstwę... Ustawiamy następujące wartości:


Przesuwamy render tak aby znalazł się w miejscu takim jak poniżej. Oczywiście robimy to narzędziem "Przesuwanie warstw i zaznaczeń (M)". Praca powinna się przedstawiać podobnie jak ta:


Następnym krokiem jest stworzenie napisu wg. 1 części tutoriala.
Teraz stworzymy połysk, który jest nieodłączną częścią każdego UserBara(bardzo rzadko zdarzają się wyjątki od tej reguły). Wybieramy narzędzie "Zaznaczanie obszarów eliptycznych (E)" i tworzymy zaznaczenie podobne do tego poniżej:


Tworzymy nową warstwę, nie rezygnując z zaznaczenia i wypełniamy je białym kolorem. Krycie nowej warstwy ustawiamy na 20. Widok warstw powinien wyglądać tak:


Natomiast praca tak:


Teraz stworzymy ramkę. Aby tego dokonać musimy wykonać następujące kroki:

   1. Wybieramy z menu "Zaznaczenie -> Wszystko (Ctrl + A)".
   2. Wybieramy "Zaznaczenie -> Zmniejsz... -> 1px".
   3. Odwracamy zaznaczenie wybierając "Zaznaczenie -> Odwróć (Ctrl + I)".
   4. Tworzymy nową warstwę.
   5. Wypełniamy zaznaczenie czarnym kolorem.

Po tym zabiegu, nasz UserBar jest gotowy


Oczywiście praca ta jest wykonana tylko na potrzeby tego tutoriala i nie należy robić UserBarów schematycznie. Należy pamiętać tylko o kilku zasadach.

Każdy UserBar powinien mieć:

   1. Wymiary 350x19 lub 150x19
   2. Ramkę 1px, zazwyczaj czarną, lecz nie koniecznie.
   3. Połysk, standardowo barwy białej, ale także nie ma sprzeciwu przeciw innym kolorom. Wszystko zależy od konkretnej pracy.
   4. Napis wykonany czczionką Visitor BRK TT2 o wielkości 13px.

Mam nadzieję, źe tutorial się przyda i pomoże tworzyć dobre UserBary.
Oryginał pod adresem: http://marrek13.ovh.org/blog/?cat=6

Pozdrawiam - marrek13.


Edit by Cakper:
Dodaję listę zwrotów, a mój tutorial usuwam

Niestety, ale jeśli chodzi o ramkę to trzeba tylko wyklikać kolejne opcje i bardziej nie pomogę.
Jeśli chodzi o napis - pewnie przeoczyłeś punkt o tym, aby stworzyć nową warstwę POD warstwą z napisem i tam dokonywać operacji na zaznaczeniu/wypełniać.

Wyszedł mi taki potworek:

popracuj nad ramką i elipsą i będzie całkiem dobrze

Czesc

klik

Pozdrawiam

-czcionka powinna byc czcionka "Visitor TT1 BRK" o rozmiarze 10 pt
-napis powinien byc obramowany biala otoczka
-napis powinien byc umieszczony po 6 px od konca userbara  gory i dolu
-elipsa powinna zaczynac sie dokladnie w lewym gornym rogu i konczyc w prawym gornym
-kolejnosc umiesczania warstw:
1 ramka
2 napis z obwodka
3 elipsa
4 patterm
5 render/rendery
6 tło

moge zrobic obrazki jak ktos nie rozumie:P