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

 
Szukanie zaawansowane

77 452 wiadomości w 7 467 wątkach,
wysłane przez 13 309 użytkowników
Najnowszy użytkownik: BigFoot

Praca dla Ciebie. Zarabiaj kilka tysięcy miesięcznie.
Strony: [1] 2 3 4  Wszystkie
Drukuj
Autor Wątek: Szklana ikona człowieka  (Przeczytany 16034 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Sebastian
V.I.P.

Reputacja: 30 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: gimphelp@jabber.wp.pl
Licencja: CC-NC-BY-SA
Wiadomości: 403
Galeria Użytkownika


www.racjonalista.pl


Zobacz profil WWW
« : 01.06.2007, 23:26:34 »

Szklana ikona człowieka
Tutorial

Opracowanie: Sebastian
Poziom trudności: średni





Witam ponownie. W tym tutorialu zrobimy ikonę admina widoczną na screenie po prawej. Ikonki są mojego autorstwa (Europa to moja druga ksywa żeby nie było że tylko skopiowałem czy coś). Druga ikonka jest przeróbką tej pierwszej. Zachęcam was do eksperymentów - na tym szablonie można wykonać sporo cudeniek (jak "Don Diablo")

Jeśli nigdy nie używałeś ścieżek Ścieżki, to możesz mieć problem. Dlatego zobacz ten opis.

Jeszcze parę wskazówek zanim zaczniemy:
1) Zróbcie takiego człowieczka jak ja, a dopiero potem go przerabiajcie.
2) Stosujcie się też dokładnie do moich zaleceń. Diabeł w takich pracach tkwi w szczegółach. Parę zawalonych elementów i praca wygląda "nie najlepiej". Pamiętajcie o odpowiednim dostosowaniu krycia warstwy.
3) Nie wszystko musi się maksymalnie odróżniać od siebie, stawiajcie na subtelność i bądźcie ostrożni z kolorami. jeśli macie problem z kolorami to, zobaczcie stronkę www.colourlovers.com
4) Elementy takie jak krawat nie muszą wyglądać maksymalnie realistycznie, niech będzie nieco krótki i szeroki (ale nie zapominajcie o subtelności). Będzie wtedy bardziej sympatyczny, a więc bardziej pasujący do stylu ikonki.

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



Lime Point Zaczynamy

Lime Point 1. Tworzymy nowy obraz o rozmiarach 400x400px, a następnie nową, przezroczystą warstwę (zawsze kiedy będę kazał zrobić nową, będę miał taką na myśli). Nazywamy ją głowa.

Lime Point 2. Wybieramy zaznaczanie eliptyczne Zaznaczenie eliptyczne i jedziemy myszką na pozycje 144, 83. Zaznaczmy koło o rozmiarach 104x104px.

Lime Point 3. Wypełniamy zaznaczenie kolorem #005e9a.

Lime Point 4. Otrzymamy coś takiego:



Lime Point 5. Następnie zmniejszamy zaznaczenie o 2px.

Lime Point 6. Robimy nową warstwę (pamiętajcie, powiem kiedy ma być białe wypełnienie). Nazywamy ją głowa-blask.

Lime Point 7. Wybieramy Zaznaczenie eliptyczne Zaznaczenie eliptyczne z trybem na część wspólną z zaznaczeniem.

Lime Point 8. Zaznaczamy w ten sposób, aby uciąć kawałek koła. Dodajemy maskę warstwy (czarną) i na masce wypełniamy zaznaczenie białym kolorem. Tak teraz to wygląda:



Lime Point 9. Narzędziem Zaznaczanie według koloru Zaznaczenie wg koloru  zaznaczamy głowę poprzez kliknięcie na kolorku (nie przeźroczystości), by powstało zaznaczenie w tym kształcie. Można zamiast zaszczanie koloru klikać prawym przyciskiem myszy na warstwie i wybierać kanał alfa na zaznaczenie, nawet efekt będzie lepszy (to się tyczy wszystkich punktów gdzie jest zaznaczanie według koloru).

Lime Point 10. Zmniejszamy zaznaczenie o 2px. Klikamy na warstwę (nie maskę) głowa-blask i wypełniamy ją białym kolorem.

Lime Point 11. Upewnij się, że usunąłeś zaznaczenie [Ctrl+Shift+A]. Klikamy na maskę warstwy i stosujemy z menu Filtry -> Rozmycie -> Rozmycie Gaussa.. o wartości 30 zarówno w pionie jak i w poziomie.

Lime Point 12. Zmniejszamy krycie na jakieś 80, a tryb zmieniamy na Rozjaśnienie. Oto widok na całą sytuację:



Lime Point 13. Zaznaczamy tak samo jak punkcie 9. głowę (nie zmniejszamy zaznaczenia ani go nie wypełniamy).

Lime Point 14. Tworzymy nową warstwę o nazwie głowa-szkło.

Lime Point 15. Wybieramy Zaznaczenie eliptyczne Zaznaczenie eliptyczne z trybem część wspólna. Zaznaczamy tak, by otrzymać coś w tym stylu, wypełnionym bielą.
Kolejne kroki:





Lime Point 16. Dodajemy maskę warstwy dla głowa-szkło i ustawiamy aktywne kolory na czarny i biały. Wypełniamy maskę gradientem Gradient w ten oto sposób:



Lime Point 17. Teraz włosy. Robimy nową warstwę i nazywamy ją włosy-1. Ścieżkami Ścieżki na tej warstwie robimy coś takiego (cyfry oznaczają kolejny punkty ścieżki):



Lime Point 18. Wybieramy otwórz zaznaczenie ze ścieżki. Wypełniamy  Wypełnienie kubełkiem to takim kolorem #474747, choć można i ciemniejszym.

Lime Point 19. Tworzymy nową warstwę i nazywamy ją włosy-1-blask. Zmniejszamy zaznaczenie o 2px i wypełniamy bielą. Dodajemy do tej warstwy maskę, likwidujemy zaznaczenie [Ctrl+Shift+A], a następnie czarno-białym gradientem Gradient na masce robimy coś takiego:



Lime Point 20. Tak samo robimy 2 część owłosienia. Przedstawię tu tylko ścieżkę
dla tych włosów. Chyba każdy powinien sobie poradzić. Pamiętajcie tylko, by warstwy nazwać włosy-2 i włosy-2-blask oraz by przesunąć je pod warstwy włosy-1 i włosy-1-blask. Dwa obiecane obrazki dla was: 




Lime Point 21.Głowę już mamy, ja zmniejszyłem krycie warstwy głowa-szkło do 80, bo za bardzo się odróżniała od włosów, ale to chyba kwestia gustu.

Lime Point 22. Teraz sweterek. Oczywiście tworzymy nową warstwę, nazywamy ją sweterek i przenosimy na dół pod głowę, ale nie pod tło! Podam, jak wcześniej, tylko obrazek ze ścieżką. Zrobimy tylko połowę - 2 część odbijemy.



Lime Point 23. #ff5200 - takim kolorem wypełniamy Wypełnienie kubełkiem powstałe zaznaczenie. Mamy tylko połowę, a więc duplikujemy  Duplikowanie warstwy warstwę sweterek, odbijamy warstwę  Odbicie (zielone zaznaczenie ma obrazku). Odbij ją poziomo, otrzymaną warstwę wyrównaj Przesuwanie narzędziem Przesunięcie (żółte zaznaczenie na obrazku). Z menu warstwa wybierz Zakotwiczenie warstwy. Następnie połącz w dół kopię sweterka, by otrzymać tylko jedną warstwę z obiema częściami.




Lime Point 24. Teraz tworzymy nową warstwę o nazwie sweterek-szkło. Zaznaczamy sweterek (jak w 9.) i zmniejszamy zaznaczenie o 2px. Następnie zaznaczeniem eliptycznym Zaznaczenie eliptyczne nastawionym na część wspólną zaznaczamy coś takiego:



Lime Point 25. Wypełniamy Wypełnienie kubełkiem to białym kolorem, a następnie dodajemy maskę warstwy, którą gradientami Gradient zaznaczamy na masce tak, by otrzymać coś takiego:



Lime Point 26. Zabieramy się teraz za blask na sweterku. Nowa warstwa powinna się znaleźć między seterek-szkło a sweterek i nazywać sie sweterek-blask. Zaznaczamy sweterek jak w punkcie 24. (poprzez  Zaznaczenie wg koloru) i zmniejszamy o 2px. Na warstwie sweterek-blask wypełniamy Wypełnienie kubełkiem zaznaczenie bielą i dodajemy maskę warstwy. Zaznaczeniem eliptycznym Zaznaczenie eliptyczne odejmujemy coś takiego od zaznaczenia jak na 2 obrazku. Na masce warstwy wypełniamy Wypełnienie kubełkiem bielą ten mały kawałek, który odcięliśmy zaznaczeniem eliptycznym (na trybie część wspólna). Usuwamy zaznaczenie i rozmywamy to wedle gustu (na jakieś 30, ale można dać i inną wartość) rozmyciem Gaussa. Zmieniamy tryb krycia na Rozjaśnianie i zmniejszamy trochę krycie, np. do 80%. Na 1 obrazku przedstawiam sytuacje po wypełnieniu bielą, a na 3 sytuacje po zakończeniu:





Lime Point 27. Przystępujemy do wykonania kołnierzyka. Tworzymy nową warstwę pomiędzy warstwą głowa a sweterek szkło. Po wykonaniu tej czynności przystępujemy do wykonania ścieżki Ścieżki, którą to pokazuje na rysunku. Jej wykonie nie powinno sprawić problemów nawet początkującemu. Strzałki oznaczają kierunek, w którym mają być wypukłe lub wklęsłe kształty, nie przesadzajcie jednak - tam gdzie są czerwone, to trzeba tak tylko troszkę. Po wszystkim wypełniamy bielą otrzymane zaznaczenie (nie likwidujemy go, będzie jeszcze potrzebne).

     

Lime Point 28. Teraz pomniejszamy to zaznaczenie o 1px i tworzymy nową warstwę nad warstwą kołnierzyk i nazywamy ją poetycko kołnierzyk-syf. Wypełniamy Wypełnienie kubełkiem czernią. I teraz uwaga: bierzemy gradient Gradient i zmieniamy kształt na promienisty. Dodajemy maskę warstwy i wciskamy [Ctrl+Shift+A] (brak zaznaczenia). Na masce teraz robimy coś takiego jak na obrazku:



Otrzymujemy:   



Lime Point 29. Teraz dodamy cień pod kołnierz. Zaznaczamy jako aktywną warstwę kołnierz, a następnie wykonujemy kolejno: Filtry -> Światło i cień -> Rzucanie cienia. Ustawiamy następujące wartości:
  • Przesunięcie Y - 1
  • Przesunięcie X- 0
  • Promień rozmycia - 5
  • Krycie - 40%
  • Kolor - czarny
  • Odznaczamy Dopuszczalne powiększenie

Lime Point 30. Przyszedł czas na krawat. Robimy nową warstwę o oczywistej nazwie krawat. Powinna się ona znaleźć pod Drop Shadow, warstwie powstałej po dodaniu cienia pod kołnierz. Robimy to ścieżkami Ścieżki, staramy się, by był w miarę symetryczny no i wyglądał jak krawat. Nie stosujemy wklęsłości tylko proste linie (przynajmniej ja nie stosowałem). Ten zrzut wszystko wyjaśni (pokazuje też rozmieszczenie warstw):
 


Lime Point 31. Wypełniamy Wypełnienie kubełkiem to tym kolorem #ffa800. Następnie dodajemy nową warstwę nad krawat i nazywamy ją krawat-błysk. Mając to samo zaznaczenie wypełniamy  Wypełnienie kubełkiem je bielą. Dodajemy maskę warstwy dla krawat-błysk o czarnym wypełnieniu, zmniejszamy zaznaczenie o 3px (ewentualnie 2px, ale lepiej 3px) i wypełniamy na masce bielą. Stosujemy rozmycie Gaussa o wartości około 15. Zmieniamy tryb warstwy na Rozjaśnienie. Dodamy jeszcze tylko cień, uaktywniamy więc warstwę krawat. Ustawiamy takie wartościi dla filtra Rzucanie cienia:   
  • Przesunięcie Y - 1
  • Przesunięcie X - 0
  • Promień rozmycia - 3
  • Krycie - 75%
  • Kolor - czarny
  • Odznaczamy Dopuszczalne powiększenie



Lime Point 32. Robimy jeszcze jedną warstwę o nazwie kreska nad warstwą krawat-błysk. Rysujemy czarnym pędzlem Pędzel lub ołówkiem Ołówek wypukłą kreskę, taką jak na końcowym rysunku w miejscu gdzie zwęża się krawat. Ustawiamy jej widoczność w granicach 10%. Teraz zrzut okna warstwy dla zagubionych:



Lime Point To już wszystko. Wynik końcowy:
Lime Point Koniec



Dla jeszcze bardziej zamotanych daje pliki .xcf zarówno z Don Diablo jak i naszym adminem.

No i na tym koniec. Można dodać jeszcze parę bajerów, ale niech to już będzie wasza praca domowa Mrugnięcie  Tym czasem miłego GIMPowania. Do zobaczenia w następnym tutorialu, oczywiście na gimpuj.info.




Możesz zarobić i spełnić swoje marzenia. Kliknij i zobacz.
« Ostatnia zmiana: 19.03.2008, 00:31:10 wysłane przez Insekciątko » Zapisane

Calii
Moderator Globalny

Reputacja: 21 Offline Offline

Płeć: Kobieta
GIMP: 2.4
JID: cali@gimpuj.info
Licencja: CC-NC-BY-SA
Wiadomości: 1 151
Galeria Użytkownika


M&&M


Zobacz profil
« Odpowiedz #1 : 03.06.2007, 16:05:19 »

Zrobilam rezultat tego tutoriala w czasie obiadu Uśmiech i przerwie od nauki.
Ma kilka malych wad i niedociagniec ktore wychodza w praniu.
Techniczne aspekty:
- punkt 26. jest mocno zakrecony, moze zrobic wyrazniejszy podzial na etapy i czynnosci kolejne jedno pod druga a nie w zbitym tekscie. Przyznaje ze tutaj troche sie zakrecilam, ale w koncu wybrnelam.
- byloby milo gdybys pisal kiedy odznaczamy zaznaczenie - przed rozmyciem gaussa mozna to podkreslic aby nawet poczatkujacy w miare sobie poradzil
- przy powtarzajacych sie czynnosciach dopisac nawet tak oczywiste rzeczy jak "maska (czarna)"

Literowki, bledy ortograficzne [widzialam gdzies "scierzka" [pkt.17.]] w tym samym punkcie czasownik ma tez literowke jakas..

Po przesciu tej czesci tutoriala i dorabiajac sobie wlasne zakonczenie chce podziekowac za swietny tutorial, ktory mimo malych potkniec moze spokojnie przejsc osoba srednio-zaawansowana i poczatkujaca z pewnym stazem przy GIMPie Uśmiech

Dziekuje i oto moj rezultat, prawdopodbnie jeszcze we wtorek sie nim pobawie



Zapisane

Nieobecna na forum do odwałania. Miłego GIMPowania i wektorowania!
Myron
Użytkownik

Reputacja: 15 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
JID: Myron
Wiadomości: 166
Galeria Użytkownika

Myron


Zobacz profil
« Odpowiedz #2 : 05.06.2007, 19:03:34 »

Muszę przyznać, że jest to bardzo dobry, fachowo napisany tutorial.
Pozwoliłem sobie nawet go popełnić z poniższym efektem:

Zapisane

-----
 "Zrób sobie zdjęcie; jeśli wyjdzie, znaczy że istniejesz."
Ramon Gomez De La Serna
Tanalia
Użytkownik

Reputacja: 5 Offline Offline

Płeć: Kobieta
GIMP: 2.4
Wiadomości: 38
Galeria Użytkownika


Gimpuj z nami... sialalala!


Zobacz profil WWW
« Odpowiedz #3 : 18.08.2007, 13:39:11 »

Zainspirowana Don Diablo stworzyłam przeciwieństwo
Przeciwwskazania: Nie pokazywać obrazka na białym tle...
Zapisane

C'est la vie, mon cheri Uśmiech 2
darkmanek
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Licencja: Copyright
Wiadomości: 49
Galeria Użytkownika



Zobacz profil
« Odpowiedz #4 : 26.08.2007, 02:19:50 »

Rzeczywiście, tutek b.dobry, Sebastian, jednak przy pierwszym podejściu
miałem małe problemy... ale wszystko skończyło się dobrze Mrugnięcie
Pierwszy był wg. Twojego tutka kropka w kropkę, więc wyszło prawie to samo,
ale pochwalę się drugim. Oto moja praca:
Zapisane


Kto wymyślił Photoshop'a? Przecież jest GIMP!
ba®thez
V.I.P.

Reputacja: 10 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: bartek.bulat//gmail.com
Licencja: Copyright
Wiadomości: 163
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #5 : 31.08.2007, 13:12:03 »



Tutek fajny, fajny - nie był aż tak skomplikowany jak wygląda.
Zapisane

Serdecznie zapraszam do mojej galerii

Nie udzielam pomocy poza forum i kanałem IRC
Cawz
Użytkownik

Reputacja: 10 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 140
Galeria Użytkownika


Wesoły GIMPer :)


Zobacz profil
« Odpowiedz #6 : 01.09.2007, 11:55:35 »

Super tutek...




Mam taki problem. Chciałem tą ikone wstawić na pulpit oczywiście najpierw ją zmniejszyłem do wymiarów 132x126px i zapisałem w formacie *.ico. Nie wiem czemu tak sie stało ale gdy ustawiłem ikona ona strasznie się "skurczyła" i starciła na jakości. Jak zrobić aby nie była taka mała?
Zapisane

TL
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: CC-NC-BY-SA
Wiadomości: 301
Galeria Użytkownika


Tao Leny


Zobacz profil
« Odpowiedz #7 : 03.09.2007, 10:22:10 »

Tutorial jest poprostu super, (rezultat, wynik, obraz, praca, rysunek, itp.) też ...

Zgadnijcie kogo wygimpowałem:



W załączniku ikonka (.ico)...
« Ostatnia zmiana: 11.09.2007, 16:23:28 wysłane przez Tao Leny » Zapisane

SoTW, UoTW i BFM:
Wygrane SoTW = 0
Wygrane UoTW = 0
Wygrane BFM = 0

Tutoriale:
Napisane tuty = 6
Przyjęte tuty = 4
Nieprzyjęte tuty = 2
Bitwy Użytkowników:
Wygrane = 1
Przegrane = 1
Remisy = 0

Nie kopiuj mi szablonu!*

Moja galeria użytkownika:.
PIL3J
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Licencja: Copyright
Wiadomości: 28
Galeria Użytkownika


pre-intermediate


Zobacz profil WWW
« Odpowiedz #8 : 10.09.2007, 19:27:21 »

Fajny tutek, tylko dłuugi i męczący Mrugnięcie

Zapisane

Bauricho
Nowicjusz

Reputacja: 2 Offline Offline

Wiadomości: 3
Galeria Użytkownika

Bauricho


Zobacz profil
« Odpowiedz #9 : 11.09.2007, 18:08:29 »

Bardzo fajny efekt, oto mój ganjaman:
Zapisane
Abi_93
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Kobieta
GIMP: 2.4
Licencja: Copyright
Wiadomości: 17
Galeria Użytkownika


początkująca...


Zobacz profil WWW
« Odpowiedz #10 : 18.09.2007, 16:51:24 »

Świetny tutorial Duży uśmiech To moja druga porządna praca w Gimpie, więc jeszcze nie zmieniałam nic w nim Mrugnięcie


Zrobiłam jeszcze drugiego Mrugnięcieś
« Ostatnia zmiana: 19.09.2007, 19:24:33 wysłane przez Abi_93 » Zapisane
Elfica
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Kobieta
GIMP: 2.4
JID: elfiatko@jabberpl.org
Licencja: Copyright
Wiadomości: 58
Galeria Użytkownika



Zobacz profil
« Odpowiedz #11 : 21.09.2007, 14:48:40 »

A mi wyszło takie coś... :)



Tutorial dobry :) Większe kłopoty jako początkująca miałam raczej z warstwami i maskami niż ze ścieżkami... ale jakoś poszło :D
Zapisane

Kurczak
Nowicjusz

Reputacja: 3 Offline Offline

GIMP: 2.2
Wiadomości: 10
Galeria Użytkownika

Kurczak

Amator...


Zobacz profil
« Odpowiedz #12 : 01.10.2007, 19:43:58 »



O to mój =].Jeszcze wprawy nie mam ale się poprawie  Duży uśmiech
Zapisane
suchy224
Nowicjusz

Reputacja: 2 Offline Offline

Wiadomości: 5
Galeria Użytkownika


Ucze Się


Zobacz profil
« Odpowiedz #13 : 24.10.2007, 21:21:09 »

A mi wyszło coś takiego (3dzień gimpowania)



O a to teraz: Chichot

« Ostatnia zmiana: 24.10.2007, 22:18:32 wysłane przez suchy224 » Zapisane

Strony: [1] 2 3 4  Wszystkie
Drukuj
Polskie Forum Użytkowników GIMP-aGIMPTutorialeRóżneWątek: Szklana ikona człowieka
Skocz do:  


Kanał IRC #GIMP-PL
GIMP .Edu .pl
GIMP .Edu .pl
GIMP 
WIKI
dodajdo