r   e   k   l   a   m   a

[Tutorial Photoshop] Userbar

Wszystko, co dotyczy tworzenia grafiki komputerowej.

[Tutorial Photoshop] Userbar

Post przez rss » 04.03.2006 (So) 16:45

Dziś nauczycie się (mam nadzieję :P) robić userbary. Są one często widoczne w podpisach użytkowników na wielu forach. Dziś zrobimy taki userbar:
Obrazek

Przygotowania Przed rozpoczęciem pracy musimy się przygotować. Po pierwsze, pobieramy czcionkę: http://83.14.145.2/rafal/dobreprogramy/ ... B_08__.TTF
Po drugie, szukamy grafiki, którą chcemy wykorzystać w userbarze i usuwamy z niej tło.
Po trzecie, robimy pusty dokument o wymiarze 8x8 pixeli z przeźroczystym tłem (Background: Transparent) i wypełniamy w nim na czarno pojedyńcze pixele po ukosie, tak jak na obrazku:
Obrazek
Potem zaznaczamy całość (ctrl+a) i wybieramy Edit -> Define pattern/Edycja -> Zdefiniuj wzorek. Wpisujemy dowolną nazwę i zatwierdzamy.

Przygotowania zakończone, teraz rozpoczynamy tworzenie userbara.

Krok 1 Tworzymy nowy dokument o rozmiarze 350x19 pixeli (domyślna wielkość userbara) i w nowej warstwie wklejamy grafikę, którą wybraliśmy:
Obrazek.

Krok 2 Naciskamy Ctrl + Shift + N i tworzymy nową warstwę. Przesuwamy ją tak, aby była przedostatnia od dołu (tuż nad warstwą Background/Tło). Teraz wypełniamy ją przygotowanymi paskami: Edit -> Fill/Edycja -> Wypełnij i z pola Use/Użyj wybieramy Pattern/Wzorek i wybieramy z listy przygotowane przedtem paski. Klikamy ok. Jeśli chcemy, możemy zmniejszyć Opacity/Krycie tej warstwy, by paski lepiej wyglądały. Teraz schodzimy na niższą warstwę Background/Tło i wypełniamy ją gradientem (zazwyczaj jest to gradient pionowy, ale zdarzają się poziome).
Obrazek.

Krok 3 Teraz robimy napis pobraną wcześniej czcionką. Rozmiar: 8pt, Antyaliasing: None/Brak.
Następnie klikamy prawym przyciskiem myszy nazwę warstwy z napisem i wybieramy Blending options/Opcje mieszania. Włączamy parametr Stroke/Obrys i nadajemy mu takie parametry:
Obrazek

Krok 4 Robimy nową warstwę (ma być przed innymi, tj. na samej górze). Zaznaczamy na niej coś takiego:
Obrazek
i wypełniamy na biało. Potem zmniejszamy Opacity/Krycie tej warstwy na ok. 20-30%.
Obrazek.

Krok 5 Robimy nową warstwę (ma być nad warstwą z połyskiem, tj. tą z czwartego kroku) i wypełniamy ją dowolnym kolorem. Potem wchodzimy w Blending options/Opcje mieszania i dodajemy Stroke/Obrys z takimi parametrami:
Obrazek

Krok 6 Teraz musimy tylko zmniejszyć Fill/Wypełnienie warstwy:
Obrazek

Gotowe!
Obrazek
Inne efekty możliwe do uzyskania:
Obrazek
Obrazek
Obrazek
Obrazek
Obrazek
Nic nie stoi na przeszkodzie by zrobić własne tło:
Obrazek
Obrazek
Obrazek

Więcej efektów: http://83.14.145.2/rafal/paski/

Złączono Posta: 04.03.2006 (Sob) 16:47
polskie nazwy narzędzi mogą się różnić od tych w Photoshopie!
----------------------------------
Skasowano zbędny wrzask
Asterisk
Ostatnio edytowano 27.03.2006 (Pn) 16:56 przez rss, łącznie edytowano 2 razy
Avatar użytkownika
rss
 
Posty: 2361
Dołączył(a): 24.06.2005 (Pt) 13:23
Lokalizacja: Zamość

Powrót do Grafika

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 0 gości