Jak zrobić userbara?

beata0512

No więc do wykonania prostego userbara potrzebne nam będą:

- obrazki bez tła - tutaj polecam strone [link widoczny dla zalogowanych]
- Photoshop CS bądź CS2 - trial lub pełna wersja(nie wiem jakiej wersji użyjesz czy legalnej czy nielegalnej w każym bądź razie potrzebny bedzie ten program)
- Czcionka Visitor dostępna tutaj:
[link widoczny dla zalogowanych](BRK)

Nie bój się tego tekstu - nie jest długi, lecz opisałem go wprost dla prawdziwych laików!

A więc zaczynamy:
Musimy stworzyć pusty obrazek o wymiarach 350x19 oraz tło na Transparent, klikamy File -> New... i ustawiamy
tak jak na obrazku:

[link widoczny dla zalogowanych]

Teraz możemy zabrać się za obrazek.Ustawiamy kolory BACKGROUND na biały zaś COLOR PICKER na wybrany kolor(w moim przykładzie na błękitny).
Wypełnienie ustawiamy na GRADIENT czyli płynne przejscie z jednego kolor na drugi.Oto obrazek:

[link widoczny dla zalogowanych]

Następnie wypełniamy tło gradientem przeciągając kursor z jednej strony na drugą trzymając lewy przycisk myszki.Wygląda to u mnie tak:

[link widoczny dla zalogowanych]

Teraz otwieramy jakiś obrazek bez tła(GIF lub PNG) poleceniem File => Open ... Ja mam swój obrazek.Zaznaczamy cały obrazek kombinacją klawiszy CRTL + A i następnie wciskamy CTRL + C.Przechodzimy do naszego obrazka i tworzymy nową warstwę klikając w menu LAYER => NEW LAYER - nazwijmy ją "obrazek".Wklejamy obrazek na warstwę wciskając CTRL + V.Nastepnie ładnie ją ustawiamy podkreślając najważniejszą część.U mnie wygląda to tak:

[link widoczny dla zalogowanych]

Dobrze. Teraz nie zamykajmy tego obrazka i stwórzmy nowy w celu uzyskania siatki. Tworzymy obrazek o wymiarach 6x6 i tło Transparent. Teraz weźmy narzędzie ZOOM (chyba każdy wie gdzie jest - taka lupa) i przybliżmy obrazek na maxa jak się da.

[link widoczny dla zalogowanych]

Teraz bierzemy narzędzie Pencli Tools(klawisz B) i ustawiamy kolor na czarny.Robimy przekątną kreskę.Powino to być tak:

[link widoczny dla zalogowanych]

Następnie definiujemy dodając do bazy nowego Patterna.Klikamy Edit => Define Pattern => wpisujemy daną nazwę i OK.Zamykamy naszego Patterna.
Teraz wybieramy narzędzie Pattern Stamp Tool(klawisz S).Ale najpierw tworzymy nową warstwę wciskając SHIFT + CTRL + N.Nazwijmy nową warstwę "Siatka".No i teraz rysujemy naszą siatką po całym userbarze na nowej warstwie.Następnie nad wartstwami w prawym dolnym okienku widać napis OPACITY a przy nim suwak.Więc jedziemy suwakiem na 20%.Powinno to wygladać tak:

[link widoczny dla zalogowanych]

Teraz tworzymy nową warstwę wciskając SHIFT + CTRL + N i nazywamy ją "napis".Zakładając że macie już czcionkę wklejoną w folderze C: => WINDOWS => FONTS wybieramy narzędzie Horizontal Type Tool(klawisz T) i robimy tekst po prawej stronie userbara.Czcionka To Visitor TT1 BRK rozmiar 10.Piszemy tytuł - w moim przypadku "Mozilla Thunderbird user".Tekst oczywiście piszemy kolorem CZARNYM.Następnie wybieramy z menu LAYER => LAYER STYLE => STROKE.A tam ustawiamy grubość na 1px i kolor pogrubienia na BIAŁY.Wygląda to tak:

[link widoczny dla zalogowanych]

A ogółem tak:

[link widoczny dla zalogowanych]

No to teraz tworzymy znowy nową warstwę wciskając SHIFT + CTRL + N nazywając ją "półkoło".Wybieramy narzędzie Eliptical Marquee Tool z menu narzędziowego.Klikasz prawym przyciskiem myszki na ten kwadrat i z niego wybierasz Eliptical Marquee Tool.Teraz zaznaczasz taki półokrąg zasłaniający 3/4 userbara i ustawiasz kolor wypełnienia na BIAŁY.Wypełniasz okrąg i dajesz OPACITY(wiesz już gdzie) na 45%.Wygląda to tak:

[link widoczny dla zalogowanych]

Czas na obramowanie.Wybieramy narzędzie do zaznaczania obrazka i zaznaczamy całość.Klikamy Edit -> Copy Merged! Tworzymy nowy obrazek File -> New... o wymiarach 350x19 i tłem White czyli białym! Wklejamy obrazek (Edit -> Paste).Robimy obramówkę klikając Layer -> Layer Style -> Stroke... Size ustawiamy na 1 pt, Position na Inside a kolor czarny oraz Opacity na 45%, po czym klikamy OK. Oto efekt naszej ciężkiej pracy, efekt końcowy:

[link widoczny dla zalogowanych]