Okrągły przycisk na stronę - Gimp

Okrągły przycisk na stronę
Cześć, w dzisiejszym wpisie przedstawię krótki tutorial w którym pokażę prosty sposób na to
jak zrobić efektowny przycisk na stronę internetową. W tym celu uruchamiamy program
Gimp, a następnie tworzymy warstwę o wymiarach 600x400. Kolejnym krokiem będzie
stworzenie drugiej przezroczystej warstwy i skomponowanie elipsy o proporcjach 250x250.
Nazwijmy ją „pierścień”. Czas dokonać konfiguracji dla gradientu. Poniższa ilustracja
ukazuje co należy ustawić:
Kolor gradientu:
[333333]
Gdy już wypełnimy gradientem nasz przycisk, należy wybrać polecenie [Zmniejsz o 25px] a
następnie [Inwersja]. Tworzymy nową przezroczystą warstwę i ponownie zmniejszamy, tym
razem o [5px]. Powinniśmy ujrzeć taki oto efekt (dodam że już po zastosowaniu poniższych
poleceń).
1
Wybieramy kolor [3d6bff] po czym przy pomocy kubełka wypełniany naszą zawartość.
Uzyskamy taki oto efekt:
Tworzymy nową przezroczystą warstwę i nazywamy ją [Cień] wybieramy gradient radialny.
Postępujemy tak jak widzimy na poniższej ilustracji:
Strzałka ukazuje kierunek w jaki sposób przeprowadzić gradient. Teraz zmieniamy kolor na
biały, wybieramy pędzel o miękkiej końcówce, krycie na 70% i tworzymy u doły lekką jasną
poświatę.
2
W taki sposób dobrze by było pociągnąć pędzlem:
Tworzymy kolejną warstwę, tym razem o nazwie [Obramowanie]. Ustawiamy kolor czarny
dla naszej warstwy, po czym wybieramy Zaznaczenie/Zmiękcz [Wartość: 20px]. Następnie za
pomocą [Delete] usuwamy czarne wypełnienie. Powinniśmy uzyskać taki oto efekt
wypełnienia:
Przy pomocy opcji [Duplikuj] można zwiększyć intensywność wypełnienia. Czas stworzyć
górną poświatę. W tym celu tworzymy kolejną przezroczystą warstwę i nazywamy ją tak jak
napisałem wcześniej. Tworzymy zaznaczenie eliptyczne w taki oto sposób:
3
Wypełniamy zaznaczenie gradientem w taki oto sposób:
Oto końcowy efekt:
4