Jak zrobić USERBARA ?

beata0512

Do wykonania userbara pod GIMP'a potrzebne będą nam:

- obrazek bez tła(do pobrania z [link widoczny dla zalogowanych])
- biblioteki GTK+ (w wersji 2.x)
- program GIMP w wersji 2.2.12(ja używam takiego)

A więc zaczynamy.

Krok 1. - tworzymy nowy deseń.

Najpierw tworzymy nowy obrazka o rozmiarze 6×6 pikseli o przeźroczystym tle. Aby to zrobić, wciskamy kombinację klawiszy CTRL + N.Ustawiamy ręcznie rozmiar obrazu, a następnie w zakładce Opcje zaawansowane wybieramy Przeźroczystość.Klikamy OK.Wygląda to tak:
[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Optymalnie powiekszamy obrazek zoomem - taka lupa na pasku narzędziowym. Następnie w opcjach rysowania wybieramy ołówek(klawisz N), rodzaj pędzla Circle o wielkości 1 px i rysujemy ukośną linię przez cały obrazek.U mnie wygląda to tak:

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Następnie wciskamy CTRL + SHIFT + S i w oknie zapisu rozwiajmy podmenu Wybór typu pliku a tam szukamy pozycji Deseń GIMP-a.Zaznaczamy ów wybór.Teraz u góry w polu tekstowym piszemy nazwę desenia.Ja wybrałem "linie".Następnie z menu Przeglądaj inne foldery rozwijamy menu i szukamy miejsca na dysku gdzie zapisalismy nasz program.Gdy już znajdziemy to miejsce wchodzimy w folder SHARE => GIMP => 2.0 => PATTERNS.Tutaj są wszystkie desenie GIMP-a.Klikamy Zapisz a w malym okienku wpisujemy "linie" i nasz deseń już jest zapisany.Dla zdesperowanych daje obrazek:

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Krok 2. - Tworzymy userbara(wreszcie )

Wciskamy kombinację klawiszy CTRL + N.Tutaj nasz obrazek ustawimy na rozmiary 350x19.Zaś w Opcjach zaawansowanych kolor tła ustawiamy na Przeźroczystość.Klikamy OK.Dla zagubionych daje obrazek:

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Teraz użyjemy Gradientu(klawisz L).Ustawiamy tło na kolor BIAŁY a kolor pierwszoplanowy na kolor gradientu(w moim przypadku zieleń).Teraz przeciagamy kursor trzymając lewy przycisk myszki z jednej storny na drugą co da nam płynne przejście między dwoma kolorami.Teraz klikamy nad naszym userbarem w menu Warstwa i wybieramy Nową warstwę a w ustawieniach nazywamy warstwę "linie" kolor ustawiamy na Przeźroczysty.Klikamy OK.Teraz użyjemy naszego wypełnienia deseniem.W tym celu wciskamy SHIFT + B.W ustawieniach Krycie ustawiamy na 15%.Tryb zwykły.Typ wypełnienia na Deseń.Wybieramy nasz deseń(domyślnie powinien być już wybrany).
Uwzględniony obszar na Całe zaznaczenie.I teraz pokrywamy deseniem nasz userbar.Jeśli ktoś się pogubił w ustawieniach to proszę

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Teraz nasz userbar wygląda mniej więcej tak:

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Krok 3. - Dodajemy odblask

Najpierw tworzymy o właściwościach takich ja poprzednie.Aby uzyskać efekt odblasku wybieramy narzędzie Zaznaczanie obszarów eliptycznych(klawisz E).W ustawieniach Typu wypełnienia wybieramy na Kolor tła.Krycie ustawiamy na 30%.Następnie wypełniamy nasze zaznaczenie.Wygląda to mniej więcej tak:

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Teraz dodamy nasz tekst.A więc wybieramy narzędzie Umieszczanie tekstu na obrazie.Czcionka na Visitor TT1 BRK.Rozmiar na 10px.Odznaczamy Wygładzanie a kolor ustawiamy na Czarny.Teraz tylko klikamy kursor tekstu po prawej stronie userbara i piszemy tekst - w moim przypadku AMD 64 USER.Ustawiamy go ładnie po prawej stronie na środku.U mnie wygląda to tak:

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Krok 4. - Dodanie grafiki

A więc wciskamy CTRL + O.Wybieramy nasz renderowy obrazek.Otwieramy go i w menu Obraz wybieramy pozycję Skaluj obraz.Skalujemy obrazek tak aby dopasować go do naszego userbara.Gdy skonczymy klikamy Skaluj obraz.Teraz wciskamy CTRL + A(aby zaznaczyć cały obrazek) a następnie CTRL + C(aby skopiować cały obrazek).Teraz tworzymy dla naszego userbara nową warstwę klikając w menu Warstwa i wybieramy Nowa warstwa o tych samych właściwościach.I klejamy obrazek do naszego userbara kombinacją klawiszy CTRL + V.Ustawiamy nasz obrazek po lewej stronie brzegu userbara podkreślając jego charakterystyczne cechy.U mnie wygląda to tak:

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

Krok 5. - Dodanie ramki

Aby ją utworzyć, tworzymy dla naszego userbara nową warstwę klikając w menu Warstwa i wybieramy Nowa warstwa o tych samych właściwościach, a następnie zaznaczamy cały obrazek przy pomocy narzędzia Zaznaczenie > Wszystko (lub skrótem klawiszowym Ctrl+A)
Zmniejszamy nasze zaznaczenie o jeden piksel narzędziem [b]Zaznaczenie > Zmniejsz, a następnie odwracamy je przy pomocy Zaznaczenie > Odwróć. Tak utworzoną ramkę wypełniamy kontrastowym do tła kolorem.

Jeśli wszystko poszło po naszej myśli i postępowaliśmy zgodnie z kolejnymi krokami przewodnika, gotowy userbar powinien cieszyć nasze oczy. Oczywiście można eksperymentować z cieniami, tłami, deseniami itp. ale to już pozostawiam waszej inwencji — ja tylko pokazałem, jak stworzyć najbardziej klasyczny userbar. Oczywiście w GIMPie nei zrobie takieg userbara jak w Photoshopie bo mało sie na nim znam ale mysle ze nawet mi ten wyszewdł.Efekt pracy przy tym tutorialu można podziwiać poniżej:

źródło [link widoczny dla zalogowanych]