-
UserBars Tutorial
USER BARS TUTORIAL v1 by CreeS
User-Bars - są to małe grafiki dla twojej forumowej sygnatury,
które pomogą ci pokazać innym czym się interesujesz,
co lubisz, w co grasz.
Przykład:
http://userbars.com/galerie/images/files/3/4/google.gif
Wymagania: Adobe Photoshop (można spróbować w czymś innym, ale ja polecam PS)
1. Otwieramy Photoshopa, tworzymy nowy dokument. Wybieramy rozmiar - 350 X 19
(standardowy rozmiar userbarów)
http://img263.imageshack.us/img263/257/011ct.jpg
2. Dobieramy kolory (najlepiej pasujące do tematu userbara).
Ja wybrałem czarny i czerwony.
Wybieramy narzędzie "Gradient Tool", ustawiamy kolory i nanosimy na tło.
http://img215.imageshack.us/img215/3460/024ay1.jpg
3. Otwieramy nowy dokument. Rozmiary 6 X 6 oraz zaznaczamy
"Transparent".
http://img480.imageshack.us/img480/384/038fr.jpg
Powiększamy maksymalnie obszar. Wybieramy narzędzie "Pencil Tool"
i rysujemy przekątną, jak na rysunku poniżej.
http://img480.imageshack.us/img480/8601/047xl.jpg
4. Potem wybieramy Edit\Define Pattern i nadajemy nazwę np. paski albo kreski.
5. Wracamy do poprzedniego dokumentu.
6. Tworzymy nową warstwę ( Ctrl + Shift + N ), wybieramy narzędzie
"Paint Bucket Tool" zmieniamy Foreground na Pattern na pasku u góry.
Wybieramy z okienka na prawo od Pattern nasze wypełnienie
(te kreski, paski, czy jakoś tam)
Wypełniamy nową warstwę tym wypełnieniem.
http://img472.imageshack.us/img472/9716/053fg.jpg
Nasze "paski" są jednak za bardzo wyraźne, dlatego w okienku "Layer"
w rubryce "Opacity" wpisujemy 25%.
http://img472.imageshack.us/img472/3986/060mz.jpg
5. Teraz dodajemy różne elmenty, loga, obrazki i inne. Oczywiście w nowej
warstwie (porządek musi być)
http://img208.imageshack.us/img208/6884/076ci.jpg
6. Teraz dodajemy tekst.
Potrzebna nam będzie czcionka "Visitor BRK"
dostępna na dafont.com, kolor tekstu biały.
Ustawiamy rozmiar najlepiej na 14 pixeli. Po wykonaniu tekstu wybieramy
Layer/Layer Style/Stroke. Size ustawiamy na 1px, a kolor wybieramy
"Czarny".
http://img208.imageshack.us/img208/342/083li.jpg
7. Tworzymy nową warstwę, która musi być na wierzchu, czyli na samej
górze.
Wybieramy narzędzie "Elliptical Marquee Tool" i tworzymy taki okrąg, jak
na rysunku poniżej. Zaczynamy od lewego rogu, troche dalej od obrazka
i pociągamy w prawo i na dół.
Zaznaczenie wypełniamy kolorem białym i ustawiamy "Opacity"
na mniej więcej 30%.
http://img452.imageshack.us/img452/4977/m6ub2cx.jpg
8. Na koniec można jeszcze zrobić obramowanie koloru czarnego
na szerokość 1px.
9. Gotowe Userbary można znaleźć na stronie userbars.com
-
hehe... sam chcialem takie cos zrobic, ale nie umialem :< teraz umiem^^
-
Mam zamiar niedługo sobie takie coś zrobić, ostatnio mi się nie chciało zdeczka ; P
Mam nadzieję, że poradnik pomoże początkującym, choć jest tyle poradników "Jak zrobić avatar, sygnature?" itp, że stamtąd można było wywnioskować jak stworzyć UserBar'a, no, ale to zawsze nie to samo ; )
-
-
-
W pewnym stopniu tak :). Ale użyłem swoich przykładów oraz kilka rzeczy pozmieniałem, żeby było można lepiej zrozumieć.
-
Świetny artykuł! Jak mi się znudzi podpis, to z pewnością zrobię sobie cos takiego :)
-
nice artykol. chcialem sobie zrobic cos takiego, ale to co mialem zamiar stworzyc bylo na stronce userbars.com ;p
-
zawsze też można wejść na www.userbars.com wybrac se kategorię i wpisać www.imageshack.us browse i szybkie linki>edytuj podpis ;d
-
ciakwy temat, sprobuje se zrobic takie cos..ale najpierw... musze se zalatwij photoshopa ;P
NA pewno przyda sie wielu osobom np mnie :P
-
Niezłe, na pewno przyda się użytkownikom tibia.org.pl, którzy mają Photoshopa, a ich podpis się znudził ;]
-
Nice :) Może mi sie przyda:P Chciałem sie bawić w Photoshopie ale czasu nie miałem:P
-
Można wiedzieć co to za wersja photoshopa? Bo ja mam
Jasc Paint Photoshop Pro 8 ale w twoim temacie jest jakiś inny...
@Edit
Odpowie mi na moje pytanie ktoś dzisiaj? ...
-
Szkoda, że nie ma też tłumaczenia obok na polski =\ Przeciez nie kazdy ma angielska wersje :P w takim razie 5/10
-
