Polskie Forum Użytkowników GIMP-a

Tutoriale => Propozycje tutoriali => Wątek zaczęty przez: Igor255 on 27.05.2009, 00:10:35



Tytuł: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: Igor255 on 27.05.2009, 00:10:35
Ładna kula ziemska na naszą stronę www
Tutorial

Opracowanie: Igor255
Poziom trudności: łatwy

(http://www.gimpuj.info/gallery/25861_26_05_09_11_58_10.png)




Jak stworzyć realistycznie i atrakcyjnie wyglądającą kulę ziemską małym nakładem pracy? Ten tutorial poprowadzi Cię krok po kroku przez tworzenie takiej kuli ziemskiej.

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




[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz o wymiarach 400px x 400px (można stworzyć większy, bądź mniejszy, w zależności od tego jakiej wielkości kulę będziemy potrzebować).

[lp] 2. Teraz zabierzemy się za stworzenie wody. Jako kolor pierwszoplanowy ustawiamy #0084ff, a drugoplanowy #0005d4. Wybieramy Gradient <gradient> [L] i ustawiamy: Gradient: Kolor pierwszoplanowy na kolor tła, oraz Kształt: Spiralny (w prawo).

[lp] 3. Pociągamy gradientem od środka mniej-więcej do miejsca widocznego na obrazku poniżej.

(http://www.gimpuj.info/gallery/25861_26_05_09_7_06_25.png)

Powinniśmy otrzymać taki efekt:
(http://www.gimpuj.info/gallery/25861_26_05_09_7_07_48.png)


[lp] 4. Wybieramy Filtry > Zniekształcenia > Wiatr i ustawiamy tak: Styl: Podmuch , Kierunek: w lewo, Naruszane krawędzie: Początkowe, Próg: 10, Siła: 70. Klikamy OK.

[lp] 5. Powtarzamy punkt 4, zmieniając kierunek wiatru na: w prawo.

[lp] 6. Wybieramy Warstwa > Przekształcenie > Obróć o 90 w lewo.

[lp] 7. Wybieramy Filtry > Rozmycie > Rozmycie "w ruchu"... , i ustawiamy na: Typ rozmycia: Liniowy, Długość: 50, Kąt: 45.

[lp] 8. Tworzymy nową warstwę [Shift+Ctrl+N] , wybieramy Ścieżki  <sciezki> [ B ]. No i teraz najbardziej mozolna część pracy - musimy narysować ścieżkami co 40px pionowe linie... Tworzymy takie zaznacznie jak widać na poniższym obrazku.

(http://www.gimpuj.info/gallery/25861_26_05_09_7_39_17.png)

[lp] 9. Klikamy na "Rysuj wzdłuż ścieżki" i ustawiamy: Szerokość linii: 1px, Pełny kolor, zmieniamy teraz kolor pierwszoplanowy na czarny (#000000) i klikamy Rysuj.

[lp] 10. Dla wygody wybieramy teraz inne narzędzie, np. Zaznaczenie prostokątne  <zaznaczenie-prostokatne> [ R ]. Zmieniamy nazwę warstwy na której mamy teraz pionowe linie na: siatka. Duplikujemy warstwę siatka. Klikamy w zduplikowaną warstwę i wybieramy Warstwa > Przekształcenie > Obróć o 90 w lewo. Klikamy w nią ponownie lecz tym razem prawym przyciskiem myszy i wybieramy Połącz w dół.

[lp] 11. Ustawiamy tryb warstwy siatka na: Wydobycie ziarna i krycie na: 20%. Powinniśmy mieć taki efekt jak na poniższym obrazku.

(http://www.gimpuj.info/gallery/25861_26_05_09_8_05_03.png)

[lp] 12. Tworzymy nową warstwę [Ctrl+Shift+N], nazywamy ją kontynent A, wybieramy Odręczne zaznaczanie obszarów  <lasso> [ F ] i zaznaczamy taki kształt jak na poniższym obrazku.

(http://www.gimpuj.info/gallery/25861_26_05_09_9_37_04.png)

[lp] 13. Wybieramy narzędzie Wypełnienie kubełkiem  <wypelnienie> [Shift+B] i wypełniamy zaznaczenie czarnym (#000000) kolorem. Nadajemy warstwie kontynent A tryb: Wydobycie ziarna.

[lp] 14. Tworzymy nową warstwę [Ctrl+Shift+N], nazywamy ją kontynent B. Wybieramy Odręczne zaznaczanie obszarów  <lasso> [ F ] i zaznaczamy coś na kształt Afryki. Mniej-więcej jak na obrazku.

(http://www.gimpuj.info/gallery/25861_26_05_09_9_50_58.png)

[lp] 15. Wybieramy narzędzie Wypełnienie kubełkiem  <wypelnienie> [Shift+B] i wypełniamy zaznaczenie czarnym (#000000) kolorem. Nadajemy warstwie kontynent B tryb: Połączenie ziarna i krycie: 70%.

[lp] 16. Analogicznie powtarzamy kroki 14 i 15 dwukrotnie, tworząc warstwy kontynent C i kontynent D. kontynent C niech kształtem przypomina Eurazję a kontynent D Australię. W efekcie powinniśmy otrzymać coś mniej-więcej takiego:

(http://www.gimpuj.info/gallery/25861_26_05_09_10_00_58.png)

[lp] 17. Wybieramy warstwę kontynent B, po czym wybieramy narzędzie Skalowanie  <skalowanie> [Shift+T] i skalujemy naszą warstwę tak jak na obrazku:

(http://www.gimpuj.info/gallery/25861_26_05_09_10_06_37.png)

[lp] 18. Identycznie jak w punkcie 17 skalujemy warstwy kontynent C i kontynent D. Skalujemy je na szerokość 160px , tak jak warstwę kontynent B.

[lp] 19. Przesuwamy warstwy kontynent B, kontynent C i kontynent D  na środek. Na tym etapie efekt naszej pracy powinien wyglądać mniej-więcej tak:

(http://www.gimpuj.info/gallery/25861_26_05_09_10_15_07.png)

[lp] 20. Wybieramy Obraz > Połącz widoczne warstwy... > Przycięta do najniższej warstwy i klikamy Łączenie.

[lp] 21. Wybieramy Filtry > Odwzorowania > Odwzorowanie obiektu .
W zakładce Opcje ustawiamy Obiekt docelowy: Sfera i zaznaczmy przezroczyste tło.
W zakładce Światło wybieramy światło punktowe , kolor światła ustawiamy na #ffff00 , położenie na: X: -1,50; Y: -1,50; Z: 1,50;.
Zakładkę Materiał ustawiamy jak na obrazku:
(http://www.gimpuj.info/gallery/25861_26_05_09_10_33_29.png)
W zakładce Ułożenie zmieniamy tylko parametry Obrót i ustawiamy je na: X: 19,0; Y: -13,0; Z: 1,0;
Nareszcie klikamy OK, efekt powinien wyglądać mniej-więcej tak:
(http://www.gimpuj.info/gallery/25861_26_05_09_10_41_36.png)

[lp] 22. Wybieramy narzędzie Ścieżki  <sciezki> [ B ] i tworzymy takie zaznaczenie:
(http://www.gimpuj.info/gallery/25861_26_05_09_10_52_36.png)

[lp] 23. Wybieramy Zaznaczenie > Zmniejsz... i zmniejszamy o 1px.

[lp] 24. Tworzymy nową warstwę [Ctrl+Shift+N]. Na kolor pierwszoplanowy ustawiamy biały (#FFFFFF). Wybieramy narzędzie Gradient  <gradient> [ L ], ustawiamy kolor pierwszoplanowy na przezroczystość i kształt liniowy. Pociągamy gradientem jak na obrazku:

(http://www.gimpuj.info/gallery/25861_26_05_09_11_07_00.png)

[lp] 25. Warstwie z gradientem dajemy tryb: pokrywanie.

[lp] 26. Duplikujemy warstwę z kulą ziemską. Zaznaczamy warstwę która jest na samym dole i wybieramy Filtry > Światło i cień > Błysk gradientowy....
W zakładce Wybór wybieramy Hidden_Planet.
W zakładce Ustawienia Środek ustawiamy: X: 200; Y: 200;. Promień ustawiamy na 140.

[lp] 27. Klikamy OK, najniższej warstwie z błyskiem dajemy Krycie: 25% i mamy już efekt końcowy, który prezentuje się następująco:
(http://www.gimpuj.info/gallery/25861_26_05_09_11_58_10.png)



[lp] Koniec



Miłego GIMPowania. :)

ps. Krycie warstwy, które ustawiamy w punkcie 27 możemy sobie ustawić inaczej w zależności od tła na jakim kula będzie się znajdować :) Np. na białym tle możemy dać większe krycie :)



Miniaturka:
(http://www.gimpuj.info/gallery/25861_27_05_09_12_08_21.png)

Opis:
Tworzenie realistycznie i atrakcyjnie wyglądającej kuli ziemskiej małym nakładem pracy.


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: lion. on 27.05.2009, 00:32:05
Słaby out, do indeksu moim zdaniem się nie dostanie ale żeby nie było że się na męczyłeś na darmo to do perełek przejdzie. Tak przynajmniej mi się wydaje ale mam wrażenie że się nie mylę :P

Na przyszłość zakładaj propozycje


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: INSEKT on 27.05.2009, 01:15:52
Nie, dział perełek już nie będzie rozwijany.

A sam pomysł na tutorial... hmm, ciekawy. Choć dopracowałbym go, np. usunął tą dziwną i brzydką kolorową poświatę.


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: Igor255 on 27.05.2009, 11:05:45
kolorowa poświata to nie problem :) mogę usunąć :) postaram się też dopracować efekt końcowy... Bez kolorowej poświaty wygląda tak:
(http://www.gimpuj.info/gallery/25861_27_05_09_11_03_57.png)

Lepiej?


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: Igor255 on 27.05.2009, 11:21:23
tak na szybko to jeszcze po wypoziomowaniu dało taki efekt:

(http://www.gimpuj.info/gallery/25861_27_05_09_11_20_26.png)

Może bardziej się nada?? Poprawiać tego tutoriala czy dać sobie spokój?


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: EN on 27.05.2009, 11:40:46
dac spokoj


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: INSEKT on 27.05.2009, 12:30:50
Okej, trzeba jeszcze poprawić punkt w tworzeniu siatki. Przecież stworzenie takiego czegoś to minutka roboty, a Ty poszedłeś długą, okrężną drogą. Dasz radę sam?


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: karmazynka on 28.05.2009, 21:47:42
Poza tym przydałyby się bardziej realistyczne kontury kuli ziemskiej, a i bardziej szklana mogłaby być kula (ładniejszy efekt).


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: Qba_ on 28.05.2009, 22:30:56
Jak dla mnie to może być, tylko bez tej poświaty :P.


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: Paul on 28.05.2009, 22:42:39
Cytuj
Ładna kula ziemska na naszą stronę www
No nie wiem czy ktoś by to umieścił na stronie www.
A co do efektu to może być, tylko bez tej poświaty.


Tytuł: Odp: Ładna ziemia na naszą stronę
Wiadomość wysłana przez: voon on 31.05.2009, 17:28:44
Dobry efekt.
@karmazynka
To jest tylko przyklad, jesli ci zalezy to zrob poprawne kontury tak jak jest to pokazane.