Polskie Forum Użytkowników GIMP-a

Tutoriale => Ikony => Wątek zaczęty przez: Kifer71 on 20.11.2006, 21:15:49



Tytuł: Pierścień 3D
Wiadomość wysłana przez: Kifer71 on 20.11.2006, 21:15:49
Pierścien 3D
Tutorial

Opracowanie: Kifer71, poprawa: Hasia
Poziom trudności: średni

(http://www.gimpuj.info/gallery/38227_24_01_13_10_46_00_1.png) (http://www.gimpuj.info/)




Zaczynam nowego tuta. Justin (http://www.gimpuj.info/index.php?action=profile;u=7) zadał(a) pytanie jak zrobić okrąg (http://www.gimpuj.info/index.php/topic,632.0.html). Postaram się w tym tutku zamieścić podstawowe wiadomości.

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



[lp] Zaczynamy

[lp] 1. Otwórz nowy przezroczysty obraz o wymiarach 500x500 pikseli.

[lp] 2. Utwórz nową przezroczystą warstwę i nazwij ją pierścień.

[lp] 3. W menu Widok włącz Wyświetlanie siatki i Przyciąganie do siatki.

[lp] 4. Ustaw poziomą prowadnicę na 250 pikseli.

[lp] 5. Narzędzie Zaznaczanie prostokątne  <zaznaczenie-prostokatne> [R] ustaw na Stały rozmiar: szerokość na 500 pikseli, wysokość na 80 i zaznacz obszar symetrycznie do prowadnicy (tak, aby prowadnica była dokładnie na środku zaznaczenia).

[lp] 6. Wyłącz Widok siatki aby sprawdzić jak ustawione jest zaznaczenie.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_41_56_0.png) (http://www.gimpuj.info/)


[lp] 7. Wypełnij zaznaczenie gradientem Golden <gradient> [L], kształt Liniowy. Gradient przeciągnij od górnej do dolnej krawędzi zaznaczenia.

[lp] 8. Zaznaczenie -> Brak.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_41_56_1.png) (http://www.gimpuj.info/)


[lp] 9. Filtry -> Odwzorowanie -> Odwzorowanie obiektu. W oknie odwzorowanie, obiekt docelowy ustaw na sfera. Zaznacz Przezroczyste tło. Przejdź do zakładki Ułożenie, w opcji Obrót ustaw Z na 20 i kliknij OK.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_41_56_2.png) (http://www.gimpuj.info/)


[lp] 10. Teraz ustaw cztery prowadnice dla określenia rozmiaru owalu. Dwie pionowe i dwie poziome. Pionowe ustaw na 127 i 374 pikseli. Poziome ustaw na 186 i 256 pikseli. Liczby na obrazie określają ustawienie prowadnic w pikselach.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_41_56_3.png) (http://www.gimpuj.info/)


[lp] 11. Między prowadnicami wstaw zaznaczenie. Możesz użyć stałego rozmiaru w narzędziu Zaznaczanie eliptyczne <zaznaczenie-eliptyczne> [E] o rozmiarze 247 x 79 pikseli.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_41_56_4.png) (http://www.gimpuj.info/)


[lp] 12. Utwórz nową przezroczystą warstwę i nazwij ją Owal.

[lp] 13. Wybierz narzędzie Wypełnianie gradientem <gradient> [L]. Gradient ustaw na Shadows1 lub na Shadows2, a Kształt na Stożkowy. Na warstwie Owal przeciągnij gradient od środka zaznaczenia do prawej prowadnicy.

[lp] 14. Zaznaczenie -> Zmniejsz -> 10px.

[lp] 15. Edycja -> Wyczyść, Zaznaczenie -> Brak.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_43_34_0.png) (http://www.gimpuj.info/)


[lp] 16. Na warstwie Owal włącz Kanał alfa na zaznaczenie i wyłącz widok warstwy <widocznosc>.

[lp] 17. Nad warstwą pierścień utwórz nową przezroczystą warstwę (Warstwa -> Nowa warstwa) i nazwij ją odwzorowanie.

[lp] 18. Zaznaczenie -> Zmniejsz -> 2px i na warstwie odwzorowanie wypełnij zaznaczenie białym (#ffffff) kolorem. Zaznaczenie -> Brak. Możesz też wyłączyć już widok prowadnic.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_43_34_1.png) (http://www.gimpuj.info/)


[lp] 19. Filtry -> Rozmycie -> Rozmycie Gaussa -> 5x5px.

[lp] 20. Wyłącz widok warstwy odwzorowanie i przejdź do warstwy Owal, jednocześnie włączając jej widok.

[lp] 21. Filtry -> Odwzorowanie -> Mapowanie wypukłości, w oknie dialogowym filtra w zakładce Mapowanie obiektu ustaw warstwę odwzorowanie. Pozostałe ustawienia bez zmian, po prostu kliknij OK.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_43_34_2.png) (http://www.gimpuj.info/)


[lp] 22. Duplikuj warstwę (Warstwa -> Duplikuj warstwę) Owal i ustaw kopię pod warstwą pierścień.

[lp] 23. Przesuń warstwę kopia: Owal o 49 pikseli w dół.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_43_34_3.png) (http://www.gimpuj.info/)


[lp] 24. Jeszcze raz duplikuj warstwę Owal, a kopię ustaw pod warstwą pierścień. Poniżej pokazany jest układ warstw.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_43_34_4.png) (http://www.gimpuj.info/)


[lp] 25. Przesuń warstwę kopia: Owal#1 o 68 pikseli w dół.

[lp] 26. Przytnij warstwę, menu Warstwa ->Automatycznie przytnij warstwę.

[lp] 27. Odbij warstwę w poziomie, menu Warstwa -> Przekształcenie -> Odbij poziomo.

[lp] 28. Warstwa -> Skaluj warstwę. Szerokość na 240px, wysokość na 85px.

[lp] 29. Przesuń warstwę o 3 piksele do góry.

[lp] 30. Powyłączaj widoki innych warstw. Pozostaw widoczną tylko warstwę kopia: Owal#1.

[lp] 31. Zaznacz prostokąt jak na rysunku poniżej i wyczyść zaznaczenie. Zaznaczenie nie musi być precyzyjne, chodzi tylko o usunięcie górnej części owalu.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_46_00_0.png) (http://www.gimpuj.info/)


[lp] 32. Zaznaczenie -> Brak i włącz widok wszystkich warstw, prócz warstwy odwzorowanie.

[lp] 33. Gotowe. Możesz wykadrować obraz i dodać tło oraz przyozdobić krawędzie pierścienia błyskami światła, dodać cień itd. Pozostawiam to już twojej własnej inwencji.
GIMP-uj i ciesz się efektami swojej pracy.

(http://www.gimpuj.info/gallery/38227_24_01_13_10_46_00_1.png) (http://www.gimpuj.info/)

O to przykład z zastosowaniem tego tutoriala:

(http://www.gimpuj.info/gallery/38227_24_01_13_10_46_00_2.png) (http://www.gimpuj.info/)


[lp] Koniec



K71 (poprawa: Hasia (http://www.gimpuj.info/index.php?action=profile;u=38227))



(http://www.gimpuj.info/gallery/38227_24_01_13_11_15_42.png) (http://www.gimpuj.info/) Robimy prosty trójwymiarowy pierścień


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: ba®thez on 02.12.2006, 21:09:45
bardzo fajny tutek. niby taka prosta rzecz jak pierścień, ale... :P


ja jeszcze wygrawerowałem adres forum ^^.

użyłem gradientu:
Kod:
GIMP Gradient
Name: Złoty
2
0.000000 0.260872 0.500000 0.721569 0.603922 0.196078 1.000000 0.878431 0.792027 0.313479 1.000000 0 0
0.500000 0.739128 1.000000 0.878431 0.792027 0.313479 1.000000 0.721569 0.603922 0.196078 1.000000 0 0

(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: heex307 on 19.12.2006, 21:32:31
łatwo napisany tutek, fajne pierścienie wychodzą

(http://images3.fotosik.pl/299/53a8825e216b1f57.png)


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: dzialo9 on 31.05.2007, 10:39:56
(http://www.gimpuj.info/replacement.png)


Masz Kifer talent!


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: Zenfur on 31.01.2008, 21:14:23
No nie wiem... Prosty tutorial z dobrym efektem. Dziekuje w swoim imieniu za ten tutorial na pewno sie przyda :D, Oraz moja porada jak wstawic na pierscien text :
Nalezy wpisac go na polowie naszego pierscionka w przypadku przykladu to 250 bedzie mial szerokosci i zeby byl na srodku ekranu, a potem zrobic z nim to samo co w 11 kroku i dopasowac do pierscionka. Przynajmniej ja tak zrobilem moze to troche "lamerskie" bo jestem jeszcze zielony <smutny>, ale wydaje mi sie pomocne!
Oto moje prace:
(http://www.gimpuj.info/replacement.png)
(http://www.gimpuj.info/gallery/thumb_8100_31_01_08_8_21_22.png) (http://szablony.freeware.info.pl/background.html)
lecz nadal nie rozumiem co maja dac punkty 28-34 ? Moglby mi ktos wytlumaczyc? To sa prace 1 "wygimpowana" (:D) a druga nie przerobiona prosto z tutoriala.
Pozdrawiam!


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: niclas4 on 02.11.2008, 10:01:19
Moje Dzieło Pierwsze  8-):


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: Qba_ on 10.02.2009, 22:06:19
Prosty łatwy i przyjemny tutek. Mój efekt:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: Pikni3 on 17.05.2009, 16:03:28
Fajny tutorial, który jest łatwy do zrozumienia :) ...

(http://www.otofotki.pl/img8/obrazki/qq3136_pierscien.png)


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: $Kamil$ on 24.06.2009, 14:59:29
ja jeszcze robie ten pierścień.Mam gimpa 2.6 i niewiem jak przesunąć warstwę w dól jak mówi w 26 kroku :-[ :-[.POMOCY PROSZĘ :)


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: K-ja on 24.06.2009, 15:01:16
Bierzesz  <przesuwanie> przesuwanie, klikasz na obrazku na tej warstwie i klikasz 49 razy w dół :).


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: $Kamil$ on 24.06.2009, 15:25:41
Udało mi się!!A oto moje dzieło:


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: LewaR on 16.12.2009, 19:16:10
wszystko ładnie pięknie tylko szkoda ze zdjec niema... >.>


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: kon on 17.01.2011, 14:01:00
Znow koty za ploty...


Tytuł: Odp: Pierścień 3D
Wiadomość wysłana przez: be@ on 13.09.2013, 06:14:02
(http://www.gimpuj.info/gallery/93/48452_13_09_13_5_13_14.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=93325)

:)