Userbary w Gimpie – Tutorial
 

Linki przydatne podczas robienia Userbarów:

• Aby tworzyć Userbary w Gimpie potrzebny jest... ahh oczywiście Gimp:
  http://www.idg.pl/ftp/pc_14966/pc.html
• Aby Gimp chodził poprawnie należy zainstalować Bibliotekę GTK+:
  http://www.instalki.pl/programy/down...ki/GTK+2.8.php
• Przyda się także czcionka Visitor-TT1-BRK:
  http://www.fontstock.net/5973/Visitor-TT1-BRK.html
  Czcionkę po wypakowaniu należy skopiować do: C:\Windows\Fonts, lub C:\WINNT\Fonts zależy jaki macie system.

Etap 1. (Deseń)

• Włączamy Gimpa i naciskamy kombinacje klawiszy: CTRL + N, co otwiera nam nowe okno.
• Ustawiamy szerokość 6, wysokość 6, oraz zmieniamy Wypełnienie na Przezroczystość. Oczywiście możecie zrobic 8x8 albo 10x10, ale to tylko zwiększa odległości między Ukośnymi liniami na Userbarze.
• Teraz wybieramy Ołówek, rodzaj pędzla: Circle (01) (1x1) koloru czarnego i rysujemy ukośną linie poczynając od górnego prawego rogu, kończąc na dolnym lewym. (Najlepiej to robić na Zoomie.)
• Zapisujemy kombinacją klawiszy: SHIFT + CTRL + S, wyszukujemy miejsce gdzie zainstalowaliśmy Gimpa i szukamy folderu patterns np.: D:\programy\GIMP-2.0\share\gimp\2.0\patterns. (Zapisujemy w rozszerzeniu *.pat)

http://img167.imageshack.us/img167/2632/45312707wq4.png

Etap 2. (Wymiary, Gradient)

• Otwieramy nowe okno. Ustawiamy szerokość 350, wysokość 19, oraz zmieniamy Wypełnienie na Przezroczystość. (kombinacja taka jak przy Deseniu)
• Wybieramy Gradient, który posłuży nam do zrobienia tła Userbara. (Da nam płynne przejście miedzy dwoma kolorami)
• Wybieramy kolory: Kolor pierwszoplanowy oraz kolor tła. Przeciągamy gradient z jednej strony userbara na drugą. (Który kolor będzie z której strony zależy od tego gdzie zaczniecie malować gradientem.)

http://img112.imageshack.us/img112/6919/84155590bq1.jpg

Etap 3. (Warstwa, Użycie Desenia)

• Wchodzimy w Menu Warstwa > Nowa Warstwa (nad naszym userbarem). Wpisujemy parametry takie jak przy otwieraniu nowego okna (350x19) i zaznaczamy Przezroczystość.
• Teraz użyjemy opcji Wypełnienia z Deseniem w roli głównej. Wchodzimy w Wypełnianie (taki kubełek) i ustawiamy krycie na 10-20% (jak kto woli), typ wypełnienia ustawiamy na deseń, tryb zwykły, i wybieramy wcześniej zrobiony pattern. (Ustawiamy na całe zaznaczenie)
• Wylewamy nasz deseń na Userbar i powinny się pojawić ukośne linie na całym Userbarze.

http://img153.imageshack.us/img153/2652/73893275hr6.jpg

Etap 4 (Odblask)

• Wybieramy narzędzie Zaznaczania obszarów Eliptycznych i zaznaczamy na swoim Userbarze pewien obszar (wszystko pokazane na obrazku)
• Teraz mając już zaznaczony swój odblask wchodzimy w opcje Wypełnienia, ustawiając Typ Wypełnienia na Kolor pierwszoplanowy (kolor pierwszoplanowy musi być ustawiony na kolor biały), Ustawiamy Krycie na 25-35% i zalewamy zaznaczony obszar. (Tryb zwykły)

http://img520.imageshack.us/img520/5168/74127902qv2.jpg

Etap 5 (Tekst)

• Tworzymy nową warstwę w menu Warstwa > Nowa Warstwa.
• Wybieramy Umieszczanie Tekstu na Obrazie, Czcionkę ustawiamy na: Visitor TT1 BRK (Podałem link do strony gdzie można ja bezpiecznie ściągnąć), rozmiar na 10, inaczej bardzo brzydko wygląda. Kolor ustawiamy na kontrastujący z kolorem tła, odznaczamy wygładzaj, żeby to była czcionka z prawdziwego userbara.
• Klikamy gdziekolwiek na userbarze i wpisujemy nasz tekst. Ustawiamy go ładnie za pomocą urządzenia Przesuwania warstw i zaznaczeń i mamy tekst.
• Tworzymy nową warstwę, która będzie potrzebna do dodania obrazka.

http://img153.imageshack.us/img153/6661/74750985qz2.jpg

Etap 6 (Obrazki... nareszcie xD)

• Otwieramy (CTRL + O) nasz Obrazek oraz nowe okno o dowolnych wymiarach (zależy od rozmiaru obrazka) i zaznaczonej przezroczystości.
• Nasz obrazek kopiujemy do pustego dokumentu gdzie za pomocą ołówka wszystkie niepotrzebne rzeczy zamalowujemy na biało.
• Teraz używając narzędzia Zaznaczania Sąsiadujących Obszarów zaznaczamy biały obszar i usuwamy go (CTRL + X). Zaznaczamy cały obszar (CTRL + A), kopiujemy obrazek (CTRL + C) i wklejamy do userbara (CTRL + V). Jeżeli nasz obrazek jest za duży lub za mały możemy użyć opcji Skaluj która jest w menu Obraz.
• Teraz mamy nasz userbar z obrazkiem.

http://img228.imageshack.us/img228/8078/30360451ic4.jpg

Etap 7 (Ramka)

• Bierzemy ołówek, wybieramy sobie kolor (za ołówek odpowiada kolor tła) i rysujemy ramkę na krawędziach Userbara.

http://img441.imageshack.us/img441/9171/59406890vt7.jpg




Mam nadzieje ze mój poradnik pomoże chociaż kilku osobą, które nie mają Paint Pro Shopa. Jeżeli są jakieś błędy proszę pisać na pewno poprawie. Jest to mój drugi poradnik, więc proszę bądźcie wyrozumiali.

Jeżeli możecie podajcie tu pare fajnych userbarów zrobionych przez Was, chciałbym kilka zamieścić jako przykłady, bo ten co robiłem to tylko żeby wytłumaczyć..

Poradnik b. ciekawy, własnie czegos takiego szukałem, przejżysty, jedyne co to mogłeś dać hiper łącza, bo trzeba robic ctrl+c, ctrl+v i te niektóre błędy ortograficzne, inaczej wszystko OK. Zaraz zabieram sie do robienioa sobie userbara XD 9/10


@ qrde w jakim formacie to zapisac?

wytłumacz mi o co chodzi z hiperłączami to dodam, najlepiej na PW :P

...komentujcie, komenujcie ;P

juz zrobione hiperłącza...

Poradnik bardzo fajny i użyteczny. Za przeniesieniem.

Natomiast jeden punkt jest dla mnie niejasny. Gdzie znajdę narzędzie Zaznaczania Sąsiadujących Obrazów?

zaraz kolo zaznaczania recznego,
[prostokąty] [elipsy] [odreczne] [sąsiedujace obrazy]
wszystko w pierwszej linijce

Gratulacje! Linki są, błędów się nie dopatrzyłem wszytko Git.
10/10:)

Pozdro
Piasek

powiedzcie jeszcze jakiego poradnika nie ma zwiazanego z grafika, to tez sie postaram.

Bardzo fajny poradnik, nauczylem sie wkoncu robic userbary, tutaj pokaze moje pierwsze osiagniecie (Avallach ocen to)
http://foteka.pl/full/ffcab9279bdc32...105e497110.jpg

dobrze jest. tylko zeby to byl usebar z prawdziwego zdazenia odwroc kolory i po prawej daj napis.

zaraz sie zabiore do innego userbara, znow wrzuce jak bedzie gotowy

#edit gotowe
http://foteka.pl/full/0a4742bcf1410e...2d1f5e552b.jpg
#edit 2, z nudow na expieniu zrobilem drugi userbar ;p
http://foteka.pl/full/c04bce9c29ff4a...b7c327a0af.jpg
#edit 3, dalsze nudy na expieniu spowodowaly kolejne userbary ;p
http://foteka.pl/full/258d622540587f...32bf073f70.jpg

http://foteka.pl/full/2efc7880a20a47...42cb0b6865.jpg

#edit 4 chyba juz ostatni userbar, zrobiony z nudow o 1:35~
http://foteka.pl/full/719c8963f88dc7...2d5d0739b0.jpg

#edit 5 juz bez kitu ostatni userbar na dzisiaj, ide spac, zrobiony w 10 minut:
http://foteka.pl/full/e58abe26c4836b...e0e77aaf80.jpg


#edit 6 userbar zrobiony dzisiaj rano ;p
http://foteka.pl/full/bed5459ce192a7...45b868217a.jpg

Fajny poradnik, tylko mam problem z ramką- wybieram ołówek, kolor tła, a jak chcę narysować ramkę to nic się nie dzieje.

to wez nowa warstwe

Ok, już w porządku :) ale nie zamieszcze go na forum bo to by była reklama :).
Ale mam jeszcze jeden problem: sciagnelam czcionke Visitor-TT1-BRK, wkleilam do odpowiedniego folderu, a i tak nie mam jej na liście :/

restart gimpa

Juz kilka razy tak robilam, niestety nic to nie daje. Nawet odinstalowalam i zainstalowalam jeszcze raz, efekt taki sam. :/

Tego szukałem, wreszcie mogę zrobić sobie ubara z prawdziwego zdarzenia i to w gimpie!!

zdecydowanie 10/10

spoko poradnik, nareszcie nauczyłem sie robić userbary:cup:

a i ten w podpisie to mój pierwszy i co podoba sie?:p

Bardzo dobry poradnik. Dla mnie Gimp zawsze zastępował Photo Shopa. Teraz cieszę się osobistym userbarem w moim podpisie. Daje 6/5 ;)

Jedno pytanie.Jak już wszystko zrobiłem w jakim formacie to zapisać?
edit:
jak byś mogł opisac caly proces zapisywania było by dobrze :P

jak chcesz wprowadzac zmiany to .xcf, jak nir to .jpg

Hehe ok już działa wszystko udało mi sie zapisać :P
Poradnik świetny i dobrze opisany.
A oto moj pierwszy userbar xD

http://img339.imageshack.us/img339/7522/heheego5.jpg

gratz ^^
zrob mi taki z nfsem xD

1st userbar
 

Mój 1st userbar :) Wiem że kicz ale chociaż się nauczyłem :)

http://img341.imageshack.us/my.php?image=userbarul4.png

No ładny poradnik
 

No ładny poradnik. Mi sie raczej nie przyda bo z gimpem mam juz troche doczynienia i wiem jak cos takiego zrobic ;]

Moja pracka : http://www.mFoto.pl/uploads/2022/userbra_4076e.gif

Pomoc
 

Przepraszam że odświeżam ...
Mam pytanie .
Korzystam z najnowszej wersji Gimpa , a tam stosując się do wskazówek nie znalazłem narzędzia Zaznaczania Sąsiadujących Obszarów.
Czy mógłbyś wskazać mi gdzie takowe w najnowszej wersji programu się znajduję , lub jakie narzędzie może zastąpić?

@up na fotce zaznaczyłem gdzie się znajduje (na czerwono)
http://img381.imageshack.us/img381/4...aczanievd0.jpg
@Topic przydatne, przejżyste all jest OK daje 100/10 ;) a oto co zrobiłem:
[url=http://imageshack.us]http://img371.imageshack.us/img371/7...niczej2sh4.jpg

Super poradnik, wszystko ładnie i przejrzyście. Oby tak dalej, masz te "coś" do pisania poradników ;) Pozdrawiam

no wszystko fajnie tylko jedno moj gimp mi nie czyta czcionki mam 2.0 wersje

A ja mam problem przy obrazku. Jak mam zrobic niby tym olowkiem? Bo sprawa wyglada tak, ze tez sobie zrobilem obrazek z citizenem tyle, ze jak zaczynam robic olowkiem to przez przypadek zamalowuje elementy tego citizena ;s.

Uff dzięki jutro wezmę się do roboty :P

Bardzo przejrzysty i zrozumiały czasami nie mogłem się połapać ale jak se przeczytałem z 3 razy od razu wiedziałem o co chodzi :)

10/10

Pozdrawiam
Kuba

A więc tak:
czcionka visitor TT2 BRK 13 pt
do czcionki musi być czarne obrysowanie 1 pt
obrazek zawszę idzie pod elipsę która jest za mocna w twoim ub
żeby uby w .jpg zapisywać ? tylko i wyłącznie .png
napis musi być w prawej części ew lewej i 6 pixeli od krawędzi (nie licząc ramki)
pattern też nieco za mocny

4/10 za chęci i na zachętę :p

kryteria tych małych paseczków które nas cieszą 8o

stare pierwsze userbary, w zasadzie łatwe do zrobienia.
http://img145.imageshack.us/img145/1...aplayerpa0.png
http://img362.imageshack.us/img362/2...citizenid3.png

Super poradnik :D:pB)
Mój Userbar :p
http://img187.imageshack.us/img187/5492/userbar1.png

Poradnik spoko ale outfit można skopiować z http://tibia.pl/strona/outfity#premium i bez nie potrzebnego zamalowywania ołówkiem. Skalujemy na dowolny rozmiar i mamy.