Tutorial na userbar (klasyczny)
Opracowanie: marrek13
Poziom trudności: łatwy
Tutorial ten nauczy was jak zrobić ładnie wyglądający userbar, jak zrobić obrys tekstu oraz w jaki sposób stworzyć nowy deseń.
Tutorial napisany w wersji GIMP 2.4. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
ZaczynamyNapis i jego obrys 1. Na początek powinniśmy ściągnąć czcionkę
Visitor TT2 BRK, można ją znaleźć w załączniku. Czcionkę kopiujemy do
C:\WINDOWS\Fonts.
Uruchamiamy
GIMP-a, tworzymy
nowy obraz. Teraz wybieramy
narzędzie tekstowe [T] i ustawiamy tak jak jest to na zdjęciu poniżej.
2. Wypełnij obraz jakimś kolorem, na którym będzie dobrze widoczny zarówno kolor biały, jak i czarny.
Wybieramy kolor
#fffffff i piszemy coś na obrazie.
Okno warstw powinno przedstawiać się następująco:
Oczywiście w miejscu
marrek13 będzie widniał wpisany przez Ciebie tekst.
3. Teraz zajmiemy się stworzeniem obrysu, czyli czarnej ramki wokół napisu. Stwórz
nową warstwę i umieść ją pod warstwą z tekstem.
4. Kliknij
PPM (prawy przycisk myszy) na
warstwę z tekstem i wybierz opcje
Kanał alfa na zaznaczenie.
Zaznacz stworzoną przed chwilą warstwę i przejdź do
okna obrazu. Z menu wybierz
Zaznaczenie -> Powiększ 5. Wybieramy teraz kolor
#000000, oraz narzędzie
wypełnienie kubełkiem [Shift+B]. Jego opcję ustawiamy następująco:
Teraz już tylko
wypełniamy zaznaczenie i koniec. Napis jest gotowy.
Tworzenie i używanie deseni 1. Tworzymy
nowy obraz o wymiarach
3x
3px lub proporcjonalnie większy.
2. Tworzymy
nową warstwę z
przezroczystym tłem.
I
usuwamy warstwę
Tło.
3. Wybieramy narzędzie
pędzel [P] i ustawiamy następująco.
4. Przechodzimy do
okna obrazu. Powiększenie ustawiamy na
800% i
rysujemy taki kształt.
5. Teraz już tylko zapisujemy plik z rozszerzeniem
.pat w
C:\Documents and Settings\twoja nazwa\.gimp-2.4\Patterns.
6. Teraz uruchamiamy ponownie
GIMP-a lub
odświeżamy listę
deseni. Jeśli chcemy użyć nasz
deseń wybieramy
wypełnienie kubełkiem, jako
typ wypełnienia ustawiamy
deseń i z listy wybieram nasz deseń.
Wycinanie rendera 1. Wybieramy sobie obrazek z którego chcemy zrobić render, najlepiej jeśli tło i kontur mają kontrast. Otwieramy nasz obrazek w
GIMP-ie. Teraz należy dodać
kanał alfa do naszego obrazu. Aby to zrobić przechodzimy do
okna warstw [Ctrl+l] klikamy prawym przyciskiem myszki na naszą warstwę i z listy wybieramy opcje
dodaj kanał alfa, jeśli opcja jest nie dostępna oznacza to że obraz ma już alfę i nie musimy nic robić.
2. Wybieramy narzędzie
zaznaczenie rozmyte tzw. różdżkę
U. Ustawiamy próg na
15. Przechodzimy do
okna obrazu, i
zaznaczamy białe tło naciskając w pustych miejscach, przytrzymując klawisz
Shift (łączenie zaznaczenia), tak aby uzyskać efekt jak poniżej.
3. Z menu wybieramy
Edycja -> Wyczyść [Delete], a następnie
Zaznaczenie -> Nic [Shift+Ctrl+A]. W efekcie otrzymujemy ładnie wycięte logo.
Jeśli jednak nie uda nam się tak ładnie zaznaczyć tła to polecam
tutorial Gandalfi na wycinanie renderaTworzenie userbara 1. Tworzymy
nowy obraz o wymiarach
350x
19px. Są to standardowe wymiary każdego userbara(nie licząc wersji mini -
150x
19px).
2. Wypełniamy tło
gradientem [L] o kolorach
#be231e i
#f13c38 lub innych w zależności od tego jakie będą pasowały do naszego renderu.
Wypełniamy w taki sposób.
3. Tworzymy
nową warstwę, nazywamy ją
pattern. I
wypełniamy naszym deseniem według drugiej części tutorialu.
4. Teraz
wklejamy [Ctrl+V] nasz render wycięty w trzeciej części.
5. Teraz klikamy
PPM na warstwę
Oderwane zaznaczenie i wybieramy opcję
nowa warstwa 6. Jeśli trzeba
skalujemy naszą warstwę,
Warstwa -> Skaluj warstwę. W moim przypadku są to takie ustawienia.
7. Teraz za pomocą narzędzia
przesunięcie [M] ustawiamy nasz render tak, żeby jakoś ładnie wyglądał, najlepiej gdzieś po lewej stronie.
8. Następnym krokiem jest stworzenie napisu wg. pierwszej części tutoriala.
Teraz stworzymy połysk, który jest nieodłączną częścią każdego userbara (bardzo rzadko zdarzają się wyjątki od tej reguły). Wybieramy narzędzie
zaznaczenie eliptyczne [E] i
tworzymy zaznaczenie podobne do tego poniżej.
Tworzymy
nową warstwę, nie rezygnując z zaznaczenia i
wypełniamy ją kolorem
#ffffff.
Krycie nowej warstwy ustawiamy na
20.
Okno warstw powinno wyglądać następująco:
Natomiast praca tak:
9. Teraz już tylko musimy stworzyć ramkę, aby to zrobić wybieramy z menu
Zaznaczenie -> Wszystko [Ctrl+A], dalej
Zaznaczenie -> Zmniejsz o
1px. Teraz odwracamy zaznaczenie
Zaznaczenie -> Odwróć [Ctrl+I]. Nie rezygnując z zaznaczenia tworzymy
nową warstwę i
wypełniamy zaznaczenie kolorem
#000000.
I oto nasz skończony userbar.
Koniec
Każdy userbar powinien mieć:
1. Wymiary 350x19 lub 150x19
2. Ramkę 1px, zazwyczaj czarną, lecz nie koniecznie.
3. Połysk, standardowo barwy białej, ale także nie ma sprzeciwu przeciw innym kolorom. Wszystko zależy od konkretnej pracy.
4. Napis wykonany czcionką Visitor BRK TT2 o wielkości 13px.
User - Użytkownik
Fan - To chyba każdy wie
Member - Członek, np. członek forum lub strony
Player - Gracz
Gamer - Gracz
Owner - Właściciel, posiadacz
Eater - Zjadacz
Drinker - Pijacz(?) np. Vodka drinker
Watcher/Viewer - Oglądacz (w prostym tłumaczeniu) np jakiegoś programu w tv
Citizen - Obywatel
Listener - Słuchacz (np. RMF FM listener)
Reader - Czytelnik, redaktor
Friend - Przyjaciel
Proud to be XX - Dumny, że jestem xx (w miejsce iksów możemy wstawić, np. nazwę kraju, w którym mieszkamy)
Driver - Kierowca np. BMW driver
Lover - Wielbiciel, miłośnik
Visitor - Odwiedzający, wizytator
Editor - Wydawca
Shopper - Klient, kupujący
Builder - Twórca
Smoker - Palacz
Mod - Moderator forum, strony
Admin - Administrator forum, strony
Consument - Konsument
Addict - Nałogowiec, człowiek uzależniony
Inhabitant - Mieszkaniec
Enemy - Wróg
Smeller - Wąchacz