Polskie Forum Użytkowników GIMP-a

---

Tutorial na prośbę użytkownika dexter12 (http://www.gimpuj.info/index.php?action=profile;u=83220): http://www.gimpuj.info/index.php/topic,63538 (http://www.gimpuj.info/index.php/topic,63538).

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

---

[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz o wymiarach 300 x 200 px i szarym kolorze. Tło jest tylko po to, aby się wygodniej pracowało. Na końcu można je usunąć.
 Pomocniczo ustawiamy sobie prowadnice wyznaczające środek obrazu: Obraz -> Prowadnice -> Nowa prowadnica (w procentach) i dodajemy poziomą w położeniu 50%, a następnie pionową też 50%.

[lp] 2. Zaczynając dokładnie od centrum obrazu tworzymy zaznaczenie prostokątne <zaznaczenie-prostokatne> o wymiarach 190 x 47 px. W opcjach narzędzia należy zaznaczyć: Powiększanie od środka oraz Zaokrąglanie rogów i ustawić promień zaokrąglenia na 3. Zaznaczenie wypełniamy <wypelnienie> kolorem ■ #0025c0 na nowej, przezroczystej warstwie powyżej Tła. Nazwę tej warstwy zmieniamy na 1.



[lp] 3. Dodajemy nową, przezroczystą warstwę powyżej, zmieniamy jej nazwę na Ramka, a tryb krycia na Pokrywanie i wypełniamy zaznaczenie kolorem białym



[lp] 4. Zmniejszamy zaznaczenie o 2 px: Zaznaczenie -> Zmniejsz, klikamy DELETE i zmniejszamy krycie warstwy Ramka do 60%



[lp] 5. Powiększamy zaznaczenie o 2 px i za pomocą narzędzia skalowanie <skalowanie> skalujemy je do wysokości 38 px przesuwając w górę dolną krawędź, tak aby nie zmienić ani szerokości, ani położenia zaznaczenia, tylko samą wysokość. Dla precyzji lepiej powiększyć sobie widok np. do 200%.



[lp] 6. Dodajemy kolejną przezroczystą warstwę, zmieniamy jej nazwę na 2 i wypełniamy na niej przeskalowane zaznaczenie kolorem ■ #0068f2



[lp] 7. I znów dodajemy przezroczystą warstwę, zmieniamy jej tryb na Pokrywanie, a nazwę na Gradient.


[lp] 8. Ustawiamy w przyborniku kolor biały jako pierwszoplanowy, wybieramy gradient <gradient>:  Kolor pierwszoplanowy na przezroczystość, Kształt: Promienisty i przeciągamy nim pionowo dokładnie od środka dolnej, do górnej krawędzi zaznaczenia



[lp] 9. Stosujemy filtr: Rozmycie -> Rozmycie Gaussa o promieniu 50 px, ale tylko Poziomo i duplikujemy <duplikowanie-warstwy> warstwę Gradient.



[lp] 10. Dodajemy kolejną przezroczystą warstwę powyżej, zmieniamy jej nazwę na Ramka2, a tryb na Pokrywanie i wypełniamy zaznaczenie kolorem białym.


 Następnie zmniejszamy zaznaczenie o 2 px i klikamy DELETE. Na koniec zmniejszamy krycie tej warstwy do 40%.



[lp] 11. Dodajemy następną, przezroczystą warstwę powyżej i nazywamy ją Linia. Zmniejszamy jej krycie do 70% (tryb: Zwykły).

[lp] 12. Tworzymy zaznaczenie prostokątne o wymiarach 186 x 2 px tak, aby pokrywało się dokładnie z dolną krawędzią obramowania z warstwy Ramka2. Pomocniczo należy powiększyć sobie widok do ok. 400%.



[lp] 13. Na warstwie Linia wypełniamy zaznaczenie gradientem promienistym: kolor biały na przezroczystość. Gradient trzeba przeciągnąć idealnie w poziomie przytrzymując klawisz CTRL, dokładnie od środka do prawej krawędzi zaznaczenia



[lp] 14. Klikamy PPM na warstwę 2 i wybierasz z menu: Kanał alfa na zaznaczenie. Następnie wybieramy z przybornika zaznaczenie eliptyczne <zaznaczenie-eliptyczne>. W opcjach narzędzia ustawiamy Tryb odejmowania i zaznaczamy dolną połowę zaznaczonego wcześniej obszaru w sposób pokazany na zrzucie




[lp] 15. Dodajemy nową, przezroczystą warstwę na samej górze, nazywamy ją Glass i wypełniamy zaznaczenie gradientem liniowym: kolor biały na przezroczystość, przeciągając go pionowo od dolnej krawędzi zaznaczenia nieco poza jego górną granicę. Tryb warstwy zmieniamy na Pokrywanie. Wyłączamy zaznaczenie: Zaznaczenie -> Brak.



[lp] 16. Wpisujemy swój tekst <tekst> wybraną czcionką i białym kolorem, na środku górnej części przycisku. Klikamy PPM na warstwę tekstową i wybieramy: Kanał alfa na zaznaczenie. Powiększamy zaznaczenie o 1 px.


[lp] 17. Dodajemy nową, przezroczystą warstwę poniżej warstwy tekstowej i nazywasmy ją Text2. Zmieniamy kolor pierwszoplanowy na #0058cc i wypełniamy zaznaczenie gradientem liniowym: Kolor pierwszoplanowy na przezroczystość przeciągając go pionowo od górnej, do dolnej krawędzi zaznaczenia


Wyłączamy zaznaczenie. Tak powinien wyglądać rezultat:



[lp] 18. Klikamy na warstwę 1 i stosujemy filtr Światło i cień -> Rzucanie cienia z ustawieniami:

Przesunięcie X i Y: 0 Promień rozmycia: 9 Kolor: Czarny Krycie: 90 Dopuszczalne powiększenie: odznaczone

(http://www.gimpuj.info/gallery/95/48452_29_06_14_4_27_50_2.png)

[lp] 19. Teraz można wyłączyć widoczność <widocznosc> albo usunąć warstwę Tło. Na koniec klikamy na warstwę Drop Shadow i wybieramy z górnego menu: Obraz -> Automatycznie przytnij obraz. Przycięty obraz należy wyeksportować do formatu PNG.



[lp] Koniec

---

Przycisk może się przydać na stronę WWW. Można go również użyć jako rangi na forum.
Miłego GIMP-owania ;)

---