GIMP - Przycisk menu w stylu maca

Tytuł: Przycisk menu
Program: GIMP (wszystkie wersje, preferowany 2.2.*)
Poziom trudności: Łatwy
Autor: noss
Inspiracja: http://webovers.org/index.php?id=art&topic=84

Tutorial przeznaczony jest dla osób raczej początkujących, znających absolutne podstawy obsługi Gimpa.

Efekt jaki uzyskamy w tym samouczku:

1. Zaczynamy od utworzenia nowego obrazka o wymiarach np. 300x200px z białym tłem.

2. Narzędziem "Zaznaczanie obszarów prostokątnych" R zaznaczamy na środku prostokąt o rozmiarach np. 150x30px.

3. Następnie zaokrąglamy rogi zaznaczenia "Zaznaczenie - Zaokrąglenie". Jako promień wpisujemy 90.

4. Dodajemy nową warstwę i nazywamy ją "Owal".

5. Resetujemy kolory skrótem D.

6. Na warstwie "Owal" wypełniamy zaznaczenie kolorem czarnym Ctrl + ,

7. Pozbywamy się zaznaczenia "Zaznaczenie - Brak" Shift + Ctrl + A

8. Duplikujemy Warstwę "Owal" i kopi zmieniamy nazwę na "Owal2".

9. Wyłączamy widoczność warstwy "Owal"

10. Stosujemy rozmycie na warstwie "Owal2" "Filtry - Rozmycie - Rozmycie Gaussa" o promieniu 5x5px.

11. Klikamy PPM* na warstwie "Owal" i z pojawiającego się menu wybieramy "Kanał alfa na zaznaczenie".
*PPM: Prawy Przycisk Myszy

12. Odwracamy zaznaczenie poprzez "Zaznaczenie - Odwróć" Ctrl + I.

13. Zaznaczamy warstwę "Owal2" jako aktywną, poprzez kliknięcie na niej, musi być podświetlona.

14. Czyścimy zawartość zaznaczenia "Edycja - Wyczyść" Ctrl + K.

15. Pozbywamy się zaznaczenia "Zaznaczenie - Brak" Shift + Ctrl + A.

16. Zaznaczamy opcję "Zachowanie przezroczystości.

17. Wybieramy narzędzie "Wypełnianie gradientem koloru" L z ustawieniami domyślnymi. Łatwo można przywrócić ustawienia domyślne, poprzez kliknięcie na ikonkę "Przywrócenie wartości domyślnych" w panelu opcji gradientu.

18. Zwiększamy powiększenie widoku do 400%.

19. Przeciągamy gradient pionowo od dolnej krawędzi zaznaczenia do górnej.

20. Duplikujemy warstwę "Owal2", kopię nazywamy "Biały filtr".

21. Wypełniamy ją białym kolorem i zmniejszamy krycie na 50.

22. Dodajemy nową przezroczystą warstwę na samej górze i nazywamy ją "Oświetlenie"

23. Pobieramy zaznaczenie z warstwy "Owal2" poprzez kliknięcie na niej prawym przyciskiem myszki w palecie warstw i wybraniu "Kanał alfa na zaznaczenie".

24. Podświetlamy najnowszą warstwę "Oświetlenie".

25. Zamieniamy miejscami kolory X.

26. Wybieramy narzędzie "Wypełnianiem gradientem koloru" L

27. Zmieniamy gradient na "Kolor pierwszoplanowy na przezroczystość".

28. Przeciągamy gradientem od górnej krawędzi guzika aż do dolnej.

29. Duplikujemy warstwę "Oświetlenie".

30. Dodajemy kolejną warstwę na samej górze i zmieniamy jej nazwę na "Czarny obrys".

31. Mając ciągle aktywne zaznaczenie wypełniamy warstwę "Czarny obrys" kolorem czarnym.

32. Zmniejszamy zaznaczenie "Zaznaczenie - Zmniejsz" o 1px.

33. Czyścimy zawartość "Zaznaczenie wyczyść" Ctrl + K, nie usuwamy jeszcze zaznaczenia, bo będzie nam zaraz potrzebne.

34. Dodajemy kolejną nową warstwę i nazywamy ją "Biały obrys".

35. Przesuwamy tę warstwę pod "Czarny obrys".

36. Wypełniamy zaznaczenie na warstwie "Biały obrys" kolorem białym Ctrl + ,

37. Zmniejszamy zaznaczenie "Zaznaczenie - Zmniejsz" o 1px.

38. Czyścimy zawartość "Edycja - Wyczyść" Ctrl + K.

39. Warstwie "Czarny obrys" zmieniamy krycie na 50 i tryb na "Połączenie ziarna".

40. Podświetlamy warstwę "Owal2" i pobieramy z niej zaznaczenie, zmniejszamy go o 1px.

41. Obracamy zaznaczenie "Zaznaczenie - Odwróć" Ctrl + I.

42. Czyścimy zawartość zaznaczenia na warstwie "Owal2" "Edycja - Wyczyść" Ctrl + K.

Tym sposobem dobrnęliśmy do końca tego poradnika:

43. Dodamy jeszcze ciemną poświatę - cień.
Mając aktywną warstwę "Owal2" stosujemy "Script-Fu - Cień - Rzucanie cienia":
Przesunięcie X i Y: 0
Promień rozmycia: 10
Krycie: 30