Polskie Forum Użytkowników GIMP-a

---

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ć.

---

[lp] 1. Utwórz nowy obraz o wielkości 130x27px. Naciśnij [Delete], aby pozbyć się białego tła.

[lp] 2. Zaznacz wszystko [Ctrl+A]. Wybierz kubełek <wypelnienie> i wypełnij obszar czarnym #000000

[lp] 3. Wybieramy Zaznaczenie -> Zmniejsz. Wartość ustawiamy na 1px i upewniamy się że "zmniejsz od krawędzi obrazu" jest wybrane.




[lp] 4. Zaznaczenie wypełniamy <wypelnienie> kolorem #333333(#333333)

[lp] 5. Ustawiamy prowadnice pionową na 110 pixelu.

[lp] 6. Używając lassa <lasso> 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.


[lp] 7. Pozostałe zaznaczenie wypełniamy kolorem #1e1e1e. Rezygnujemy z zaznaczenia [Ctrl+Shift+A]

[lp] 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.

[lp] 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.


[lp] 9. Usuwamy prowadnicę. Ustawiamy dwie nowe, również pionowe na 105 i 120 pixelu. Tworzymy nową warstwę. Wybieramy <olowek> 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: (http://pics.tinypic.pl/i/00442/q2ejwbm8h87a.png) i wklejając go na nową warstwę. Kolejne strzałki tworzymy duplikując <duplikowanie-warstwy> warstwę ze strzałką, ustawiając ją narzędziem przesuwanie <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ół".

[lp] 10. Jeśli strzałki są już przygotowane, utwórzmy poświatę i dla nich. Zduplikuj <duplikowanie-warstwy> warstwę ze strzałkami (strzałką). Wyłącz widoczność wyższej warstwy, i przejdź na niższą. Za pomocą Różdżki  <rozdzka> zaznacz strzałki (strzałkę). Kolor pierwszoplanowy ustaw na #0098b3. Wybierz kubełek <wypelnienie>, 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.

[lp] Efekt końcowy:

[lp] Warianty kolorystyczne:
Ranga ta łatwo może być wykonana w innych kolorach, zachowując przy tym dobry wygląd. Przykłady kompozycji kolorystycznych:

Obrazek	(http://pics.tinypic.pl/i/00442/m55yt9m4d3jd.png)
Kolor lewej strony:	#ffb642
Kolor prawej strony:	#4b3c25(#4b3c25)
Kolor tekstu:	#ffffff
Kolor poświaty:	#000000

Obrazek	(http://pics.tinypic.pl/i/00442/j9kk7c9q1czr.png)
Kolor lewej strony:	#005564
Kolor prawej strony:	#00282f
Kolor tekstu:	#ffffff
Kolor poświaty:	#000000 dla tekstu i #ffffff dla symbolu

[lp] Koniec

---

ad. 6 (http://pics.tinypic.pl/i/00442/m55yt9m4d3jd.png) - widać postrzępione piksele na granicy kolorów. Zmień zaznaczanie lassem na zaznaczanie ścieżką.
ad. 9 Do tworzenia symboli można też wykorzystać czcionki, np.: ^ czy *

Pisać kontynuację zamierzałem w weekend, wtedy też dokonam poprawek. Dzięki za wszystkie uwagi :)