Polskie Forum Użytkowników GIMP-a

Tutoriale => Propozycje tutoriali => Wątek zaczęty przez: sylwo268 on 22.01.2010, 15:48:19



Tytuł: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: sylwo268 on 22.01.2010, 15:48:19
Jak zrobić okrągły i wklęsły button na stronę www
Tutorial

Opracowanie: sylwo268
Poziom trudności: łatwy





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




W tym tutorialu nauczymy się jak zrobić okrągły i wklęsły button na stronę www.

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





[lp] Zaczynamy

[lp] 1. Robimy nowy obrazek o wymiarach 100x na 100x.

(http://ifotos.pl/img/1-fota-tu_xnrwax.jpg)


[lp] 2.Klikamy w Gradient <gradient> po czym w opcji narzędzia wybieramy Gradient Blue Green po czym malujemy od góry do dołu.
 
(http://ifotos.pl/img/2-fota-tu_xnrwqp.jpg)
[lp] 3. Robimy nową warstwę o nazwie Koło 1 po czym bierzemy  <zaznaczenie-eliptyczne> i zataczamy proste koło i ustawiamy je na środku.
       
(http://ifotos.pl/img/3-fots-tu_xnrspp.jpg)


[lp] 4. Bierzemy Gradient <gradient>(ciągle w opcji Blue Green ) i przeciągamy linię po przekątnej od lewego górnego rogu do prawego dolnego rogu.Powinno nam wyjść coś takiego :
(http://ifotos.pl/img/4-fota-tu_xnrspa.jpg)
[lp] 5.Robimy następną warstwę(bez usuwania zaznaczeń) o nazwie Koło2 Później wchodzimy w Zaznaczenie>Zmniejsz i zmniejszamy o 2px potem wybieramy Gradient  <gradient> i również w opcji Blue Green ciągniemy linię po przekątnej od prawego dolnego rogu do lewego górnego rogu.Następnie tworzymy nową warstwę o nazwie koło 3,i powtarzamy czynność tym razem narzędziem  <gradient> ciągniemy linię po przekątnej od lewego górnego rogu do prawego dolnego rogu.i już mamy button gotowy wystarczy dodać napis i zmniejszyć krycie na 70% i gotowe.
(http://ifotos.pl/img/5-fota-tu_xnrsrq.png)

[lp] Koniec


Miłego GIMPowana i żeby mój button na coś się przydał  ;)




Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: Terrqge on 22.01.2010, 15:55:31
Dostałeś pozwolenie?


Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: Qba_ on 22.01.2010, 16:00:27
Przeniesione. Moim zdaniem to nie przejdzie, efekt jest słaby i w ogóle, ale zobaczymy, co powiedzą inni.


Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: Crackeen on 22.01.2010, 16:01:21
(http://www.gimpuj.info/gallery/3924_11_10_09_9_16_21.png) (http://www.gimpuj.info/)?


Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: tofatodi on 22.01.2010, 16:04:17
@UP: autor najwyraźniej nie miał na myśli tylko zdobycia pkt reputacji. Efekt DOŚĆ ładny, trochę niedopracowany, ale autorowi najwyraźniej się podobał i chciał nam pokazać jak go zrobić.


Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: Terrqge on 22.01.2010, 16:13:57
Przecież to jest brzydkie.  :-\


Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: Typhon on 22.01.2010, 16:32:32
Wiesz... zrób takich 20 w białym kolorze, to wyjdzie Ci pudełko na tabletki...


Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: INSEKT on 22.01.2010, 21:25:36
Nie najgorsze, ale na pewno wymagające dopracowania. Szczególnie kolor - taki jaskrawy się nie nadaje.


Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: Typhon on 22.01.2010, 21:28:13
Będę na tak, jeżeli zmienisz odcienie i jakiś specjalny efekt dla czcionki... jakieś wklęśnięcie czy cuś.


Tytuł: Odp: Jak zrobić okrągły i wklęsły button na stronę www.
Wiadomość wysłana przez: agape on 06.02.2010, 16:14:26
Sam button nie jest taki zły. Odstrasza tylko kolor ;P Widać też piksele.