Polskie Forum Użytkowników GIMP-a

Tutoriale => Digital Painting => Wątek zaczęty przez: Hasia on 02.01.2013, 18:01:27



Tytuł: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Hasia on 02.01.2013, 18:01:27
Kolorowanie szkicu. Efekt ilustracji
Tutorial

Opracowanie: Hasia
Poziom trudności: średni

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




Tutorial ten jest przykładem jednego ze sposobów w jaki możemy pokolorować nasz szkic. Do jego wykonania potrzebna jest przynajmniej podstawowa znajomość GIMP-a, więc na przykład jeśli nie wiesz co to jest Tryb krycia warstwy to powinieneś najpierw zapoznać się z FAQ (http://www.gimpuj.info/index.php/topic,5923.msg141698.html#msg141698). W poradniku tym znajdziecie kilka ciekawych (moim zdaniem) trików ułatwiającym kolorowanie. Tutorial ten pisałam z myślą o początkujących "cyfrowych malarzach", którzy dopiero co zaczynają obcowanie z kolorami i poniekąd mogą nie radzić jeszcze sobie z dobieraniem kolorów podczas cieniowania, więc metoda, którą zastosowałam w tym tutorialu to takie trochę pójście na łatwiznę, ale mam nadzieję, że ci bardziej doświadczeni wybaczą mi te "skróty".
Podczas robienia tej pracy korzystałam wyłącznie z jednego pędzla (3_Charcoal_110) i własnej palety. Pędzel i paleta są do pobrania w załączniku do tutoriala. Będzie też potrzebna tekstura starego papieru, ta z której korzystałam także do pobrania z załącznika.

Jeżeli ktoś ma ochotę to może wykorzystać szkic (bez tła) z tutoriala. Do pobrania, jak nie trudno się domyśleć, z załącznika.

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



[lp] Zaczynamy

[lp] 1. Przygotowanie szkicu

Otwieramy plik z naszym szkicem. Może to być szkic z przeźroczystym lub białym tłem. Tryb warstwy ustawiamy na mnożenie.
Tak wygląda mój szkic. Jest na białym tle.

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


[lp] 2. Podkład z tekstury

Otwieramy naszą teksturę. Plik->Otwórz jako warstwy.... Ustawiamy jak nam się wydaje, że będzie najładniej. W razie potrzeby skalujemy, odbijamy itp. Jeśli tekstura wystaje poza obraz wybieramy Warstwa->Dopasuj wymiary warstwy do obrazu.
Dla bezpieczeństwa duplikujemy warstwę. Wyłączamy widoczność jednej tekstury, niech nam nie przeszkadza, ale będzie w pogotowiu. Teraz narzędziem Rozjaśnianie/Przyciemnianie <rozjasnienie-wypalenie> [Shift+D] zaznaczymy na warstwie z teksturą jak pada światło. Będziemy to robić rozjaśniając i przyciemniając odpowiednie miejsca. Jak pada światło musicie ustalić sami, zdając się na wyczucie lub referencję. W tym miejscu opiszę jak to robiłam na swoim rysunku. Opis ten da wam ogólne pojęcie jak to robić, lecz musicie pamiętać, że kroki które zastosowałam u siebie nie zawsze tak samo sprawdzą się w przypadku innego rysunku, dlatego może tak być, że będzie potrzeba je trochę zmodyfikować, a więc nie trzymajcie się sztywno tych reguł.
Najpierw rozjaśniłam miejsca gdzie miało być łagodne rozproszone światło. W tym celu narzędzie rozjaśnianie ustawiłam na tryb półtony. Następnie zaznaczyłam półcienie, narzędziem do wypalania z zakresem półtonów. Kolejny krok to wzmocnienie świateł. Narzędzie zmieniłam z powrotem na tryb rozjaśniania, tyle że już z zakresem światła. Krycie narzędzia ustawiamy na około 50%. Ekspozycję na około 30. Tak ustawionym narzędziem rozjaśniłam miejsca mocniejszego światła.
Ponownie zmieniłam tryb narzędzia na wypalanie, a zakres na cienie. Zwiększyłam krycie i ekspozycję narzędzia i przyciemniłam jeszcze nie które miejsca.
Tak wyglądał mój obrazek i okno warstw.

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


Kolejny krok to nadanie naszej teksturze błękitno-szarego odcienia. Tworzymy warstwę. Wypełniamy ją Kubełkiem  <wypelnienie> [Shift+B] na niebiesko. Tryb warstwy ustawiamy na Kolor lub Barwa (zależy, co bardziej się wam spodoba). Krycie warstwy zmniejszamy tak aby niebieski kolor nie był za mocny (no chyba, że chcecie inaczej). Teraz łączymy warstwę z kolorem z pocieniowaną teksturą wybierając Połącz w dół. Możemy to zrobić klikając PPM na warstwie lub Warstwa-> Połącz w dół.
Tak to wyglądało u mnie.

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


[lp] 3. Twarz. Kolor bazowy i cieniowanie.

Utworzyłam nową warstwę. Jej tryb ustawiłam na mnożenie. Pędzlem <pedzel> [P] o całkowitym kryciu kolorem zbliżonym do koloru ludzkiej skóry zamalowałam twarz i szyję. Kolorem lekko różowym zaznaczyłam usta. Nie rozpisuję się jakich dokładnie kolorów użyłam ponieważ nie będzie to przecież istotne dla kogoś kto koloruje np. pieska.

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


Następnie utworzyłam nową warstwę, jej tryb ustawiłam na miękkie światło. Teraz jasnym kolorem, pędzlem o zmniejszonym kryciu rozjaśniłam miejsca świateł.

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


Znowu utworzyłam nową warstwę o trybie miękkie światło. Tylko tym razem ciemnym kolorem malowałam miejsca cieni.

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


Uznałam, że światłocień jest jeszcze za słaby. Dlatego utworzyłam kolejną warstwę o trybie miękkie światło. Przyciemniłam i rozjaśniłam jeszcze te miejsca, które według mnie tego potrzebowały np. czoło i ucho(wiem,że prawie nie widać różnicy, ale co tam...)

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


[lp] 4. Kolorowanie włosów i ubrania.

Na nowej warstwie o trybie mnożenie, pokolorowałam włosy. Nie bawiłam się w cieniowanie ich na osobnej warstwie, tylko w większości nałożyłam kolory od razu. Przy okazji dodałam trochę kolorów na twarz i podmalowałam oczy.

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


Na kolejnej warstwie o trybie mnożenie nałożyłam kolory bazowe na resztę postaci. Robiłam to pędzlem o całkowitym kryciu.

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


Następnie, tak jak poprzednio utworzyłam nową warstwę o trybie miękkie światło, w celu nałożenia światłocienia. Cieniujemy tak jak w przypadku twarzy. Jasne kolory-światło, ciemne-cienie. Warto wiedzieć, że kolory ciepłe dają ciepłe światła lub cienie, kolory zimne dają analogicznie światła lub cienie o barwie zimnej.

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


Na osobnej warstwie dodałam szczegóły. Ciemniejsze wzory na hanboku malowałam na warstwie o trybie mnożenie. Kwiaty na dekolcie malowałam już na warstwie o trybie zwykłym.

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


Kolejny krok to pomalowanie tła. Stworzyłam nową warstwę, krycie dałam na mnożenie. Ustawiłam ją nad warstwą z pocieniowaną teksturą i pokolorowałam pędzlem o dużym rozmiarze i kryciu nie przekraczającym 60%. W tym momencie uznałam, że twarz mojej Koreaneczki jest za bardzo "opalona", więc przeszłam na warstwę z kolorem bazowym i przy pomocy Barwy i nasycenia(Kolory->Barwa i nasycenie) Zmieniłam jej odcień na jaśniejszy.

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


[lp] 5. Barwienie szkicu.

Ten punkt nie jest konieczny, ale ja lubię tak robić.
Przejdź na warstwę ze szkicem. Jeżeli ma białe tło to użyj opcji Kolory-Zamiana koloru w alfę. Domyślnie będzie to biały. Teraz zablokuj przeźroczystość warstwy ze szkicem. Zrobisz to klikając na okienko z szachownicą, na zdjęciu wskazane czerwoną strzałką.

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


Teraz możesz pędzlem zmieniać odcień swojego szkicu. Będzie wtedy wyglądał subtelniej.

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


[lp] 6. Rzeczy kosmetyczne i inne "upiększenia".

W tym miejscu przychodzi czas na różne "upiększenia" naszego rysunku.
Ja postanowiłam dodać błękitne przebarwienia na moim obrazku. W tym celu stworzyłam nową warstwę. Tryb zmieniłam na kolor.
Pędzlem nakładałam na obrazek niebieski kolor w miejscach gdzie chciałam go przebarwić. Aby uzyskać łagodne rozmyte granice pomagałam sobie narzędziem Rozsmarowywanie  <rozmazywanie> . Jeżeli wydaje ci się, że kolor niebieski jest za intensywny to zawsze możesz zmniejszyć krycie warstwy.

Tak to wygląda w przypadku twarzy:

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


A tak na całym obrazku:

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


Na koniec dodałam jeszcze warstwę z gradientem w trybie kolor na bardzo małym kryciu i dodałam kilka nieznacznych jaśniejszych świateł oraz zmieniłam lekko włosy.

Efekt końcowy:

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


[lp] Koniec



Uff... Mam nadzieję, że dotrwaliście do końca :). Dziękuję wszystkim za uwagę. Przyjemnego kolorowania :)

Hasia.





Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Nedvedes on 16.02.2013, 17:05:15
Poradnik jest świetny. Moja praca w żądnym stopniu nie dorasta do pięt twojej ale się pobawilem ;d.
(http://img35.imageshack.us/img35/1329/sasasasaxb.png)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: adam09 on 21.03.2013, 05:40:36
Hasiu,pobrany mam załącznik i rozpakowany na Pulpicie (cmyk 2 przez WordPad),czy teraz aby z Twojej "Palety" korzystać,należy kolejno przejść -->C:\Program Files-->GIMP 2-->share-->gimp-->2.0-->palettes i do niego wkleić "cmyk 2"?.
Proszę o wyjaśnienie :).


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Hasia on 21.03.2013, 08:33:57
Ja osobiście swoje palety, pędzle, desenie itp. trzymam w dokumentach użytkownika, więc w moim przypadku to folder: C:\Users\xxx\.gimp-2.8\palettes gdzie xxx jest nazwą użytkownika. Ale możesz wrzucić też do tamtego folderu.


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: adam09 on 21.03.2013, 09:26:40
OK :D
Serdecznie pozdrawiam :)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: FANTA on 22.03.2013, 23:48:15
Mi wyszło coś takiego..
Mam problem z wypalaniem i rozjaśnianiem, dlatego też nie użyłam tych narzędzi w mojej pracy. Mianowicie, gdy robię nową warstwę (miękkie światło) i chcę coś na niej wypalić, to nic się nie dzieje, nie mogę tego zrobić. Pomocy :(

Ukryta treść (kliknij aby pokazać/schować)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Hasia on 23.03.2013, 00:44:05
Narzędzia rozjaśnianie/wypalanie używasz na warstwie z teksturą. Nie jest możliwe rozjaśnić, lub przyciemnić piksele na nowej czystej warstwie, bo ich tam po prostu nie ma :) A te narzędzie służy do rozjaśniania/wypalania istniejących już pikseli. Dopiero w późniejszym etapie tworzy się warstwę w trybie miękkie światło i maluje się po niej pędzlem :)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Endzio on 26.03.2013, 21:22:13
Trudno, bo trudno ale jak się dłużej posiedzi to się ogarnie :)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Pegasusowa on 09.04.2013, 21:08:32
Gdzie można pobrać teksturę do tutka? W załączniku nie ma  :(


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Hasia on 10.04.2013, 00:09:00
Wystarczy wpisać w Google "old paper texture": http://elderoutreach.org/wp-content/uploads/2012/09/Background_Gold-Texture.jpg


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Pegasusowa on 12.04.2013, 15:01:00
Dziękuję za pomoc  :)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Reolic on 17.04.2013, 22:02:58
Ja ogarnąłem dzięki tobie coś dla mnie b satysfakcjonującego :D

http://www.gimpuj.info/gallery/91/27994_17_04_13_8_57_46.png (http://www.gimpuj.info/gallery/91/27994_17_04_13_8_57_46.png)

http://www.gimpuj.info/gallery/91/27994_17_04_13_9_00_35.png (http://www.gimpuj.info/gallery/91/27994_17_04_13_9_00_35.png)

\\davlasq: Do takich dużych grafik dajemy linki.


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Kikiro on 03.05.2013, 17:23:41
Pod jakim hasłem wyszukujesz szkice, linearty i takie tam? Bo gdy wpisałam w Grafika Google ,,Sketch'' wyskoczyły mi jakieś realistyczne rysunki...


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Hasia on 03.05.2013, 18:30:20
Kiriko, jeżeli pytanie było skierowane do mnie, to ja nie wyszukuję szkiców, ponieważ sama je robię. Szkic w tutorialu jest mojego autorstwa. A w Grafice Google wystarczy wpisać "lineart", ale musisz pamiętać o prawach autorskich. Możesz też spróbować zapytać się różnych artystów, np z deviantart o pozwolenie użycia ich szkiców:  http://browse.deviantart.com/?q=lineart&offset=0


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: marsz on 27.05.2013, 14:09:16
Hasia, świetny tutorial! dzięki za poświęcony czas i dzielenie się swoją wiedzą :)) Nie obyło się bez kłopotów przy próbie odtworzenia Twoich działań, ale tylko dlatego, że dwa razy pogubiłem się przy zmianie warstw ;) dobra robota! pozdrawiam :)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Willemon on 01.06.2013, 15:23:51
Genialny tutorial! Bardzo dziękuję.
A to są wyniki mojej pracy:
(http://imageshack.us/a/img4/217/caok.png)
Twarz jest trochę płaska, ale i tak to zadziwiający rezultat jak na mnie.
Pozdrawiam. 


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: TheMisterLight on 16.08.2013, 19:06:16
Utknąłem w 3 punkcie. Tworzę nową białą warstwę, ustawiam tryb na miękkie światło. Gdy próbuję rozjaśnić miejsca światła to nie widać żadnej różnicy. :( Nie wychodzi mi tak jak u Ciebie.


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: be@ on 16.08.2013, 19:17:44
A gdzie wyczytałeś, że ta warstwa ma być biała?


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: TheMisterLight on 16.08.2013, 19:22:30
aha, ok. Po prostu nie wiedziałem. :)


Tytuł: Moja praca
Wiadomość wysłana przez: Destylator1 on 08.10.2013, 17:05:22
Ja moją pracę zrobiłem lekko inaczej, efekt wyszedł hmm oceńcie sami.
http://www.gimpuj.info/gallery/93/38858_08_10_13_3_55_35.png


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: Rafal_00123 on 21.10.2013, 17:30:20
mam pytanie czy na wszytkich szkicach z warstwą przeźrocystą oraz z tłem np.:(lasu albo autostrady z samochodami itp:.)tym spobem pomalować szkice .Jeśli nie to proszę o inne rozwiązanie tego problemu .Nie stety dopiero zaczynam przygodę z gimpem i nie wiem do czego jest on zdolny przy pracy z góry dziękuje  :)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: SweetSugar on 14.11.2013, 22:45:04
Nie chciało mi się robić dalszych kroków zrobiłam po swojemu

(http://www.gimpuj.info/gallery/93/thumb_80348_14_11_13_9_43_09.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=93699)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: LukandeR on 31.01.2014, 22:14:28
Mi wyszło takie coś, ale nie do końca robiłem z tutkiem :)

(http://mrkarpiuk.com.pl/%5bHost%5d%20Prace/Grafika/%5bPZG%5d%20Prace/Digital%20Painting/Kolorowanie%20szkicu.%20Efekt%20ilustracji/Kolorowanie%20szkicu.%20Efekt%20ilustracji.png)


Tytuł: Odp: Kolorowanie szkicu. Efekt ilustracji.
Wiadomość wysłana przez: kt24 on 16.03.2014, 20:33:46
Chyba nie wyszło ;-;
(http://oi60.tinypic.com/1zp1emr.jpg)