Rangi - kilka efektów
Tutorial
Opracowanie: ghoot
Poziom trudności: średni
Tutorial ten ma na celu umożliwienie początkującym grafikom stworzenie estetycznych, prostych rang w wielu wariantach, do umieszczenia chociażby na swoim forum.
Tutorial napisany w wersji GIMP 2.8. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
Wersja 1 1. Utwórz nowy obraz o wielkości 130x27px. Naciśnij
[Delete], aby pozbyć się białego tła.
2. Zaznacz wszystko
[Ctrl+A]. Wybierz kubełek
i wypełnij obszar czarnym
#000000 3. Wybieramy
Zaznaczenie -> Zmniejsz. Wartość ustawiamy na 1px i upewniamy się że "zmniejsz od krawędzi obrazu" jest wybrane.
4. Zaznaczenie wypełniamy
kolorem
#333333(#333333)
5. Ustawiamy prowadnice pionową na 110 pixelu.
6. Używając lassa
z wciśniętym klawiszem
[ctrl] lub wybierając tryb "odejmuje od bieżącego zaznaczenia", usuwamy z zaznaczenia odpowiedni fragment. Najpierw zaznaczamy kawałek po przekątnej, od 110 pixela u góry do pixela 85 u dołu, następnie pozostałą na lewo część obrazu.
7. Pozostałe zaznaczenie wypełniamy kolorem
#1e1e1e. Rezygnujemy z zaznaczenia
[Ctrl+Shift+A] 8. Kolor pierwszoplanowy zmieniamy na biały. Za pomocą czcionki
Droid Sans Bold o rozmiarze 14 px piszemy po lewej stronie rangę, np "Moderator". Duplikujemy warstwę z tekstem.
8. Wyłączamy widoczność wyższej warstwy z tekstem. Na niższej warstwie zmieniamy kolor czcionki na
#0098b3. Na tejże warstwie stosujemy rozmycie Gaussa
Filtry -> Rozmycie -> Rozmycie Gaussa z promieniem rozmycia 2px. Włączamy widoczność wyższej warstwy.
9. Usuwamy prowadnicę. Ustawiamy dwie nowe, również pionowe na 105 i 120 pixelu. Tworzymy nową warstwę. Wybieramy
z pędzlem
Block 01, ustawiamy jego rozmiar na 4,00, a kolor pierwszoplanowy na biały. Używając ołówka, rysujemy obrazek rangi po lewej. W tym celu klikamy punkt na prowadnicy po lewej, wciskamy i przytrzymujemy
[shift], klikamy wyżej, na środku pomiędzy prowadnicami. Następnie tworzymy dróga kreskę, od góry tworzonego symbolu, do punktu na drugiej prowadnicy na wysokości dołu tworzonego symbolu. Animacja przedstawiająca ten proces:
Możesz też skorzystać z przygotowanej już strzałki, kopiując ten obrazek:
i wklejając go na nową warstwę. Kolejne strzałki tworzymy duplikując
warstwę ze strzałką, ustawiając ją narzędziem przesuwanie
na miejscu, a następnie łącząc warstwy klikając PPM na wyższej warstwie, a z listy wybierając "połącz w dół".
10. Jeśli strzałki są już przygotowane, utwórzmy poświatę i dla nich. Zduplikuj
warstwę ze strzałkami (strzałką). Wyłącz widoczność wyższej warstwy, i przejdź na niższą. Za pomocą Różdżki
zaznacz strzałki (strzałkę). Kolor pierwszoplanowy ustaw na
#0098b3. Wybierz kubełek
, pod przybornikiem zaznacz tryb wypełnienia: całe zaznaczenie i wypełnij zaznaczenie, lub po prostu zamaluj strzałki pędzlem. Zrezygnuj z zaznaczenia
[Ctrl+Shift+A] i użyj rozmycia Gaussa z promieniem rozmycia ustawionym na 2px. Włącz widoczność uprzednio ukrytej warstwy.
Efekt końcowy:
Warianty kolorystyczne:
Ranga ta łatwo może być wykonana w innych kolorach, zachowując przy tym dobry wygląd. Przykłady kompozycji kolorystycznych:
Obrazek | |
Kolor lewej strony: | #ffb642 |
Kolor prawej strony: | #4b3c25(#4b3c25) |
Kolor tekstu: | #ffffff |
Kolor poświaty: | #000000 |
Obrazek | |
Kolor lewej strony: | #005564 |
Kolor prawej strony: | #00282f |
Kolor tekstu: | #ffffff |
Kolor poświaty: | #000000 dla tekstu i #ffffff dla symbolu |
(...)
Koniec