Polskie Forum Użytkowników GIMP-a

---

Przeglądając webtutorials.com natknąłem się na ciekawego tutka (tutorials.isx.pl stronka nie działa). Postanowiłem przenieść go na GIMP-a. Autor polskiej wersji wzorował się na poradniku pochodzącym ze strony codestyles.com. Jest jedna mała różnica między tutem na PS, a tym na GIMP-a. Do umieszczenia Spider-Mana na monitorze laptopa użyłem innych narzędzi.

Tutorial starałem się pisać tak, aby nawet mało doświadczeni użytkownicy GIMP-a mogli sobie dać radę.

Do pracy będziesz potrzebował tych oto obrazów: laptop.png i spiderman.png


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

---

[lp] Zaczynamy.

[lp] 1.  Otwórz nowy biały obraz o wymiarach 480x424 pikseli.

[lp] 2.  Otwórz obrazy laptop.png i spiderman.png jako warstwy: Plik -> Otwórz jako warstwy. Można też przeciągnąć pliki bezpośrednio na otwarty obraz.



[lp] 3.  Wyłącz widok warstwy spiderman.

[lp] 4.  Na warstwie laptop obrysuj ekran monitora za pomocą narzędzia Tworzenie i modyfikowanie ścieżek, następnie z menu Zaznaczenie wybierz Ze ścieżki.



[lp] 5.  Menu Zaznaczenie -> Zapisz do kanału. Tak dla bezpieczeństwa, jakbyś potrzebował przywrócić zaznaczenie.

[lp] 6.  Przejdź do warstwy spiderman jednocześnie włączając jej widok  <widocznosc>.

[lp] 7.  Skaluj warstwę. Z menu Warstwa wybierz Skaluj warstwę <skalowanie> [Shift+T], a w oknie dialogowym ustaw wymiary na szerokość = 320 pikseli i wysokość = 283 piksele.



[lp] 8.  Ustaw warstwę spiderman jak na rysunku poniżej narzędziem Przesuwanie warstw i zaznaczeń <przesuwanie> [Shift+Ctrl+O]:



[lp] 9. Duplikuj warstwę spiderman, menu Warstwa -> Duplikuj warstwę (lub przyciskiem  <duplikowanie-warstwy> w oknie warstw) i wyłącz widok kopia: spiderman.

[lp] 10.  Wróć do warstwy spiderman i z menu Zaznaczenie wybierz Odwróć, a w menu Edycja kliknij Wyczyść. Usuń zaznaczenie, opcja Brak w menu Zaznaczenie (lub Ctrl+Shift+A].



[lp] 11.  Przejdź do warstwy kopia: spiderman jednocześnie włączając jej widok i za pomocą narzędzia Odręczne zaznaczanie obszarów  <lasso> obrysuj dłoń Spider-Mana.

[lp] 12. Wybierz [Ctrl+I] Zaznaczenie -> Odwróć i wyczyść zaznaczenie, następnie usuń je. Dla wygody przy tworzeniu rendera możesz wyłączyć widok warstw laptop i spiderman.



[lp] 13. Usuń niepotrzebne części rendera np. za pomocą Gumki <gumka> [Shift+E].



[lp] 14. W zakładce Warstwy kliknij warstwę kopia: spiderman PPM i z rozwijanego menu wybierz Kanał alfa na zaznaczenie.

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

[lp] 16. Na warstwie cień wypełnij powstałe przed chwilą zaznaczenie czarnym kolorem np. za pomocą narzędzia Wypełnianie kolorem lub deseniem <wypelnienie> [Shift+B].



[lp] 17. Warstwę cień przesuń pod kopia: spiderman.



[lp] 18.  Mając cały czas aktywne zaznaczenie dłoni Spider-Mana przejdź do warstwy kopia: spiderman i z menu Zaznaczenie wybierz Zmniejsz, a w oknie dialogowym ustaw 2 piksele, następnie odwróć zaznaczenie.

[lp] 19. Z menu Filtry wybierz Rozmycie -> Rozmycie Gaussa, a promień rozmycia ustaw na 4 piksele i usuń zaznaczenie.

[lp] 20. Przejdź do warstwy cień i z menu Warstwa wybierz Przytnij warstwę.

[lp] 21. Narzędziem Perspektywy <perspektywa>, [Shift+T] zmień kształt warstwy. W oknie dialogowym Perspektywa kliknij Przekształć.



[lp] 22.  Z menu Warstwa wybierz Dopasuj warstwę do wymiarów obrazu.

[lp] 23. Teraz kolej na Filtry -> Rozmycie -> Rozmycie Gaussa. Rozmycie ustaw na 10 pikseli.

[lp] 24.  W zakładce Warstwy ustaw Krycie na 60%.

[lp] 25.  Zapisz obrazek w formacie png i efekt gotowy.



[lp] Koniec

---

Miłego GIMP-owania :)

---

Mój w sumie pierwszy obrazek w Gimpie ;)Innymi programami też za bardzo się nie bawiłem, więc proszę o wyrozumiałość ;) Mam nadzieję, że nie jest najgorzej :D

witam fajny tutek, ja zrobiłem tez obrazek na podstawie tego tutka

moja praca:
(http://www.gimpuj.info/replacement.png)
tut bardzo fajny :)

za mało tła nad laptopem wybrałem :P

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

Hehe mi wyszło tak:

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

Ja zrobilem takie cos :)

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

ja zrobiłem bez cienia
(http://www.mFoto.pl/uploads/1344/goku_7c266.png)

A mi chyba nie do końca wyszedł ten renderek :(

(http://www.gimpuj.info/replacement.png]) (http://imageshack.us)

Moja pracka:
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
                                                           
                                         Pozdro :)

Ja mam coś takiego :D

(http://i16.tinypic.com/4q5leh1.jpg)

(http://images29.fotosik.pl/86/6d29c1322aacb140m.png) (http://www.fotosik.pl/pokaz_obrazek/pelny/6d29c1322aacb140.html)

raz mi sie udalo al teraz jak dochodze do 10 pkt. czyli jak przesuwam obrazek to znika mi zacznaczony ekran monitora:( czemu tak jest?

A ja wykorzystałem "domowe" klimaty.
Dziękuję za tutka.

Fajny tutek
moja praca:
(http://www.gimpuj.info/replacement.png)

A mnie wyszło tak:

(http://images28.fotosik.pl/114/ba91f493e86c1c1d.png)

Później zrobiłem coś własnego pomysłu (również w klimacie spidermana):

(http://images33.fotosik.pl/48/031d0d9455734c22.png)

Uważam, że jak na pierwsze kroki w GIMPie to jest nieźle ;)

mnie wyszło coś takiego ;) jak na początek chyba nie jest źle :)

To moja praca:
(http://images30.fotosik.pl/143/5f789f741178a6f0.png) (http://www.fotosik.pl)




Pzdr
Krzys!ek :D

Mi wyszło tak jak chiałem :D
(http://www.gimpuj.info/replacement.png)

Ja zrobiłem takie coś... XD
(http://www.gimpuj.info/replacement.png) (http://imageshack.us)

A tutaj moja praca  :)
(http://www.fothost.pl/upload/08/05/400a3fba_punisher.jpg) (http://www.fothost.pl)

Ja wygimpowalem coś takiego:
(http://www.otofotki.pl/img2/obrazki/opqr290290869z.jpg)

No aj zrobiłem praktycznie to samo tylko ze bez cienia ;) sory ale jestem początkujący i jeszcze nie do konca wiem jak ;)
(http://images25.fotosik.pl/155/04fc0e8a72983ec5.jpeg)

siema, :P powiem, że zrobiłem ten tutek. O to moje dzieło:
(http://www.gimpuj.info/replacement.png) (http://img338.imageshack.us/my.php?image=skoczlaptopzc7.png)
Tylko z jednym mam problem. A mianowicie:

22.  Przejdź do warstwy cień i z menu Warstwa wybierz Przytnij warstwę.
23.  Narzędziem Zmiana perspektywy warstwy lub zaznaczenia zmień kształt warstwy. W oknie dialogowym Perspektywa kliknij Przekształć.

Ja nie mam takiej opcji :/ gdzie ona jest w gimpie 2,4

no ja też tego nie wiem : nie mam tej opcji.. trudno. też robię bez cienia.

Z szacunkiem do historii ;D (2D wygląda troszkę jak przyklejone, ale trudno :D)

(http://www.gimpuj.info/gallery/9646_23_03_08_8_32_13.png)

zaczynam robić prace na gimpie tutek mi się podoba a mam nadzieje że nie ocenicie źle mojej pracki
(http://www.gimpuj.info/replacement.png)

Moja Pracka  <ninja> http://www.gimpuj.info/index.php?action=gallery;sa=view;id=12697 (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=12697)

Powie ktoś jak zrobic te 2 punkty w gimpie 2.4??

22.  Przejdź do warstwy cień i z menu Warstwa wybierz Przytnij warstwę.
23.  Narzędziem Zmiana perspektywy warstwy lub zaznaczenia zmień kształt warstwy. W oknie dialogowym Perspektywa kliknij Przekształć.

Jak ktoś mogłby pomoć to bede wdzięczny xD

Tutka oceniam na 6+ xD

Hmmmm... w regulaminie jest napisane, że nie wolno zastępować całego lub części brzydkiego wyrazu gwiazdkami. A co do 23. punktu to narzędzie perspektywa to taki jakby trapez  <perspektywa> i po użyciu go samo się to okienko otworzy.

pkt 22 - Warstwa -> Autocrop Layer

mnie niezbyt to wyszło  :-[

ja dorysowałem sobie tło ;) http://www.gimpuj.info/index.php?action=gallery;sa=view;id=13608

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

a to moja praca :D
to moja koleżanka :D jak by co :D

Coś nie tak z głową :-[

Mi wyszło coś takiego... może niezbyt ale przynajmniej zrozumialem o co chodzi^^ 8-)

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

ale za drugim razem już tak:) (nawet mi się spodobało^^)

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

Ja to zrobiłem z lustrem:
(http://www.up.clubbers.pl/img/70claudia_blue_lustro.png)

Te niebieskie kawałki są spowodowane tym, że za szybko zmieniałem kolor ramki.

Thx za tutka. Jest świetny!

I jeszcze to ;)

Mój efekt (bez cienia):

A mi wyszło takie  :P dawno to robiłem, ale zapomniałem dać...
(http://www.gimpuj.info/replacement.png) (http://img509.imageshack.us/my.php?image=laptopnd1.jpg)(http://img509.imageshack.us/images/thpix.gif) (http://g.imageshack.us/thpix.php)

oto moje dzieło

a oto moje

Garfield wydostający się z mojego telefonu, tadam :)
(http://www.komp-macnow30.yoyo.pl/sony_garfield.png)

(http://images37.fotosik.pl/35/ab0f1f7e4f90b22e.png)

Bardzo dobry tutorial!!!
Mi wyszło coś takiego: (http://www.gimpuj.info/replacement.png)

Trochę nie wyszło z ręką ale spoko  :P

(http://i39.tinypic.com/2rctr94.png)

Mój efekt :)
(http://images30.fotosik.pl/314/6e5b780bb65486db.png) (http://www.fotosik.pl)

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

2.

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

A mnie jakos tak wyszlo : :P:P:P:P

(http://www.gimpuj.info/replacement.png) (http://imageshack.us)
(http://img11.imageshack.us/img11/fauckoe9.png/1/w600.png) (http://g.imageshack.us/img11/fauckoe9.png/1/)

Mój

(http://www.gimpuj.info/replacement.png) FAiny efekt tylko bardzo trydno zapamiętać :P

Hej mam pytanie jak to zrobić? 16.  W zakładce Warstwy kliknij warstwę kopia: spiderman PPM i z rozwijanego menu wybierz Kanał alfa na zaznaczenie.
17.  Utwórz nową przezroczystą warstwę i nazwij ją cień.
18.  Na warstwie cień wypełnij powstałe przed chwilą zaznaczenie czarnym kolorem np. za pomocą narzędzia Wypełnianie kolorem lub deseniem.
bo za kazdym razem kiedy to robię na przezroczystej warstwie pokazuje mi sie puste pole ;/ i jak wypelniam kolorem to nie ma nic.. tzn nie ma tego wycietego przedmiotu ;/

A ślepy jesteś, że nie widzisz, że Kifer71 ma usunięte konto?

Co do tematu: już mi się nie chce przytaczać moich wiadomości o obrazkach, bo Ctrl+C i Ctrl+V tez muszą odpocząć.

A mi takie coś wyszło:
(http://www.gimpuj.info/replacement.png)
zrezygnowałem z perspektywy bo mi nie wychodziło

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

Fajny Tutek

(http://www.gimpuj.info/gallery/27049_03_08_09_3_44_49.png)

Moja pierwsza praca w programie Gimp:

(http://www.gimpuj.info/gallery/31581_04_09_09_5_16_43.png)

Zarejestrowałem się specjalnie, żeby ją dodać ;)

a mi wyszlo cos takiego
(http://www.gimpuj.info/replacement.png)
:P

A ja troche innym sposobem zrobilem cien...jakim? pedzlem circle fuzzy zmienilem na pokrywanie i czarnym kolorem malowalem cien ^^ zaraz nadesle pracke ^^ albo nie zaraz jeszcze se troche porobie tego

@Dopiska:
Narazie mam jedna i moje pierwsze ale w ogole prawie inny sposob
(http://www.gimpuj.info/replacement.png)
Tylko na stronie krawedzie sie "spikselowaly" xD

toturial ciekawy szkoda ,że zdjęcia niedostepne..... :(

Można? Można!
(http://www.gimpuj.info/replacement.png)

Może autor albo moderator by obrazki odświeżył?

 :'(dlaczego mi pisze cały czas zdjęcie niedostępne :P

Bo screeny są wrzucone na fotosika, gdzie już wygasły, czy coś w tym stylu.

Mi wyszło tak:
(http://www.gimpuj.info/replacement.png)

Długo nikt tu nie zaglądał.Ja zrobiłam spidermana a nazywa się prawidłowo"wyjście poza ramę"
(http://i728.photobucket.com/albums/ww287/olesia567/Dla%20dziadka%20Janka/th_spiderman.png) (http://s728.photobucket.com/albums/ww287/olesia567/Dla%20dziadka%20Janka/?action=view&current=spiderman.png)

Byłby ktoś tak wspaniałomyślny i odświeżył te niedostępne już zdjęcia? Bo tutorial bardzo ciekawy, ale niestety jestem początkujący i wolałbym patrzeć na obrazki w trakcie jego wykonywania.

Tak, jest ktoś taki i już to zrobił: http://www.gimpuj.info/index.php/topic,54598.0.html

Podziękował!

Spokojnie, nasi ludzie już nad tym pracują, właściwie to ukończyli, tylko ostatnie poprawki zostały.

Masz link: http://www.gimpuj.info/index.php/topic,54598.0.html

Fajny tutek. Wszystko ładnie opisane :P

(http://www.gimpuj.info/gallery/91/78005_30_03_13_11_51_59_0.png)

Łatwy, swietnie wytlumaczone, dzięki tak mi wyszlo, nie robilam tak do konca(cien np.)                                                                                                                                                                                                                             (http://i61.tinypic.com/708ac1.jpg)