Polskie Forum Użytkowników GIMP-a

---

W tym tutorialu nauczysz się wykonywać ładny guzik, którym można ładnie przyozdobić stronę www.

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

---

[lp] Zaczynamy

[lp] 1. Tworzymy nowy obrazek (Plik -> Nowy... [Ctrl+N]) o dowolnych wymiarach i białym tle.



[lp] 2. Następnie za pomocą narzędzia Zaznaczenie prostokątne <zaznaczenie-prostokatne> [R] utwórz zaznaczenie o wymiarach 150x30 px..



[lp] 3. Teraz wybierz Zaznaczenie -> Zaokrąglenie, i ustaw poniższe opcje.





[lp] 4. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazwij ją Owal.

[lp] 5. Zaznaczenie na warstwie Owal za pomocą narzędzia Wypełnienie kubełkiem <wypelnienie> [Shift+B] wypełnij kolorem #000000.

[lp] 6. Usuwamy zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]).



[lp] 7. Duplikujemy warstwę Owal (Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D]) i zmieniamy nazwę duplikatu na Owal2

[lp] 8. Wyłączamy widoczność warstwy Owal klikając na ikonkę <widocznosc> przy jej miniaturce.

[lp] 9. Na warstwie Owal2 stosujemy filtr: Filtry -> Rozmycie -> Rozmycie Gaussa... z ustawieniami, jak na obrazku niżej.





[lp] 10. Na warstwie Owal wchodzimy w Warstwa -> Przezroczystość -> Kanał alfa na zaznaczenie i powracamy do warstwy Owal2.

[lp] 11. Odwracamy zaznaczenie (Zaznaczenie -> Odwróć [Ctrl+I]) i czyścimy je (Edycja -> Wyczyść [Delete]).

[lp] 12. Usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]).



[lp] 13. Zaznaczamy opcję Blokowanie kanału alfa dla warstwy Owal2.

[lp] 14. Teraz za pomocą narzędzia Powiększenie <zoom> [Z] powiększ obraz do 300%.

[lp] 15. Następnie wybieramy narzędzie Gradient <gradient> [L] z wybranym gradientem Default i wypełniamy nim warstwę Owal2 tak, jak jest pokazane na screenie.





[lp] 16. Duplikujemy warstwę Owal2 (Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D]) i zmieniamy jej nazwę na Biały filtr.

[lp] 17. Warstwę Biały filtr wypełniamy za pomocą narzędzia Wypełnienie kubełkiem <wypelnienie> [Shift+B] kolorem #ffffff.

[lp] 18. Zmniejsz krycie warstwy Biały filtr na 50%.



[lp] 19. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazwij ją Oświetlenie.

[lp] 20. Na warstwie Owal2 wejdź w Warstwa -> Przezroczystość -> Kanał alfa na zaznaczenie i powróć do warstwy Oświetlenie.

[lp] 21. Na kolor pierwszoplanowy ustaw #ffffff.

[lp] 22. Wybierz narzędzie Gradient <gradient> [L] i jako gradient ustaw: Kolor pierwszoplanowy na przezroczystość i przeciągamy nim od górnej krawędzi guzika do dolnej.



[lp] 23. Z duplikuj warstwę Oświetlenie (Warstwa -> Duplikuj warstwę <duplikowanie-warstwy> [Shift+Ctrl+D])


[lp] 24. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazwij ją Czarny obrys. Przesuń ją na samą górę.

[lp] 25. Wypełniamy warstwę Czarny obrys za pomocą narzędzia Wypełnienie kubełkiem <wypelnienie> [Shift+B] kolorem #000000.

[lp] 26. Zmniejsz zaznaczenie (Zaznaczenie -> Zmniejsz...) o 1 px i wyczyść je (Edycja -> Wyczyść [Delete]).



[lp] 27. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazwij ją Biały obrys.

[lp] 28. Warstwę Biały obrys wypełnij za pomocą narzędzia Wypełnienie kubełkiem <wypelnienie> [Shift+B] kolorem #ffffff.

[lp] 29. Zmniejsz zaznaczenie (Zaznaczenie -> Zmniejsz...) o 1 px, wyczyść (Edycja -> Wyczyść [Delete]) i usuń je (Zaznaczenie -> Nic [Shift+Ctrl+A]).

[lp] 30. Zmieniamy tryb krycia warstwy Czarny obrys na Połączenie ziarna, a krycie na 50%.



[lp] 31. Na warstwie Owal2 wejdź w Warstwa -> Przezroczytsość -> Kanał alfa na zaznaczenie.

[lp] 32. Zmniejsz zaznaczenie (Zaznaczenie -> Zmniejsz...) o 1 px i odwróć (Zaznaczenie -> Odwróć [Ctrl+I]).

[lp] 33. Na warstwie Owal2 wyczyść zaznaczenie (Edycja -> Wyczyść [Delete]) i usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]).



[lp] 34. Teraz na warstwie Owal2 wejdź w Filtry -> Światło i cień -> Rzucanie cienia i ustaw poniższe opcje.





[lp] 35. Wybierz narzędzie Tekst <tekst> [T], czcionkę Tahoma, rozmiar na 12 px i odznacz Wygładzanie.



[lp] Koniec

---

Miłego GIMP-owania :).

---

fajne

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

dzięki wielkie

(http://www.gimpuj.info/gallery/8521_17_02_08_4_22_49.jpg) (http://www.gimpuj.info/)

Jestem nowym użytkownikiem super tutek, świetne forum etc. :D Oto moja praca:

Fajny tutorial, tylko paru zdjęć nie widać (chyba).
Mój efekt.
(http://www.gimpuj.info/gallery/17706_23_11_08_12_39_44.png)

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

od pkt 30 zacząłem sie gubic :/

edit:
Miło by było gdyby go dostosować do najnowszej wersji + obrazki krok po kroku jaki się otrzymuje efekt

Fajne, Przyda się Moje :)


(http://fotozrzut.pl/zdjecia/c6e72c8778.png) (http://fotozrzut.pl/)

Fajny tutek, mały a cieszy :).

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

Ładny button. Co prawda nie jest on "przestrzenny", ale... jest schludny i prosty :P
Efekt mojej pracy:
(http://images35.fotosik.pl/102/add27f4b878664d5.gif) (http://www.fotosik.pl)

Na początek chciałbym wszystkich przywitać, więc Witam wszystkich ;)  (Pierwszy post)

Jest to pierwsza moja praca w Gimpie więc wiem że nie jest dobra... i coś pewnie nie tak zrobiłem. Ale od czegoś trzeba zacząć.

W którym konkretnie punkcie Ci nie wychodzi?

W oryginale wypełniałem za pomocą skrótu "CTRL + ," lub "CTRL + .", ewentualnie przeciągając myszką kolor z narzędziówki na warstwę lub zaznaczenie.

Przy dostosowywaniu tutorialu do nowszej wersji Gimpa pewnie wkradł się błąd aby wypełniać kubełkiem, co w niektórych przypadkach daje różne efekty.

Jeśli będziesz nadal zainteresowany, to przerobie tutorial i wprowadzę ewentualne poprawki.

A to moje

(http://i48.tinypic.com/if5rnk.png)

Trochę stary temat, ale.
O to mój efekt:
(http://www.gimpuj.info/replacement.png)
A co do tutka 10/10.Dobrze opisany i zrozumiały.

Witam wszystkich, jestem nowy :) gdy zabrałem się za pisanie strony postanowiłem że jakieś buttony wykonam sam  i jakoś przedzieram się przez tego Gimpa.
Fajny tut, ale jak wstawiam na stronę ten button to pojawia mi się razem z białym tłem, może mi ktoś powiedzieć jak to usunąć?

Albo zapisałeś go z białą warstwą tło, w takim przypadku musisz ją usunąć (chyba, że nie zapisałeś XCFa, wtedy po prostu usuwasz tło np. różdżką, było o tym wiele razy na forum). Albo zapisałeś obraz w jpg, który nie obsługuje przezroczystości, w takim razie musisz usunąć tło i zapisać w png.

Dzięki wielkie!

dzięki wielkie :) przyda się na pewno