Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Autor Wątek: Tworzenie userbara  (Przeczytany 7289 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Zdybek
Emeryt

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 729
Galeria Użytkownika



Zobacz profil WWW
« : 08.11.2008, 15:30:00 »

Tworzenie userbara
Tutorial

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



Lime Point Zaczynamy

Napis i jego obrys

Lime Point 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 Narzędzia tekstowe [T] i ustawiamy tak jak jest to na zdjęciu poniżej.



Lime Point 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.


Lime Point 3. Teraz zajmiemy się stworzeniem obrysu, czyli czarnej ramki wokół napisu. Stwórz nową warstwę i umieść ją pod warstwą z tekstem.


Lime Point 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


Lime Point 5. Wybieramy teraz kolor #000000, oraz narzędzie wypełnienie kubełkiem  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

Lime Point 1. Tworzymy nowy obraz o wymiarach 3x3px lub proporcjonalnie większy.


Lime Point 2. Tworzymy nową warstwę z przezroczystym tłem.


I usuwamy warstwę Tło


Lime Point 3. Wybieramy narzędzie pędzel Pędzel [P] i ustawiamy następująco.


Lime Point 4. Przechodzimy do okna obrazu. Powiększenie ustawiamy na 800% i rysujemy taki kształt.


Lime Point 5. Teraz już tylko zapisujemy plik z rozszerzeniem .pat w C:\Documents and Settings\twoja nazwa\.gimp-2.4\Patterns.

Lime Point 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

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

Lime Point 2. Wybieramy narzędzie zaznaczenie rozmyte tzw. różdżkę Magiczna różdżka  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.


Lime Point 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 rendera


Tworzenie userbara

Lime Point 1. Tworzymy nowy obraz o wymiarach 350x19px. Są to standardowe wymiary każdego userbara(nie licząc wersji mini - 150x19px).


Lime Point 2. Wypełniamy tło gradientem Gradient [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.


Lime Point 3. Tworzymy nową warstwę, nazywamy ją pattern. I wypełniamy naszym deseniem według drugiej części tutorialu.



Lime Point 4. Teraz wklejamy [Ctrl+V] nasz render wycięty w trzeciej części.


Lime Point 5. Teraz klikamy PPM na warstwę Oderwane zaznaczenie i wybieramy opcję nowa warstwa


Lime Point 6. Jeśli trzeba skalujemy naszą warstwę, Warstwa -> Skaluj warstwę. W moim przypadku są to takie ustawienia.


Lime Point 7. Teraz za pomocą narzędzia przesunięcie Przesuwanie [M] ustawiamy nasz render żeby jakoś ładnie wyglądał, najlepiej gdzieś po lewej stronie.


Lime Point 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  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


Lime Point 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.


Lime Point 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.


Edit by Cakper:
Dodaję listę zwrotów, a mój tutorial usuwam

Cytuj
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
Porud to be XX - Dumny, że jestem xx (w miejsce iksów możemy wstawic, np. nazwe 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, czlowiek uzalezniony
Inhabitant - Mieszkaniec
Enemy - Wróg
Smeller - Wąchacz
« Ostatnia zmiana: 09.11.2008, 16:13:47 wysłane przez Zdybek » Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
Piotreek
Gość
« Odpowiedz #1 : 08.11.2008, 16:29:22 »

Czcionkę zapisuje kopiujemy do C:\WINDOWS\Fonts a po Polsku to chyba powinno być tak: Czcionkę kopiujemy do C:\WINDOWS\Fonts
Zapisane
Zdybek
Emeryt

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 729
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #2 : 08.11.2008, 18:24:04 »

Masz racje. Ostatecznie i tak bym to poprawił po prostu najpierw tak ogólnie robie tuta a później reszte Uśmiech Ale dzięki za wytknięcie błędu.
Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
INSEKT
Emeryt

Reputacja: 27 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723
Galeria Użytkownika


Ja tu tylko sprzątam


Zobacz profil WWW
« Odpowiedz #3 : 08.11.2008, 18:49:26 »

Widzę, że robota wre. Tak trzymać, panowie.
Zapisane

Nie odpowiadam na wiadomości "(Bez tematu)".
Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3

Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę.
Zdybek
Emeryt

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 729
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #4 : 08.11.2008, 20:18:21 »

Tylko nie wiem jaki dać poziom może jakieś propozycje ? Myślałem nad łatwy/średni.
Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
INSEKT
Emeryt

Reputacja: 27 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723
Galeria Użytkownika


Ja tu tylko sprzątam


Zobacz profil WWW
« Odpowiedz #5 : 08.11.2008, 20:41:17 »

łatwy
Zapisane

Nie odpowiadam na wiadomości "(Bez tematu)".
Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3

Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę.
Zdybek
Emeryt

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 729
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #6 : 08.11.2008, 21:40:18 »

Tuttorial już prawie skończony. Teraz już tylko trzeba poprawić wszelkie błędy jakie tylko mogłyby się wedrzeć, dlatego proszę także was drodzy koledzy i koleżanki o wypisanie wszelkich błędów jakie tylko znajdziecie, a ja póki co poprawie to co sam znajdę.

EDIT: Może mi ktoś podać gdzie na linuksie wrzuca się czcionki i desenie ?
« Ostatnia zmiana: 08.11.2008, 21:51:16 wysłane przez Zdybek » Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
Piotreek
Gość
« Odpowiedz #7 : 08.11.2008, 21:53:29 »

Tutaj chyba jest, nie patrzałem:

http://www.gimpuj.info/techniczne/wrzucanie-dodatkow-do-gimpa-w-linuxie-t110.0.html

http://www.gimpuj.info/rozne/czcionki-w-gimpie-t130.0.html
Zapisane
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #8 : 08.11.2008, 23:35:39 »

Punkt 1. - GIMP-a pogrub Mrugnięcie
Punkt 2. - WYpełnijmy pogrub, oraz myślę, że możesz usunąć ten biały wyraz 'biały' i może zostać sama notacja html'owa. 'Okono warstw' pogrub.
Punkt 4. - Na 'Warstwę z tekstem' zastosuj też kursywę. Zamiast 'prawym przyciskiem' napisz PPM (prawym przyciskiem myszy może być w nawiasie).
Punkt 5. - 'Wypełniamy zaznaczenie' pogrub (pogrubiamy wszystkie czynności jak np. wypełniamy, zaznaczamy itp.)

Punkt 2. - Nazwy warstw oprócz pogrubiania pochylamy.
Punkt 4. - 'Okna obrazu' pogrub.
Punkt 6. - wszystkie określenia typu 'deseń', 'gradient', 'krycie' itp. pogrubiamy.

-

Oczywiście, jeśli w danym punkcie wskazałem błąd, to tyczy się to nie tylko tego punktu ale i całego tutoriala.
Zapisane

afk
snufkin
Gość
« Odpowiedz #9 : 08.11.2008, 23:41:30 »

Mam wątpliwości odnośnie tematu. Wydaje mi się, że nie ma potrzeby pisania z wielkiej litery "User" i "Bara", napisałbym po prostu "userbara".
Zapisane
INSEKT
Emeryt

Reputacja: 27 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723
Galeria Użytkownika


Ja tu tylko sprzątam


Zobacz profil WWW
« Odpowiedz #10 : 09.11.2008, 00:15:02 »

Mam wątpliwości odnośnie tematu. Wydaje mi się, że nie ma potrzeby pisania z wielkiej litery "User" i "Bara", napisałbym po prostu "userbara".

Zgadzam się - "userbara".
Zapisane

Nie odpowiadam na wiadomości "(Bez tematu)".
Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3

Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę.
BartisKing
Gość
« Odpowiedz #11 : 09.11.2008, 08:57:14 »

Dobra robota Zdybek, Grolak i Piotreek. Tylko po co po "końcu" wklejony jest stary tutorial?
Zapisane
Zdybek
Emeryt

Reputacja: 14 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 729
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #12 : 09.11.2008, 14:06:39 »

No to już chyba skończyłem Uśmiech
Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
Piotreek
Gość
« Odpowiedz #13 : 09.11.2008, 14:20:26 »

To byś tytuł zmienił na samej górze i tam na dole z Tworzenie UserBara na Tworzenie userbara.
Zapisane
Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aHyde zoneHyde parkTestWątek: Tworzenie userbara
Skocz do: