Polskie Forum Użytkowników GIMP-a

---

W tym tutorialu nauczysz się robić prosty obrazek rangi przydatny na stronę WWW lub forum.
Do wykonania tego tutorialu potrzebna Ci będzie czcionka Visitor TT2 BRK (znajdziesz ją w załączniku). Jak wgrać czcionkę znajdziesz w tym (http://www.gimpuj.info/index.php/topic,130.0.html) poradniku.

Tutorial napisany w wersji GIMP 2.6. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.

---

[lp] Zaczynamy

[lp] 1. Zaczynamy od utworzenia nowego obrazu (Plik -> Nowy... [Ctrl+N]) o wymiarach 94x17 px z przezroczystym tłem.

[lp] 2. Od góry do dołu obrazka przeciągamy gradient liniowy <gradient> [L] w kolorze od białego do niebieskiego.



[lp] 3. Następnie wybieramy narzędzie Tekst <tekst> [T], czcionkę ustawiamy na Visitor TT2 BRK, rozmiar na 13 px, kolor na biały i odznaczamy wygładzanie. Następnie klikamy na obrazie i piszemy jakiś tekst - w moim przypadku był to "administrator". Teraz pozostało nam tylko wyśrodkować [Q] warstwę z tekstem.



[lp] 4. Teraz zajmiemy się dodaniem obrysu do tekstu. W tym celu klikamy PPM na warstwie tekstowej -> Kanał alfa na zaznaczenie. Tworzymy nową warstwę (Warstwa -> Nowa warstwa... [Ctrl+N]) i nazywamy ją obrys tekstu. Warstwę obrys tekstu przesuwamy pod warstwę tekstową. Ustawiamy kolor pierwszoplanowy na taki, którego mamy więcej na obrazku (w moim przypadku jest to niebieski) i wchodzimy w: Edycja -> Rysuj wzdłuż zaznaczenia z ustawieniami:

• Szerokość linii: 1,0

[lp] 5. Następnie usuwamy zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]). Teraz zajmiemy się ramką. Łączymy wszystkie warstwy w jedną poprzez PPM na warstwie -> Połącz widoczne warstwy....

[lp] 6. Zaznaczamy wszystko (Zaznaczenie -> Wszystko [Ctrl+A]) i zaokrąglamy je (Zaznaczenie -> Zaokrąglenie z ustawieniami:

• Promień (%): 50

[lp] 7. Następnie ustawiamy kolor pierwszoplanowy na biały i rysujemy wzdłuż zaznaczenia (Edycja -> Rysuj wzdłuż zaznaczenia...) z ustawieniami:

• Szerokość linii: 5,0

[lp] 8. Następnie (wciąż nie usuwając zaznaczenia) zmieniamy kolor na niebieski i rysujemy wzdłuż zaznaczenia (Edycja -> Rysuj wzdłuż zaznaczenia...) z ustawieniami:

• Szerokość linii: 1,0

[lp] 9. Teraz, aby zaokrąglić rogi odwracamy zaznaczenie (Zaznaczenie -> Odwróć [Ctrl+I]) i czyścimy je (Edycja -> Wyczyść [Delete]).



[lp] Koniec

---

Miłego GIMP-owania :).

---

Bardzo fajny tutorial. Prosty i ładnie zilustrowany. ykonałam i jeszcze bym dodała, że warto po zaokrągleniu i narysowaniu 6 px linii zmniejszyć zaznacenie o 1, narysować, powiększyć o 1 i wyczyścić, żeby był okrągły:

(http://www.gimpuj.info/replacement.png)

fajny tutek
(http://www.gimpuj.info/replacement.png)

Fajny i prosty tutorial 8)

(http://www.imagic.pl/public/60363/baner_ulan.png)

My (rezultat, wynik, obraz, praca, rysunek, itp.)

(http://img.org.pl/images/559692administrator.png)

(http://img.org.pl/images/438677moderator.png)


Kifer:
Czasem warto czytać "news'y" na forum ;D

link do czcionki nie działa; można ją znaleźć tu:
http://www.searchfreefonts.com/search/?q=visitor

acha i fajny tutek ;D

łatwe i przyjemne
(http://www.gimpuj.info/gallery/6760_19_01_08_2_17_40.png) (http://www.gimpuj.info/)

Fajny tutek, wygimpowałem takie coś :)
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

Prosty i fajny tutek, przyda się na pewno.
A oto moje prace: (W pierwszym coś z napisem nie wyszło i mi go niewysierodkowało)
(http://www.gimpuj.info/replacement.png)

(http://www.gimpuj.info/replacement.png)

(http://www.gimpuj.info/replacement.png)

a oto moje :D

(http://www.gimpuj.info/replacement.png)

(http://www.gimpuj.info/replacement.png)

(http://www.gimpuj.info/replacement.png)

(http://www.gimpuj.info/replacement.png)

(http://www.gimpuj.info/replacement.png)

Fajny tutek, przyda się. Moje pracę z tuta:

(http://www.gimpuj.info/gallery/8243_24_03_08_10_29_34_1.png)

(http://www.gimpuj.info/gallery/8243_24_03_08_10_29_34_0.png)

(http://www.gimpuj.info/gallery/8243_24_03_08_10_28_44_4.png)

(http://www.gimpuj.info/gallery/8243_24_03_08_10_28_44_3.png)

(http://www.gimpuj.info/gallery/8243_24_03_08_10_28_44_2.png)

(http://www.gimpuj.info/gallery/8243_24_03_08_10_28_44_1.png)

(http://www.gimpuj.info/gallery/8243_24_03_08_10_28_44_0.png)

Fajne :D
(http://images30.fotosik.pl/185/0fb1a09d62ac349b.png)

Witam ::)
Bardzo fajny, prosty i przydatny tutorial.
Mi osobiście wyszło takie coś :D
(http://www.gimpuj.info/replacement.png)

Bardzo fajny i przydatny tutek.
Moje wyniki..
(http://www.gimpuj.info/replacement.png)

[robione na inne forum :)]

Bardzo fajny tutek. Moja praca:
(http://www.gimpuj.info/gallery/12129_30_05_08_3_18_10.png)

nie da sie ściągnąć czcionki  :'( :'( :'( :'( :'( :'(

(http://www.gimpuj.info/replacement.png)  chyba coś nie wyszło  :) ale pracuje pracuje

Bardzo ładny tutorial <brawo>

Dalej nie wiem jak to wyczyścić żeby wyszedł zaokrąglony bez ramki.

Pomózcie.

#GravitoN

Zduplikuj warstwę, na której masz obrazek cały i usuń tą z pod spodu. Wtedy zrób te zaznaczenie i Delete.

ja mam taki problem wychodzi mi coś takiego czy mógłby mi ktoś pomuc? (http://www.wrzuta.pl/img/file/j1kS5gkf1a/bez_nazwy)
i mam pytanie czy mozna zrobic takie z obrazkiem cos tak jak to (http://www.gimpuj.info/replacement.png) a jak sie da to prosze powiedzcie jak

a oto moj efekt :P

(http://www.gimpuj.info/replacement.png)

Fajowy tutek tylko coś nie wychodzi mi z tym zaokrągleniem żeby rogów nie było:

(http://i36.tinypic.com/246p0cx.jpg)

(http://i34.tinypic.com/2zi954g.jpg)

P.S. I jakby co to zrobiłem każdy punkt krok po kroku.

Moj wynik :P

(http://www.gimpuj.info/replacement.png)

oto moje dzieło  ;)
(http://www.gimpuj.info/gallery/thumb_13011_15_08_08_5_13_07.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=21300)
dzięki za fajnego tutka

Bardzo fajny tut. Wszystko mam, tylko nie wiem jak te rogi zaokrąglić. Athalon juz tłumaczył, ale nadal nie wiem o co chodzi. Może mi ktoś dokładnie wytłumaczyć ?

świetne to jest jeden z pierwszych Tutków które wykonałem idealnie moja praca:


http://c.wrzuta.pl/wi924/d4ad0cc50024b59b48b3c64d/administrator?type=i&key=rMXZX6on3K&ft=f
(http://c.wrzuta.pl/wi924/d4ad0cc50024b59b48b3c64d/administrator?type=i&key=rMXZX6on3K&ft=f)

(http://images50.fotosik.pl/9/638333ef2f6f9cd9m.png) (http://www.fotosik.pl/pokaz_obrazek/638333ef2f6f9cd9.html) (http://images48.fotosik.pl/9/c66f6884bebd1f78m.png) (http://www.fotosik.pl/pokaz_obrazek/c66f6884bebd1f78.html)

moje prace :D

Teraz, żeby zaokrąglić rogi, (nadal nie usuwamy zaznaczenia!) odwracamy zaznaczenie (Ctrl+I) i czyścimy (Ctrl+K) gdzie mogę to znaleźć ? prosze o podanie w panelu ;]

myślę, że wasze problemy z zaokrągleniem biorą się z tego, że operacje przeprowadzacie na złej warstwie. Radzę połączyć wszystkie warstwy i wtedy wykonać ctrl+I i ctrl+K. Powinno działać

Ja otrzymałem taki efekt:

(http://img80.imageshack.us/my.php?image=erarepc5.png)

Czemu umnie jest taka czarna obramówka?? Wszystko zrobilem zgodnie z tutkiem...

Mam problem bo jak sciągnełem tą czcionkę i zainstalowałem to mi się nie wyświetla w gimpie, dlaczego?? HELP

A to moje podobne ale:

(http://www.gimpuj.info/replacement.png)

PS:Jaka wersje gimpa polecacie i jak możecie to dajcie mi linka do pobrania

Download masz na forum.

GIMP to nie Fotoszopa, nie ma wersji CS4 Pro CS8 Sro itd.. jest tylko jedna.

Moja ranga.
(http://www.gimpuj.info/gallery/17706_24_11_08_8_27_29.png)

Tutorial ma dużo obrazków, które pomagają mniej doświadczonym (takim jak ja  ^^)

Pozdrawiam.  <wilber>

a to moje  :D
(http://iv.pl/images/ar2ir2k9723tb5gqczc.gif)

A oto moje dzieło :
(http://www.gimpuj.info/replacement.png)
pliss. Jak zrobić zaokrąglenie ramki ?

A tu seria moich:
(http://www.gimpuj.info/gallery/15860_12_12_08_11_35_08_2.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_35_08_4.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_35_08_0.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_33_47_4.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_35_08_1.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_35_08_3.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_33_47_0.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_33_47_1.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_33_47_3.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_33_47_2.png)
(http://www.gimpuj.info/gallery/15860_12_12_08_11_35_44.png)

O to moje

(http://www.gimpuj.info/replacement.png)

To według tutka  :D

(http://i44.tinypic.com/wipxuf.jpg)

A to moja fantazja  ;)

(http://i42.tinypic.com/21oq0js.gif)

Łatwy i fajny tutorial. Wyszła mi taka ranga:
(http://i41.tinypic.com/16ayvxw.png)

moja praca :)

pierwsza!

a jak to jest bo ja zrobiłam inną czacionką [bo ta stronka się nie wyświetla] i tekst nie jest w czarnej jakby ''konturze'' tylko w kolorze rangi??

Nawet łatwy tutek, ale nie mogłem użyć odpowiedniej czcionki, więc użyłem inną. A oto jak mi wyszła, moja ranga:

(http://images31.fotosik.pl/450/8a6a507ecc5181b7.png)

Fajny tutek i efekt też nie brzydki. Przyda się ten efekt:
(http://www.gimpuj.info/replacement.png)
(http://www.gimpuj.info/replacement.png)

super tutek :)
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

Bardzo fajne ;) ...

(http://srv26.odsiebie.com/MTIzNDcwMTg0OQ==/MTIzNDY5ODAxNDIyLnBuZw==/moderator.png) (http://odsiebie.com)

(http://www.gimpuj.info/replacement.png)
nic (wydaje mi się) nie ominęłam, ale dlaczego nie chcą mi się zaokrąglić rogi?

dlaczego mi nie wychodzą rogi przezroczyste tylko kolorowe i prostokątne

Ej czytanie nie boli xD


A w opcjach to jest Zaznaczenie -> Odwróć i Edycja -> Wyczyść, a tutaj moja praca xD

(http://www.gimpuj.info/replacement.png)

moje pracki
(http://www.gimpuj.info/replacement.png)
(http://www.gimpuj.info/replacement.png)

Bardzo dobrze napisany, przejrzysty tutorial. Przydatny dla początkujących (takich jak ja).
Moja praca:
(http://www.gimpuj.info/replacement.png) (http://img5.imageshack.us/my.php?image=adminnsh.png)

mi wyszło takie :D

Świetny tut, dzięks

(http://www.gimpuj.info/gallery/20840_27_06_09_11_24_43_1.gif)
(http://www.gimpuj.info/gallery/20840_27_06_09_11_24_43_0.gif)

Tut fajny. Dodałam obrazek ;d
(http://www.gimpuj.info/gallery/20471_18_08_09_8_43_51_0.png)
(http://www.gimpuj.info/gallery/20471_18_08_09_8_43_51_1.png)
(http://www.gimpuj.info/gallery/20471_18_08_09_8_43_51_2.png)

warto przeczytać posty w temacie :)

Fajny tutek, prosty w zrozumieniu a oto moje efekty:

Administrator
(http://www.gimpuj.info/replacement.png)

Moderator
(http://www.gimpuj.info/replacement.png)

No i ja^^
(http://www.gimpuj.info/replacement.png)

Jeszcze raz super na forum się moje przyda...

(http://www.gimpuj.info/replacement.png)
a ja takie coś zrobiłem

Tutek bardzo prosty <aniolek>.
A efekt jest fajny wstawię jako rangi na moje froum  :)
(http://i33.tinypic.com/v6ne2s.gif)

(http://i36.tinypic.com/2e68w0p.jpg)

Dodałem deseń mi się efekt podoba : )

Oto mój efekt:
(http://www.gimpuj.info/replacement.png)

U mnie jest problem. Nie do końca rozumiem te warstwy x/ Są one dla mnie czarną magią.

Zrobiłem wszystko tak jak trzeba, wyśrodkowałem. I nagle pojawiają się nowe warstwy. Od tamtej pory nic nie czaiłem x/ Tzn. doszedłem do połączenia warstw, ale nie mogłem tego znaleźć, gdyż nie wiem gdzie kliknąć PPM, tzn gdzie ta warstwa jest x/

A wasz w ogóle okienko warstw? Jeśli nie to użyj skrótu klawiszowego Ctrl+L, aby je wywołać.

Dobra. Mam. Ale teraz nie wiem co jest... Coś mi z tą obwódką napisu nie wychodzi, oraz nie wiem co trzeba robić z tym "Edycja -> Rysuj".

Wyszło mi coś takiego

http://img39.imageshack.us/img39/5131/ranga.png

#Edit: Zrobiłem, ale coś nie wyszło z obramówką napisy -.-

(http://www.gimpuj.info/replacement.png)

. Teraz zajmiemy się dodaniem obrysu do tekstu. W tym celu klikamy PPM na warstwie tekstowej -> Kanał alfa na zaznaczenie.

I tym mam problem,klikam PPM na warstwę tekstową i nie mam takiego czegoś jak "Kanał alfa na zaznaczenie." proszę o pomoc.

To już zrobiłem... błąd był w tym, że dałem dokładnie ten sam kolor. Już dawno zrobiłem dobrą rangę.

Efekt:
(http://www.gimpuj.info/replacement.png)

I tu jeszcze avatar z zastosowaniem etapów z napisem: (robione na inne forum)

(http://www.gimpuj.info/replacement.png)


Ale mam takie pytanko.. Zamiast gardientu nie da się światła zrobić? Bo ja bym chciał jednolity kolor, ale żeby był efekt światła.
#Edit: Zrobiłem światło, lekka modyfikacja i wyszło tak: http://www.iv.pl/images/deagjwf4vc09nnv3n.png || oraz tak: http://www.iv.pl/images/h0ocsqr2lqa6guwjz1l.png

Gimp jest na wersje...nie które pojęcia się mogą różnić. Albo: Na dole masz. Klikasz PPM na warstwie, i jest :P

(http://www.gimpuj.info/replacement.png)
Wyrównanie tekstu nie chciało działać ;/

Oto rangi, które zrobiłem ^^.

(http://i50.tinypic.com/2zdq2kx.jpg)

(http://i48.tinypic.com/1zq3h9d.jpg)

(http://i49.tinypic.com/2vrzcpd.jpg)

(http://i48.tinypic.com/2rhlqqb.jpg)

(http://i47.tinypic.com/flaelz.jpg)

(http://i49.tinypic.com/2yyav03.jpg)

(http://i48.tinypic.com/257n5th.jpg)

(http://i46.tinypic.com/1sbbzb.jpg)

(http://i49.tinypic.com/2vjrln7.jpg)

(http://i48.tinypic.com/efl2s0.jpg)

"W tym celu klikamy PPM na warstwie tekstowej -> Kanał alfa na zaznaczenie." Gdzie to jest bo nie mogę znalesc ??

Okno warstw(Ctrl+L)prawy przycisk myszy na warstwie tekstowej, na obrazku poniżej masz pokazane gdzie znajdziesz kanał alfa na zaznaczanie :)
http://i.imagehost.org/0646/kana_alfa_na_zaznaczanie.png

Heh,tutek świetny ;)
A tu moja praca:
(http://ifotos.pl/img/buttonsyl_xnrnrx.jpg)

Mi wyszło takie cuś :

(http://iv.pl/images/1jfieq2uxjk3837va57d.png)

Fajny tutek  :P

(http://ifotos.pl/img/uploader_nnnxeq.png)

może mi ktoś powiedzieć o co chodzi z tym??
 [lp] Tworzymy nową warstwę (Warstwa -> Nowa warstwa... [Ctrl+N]) i nazywamy ją obrys tekstu. <<< jakie pixele mają to być itp. Pls o szybką odp gg 22314235
   

o to mój tut :D

(http://www.gimpuj.info/replacement.png) (http://www.bajlaga.eu)

(http://www.gimpuj.info/replacement.png)
Bardzo dobry tutek  ;)

Przepraszam iż odświeżam, ale chciałbym sie pochwalić moją peirwszą pracą wykonaną w gimpie.
Czy mogli by państwo udzielic kilku rad jak wyśrodkować napis bo coś mi się nie udawało oraz, jak dobrze wklejać obrazki.
Rownież też aby bło widac całą postać.
obrazek :
http://i29.tinypic.com/sqpcgg.jpg

Ja jakoś nie rozumiem. Tak to jest opisany jak bym był 100% ogarem wdg mnie w gimpie. Ja nie czaje. Jak zrobić ten obrys tekstu. Jakiś kanał alfa na zaznaczenie. członek wie co to jest. Ktoś może przetłumaczyć?

Zapraszamy do FAQ i do tutoriali dla początkujących, oraz do zapoznania się w ogóle z podstawami Gimp'a.
Swoją drogą, to ja pominę fakt, że w tym tutorialu jest opisany każdy skrót klawiszowy do każdej operacji.

Tutek dobry. Ale lepiej zamiast obrysować tekst kolorem którego jest więcej, lepiej zrobic to np. czarnym, gdyż lepiej wtedy widać napis.

moje cuda
(http://a.imageshack.us/img718/7982/ikonyc.png)

(http://a.imageshack.us/img413/2747/ikona2.png)

mam takie pytanie chce zrobić rangi graficzne na forum z renderem i efektem kresek takim jak tu jest zastosowany (to jest akurat z forum serwerów do CS) i chce poprostu zrobić taką range możecie mi pomóc?


(http://www.gimpuj.info/replacement.png) (http://img816.imageshack.us/i/starakopia.png/)

Ja sobie troszkę pozmieniałem. Fajny tutek.
(http://www.gimpuj.info/replacement.png) (http://img11.imageshack.us/i/zarzds.png/)
(http://www.gimpuj.info/replacement.png) (http://img24.imageshack.us/i/grafikz.png/)

a warstwę obrys tekstu jakim zrobić przezroczystym kolorem tła czy tymi innymi

Fajne tylko że małe.
Dodam tyle że dwa razy się zrobi i już się zna na pamięć
Fajne ;P
Pozdrawiam tam ^^

proste, krótkie i na temat

(http://www.gimpuj.info/replacement.png)

Bardzo dobry tut :)

Moje prace:

(http://desmond.imageshack.us/Himg511/scaled.php?server=511&filename=adminj.png&res=gal)

(http://www.gimpuj.info/replacement.png)

Pozdrawiam :)

postanowilem troche pozmieniac
oto dzielo:
(http://iv.pl/images/85001870017464380536.jpg)

Super, dzięki, moje :

(http://www.iv.pl/images/98642226220217489052.png) (http://www.iv.pl/)

Moja pierwsza rzecz w GIMP :)

Super, czegoś takiego szukałam!
(http://tinypic.pl/9tdaet53xnjf)

moje :D

(http://i.imgur.com/10E9X.gif)

Poradnik bardzo mi pomógł, pochwale sie rezultatem:

(http://i.imgur.com/usHXT.png)
(http://i.imgur.com/NkfdP.png)
(http://i.imgur.com/kdIOY.png)
(http://i.imgur.com/quPma.png)
(http://i.imgur.com/CHghn.png)
(http://i.imgur.com/QoNys.png)
(http://i.imgur.com/0ewbp.png)
(http://i.imgur.com/9gDLy.png)







 

(http://www.iv.pl/images/79771505532747044628.png) (http://www.iv.pl/)

Inna czcionka ale działa :)

A o to moje :D
(http://i47.tinypic.com/x6n8zt.png)
(http://i50.tinypic.com/166n7t3.png)
(http://i46.tinypic.com/eld6pe.png)
(http://i46.tinypic.com/b5gmz6.png)