[Tut]Ranga Użytkownika Na Forum - Zrób Ją Sam

[DJ_Hesta]

Ranga użytkownika na forum - zrób ją sam

 

PS 6/7/8/9

 

Aut Come :

 

 

 

1. Otwieramy program Photoshop.

 

2. Tworzymy nowy dokument o wymiarach rangi i przezroczystym tłem.

File / New (Plik » Nowy) lub wciskamy klawisze Ctrl + N

 

W oknie które się pojawi, wpisujemy właściwości nowego dokumentu. W tym konkretnym przypadku możecie posłużyć się takimi jak ja. Pamiętaj o zaznaczeniu opcji Transparent w sekcji Contents. To sprawi, że dokument nie będzie zawierał tła - będzie przezroczysty. Gotową rangę będzie można wrzucić na forum z dowolnym tłem.

 

Mamy stworzony nowy dokument. Jako że jego rozmiar jest niewielki - powiększmy go, ale najpierw powiększmy jego obszar roboczy. Złap kursorem prawy, dolny róg dokumentu i przeciągnij go po skosie w prawo i w dół, tak żeby był 3 razy większy od poprzedniego.

 

 

 

 

Teraz wciśnij klawisze Ctrl + "+". Ok dokument powiększony.

 

3. Teraz stworzymy prostokąt, który będzie głównym filarem rangi.

Wybierz z przybornika narzędzie Rectangular Marquee Tool (Zaznaczenie Prostokątne) rectangular marquee toolM.

Kliknij nim w miejscu, gdzie będzie lewy, górny róg prostokąta i nie zwalniając przycisku myszki - przeciągnij ją w miejsce gdzie bedzie prawy, dolny róg prostokąta. Zwolnij przycisk myszki. Uzyskaliśmy w ten sposób prostokątne zaznaczenie (przerywana linia)

 

 

 

Pora wypełnić zaznaczone pole jakimś kolorem (obojętnie jakim - potem i tak to zmienimy). W tym celu kliknij w przyborniku z narzędziami na kwadracik oznaczający kolor pierwszoplanowy (ten na wierzchu). Wybierz kolor i wciśnij OK.

Następnie wybieramy z przybornika narzędzie Paint Bucket Tool (Wiadro z Farbą) paint bucket tool (G). Klikamy nim w środek prostkoątnego zaznaczenia. Prostkoąt wypełnił się kolorem.

 

 

 

 

4. Teraz storzymy biały obrys prostokąta - na nowej warstwie.

Najpierw więc utworzymy nową warstwę. W tym celu kliknij małą ikonkę w panelu z warstwami na dole Create a new layer. Widzimy, że program stworzył nową warstwę gotową do edycji (zaznaczona na niebiesko). Nazwijmy ją obrys - będzie ją łatwiej zlokalizować, kiedy warstw przybędzie. Aby ją zmienić - dwukrotnie kliknij na nazwie warstwy i kiedy bedzie gotowa do edycji - wpisz swoją.

 

 

 

 

 

Teraz zrobimy obrys.

Wybieramy z menu programu: Edit » Stroke (Edycja » Obrysuj). W oknie które się pojawi ustawiamy takie parametry:

 

 

 

 

 

Klikamy OK. Prostokąt obrysowany (obrys utworzony na nowej warstwie). Będzie go można potem zmieniać niezależnie od wypełnienia.

Z racji tego, że jest słabo widoczny na tle (jasne kwadraciki) - możemy uczynić go bardziej widocznym tworząc np. ciemne tło (tylko na potzrzeby edycji - potem i tak zapiszemy obrazek bez niego).

Wiesz jak się tworzy nową warstwę - więc stwórz ją i przeciągnij myszką na sam dół w panelu z warstwami - tak żeby była położona najniżej. Następnie znanym już narzędziem do wypełnienia paint bucket tool wypełnij ją jakimś ciemnym kolorem (np. czarnym).

 

Powinniśmy uzyskać coś takiego:

 

 

 

 

5. Teraz zajmiemy się wypełniniem prostokąta. Wypełnimy go gradientem przechodzącym z ciemno-niebieskiego koloru na dole, do jasno-niebieskiego na górze.

 

W panelu z warstwami - klikamy prawym przyciskiem myszy - warstwę z wypełnieniem prostokąta. Z menu wybieramy Blending Options (Opcje Mieszania).

W oknie które się pojawi zaznaczamy zakładkę Gradient Overlay (Nałożenie Gradientu):

 

 

 

 

Klikamy w pasek menu gradientów. Otworzy się następne okno:

 

 

 

 

 

Możemy wybrać któryś z gotowych gradientów, lub stworzyć swój. Więc stwórzmy.

Dwukrotnie kliknij na lewym wyznaczniku koloru (patrz strzałka na obrazku powyżej), a następnie w próbniku kolorów - wybierz ciemnoniebieski kolor. To samo zrób z prawym wyznacznikiem koloru (jasno niebieski). Kliknij OK.

Mamy teraz coś takiego:

 

 

 

6. Teraz zajmiemy się obrysem. Uczynimy go jakby wypukłym.

Klikamy prawym przyciskiem myszy na warstwie z obrysem i wybieramy z menu: Blendin Option (Opcje Mieszania), czyli postępujemy tak jak w punkcie 5.

Tym razem w oknie które się pojawi (Layer Style ) - zaznaczamy zakładkę Bevel and Emboss (Faza i Płaskorzeźba). Ustawiamy w niej takie parametry - podgląd.

Uzyskaliśmy efekt bardziej wypukłego obrysu.

 

7. Czas na napis.

Klikamy w najwyższą warstwę w panelu z warstwami i tworzymy nową wartwę i (w sposób opisany w pkt. 4). Program tworzy warstwę zawsze nad aktywną warstwą, a chcemy żeby warstwa z tekstem była najwyżej położona, żeby jej nic nie zasłaniało - stąd przed stworzeniem warstwy dla tekstu musimy kliknąć w najwyższą wartswę (aktywować ją).

Dobra jeżeli już ją stworzyłeś - przechodzimy do pisania.

Wybieramy z przybornika Horizontal Type Tool (Tekst Poziomy) horizontal type tool (T).

W podmenu, czyli menu narzędzia ustawiamy takie parametry:

 

 

 

 

 

Oczywiście dobór czcionki, jej wielkość, kolor - można ustawić inne, ale w tym przykładzie zastosowałem takie jak na obrazku powyżej.

 

Klikamy w miejscu gdzie będzie zaczynał się tekst i wpisujemy nazwę rangi.

 

 

 

 

 

Teraz możemy jeszcze sprawić, że napis będzie rzucał cień.

Klikamy prawym przyciskiem myszy na warstwie z napisem i wybieramy z menu: Blendin Option (Opcje Mieszania), czyli postępujemy tak jak w punkcie 5 i 6.

Zaznaczamy zakładkę Drop Shadow (Cień) i ustawiamy w niej takie parametry - podgląd

 

8. Nadszedł czas na finał. Wrzucimy jakiś symbol wyróżniający daną rangę - w lewą część obrazka tej rangi.

Tworzymy nową najwyższą warstwę, tak jak w pkt. 7

Wbieramy narzędzie Custom Shape Tool shape tool (U). Jeżeli nie widzisz go w przyborniku - kliknij prawym przyciskiem myszy w narzędzie Rectangle Tool rectangle tool - pojawi się menu, a w nim Custom Shape Tool. Po tym zabiegu menu właściwości narzędzia powinno wyglądać tak:

 

 

 

 

 

Mode: Normal

Opacity: 100%

Jeżeli u Ciebie jest inaczej zmień to.

 

W tym menu narzędziowym - wybierz menu Shape i wybierz w nim odpowiedni obrazek (przez dwuklik na nim).

Teraz umieść kursor w lewej górnej części obrazka rangi. Wciśnij klawisz Shift i nie zwalniając go - lewy przycisk myszy, a następnie przeciągnij kursor w dolną część obrazka - tak aby symbol zajmował ustalony przez Ciebie obszar. Zwolnij przycisk myszki oraz klawisz Shift.

Ukazał się symbol

 

 

 

 

Możemy jeszcze sprawić, że będzie nieco trójwymiarowy i będzie rzucał cień. To już umiesz robić (Blending Option » Bevel and Emboss oraz Drop Shadow. Oto gotowy obrazek przedstawiający rangę administratora na forum internetowym:

 

 

 

 

 

Jak widzisz na powyższym obrazku - usunąłem czarne tło. Ty też tak zrób zanim zapiszesz obrazek na dysku. Wystarczy w tym celu kliknąć małą ikonkę oka, która znajduje się po lewj stronie warstwy w panelu warstw. Można też ją po prostu skasować (ikonka kosza - po prawej na dole w panelu warstw), ale odradzam - być może bedziesz chciał kiedyś wrócić do edycji tego pliku. Po co tworzyć ją na nowo?

 

Ok. Kiedy już wszystko gotowe - możemy zapisać obrazek na dysku.

Polecam najlepszą metodę zapisu - File » Save for Web (Zapisz dla Web) - skrót: Ctrl + Shift + Alt + S. Więcej o tej metodzie możesz przeczytać w dziale: Zapisywanie pliku w Photoshopie.

Ze względu na występujące cienie i przezroczyste (transparentne) tło - zalecam zapis w formacie PNG-24 (najlepsza jakość i stosunkowo niewielki rozmiar).

Rangi bez cieni można też zapisać jako GIF

W przypadku zapisywania tą metodą - nie zapomnij zaznaczyć opcji Transparency (Przezroczystość) - podgląd.

 

Na koniec jeszcze kilka przykładów rang, które można uzyskać tą metodą:

 

 

 

 

Koniec

[JestemKimś]

Brawo 5 +

[DoraN]

Nie wiem czy to kopiowales, ale popraw zdjęcia... wstaw w

[PissedMan]

RIP.

Temat do śmieci

Dowód - <<Oryginalny tutorial>>

Żenada.

[EmpioS]

@UP dzięki działają obrazki

[dudsonowa]

Kolejny rip w Twoim wykonaniu.