Polskie Forum Użytkowników GIMP-a

Tutoriale => Digital Painting => Wątek zaczęty przez: windingkira on 16.01.2008, 13:59:25



Tytuł: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: windingkira on 16.01.2008, 13:59:25
Pseudo wektorowy rysunek w GIMP-ie
Tutorial

Opracowanie: windingkira
Poziom trudności: trudny

(http://www.gimpuj.info/gallery/6648_16_01_08_2_37_36.png)




Calii (http://www.gimpuj.info/profiles/calii-u2047.html) poprosiła mnie, bym napisała tutorial dotyczący takowego rysunku w GIMP-ie. Mam nadzieję, że wam się spodoba.

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



[lp] Zaczynamy

[lp] 1. Pracę zaczynamy od stworzenia szkicu, który będzie bazą (bazą może też być np. skan). Mnie najwygodniej pracuje się na wielkości 1200 x 1600 px i rozdzielczości od 300 do 1000 PPI. Rozmiar obrazka może być oczywiście mniejszy, jednak nie polecam ustawiania rozdzielczości mniejszej niż 300 PPI.

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


[lp] 2. Warstwę ze szkicem nazywamy po prostu szkic i pod nią, jako Tło, wstawiamy kolejna, białą warstwę (można to zrobić też trochę inaczej, a mianowicie po otworzeniu czystego obrazka tworzymy nową, przeźroczystą warstwę i na niej zaczynamy rysować szkic). Następnie ustawiamy krycie warstwy szkic na około 25%, by rozjaśnić bazę pod kolejne etapy pracy i tworzymy nową, transparentną warstwę lineart pod kontur.

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


[lp] 3. Teraz pora na ścieżki ( <sciezki> {B}). Powiększamy obrazek do 400% i zaczynamy wyginać krzywe, dopasowując je do szkicu. Ważne jest, by poprowadzić podwójną linię ścieżki. Dzięki temu mamy kontrolę nad grubością linii, która powstanie. Nie obrysowujemy od razu całego obrazka, robimy to etapami, powoli i nie śpiesząc się.

[lp] 4. Kiedy już mamy obrys fragmentu obrazka, wybieramy: Zaznaczenie -> Ze ścieżki [Shift+V]. Tworzy nam się zaznaczenie. Wypełniamy (Wypełnienie kubełkiem <wypelnienie> [Shift+B]) je czarnym kolorem. Kilkukrotne kliknięcie kolorem w zaznaczeniu sprawi, że linia będzie bardziej czarna. Oczywiście wykonujemy to na warstwie lineart.

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


[lp] 5. Ten sposób jest o wiele praktyczniejszy od metody rysuj wzdłuż ścieżki, gdyż możemy nadać liniom w różnych miejscach różna grubość. Pamiętajcie, by linie łączyły się ze sobą, co ułatwi nam kolorowanie.
 
(http://www.gimpuj.info/gallery/thumb_6648_16_01_08_6_51_23.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=6468)


[lp] 6. Tak wygląda gotowy line art. Chwilowo wyłączyłam warstwę szkicu, by nie przeszkadzała w dalszej pracy.

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


[lp] 7. Nadszedł czas na kolorowanie. Tworzymy nowa, przeźroczystą warstwę. Na warstwie lineart wybieramy fragment, który chcemy pokryć kolorem i zaznaczamy go narzędziem Zaznaczenie rozmyte <rozdzka> {U}. Następnie, by uniknąć brzydkich białych pikseli, wybieramy opcję: Zaznaczenie -> Powiększ... i wpisujemy 1 lub 2 px. Ja wybrałam 2, gdyż mój kontur jest dość gruby. Wybieramy odpowiedni kolor i na nowej warstwie, za pomocą kubełka, kolorujemy zaznaczenie.

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


[lp] 8. Teraz zmieniamy nazwę warstwy na ciało i przesuwamy ją pod warstwę lineart. Każdy kolejny fragment kolorujemy w ten sam sposób i ustawiamy pod tą warstwą.

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


[lp] Tak wygląda wstępnie pokolorowany obrazek:

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


[lp] 9. Następnym krokiem jest utworzenie kwiecistego wzoru na bluzce. Ustawiamy tryb warstwy bluzki na Mnożenie i z powrotem włączamy warstwę szkicu. Wybieramy narzędzie Ścieżki i obrysowujemy na nowej warstwie nasze kwiaty.

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


[lp] 10. Tak się prezentuje wzór na bluzce w całości:

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


[lp] 11. Teraz tchniemy trochę życia w tło. Zaznaczamy je na warstwie z kolorem tła za pomocą Narzędzie zaznaczenie według koloru <zaznaczenie-kolor> [Shift+O] i na nowej warstwie nadajemy delikatne gradienty ( <gradient> [L]). Na dole ciemniejszy, a na górze, po rogach, jaśniejszy.

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


[lp] 12. Dokładnie tak samo nadałam delikatne cienie na włosach:

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


[lp] 13. Następnym krokiem jest nadanie bardziej intensywnych cieni. Za pomocą ścieżek wybieramy fragmenty, które mają być zacieniowane i kolorujemy je pokazaną wcześniej metodą. Każdy kolor na innej warstwie.

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


[lp] 14. Teraz nasza praca wygląda następująco:

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


[lp]15. Zawsze warto podkreślić blask np. ust itp. Ja zrobiłam to za pomocą trzech kół (o trzech stopniach jasności) rozjaśniających się do środka.

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


[lp] 16. By wykończyć rysunek dodałam kilka prostych, ale efektownych rzeczy. I gotowe!

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


[lp] Koniec



Mam nadzieję, że nie okaże się to za trudne. Pozdrawiam! ^-^





Tytuł: Odp: Pseudo wektorowy rysunek w Gimpie
Wiadomość wysłana przez: dzialo9 on 03.02.2008, 20:31:17
(http://www.gimpuj.info/gallery/1469_03_02_08_7_30_40.jpg)  :-[


Tytuł: Odp: Pseudo wektorowy rysunek w Gimpie
Wiadomość wysłana przez: Elfica on 14.02.2008, 11:45:29
I tym sposobem wyszło mi coś takiego ...

(http://www.gimpuj.info/gallery/4765_14_02_08_10_38_54.png)

Genialny tutorial :)


Tytuł: Odp: Pseudo wektorowy rysunek w Gimpie
Wiadomość wysłana przez: Nicia_Nita on 15.02.2008, 22:51:11
Hihihi^^ Moje dzieło Coś mi nie wyszło ale zawsze coś ;p
http://www.gimpuj.info/replacement.png
Nie wiem czy dobrze wstawiam ten obrazek ale tam ;p


Tytuł: Odp: Pseudo wektorowy rysunek w Gimpie
Wiadomość wysłana przez: chrystian on 25.02.2008, 09:12:53
Czyli żeby zrobić swój taki obrazek trzeba mieć narysowany i zeskanowany szkic tak?


Tytuł: Odp: Pseudo wektorowy rysunek w Gimpie
Wiadomość wysłana przez: Sovan on 25.02.2008, 18:26:29
Bez cieni bo nie potrafie ich zrobić : P

(http://www.gimpuj.info/gallery/7134_25_02_08_5_21_52.PNG)


Tytuł: Odp: Pseudo wektorowy rysunek w Gimpie
Wiadomość wysłana przez: paskudaruda on 11.03.2008, 17:03:44
fajny tutorial, zrobiłam troszke po swojemu i mam takie coś ;)


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: madlain on 27.02.2009, 23:39:26
próbka większej pracy:
(http://www.gimpuj.info/gallery/14655_27_02_09_10_37_53.jpg) (http://www.gimpuj.info/)


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: Potania on 25.03.2009, 19:10:10
Zrobilam Troche Inaczej ;]
I Wyszlo Mi Takie Cos ;]
(http://i41.tinypic.com/4k7ae9.png)
a tu szkic na ktorym sie opieralam ;] (szkic zrobiony przez moja kumpele)
(http://i44.tinypic.com/v6q2if.jpg)

I jeszcze Takie Cos
(http://i42.tinypic.com/2q3q81x.png)
a szkic byl pobrany z google.pl ;p


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: Kushia on 10.08.2009, 15:45:47
(http://fc01.deviantart.com/fs48/f/2009/222/8/3/Prince_Soma_Digital_by_kuszja.png)
To tu, to tam coś zmieniłam i wszyło mi coś takiego ^^ Mój pierwszy prawdziwy digital! ^^


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: SeBB on 11.12.2009, 20:51:39
a to moja praca

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


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: Hasesis on 21.02.2010, 23:15:38
świetny tutorial, dziękuję bardzo  :-*
A oto co mi wyszło (to mój pierwszy raz)  <aniolek>
/ mam nadzieje ze obrazek mi wejdzie ;0


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: loco on 04.03.2010, 16:48:20
Robilem na innym tutorialu. Kilkadziesiat warstw :)

http://proxy.gimpuj.info/gallery/39943_03_03_10_12_55_40.jpg


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: ultimate5 on 22.03.2010, 15:54:47
http://yfrog.com/2ksmoczekj (http://yfrog.com/2ksmoczekj) moje wypociny :D


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: CriSs88 on 31.12.2010, 12:55:07
Wszystko gut do czasu kiedy miałem nałożyć kolor. Ja robiłem rysunek ze skanu. Chcę nałożyć bordowy kolor i robi mi się szary :/ pomoże ktos?


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: kitty-cat on 02.01.2011, 14:02:55
Wszystko gut do czasu kiedy miałem nałożyć kolor. Ja robiłem rysunek ze skanu. Chcę nałożyć bordowy kolor i robi mi się szary :/ pomoże ktos?
Wejdź na Obraz->tryb->RGB. Najprawdopodobniej o to chodzi.


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: Omega on 27.02.2012, 20:44:30
Super tutek może gdzieś tak za hmm... 2 tyg. coś się pojawi ode mnie. :P


Tytuł: Odp: Pseudo wektorowy rysunek w GIMP-ie
Wiadomość wysłana przez: Bubus on 26.11.2015, 00:09:26
Prosty tutorial a efekty znakomite. Wydaje mi się, że proces powstawania tego rysunku można uprościć. Zamiast mozolnie "rysować" dwie ścieżki ( późniejszy kontur ), proponuję stworzyć jedną ( zewnętrzną ). Następnie przekształcić ją w zaznaczenie, zaznaczenie zmniejszyć, po czym przekształcić na ścieżkę. Taką ścieżkę moim zdaniem krócej się modyfikuje, niż trwa proces jej tworzenia. Dalej już bez zmian.