[Archiwum][TuT] Sygnaturka i Userbar

[Krwawy Skalpel]

Sygnaturka

 

Userbar

Jak zrobić prosty userbar? - Tutorial

 

 

Adobe Photoshop CS2

 

Na wielu forach internetowych zauważyliście, że w podpisie użytkownika znajduje się

pewne logo - userbar. Często ujawnia one kim jesteśmy, co używamy i co lubimy.

Przykładowo userbar o nazwie WINAMP USER, czyli znaczy to że osoba mająca ten userbar

używa program Winamp. Userbar łatwo stworzyć, lecz początkujący graficy mogą mieć kłopot. Mój poradnik objaśni jak stworzyć własnego USERBAR'a. Tak więc zaczynamy....

 

UWAGA! Na początek będzie nam potrzebna czcionka Visitor TT1 BRK, można ją ściągnąć stąd --> http://www.abstractfonts.com/search/Visitor+TT1+(BRK)

 

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

Na początku odrazu mówię że poradnik piszę pod ADOBE PHOTOSHOP CS2, więc tej wersji programu używam. Musimy stworzyć pusty obrazek o wymiarach 350x19 oraz tło na Transparent, klikamy File -> New... i ustawiamy

tak jak na obrazku:

 

http://img117.imageshack.us/my.php?image=obrazek15ri.jpg

 

Teraz możemy zacząć działać. Musimy ustawić tło ale Gradient czyli przejście z jednego koloru na drugi kolor. Ustawiamy 2 kolory w Color Picker:

 

http://img149.imageshack.us/my.php?image=obrazek20hl.jpg

 

Ustawiamy TYLKO pierwszy kolor, drugi (ten z tyłu) zostawiamy biały. Pierwszy

kolor wybieramy do stylu jaki będzie w naszym userbarze, np. jeśli userbar będzie

mroczny to wybierzmy jakieś ciemne kolory, jeśli będzie bajkowy to jasne kolory itd.

Potem wypełniamy Gradient'em nasz pusty obrazek:

 

http://img117.imageshack.us/my.php?image=obrazek34iu.jpg

 

klikamy myszką i przeciągamy z lewej strony na prawą stronę i powstaje przejście z jednego koloru na drugi, u mnie wygląda to tak:

 

http://img117.imageshack.us/my.php?image=obrazek44vp.jpg

 

Teraz znajdźmy sobie jakiś obrazek / logo tego co chcemy aby przedstawiał nasz userbar. Np. u mnie ma być to userbar Spider-Mana, czyli wstawię postać Spider-Mana. Obrazki możemy szukać w Google lub na tej stronie: www.render-world.com ! UWAGA! Musi to być wycięty obrazek, bez tła, bez zbędnych elementów! Czyli wycięte obrazki znajdziecie na tej stronie co podałem. Teraz wklejamy nasz obrazek

na userbara. U mnie wygląda to tak:

 

http://img117.imageshack.us/my.php?image=obrazek58ul.jpg

 

Dobra. Teraz nie zamykajmy tego obrazka i stwórzmy nowy w celu uzyskania tak zwanych SCANLINES, czyli 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.

 

http://img149.imageshack.us/my.php?image=obrazek60de.jpg

 

Teraz weźmy narzędzie Pencil Tool i ustawmy kolor na czarny!

 

http://img149.imageshack.us/my.php?image=obrazek75zo.jpg

 

OK. Aby powstała siatka musimy zrobić tą siatkę Smile . Klikamy od południo-zachodniej strony obrazka i robimy siatke do północno-wschodniej strony, wygląda to tak:

 

http://img149.imageshack.us/my.php?image=obrazek88fb.jpg

 

Proste no nie. Teraz dodajmy naszą siatkę do bazy PHOTOSHOPA. Klikamy Edit -> Define Pattern... i nazwijmy to Scanlines, po tym klikamy OK. Teraz zamknijmy nasze okno tworzenia SCANLINES i zajmijmy się

dalej USERBAREM. To już połowa sukcesu! Stwórz nową warstwę (New Layer):

 

http://img117.imageshack.us/my.php?image=obrazek96sy.jpg

 

Nowa warstwa musi być na samej górze. Dobra czas zrobić naszą siateczkę. Wybieramy Pattern Stamp Tool:

 

http://img149.imageshack.us/my.php?image=obrazek105ar.jpg

 

Teraz masz już narzędzie w ręce więc do dzieła! Jeździj myszką po obrazku aż będzie zasiatkowany :

 

http://img149.imageshack.us/my.php?image=obrazek111ww.jpg

 

Aby nie był obrazek bardzo zasiatkowny to ustawmy Opacity na 25%:

 

http://img152.imageshack.us/my.php?image=obrazek128xf.jpg

 

Czas na zrobienie napisu. Wybieramy narzędzie pisania i wybieramy czcionkę Visitor TT1 BRK (link był podawany wcześniej). Piszemy temat userbara, czyli np. jeśli jest to USERBAR o Spider-Man'ie to napis "Spider-Man FAN" itd. To już musimy samemu ustalić. Wybieramy tą czcionkę i rozmiar 10 pt oraz czcionka ma być biała! Piszemy tekst. Zróbmy obwódkę tekstu czarną, klikamy Layer -> Layer Style ->Stroke... Ustawiamy tak jak na obrazku:

 

http://img152.imageshack.us/my.php?image=obrazek135zo.jpg

 

Po czym klikamy OK. Oto efekt u mnie:

 

http://img152.imageshack.us/my.php?image=obrazek144ln.jpg

 

Tworzymy kolejną warstwę (wcześniej opisywałem jak stworzyć warstwę). Musimy

zrobić efekt lustra aby efektownie wyglądało. Bierzemy Elipse Tool:

 

Zaznaczmy pół obrazka:

 

http://img153.imageshack.us/my.php?image=obrazek169kv.jpg

 

i wypełnijmy tą połówkę kolorem białym:

 

http://img153.imageshack.us/my.php?image=obrazek179aq.jpg

 

Pół obrazka jest na biało, lecz to ma być delikatne lustro więc ustawmy Opacity na 50% a końcowy efekt lustra wygląda tak:

 

http://img153.imageshack.us/my.php?image=obrazek183zr.jpg

 

Czas na obramówkę. Wybieramy narzędzie do zaznaczania obrazka i zaznaczamy całość:

 

http://img152.imageshack.us/my.php?image=obrazek198wi.jpg

 

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 50%, po czym klikamy OK.

 

Gratz zrobiłeś userbar'a!

 

 

Odkopałem te instrukcje na moim kompie

[KimPossible]

fajnie zrobiony poradik zrobilbys mi userbar? bo ja jestem tepy w PhotoShop

[Makin]

TuT dobry.

 

@KimPossible jaki chcesz ten UB? Zrobie ci...

[Scavenger]

Mi się tutek nie przyda bo już trochę się bawię w PS, ale innym mniej doświadczonym na pewno.

[Krwawy Skalpel]

Ja jestem na poziomie takich userbarów

[Mateq]

Cieszę się, że mój tut przetrwał na twoim dysku Nie pamiętam czy jeszcze mam go gdzieś, bym musiał poszukać. A tak w ogóle to mam zamiar zrobić nowego tutka do sygnaturek, bo ten to już trochę nie na czasie :lol:

[Krwawy Skalpel]

z chęcią poznam nowy sposób

[OLEKK1122]

Spoko, a wiecie może czy mateqq wraca do mpc?

[Mateq]

Olek to ja Mateq Już wróciłem jako czwarty :lol:

[OLEKK1122]

Oooo to super

[Dead]

@up, @upup

 

Kocham ten rodzaj spamu =_=, ja jestem krolewna sniezka =_=....

 

Co do tutka no calkiem dobry, lecz przydalyby sie tuty na porzadne sygnatury nie zabawy w kolorowe paski...

[TJgerI'm]

kto mi moze zrobic userbar z obrazkiem tygrysa i napisem TIGER FAN gg. 7502182 z gory dzieki

[Mahooni]

wstaw sobie to ^_^

 

A tak na serio to potem moge pomóc

[TJgerI'm]

ja mam ten program po polsku i z tego tuta nic nie lapie i ta strona z tymi renderami to niedziala i nie wiem co robic

 

@EDIT dobra nieaktualne juz mam

[energy]

http://userbarmaker.com/

 

3 klikniecia i efekt jak w tym tucie tylko czas zaoszczedzony

[Xemon]

Hmmm a jak w photoshopie zrobić te tkaie kreski na wskos ? ;p

 

[Silver Arrow]

Dobry Tut Mi sie napewno przyda

 

@Edit: jak nazywa sie program do robienia tych sygnaturek? )

[PerfectAssa]

To mój pierwszy "userbar" w życiu, więc...

 

Oto efekt mojej pracy:

 

Tutaj plik *PSD dla wiarygodności:

http://www.speedyshare.com/files/23790003/userbar_by_dg.psd

 

i skan do tego:

http://virusscan.jotti.org/pl/scanresult/539ad845434dfb996f0de9dd8624e438f1ae98a7

 

Pozdrawiam, PerfectAssa!

[Gość Mounthains]

To mój pierwszy "userbar" w życiu, więc...

 

Oto efekt mojej pracy:

 

Tutaj plik *PSD dla wiarygodności:

http://www.speedyshare.com/files/23790003/userbar_by_dg.psd

 

i skan do tego:

http://virusscan.jotti.org/pl/scanresult/539ad845434dfb996f0de9dd8624e438f1ae98a7

 

Pozdrawiam, PerfectAssa!

 

 

 

 

Fail. Skany na jotti nie przyjmuję.

 

Topic zamykam. Znów górnictwo