Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1]
DrukujPobierz PDF
Autor Wątek: Szklana(?) tuba jako przycisk  (Przeczytany 63167 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Kifer71
Gość
« : 20.09.2006, 19:50:59 »

Szklana tuba jako przycisk
Tutorial

Oryginał: Oryginalny tutorial
Opracowanie: Kifer71
Poziom trudności: średni






W tym tutorialu nauczysz się robić przycisk podobny do szklanej tuby, który można wykorzystać na swojej stronie WWW.
Do wykonania tego tutoriala potrzebna Ci jest paczka skryptów Layer Effects, którą możesz znaleźć w załączniku.

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



Lime Point Zaczynamy

Lime Point 1. Otwieramy nowy obraz (Plik -> Nowy... [Ctrl+N]) o wymiarach 450x100 px i przezroczystym tle.

Lime Point 2. Następnie stosujemy filtr jednolitych chmur (Filtry -> Renderowanie -> Chmury -> Jednolite chmury...) z ustawieniami:
  • Ziarno losowości: wylosuj
  • Szczegóły: 1
  • Rozmiar X: 2,0
  • Rozmiar Y: 2,0



Lime Point 3. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazwij ją tuba. Następnie na środku zaznacz prostokąt Zaznaczenie prostokątne [R] o wymiarach 350x60 px. Dla łatwiejszego zaznaczania możesz włączyć widok  i przyciąganie do siatki (Widok -> Wyświetl siatkę i Widok -> Przyciągaj do siatki).

Lime Point 4. Następnie zaokrągl zaznaczenie (Zaznaczenie -> Zaokrąglenie...) ustawiając promień na 90%. Następnie wypełnij Wypełnienie kubełkiem [Shift+B] zaznaczenie kolorem #2fde2f. Ustaw tryb warstwy tuba na Pokrywanie.



Lime Point 5. Zapisz zaznaczenie do późniejszego użycia (Zaznaczenie -> Zapisz do kanału). Przejdź na warstwę Tło i odwróć zaznaczenie (Zaznaczenie -> Odwróć [Ctrl+I]), a następnie wyczyść je (Edycja -> Wyczyść [Delete]). Usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]) i połącz warstwę tuba z warstwą Tło (PPM na warstwie -> Połącz w dół.

Lime Point 6. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Ctrl+N]) i nazwij ją dolna poświata. Wejdź w zakładkę Kanały Kanały, wybierz kanał kopia: Maska zaznaczenia i kliknij na nim PPM -> Kanał na zaznaczenie. Przejdź do zakładki Warstwy Warstwy [Ctrl+L], wybierz warstwę dolna poświata i zmniejsz zaznaczenie (Zaznaczenie -> Zmniejsz...) o 6 px.

Lime Point 7. Zmień kolor pierwszoplanowy na biały i przeciągnij gradientem liniowym Gradient [L] z ustawionym gradientem na Kolor pierwszoplanowy na przezroczystość i zaznaczoną opcją Odwróć. Wypełnij gradientem ok. 1/3 zaznaczenia, następnie usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]). Na warstwie dolna poświata zastosuj rozmycie Gaussa (Filtry -> Rozmycie -> Rozmycie Gaussa...) z parametrami:
  • Poziomo: 10,0
  • Pionowo: 10,0
  • Typ rozmycia: RLE



Lime Point 8. Zmień krycie warstwy dolna poświata na 80%. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]) i nazwij ją górna poświata. Przejdź do zakładki Kanały Kanały, kliknij na kanale kopia: Maska zaznaczenia PPM -> Kanał na zaznaczenie i powróć do zakładki Warstwy Warstwy [Ctrl+L]. Jako aktywną wybierz warstwę górna poświata, zmniejsz zaznaczenie (Zaznaczenie -> Zmniejsz...) o 6 px. Następnie przeciągnij gradientem liniowym Gradient [L] z odznaczoną opcją odwróć od góry do połowy zaznaczenia.



Lime Point 9. Teraz przesuń Przesuwanie [M] zaznaczenie z wciśniętym klawiszem Alt o 30 px w prawo i 10 px do dołu. Następnie wyczyść zaznaczenie (Edycja -> Wyczyść [Delete]), usuń je (Zaznaczenie -> Nic [Shift+Ctrl+A]) i użyj rozmycia Gaussa (Filtry -> Rozmycie -> Rozmycie Gaussa...) z ustawieniami:
  • Poziomo: 10,0
  • Pionowo: 10,0
  • Typ rozmycia: RLE



Lime Point 10. Utwórz nową warstwę (Warstwa -> Nowa warstwa... [Shift+Ctrl+N]), nazwij ją środkowa poświata i przesuń nad warstwę dolna poświata. Ponownie przejdź do zakładki Kanały Kanały, aktywuj zapisane zaznaczenie i wróć do zakładki Warstwy Warstwy [Ctrl+L].  Zmniejsz zaznaczenie (Zaznaczenie -> Zmniejsz...) o 16 px i wypełnij Wypełnienie kubełkiem [Shift+B] zaznaczenie kolorem czarnym i usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]). Następnie użyj rozmycia Gaussa (Filtry -> Rozmycie -> Rozmycie Gaussa...) z ustawieniami:
  • Poziomo: 25,0
  • Pionowo: 25,0
  • Tryb rozmycia: RLE



Lime Point 11. Zmień krycie warstwy środkowa poświata na 25%, a następnie połącz wszystkie warstwy w jedną (PPM na warstwie -> Połącz widoczne warstwy...).



Lime Point 12. Teraz zastosuj jeden ze skryptów, które ściągnąłeś na początku tutoriala. Wejdź więc w Script-Fu -> Layer Effects -> Bevel and Emboss... i ustaw opcje tak, jak na poniższym obrazku.





Lime Point 13. Następnie zastosuj drugi ze ściągniętej paczki skrypt. Wejdź w Script-Fu -> Layer Effects -> Satin... i ustaw opcje tak jak na obrazku poniżej.





Lime Point 14. Następnie połącz wszystkie warstwy w jedną (PPM na warstwie -> Połącz widoczne warstwy...). Szklana rurka jest już gotowa. Teraz utwórz nową warstwę (Warstwa -> Nowa warstwa... (shift+Ctrl+N]) i nazij ją nakładka. Przejdź do zakładki Kanały Kanały, aktywuj zapisane wcześniej zaznaczenie i wróć do zakładki Warstwy Warstwy [Ctrl+L]. Ustaw kolor pierwszoplanowy na #e32727, a kolor tła na #f19696.

Lime Point 15. Wypełnij zaznaczenie gradientem liniowym Gradient [L] z zaznaczoną opcją odwróć i gradientem ustawionym na Kolor pierwszoplanowy na kolor tła (RGB) od góry do dołu i następnie usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]). Wejdź w Obraz -> Konfiguruj siatkę kliknij Resetuj i następnie OK. Wyświetl widok i przyciąganie do siatki (Widok -> Wyświetl siatkę i Widok -> Przyciągaj do siatki).



Lime Point 16. Następnie wybierz narzędzie Zaznaczenie eliptyczne Zaznaczenie eliptyczne [E], zaznacz Stały, z menu wybierz Rozmiar i wpisz 150x100. Przeciągnij zaznaczenie ze współrzędnych 10, 20, a następnie przytrzymując klawisz Shift wykonaj drugie zaznaczenie równolegle do poprzedniego. Powinieneś otrzymać poniższy efekt.



Lime Point 17. Wyczyść zaznaczenie (Edycja -> Wyczyść [Delete]) i usuń zaznaczenie (Zaznaczenie -> Nic [Shift+Ctrl+A]). Odznacz widok i przyciąganie do siatki (Widok -> Wyświetlaj siatkę i Widok -> Przyciągaj do siatki). Na warstwie nakładka zastosuj filtr dodaj fazę (Filtry -> Dekoracja -> Dodaj fazę...) z ustawieniami:
  • Grubość: 5
  • Pracuj na kopii: odznaczone



Lime Point 18. Teraz zastosuj filtr rzucania cienia (Filtry -> Światło i cień -> Rzucanie cienia...) z ustawieniami:
  • Przesunięcie X: 1
  • Przesunięcie Y: 1
  • Promień rozmycia: 0



Lime Point 19. Następnie powtórz filtr rzucanie cienia (Filtry -> Światło i cień -> Rzucanie cienia...) z ustawieniami:
  • Przesunięcie Y: -1



Lime Point 20. Teraz zastosuj skrypt: Script-Fu -> Layer Effects -> Inner Shadow... z ustawieniami jak na obrazku poniżej.





Lime Point 21. Wyłącz widoczność (Widoczność warstwy) warstwy Bevel Shadow i kliknij PPM na warstwie -> Połącz widoczne warstwy.... Po wykonaniu tej operacji możesz już włączyć widoczność warstwy Bevel Shadow[/i. Powinieneś mieć 2 warstwy, górną nazwij nakładka, a dolną rurka. Zduplikuj warstwę nakładka (PPM na warstwie -> Duplikuj warstwę), odbij ją w pionie (Warstwa -> Przekształcenie -> Odbij pionowo) i przesuń kopię warstwy pod oryginał.



Lime Point 22. Chcąc uzyskać inny kolor niższej nakładki powtórz czynności tworzące nakładkę lub eksperymentuj z barwieniem (Kolory -> Barwienie), Kanałami RGB, czy innymi narzędziami kolorów. Dodaj jakiś napis, zmień rozmiar i masz gotowy przycisk na stronę WWW.



Lime Point Koniec



Miłego GIMP-owania Uśmiech.



* Layer_effects.zip (6.47 KB - pobrany 838 razy.)
« Ostatnia zmiana: 23.03.2010, 19:09:02 wysłane przez INSEKT » Zapisane
AroGancjA Records
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 31
Galeria Użytkownika


A.G.A


Zobacz profil WWW
« Odpowiedz #1 : 16.07.2007, 19:24:49 »

Oto co mi wyszło 8) xD
Zapisane
Zenfur
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: zenfur@jabberpl.org
Licencja: Copyright
Wiadomości: 32
Galeria Użytkownika

Zenfur


Zobacz profil
« Odpowiedz #2 : 05.03.2008, 20:55:26 »

No dobra... wszystko fajnie, rurki piękne, ale tych efektów w script-fu (badz gdziekolwiek indziej) to ja nie umiem znaleźć... :< zwłaszcza, kiedy mam polską wersję TUTAJ ... mógłby mi ktoś napisać jak to będzie w polskiej wersjii 2.4? Proszę ! Chichot
« Ostatnia zmiana: 05.01.2016, 12:32:33 wysłane przez Zenfur » Zapisane

Nie patrzcie na licencje mojego profilu. Moja licencja to RCC - Róbta Co Chceta.
Pędzel służy do pędzlowania :-)
Yanke$
Użytkownik

Reputacja: 0 Offline Offline

GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 17
Galeria Użytkownika

Yanke$


Zobacz profil
« Odpowiedz #3 : 22.11.2008, 17:08:12 »

Te skrypty trzeba ściągnąć, najlepiej z tej strony (http://users.telenet.be/ev1/gimplayereffects_en.html) bo linki Kifera nie działają.

Edit:\\\
Moja tuba.

Fajny tutorial. Myślałem, że nie podołam ale się udało  Mrugnięcie

A i jeszcze coś. W wersji 2.6 nie ma "Script-Fu -> Ozdobienia -> Dodaj fazę" tylko "Filtry -> Dekoracja -> Dodaj fazę" i nie ma "Script-Fu ->  Cień -> Rzucanie cienia: tylko "Filtry -> Światło i cień -> Rzucanie cienia".

I jeszcze napisałeś.
Cytuj
z menu Widok wybierz Połącz widoczne warstwy
A powinno być z menu Obraz. A poza tym wszystko spoko.
Pozdrawiam.  <aniolek>


« Ostatnia zmiana: 22.11.2008, 21:07:37 wysłane przez Yanke$ » Zapisane
Cobra
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 2
Galeria Użytkownika

Cobra


Zobacz profil
« Odpowiedz #4 : 26.02.2010, 15:44:40 »

Sorry za odkop ale chcę pokazać co mi wyszło Uśmiech


* rurka.png (24.31 KB, 450x100 - wyświetlony 1517 razy.)
Zapisane
Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeGIMPWWWWątek: Szklana(?) tuba jako przycisk
Skocz do: