[TUTORIAL] Pixel Art - Jak zacząć

Witam!
Ten tutorial skupia się na najważniejszych podstawach i kończy się na mieczyku. Następne (o ilę będzie zainteresowanie) poszerzą niektóre tutaj części lub omówię nowe tematy (potwory w izometrii, kolory-paleta, AA, itd)

1. Przygotowanie

Program? Z początku wystarczy na Paint, ja do kolorowania pixeli (bo lineart robię w paincie) używam Gimpa/Photoshopa - a to tylko z wygody (i opcja z zapisywaniem animacji)
Jak wiadomo (lub i nie) każdy przedmiot w tibii ma rozmiar 32x32 pixeli. Otwórzcie mspaint>Ctrl+e>ustawcie 32x32. Ktoś wam zatruwał umysły o różowo-fioletowym tle? Ono jest potrzebne tylko wtedy , gdy grafika jest dodawana do gry. Nie musicie na nim robić, bo sprite tylko się źle prezentuje.

2. Unikamy błędów – podstawy w cieniowianu.

Są tu przykłady „cieniowań”, które nadają przedmiotom niezwykle żałosny wygląd. Wyróżniamy tzw. pillow shading, gradient, itp.
http://s6.ifotos.pl/img/bledypng_xpqasww.png

Tak się to robi! Światło powinno padać z północnego-zachodu (w tibijskich spriteach). Nie zapominamy o odbitym świetle.
http://s6.ifotos.pl/img/Swiatlogi_xpqassh.gif
http://s6.ifotos.pl/img/kulapng_xpqasax.png
Aha i tutaj aby ożywić przedmiot można w prosty sposób w jaśniejszych strefach dać lekki odcień żółtego (bo od światła!) i niebieskiego do cieni (od nieba).
Często jak coś tworzymy można wyróżnić pierwszy, drugi plan itp. To, co dalej przeważnie przyciemniamy, natomiast to, co bliżej ma żywsze/jaśniejsze kolory.

Ważne: Każdy przedmiot inaczej może odbijać światło , mieć inny kontrast (np. metal a drewno). Nie cieniujemy ciągle tak samo, bo wyjdzie brzydko.


Musicie też pamiętać o tzw. AA (anty-aliasing), które wygładza krawędzie lub daje łagodne przejście między kolorami. Opanowanie tego będzię jedną z najtrudniejszych rzeczy, ale później jest łatwiej i łatwiej!
http://s6.ifotos.pl/img/AApng_xpqaapq.png
3. Kontur-outline
Nie rozpiszę się tu za dużo.
Nie robić zbyt prostych przedmiotów i radzę unikać „szarpanek” w liniach.
http://s6.ifotos.pl/img/liniepng_xpqasqq.png
4. Chcę zrobić sprite, może jakiś mieczyk? – przykłady cieniowania ostrzy
http://s6.ifotos.pl/img/ostrzapng_xpqaahq.png
5. Pokażesz jak zrobić cały miecz – krok po kroku? Jasne :P


Najlepiej zacząć od końcówki ostrza. Tylko nie robić go kwadratowego! Przecież czeba czasami pchnąć miecz jakiemuś trolowi w plecy, co nie?
http://s6.ifotos.pl/img/1png_xpqaaxh.png

Przedłużamy ostrze i zaczynamy rękojeść . Prościzna.
http://s6.ifotos.pl/img/2png_xpqaaxx.png
Tylko nie robić za chude, bo to nie patyk je. No i nie za małe, trzeba mieć za co złapać. Czyż nie?
http://s6.ifotos.pl/img/3png_xpqaaxa.png
Kontur prawie skończony. Zmieniamy ostrze według gustu, dodając detale itp.

http://s6.ifotos.pl/img/4png_xpqaanp.png
http://s6.ifotos.pl/img/5png_xpqaana.png
Wypełniamy kolorami i zaznaczamy cienie. Tylko proszę, bez takich, po których oczopląsu można dostać.
http://s6.ifotos.pl/img/6png_xpqaaex.png
Zaczynamy rozjaśniać tam gdzie trzeba.
http://s6.ifotos.pl/img/7png_xpqaaee.png
Wszystko starannie balansujemy, dodajemy AA. To koniec.
http://s6.ifotos.pl/img/8png_xpqaaew.png

Proces i efekt finalny:
http://s6.ifotos.pl/img/procesani_xpqaawa.gif http://s6.ifotos.pl/img/mieczpng_xpqaasr.png
6. Inne przykłady zwykłych mieczy
http://s6.ifotos.pl/img/przyklady_xpqaaaa.png
7. Zakończenie

Mam nadzieję, że stało się to dla was łatwe jak zdobycie nr telefonu do dziewczyny :P


Pytać, komentować, pokazywać swoje wytwory. Może zainteresowanie pixel artem wzrośnie na torgu i stanie się popularne jak kiedyś.
Copyright ....

świetne prace , mógłbyś się troche bardziej rozpisać o cieniowaniu? Niestety ale każdy poradnik pomija ten punkt (w wiekszosci: dodajemy kilka detali/cieniujemy -obrazek zmienia sie nie do poznania nikt nie wie ocb:D). Ja swoje pixelarty cieniuje ostatnio w paincie tylko , ale tam glownie wszystko recznie i ograniczam sie tylko do zmiany odcienia danego koloru , próbowałem również w gimpie i photoshopie wychodzilo nawet ladnie chociaz nie zawsze to co chciałem ,troche toporne programy dla pixelartow , raczej przeznaczone dla wiekszych prac.

Świetna robota. Jak wyżej napisano, bardzo dobrze, że opisałeś cieniowanie bo to najcięższe zadanie do wykonania przez laika, a bynajmniej dla mnie. Sam próbowałem (x czasu temu) bawić się w pixel art i jako tako mi to szło, jedno z moich wytworów znajduje się u mnie w Avatarze*. Raczej nigdy nie kierowałem się poradnikami (a nawet ich nigdy nie czytałem), sam probowałem dojść do perfekcji czego nigdy mi się nie udało, ale cóż wymagać od 3 tyg. samodzielnej nauki :D

*Paint job.

Zrobiłem coś, żeby zachęcić Cię do dalszego pisania ;d ogólnie warto dodać (a może lepiej i nie ;d), że z grafiką już styczność mam od bardzo dłuższego czasu, ale nie z pixel artem, więc w tej dziedzinie szału nie ma

http://www.iv.pl/images/78925143440880783998.png

@up
Ładne, estetyczne. Tylko ostrze według mnie pocieniowane nudno (gradientowo).

Rozpiszę się w następnym tutorialu. A teraz na szybko:
używajcie tylko narzędzi nakładających solidne pixele
(np. ołówek, narzędzie lini, wiaderko - takie coś jak pędzle czy burn toola psują efekt i dają 3498390 kolorów, co później ciężko odwzorować robiąc np. set)
- "think form, not shape" staram się myśleć zawsze w 3D
- unikam - a właściwie podczas cieniowania - pozbywam się czarnych pixeli w środku
- cieniowanie zależy od każdego przedmiotu
- dla ułatwienia - ja najczęsciej na początek wybieram odcień bazowy, jasniejszy i ciemniejszy, stopniowo dodaję kolejne tworząc łagodniejsze przejście
http://fc01.deviantart.net/fs70/f/20...is-d60oh0a.png
Polecam ten tutorial do kolorów: http://browse.deviantart.com/art/How...rial-184642625

Jeśli komuś nadal nie wychodzi tak jak chciałby to zawsze może wziąć dla porównania pixel arty z tibii lub te z mojego tematu i podpatrzeć jak są zrobione (a konkretnie jak dobrana jest paleta). Ćwiczyć, ćwiczyć i eksperymentować ;)

Następny tutorial na jakiś konkretny przedmiot?

Mnie to w sumie nie interesuje, ale zajebiście robisz pixel arty to może napisz tutorial jak zrobić rzeczy / postaci ruchome, żeby w każdym ruchu były podobne, a nie jakieś powykrzywiane.

Jak robisz postacie to od zera wszystko, czy masz gotowe szablony? (jak bawiłem się w rpg makera to używałem szablonu gołej postaci, bez ubrań i na niej dorysowywałem co trzeba)

Od zera. Jeśli ma pasować do Tibii to czasami patrzę na głowę. A szablonów takowych nie robiłem, bo akurat chyba mi nie są aż tak potrzebne/przydatne.
Czasami tak zaczynam:
http://s6.ifotos.pl/img/Scrappng_nnhaana.png
a tak wyglądało moje przygotowanie do animacji xD:
http://s6.ifotos.pl/img/SZKIC-ANI_nnhaaep.gif