Polskie Forum Użytkowników GIMP-a

Hyde zone => Test => Wątek zaczęty przez: Czołgista on 25.03.2008, 19:22:16



Tytuł: Pixelart w Gimp'ie
Wiadomość wysłana przez: Czołgista on 25.03.2008, 19:22:16
Poziom trudności: Łatwy
Przydatne info: Czym jest Pixel art ? (http://pl.wikipedia.org/wiki/Pixel_art)
Z tutorialem stworzymy: "Pixelowego Misia"
Moje efekty końcowe:
(http://www.gimpuj.info/gallery/9844_25_03_08_5_01_37.png)(http://www.gimpuj.info/replacement.png)

____________________________________

1. Na początek otwieramy nowy obraz o dowolnych wymiarach (zależy to już tylko od wymiarów jakie będzie mieć wasza praca) i dowolnym tłem. W moim wypadku 100x100, kolor tła: przezroczysty.

2. Następnie za pomocą Zaznaczenia Eliptycznego zaznaczamy koło i wypełniamy je dowolnym kolorem (pamiętaj, aby koło nie przysłaniało całego obszaru roboczego).
(http://www.gimpuj.info/replacement.png)



3. Kolejnym krokiem będzie stworzenie łap dla naszego zwierzaczka, w tym celu zaznaczamy kolejne koło, stosunkowo mniejsze od pierwszego i wypełniamy je tym samym kolorem. Pamiętaj, że obydwa koło muszą na siebie nachodzić. Każdy odstęp od kół maskujemy używając pędzla (P).
(http://www.gimpuj.info/replacement.png)


4. Następnym krokiem jest skopiowanie poprzednio stworzonego koła trzy razy i umieszczenie ich tak jak na obrazku poniżej.
(http://www.gimpuj.info/replacement.png)


5. Teraz tworzymy dwa koła tak jak robiliśmy to poprzednio, jedno z nich będzie głową naszego pixelowego zwierzaczka, zaś drugie będzie służyło nam za ucho (pamiętamy jednak aby warstwę z "uchem" skopiować i umieścić po równoległej stronie). Efekt powinien przypominać ten z obrazka poniżej:
(http://www.gimpuj.info/replacement.png)


6. Ostatni krok to tylko kwestia wizualna. Ołówkiem (N) rysujemy wszystkie szczegóły, pędzlem circle(01) i kolorem fbe0e0 rysujemy ukośne linie w uszach naszego misia, pędzlem circle(02) rysujemy oczy misia, trzy plamki w kolorze: fbe0e0 znajdujący się w łapach misia  i nos, pod warstwą którego Zaznaczeniem Eliptycznym tworzymy koło (pamiętając, iż ma zaczynać się równo z nosem, a kończyć przed końcem głowy), wypełniamy je kolorem: fbe0e0. Ostatnie kroki to wyraz twarzy i brzuch. Pędzlem circle(01) rysujemy odpowiadający nam kształt dla wyrazu twarzy, a następnie Zaznaczeniem eliptycznym tworzymy owal w kształtach brzucha. Wypełniamy go kolorami pasującymi dla nas. Całość powinna przypominać poniższy efekt:
(http://www.gimpuj.info/replacement.png)

7. Pracę zapisujemy w formacie .png, lub .gif, na pewno niewskazany format to .jpg, który może zepsuć jakość pracy.


____________________________________
Miniaturka: (http://www.gimpuj.info/replacement.png)
Opis: Tutorial pokazujący jak stworzyć prosty pixel art.



Bardzo proszę o ocenę, pozdrawiam Mr. Panda!


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Samuel on 25.03.2008, 19:28:58
misiooooooooooo

edit: tylko trochę gruby ma brzuszek co on kiszki się najadł.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: BartisKing on 25.03.2008, 19:30:11
Misia każdy głupi zrobi, napisz lepiej jak zrobić człowieka.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Gorn on 25.03.2008, 19:35:26
Hehe, genialne. Zaraz zrobię sobie parę. xD
Cóż, efekt nie powala, ale jest fajne. ^^


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Lenoxxi on 25.03.2008, 19:42:59
OK, ale szablon obowiązuje każdego


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Calii on 25.03.2008, 19:47:31
Pierwsze uwagi: Tutorial napisany, wiec mleko już wylane, ALE. Na bank nie zostanie bez względu na treść jeszcze jakiś czas przeniesiony. Nie spełniasz wymogów regulaminu forum w kilku punktach.
/staż na forum
/ilość wiadomości napisanych w istotnych dzialach i sprawach
/szablon tutoriali

Tymczasem masz czas na poprawienie tej propozycji w dziale TEST i nadrobienie zaleglosci na forum.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: INSEKT on 25.03.2008, 20:06:19
Kolega leje na regulamin, nieładnie...


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Calii on 25.03.2008, 20:16:21
Juz dostal upomnienie, chyba nie musimy po sobie powtarzac jak echo, zaledwie ze zmiana natezenia glosu i ewentualnie akcentem? Bardzo slicznie o to prosze :)


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: ubivbehwbcvjh on 25.03.2008, 20:22:58
Z pixelartem ma to niewiele wspólnego.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Czołgista on 25.03.2008, 20:24:14
Nie rozumiem o co chodzi w szablonie tutoriali, przeczytałem wszystko raz jeszcze co do tutków i jedyny błąd jakie zauważyłem to miniaturka + opis, co poprawiłem. Co do stażu, na tym koncie jest nikły, co do postów staram się. :)


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Samuel on 25.03.2008, 20:26:01
Ja mogę skopiować i podpisze że to mój a wykonał Mr.Panda :D i będzie dla mnie pkt reputacji i dla niego hihih

edit: to Mr.Panda mi skopiuję a ja wkleję:D

edit: i poprawki by się przydały :)


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Calii on 25.03.2008, 20:30:31
To wejdz do dzialu propozycje tutoriali - spojrz na inne propozycje, zastanow sie pod wzgledem technicznym i graficznym czym one od Twojego sie roznia. Nastepnie poczytaj komentarze, jakie tam zostawili Korektorzy i wyciagnij wnioski.
Twoj tutorial nie jest zgodny z szablonem nadal, napraw to po tej calej analizie.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Ivellios on 25.03.2008, 21:40:06
według definicji z Wikipedii, pixel art nie wygląda jak to i tworzy się go troszkę inaczej :P.

Cytuj
"Czyste" pixel arty są z założenia rysowane piksel po pikselu bez używania filtrów. Większość osób uważa, że można korzystać z narzędzi rysujących gotowe kształty jak elipsy, prostokąty i linie oraz używać wypełnienia. Używanie filtrów, takich jak automatyczny antyaliasing powszechnie uważane jest jednak za niedopuszczalne. Pixel art wyróżnia się bowiem sposobem rysowania, a nie jego efektem.

Popatrz na swój tutorial i skonfrontuj go z tym cytatem :).

Pixel art nie jest taki prosty jak się zdaję. Żeby osiągnąć taki efekt jak profesjonaliści trzeba posiedzieć trochę nad takimi rzeczami jak: cieniowanie, padanie światła, kolorystyka itp. itd. :)

PS: popatrz na mój podpis, może cię oświeci XD.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: snufkin on 25.03.2008, 21:58:56
Kilka przykładów prawdziwego "PixelArt":
(http://fc02.deviantart.com/fs27/f/2008/035/e/4/pixelart_by_xanaxdesigner.png)   (http://fc02.deviantart.com/fs24/f/2007/336/f/1/PixelArt_town_by_Geoskolnik.png)

(http://fc01.deviantart.com/fs22/f/2008/023/b/b/pixelart_car_by_xanaxdesigner.png)

(http://fc05.deviantart.com/fs5/i/2005/006/8/6/pixel_art_town___render_uf_4_by_sc89.jpg)   (http://tn3-1.deviantart.com/fs15/300W/f/2007/078/3/2/town_by_miss_melones.jpg)

Z całym szacunkiem, ale Twój tutorial nie ma z tym zbyt wiele wspólnego.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: BartisKing on 25.03.2008, 22:13:14
snufkin napisz tutorial ;D.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Czołgista on 26.03.2008, 18:57:04
Nie każdy pixel art musi być w takiej pozycji... Możliwe, że nie jest to najlepszy sposób na pixel art, ale na początki z zabawą wystarczy (głównie dla wytłumaczenia prostych efektów na takowy obrazek).


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Judyta04 on 27.03.2008, 16:55:00
To nie jest moim zdaniem pixel art. Pixel art się rysuje pojedynczo, a nie tworzy zaznaczenie i wypełnia tłem. Ja nigdy nie będę za pixelami w Gimpie, wolę do tego Paint.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Czołgista on 27.03.2008, 17:13:01
W gimpie można robić bez tła, no chyba, że mam inną wersję Painta i tylko ja nie mogę...  ^^


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Ivellios on 27.03.2008, 17:49:21
@Judyta04 w sumie to nie ważne w jakim programie się tworzy prace, a jak one wyglądają :). Poza tym w GIMPie jest możliwość pracy na kilku warstwach, a to bardzo ułatwia pracę nad projektem :) :D


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Judyta04 on 28.03.2008, 19:33:15
Może i warstwy ułatwiają pracę, ale w Gimpie bardzo mi brakuje siatki kartograficznej na której w Paincie fajnie się pracuje. A co do tła to przecież co za problem wyciąć, zmienić w kanał alfę, zrobić render w Gimpie.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Czołgista on 28.03.2008, 20:16:57
A jak masz linuxa ? MS Paint już nie pomoże, za to Gimp w Mandivi jest dodawany za free.


Tytuł: Odp: Pixelart w Gimp'ie
Wiadomość wysłana przez: Judyta04 on 28.03.2008, 20:31:35
Niby tak. Ale po co tutek? Jak to tylko rysowanie.