Kurs jest stary i brzydki , wrzucam, bo może komuś się przyda.

Heloł! Przygnębiony poziomem (i ilością!) polskich artykułów na temat pixel artu postanowiłem takowy napisać. Nie będzie to artykuł cholernie obszerny, wyjaśniający wszystkie aspekty pixel artu, a praktyczny poradnik, w którym będzie można przeczytać o technikach używanych przeze mnie przy tworzeniu sprite'a, no wiecie "nauka poprzez patrzenie jak coś powstaje". Aha, wszystko, co napisane jest pogrubioną czcionką jest wyjaśnione na symym dole artykułu.

Na Click Portalu zobaczyłem kiedyś zapowiedź ciekawej gry nazwanej Colonization of Fomalhaut, miał to być RTS czasu rzeczwistego, którego akcja dzieje się w XXII wieku.
Projekt jest naprawdę ciekawy i w momencie pisania tego artykułu praca wre pełną parą, więc niedługo będziecie mogli w niego zagrać. Mniejsza.

Napisałem do autora zapowiedzi, Broo, że chętnie pomógłbym mu w grafice, on z entuzjazmem się zgodził, a ja dopiero po paru godzinach zorientowałem się, że zgodziłem się uczestniczyć w czymś, o czym nie mam pojęcia. Mówię tu o realiach futurustycznych, tj. głównie o statkach, których za cholerę nie mogłem sobie wyobrazić. Po jakimś czasie zasiadłem do GraphicsGale i zacząłem rysować. Efekty mojej pracy możecie obejrzeć poniżej.

1. Zacząłem od narysowania prostego linearta. Najpierw narysowałem prostokąt, który następnie zaogrągliłem, dodałem zwężenie od góry oraz "wyciąłem" w nim na dole dziurę o kształcie półkola.

2. Dorysowałem linie mające ograniczać kokpit statku, stworzyłem go na takiej zasadzie, co ogólny lineart, ale nie robiłem dziury na dole.

3. Czas na skrzydła. Dwie linie składające się razem z częścią główną w trójkąt, do tego przy końcu lekie zgrubienie oraz wygładzenie krawędzi... i otrzymałem całkiem nieźle wyglądające szkrzydła.

4. Wybrałem główne kolory, ciemnoszary dla statku i jasnoniebieski dla kokpitu, wypełniam nimi rysunek.

5. Jedna z najważniejszych części tworzenia pixel artu, wyberałem miejsce, z którego pada światło, a następnie zająłem się cieniowaniem statku. W moim przypadku światło pada "od dołu", więc na samej górze statku położyłem dużą plamę ściemnionego koloru głównego, podobnie zrobiłem ze skrzydłami, ale je lekko wygładziłem dodatkowym kolorem. Oprócz cieni trzeba zaznaczyć światło, więc jasnym odcieniem przejechałem po dolnej części statku. Czarne linie znajdujące się wewnątrz statku rozjaśniłem. Kokpitu póki co nie cieniowałem, zostawiłem go sobie na później.

6. Dodałem kolejny kolor - pośredni pomiędzy najciemniejszym i głównym, a następnie nałożyłem bardzo duże plamy tego koloru na skrzydła.

7. Kolejne 2 kolory, tym razem pośrednie pomiędzy najjaśniejszym a głównym, wycieniowałem.

8. Czas zająć się kokpitem. (dużo!)Ciemniejszym kolorem wypełniłem kokpit, a kolorem, który wybrałem jako główny narysowałem małą plamę...

9. ...którą wygładziłem kolejnymi trzema odcieniami niebieskiego.

10. Dookoła kokpitu narysowałem jasnym kolorem obramowanie, tam, gdzie linia jest krzywa użyłem anty aliasingu.

11. Jako, że uznałem statek za zbyt banalny - narysowałem na nim 4 paski koloru czerwonego...

12. ...następnie wycieniowałem je dodając dwa ciemniejsze i jeden jaśniejszy kolor.

13. W tym kroku - w myśl tego, co napisałem w pkt. 11 ("uznałem statek za zbyt banalny ") - urozmaiciłem statek dorysowując kolorem czarnym działka laserowe.

14. Wypełniłem je głównym kolorem (wybranym w pkt. 4) i namalowałem małe, czerwone plamy na czubku każdego z działek.

15. Lekko wycieniowałem działa, nic wielkiego.

16. Dodałem białe odblaski w najjaśniejszych miejscach statku, i...

Voila! Mam statek. Nie jest to oczywiście nic doskonałego, ale na pewno łatwo to wykonać i nie razi oka. Poza tym - jak już mówiłem - nie mam zilonego pojęcia o kanonanch designerskich futurystycznych statków.

Pozdrawiam, Rafał "Stankol" Sankowski.

Mini słownik:
sprite - (w pixel arcie) praca graficzna, która została stworzona z myślą o użyciu jej w grze;
Click Portal - forum o tworzeniu aplikacji komputerowych w tzw. klikach, zapraszam na http:/cportal.webd.pl;
GraphicsGale - moim zdaniem najlepszy program do tworzenia grafik przy pomocy techniki pixel artu;
lineart - same kontury przyszłej pracy, przeważnie rysowane ciemnymi kolorami;
cieniowanie - polega na rozjaśnianiu miejsca, na które pada światło, a przyciemnianie miejsca, na które nie pada, cieniowanie dodaje głębi;
anty aliasign - bardzo złożona technika polegająca na wygładzaniu krawędzi, po więcej informacji zapraszam na http://www.derekyu.com/extras/pixel10.html (po angielsku!);