PDA

Zobacz pełną wersję : [pixelart] How to do sprite - Tutorial


Hanzo
01-09-12, 22:35
Witam!
Zrobiłem tutorial jak tworzyć sprity, gdyż kilka osób mnie o to prosiło.Tak „sprite”, bo to nie pixelart. Zacznę od podstaw i skończy tylko się na zwykłym prostym mieczyku.

1. Przygotowanie

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 wasz sprit jest dodawany 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. Nie zapominamy o odbitym świetle.
http://s6.ifotos.pl/img/Swiatlogi_xpqassh.gif
http://s6.ifotos.pl/img/kulapng_xpqasax.png
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. Zmieniacie ostrze wg gustu, dodajecie 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(2 moje , resztę podrzucił Nixodin)
http://s6.ifotos.pl/img/przyklady_xpqaaaa.png
7. Zakończenie

Myślę, że przekazałem podstawy w wykonywaniu spriteów, ale nadal wiele sztuczek zostało do odkrycia i metod do nauczenia. Jeśli jakaś większa liczba osób będzie chciała to mogę zrobić więcej tutoriali (np. dobór palety, jak zrobić moba w perspektywie itp). Mam nadzieję, że stało się to dla was łatwe jak zdobycie telefonu dziewczyny :P.
Pamiętać! Twój umysł jest jak spadochron, tylko otwarty jest użyteczny.


Pytać, komentować, pokazywać swoje wytwory.

Zastrzegam sobie prawo do tutoriala i moich grafik w nim zawartych. Zezwalam na kopiowanie na inne fora , jeśli wyrażę zgodę.

Xanvin
01-09-12, 23:20
Fajnie to pokazałeś, czekam na więcej takich tutoriali od Ciebie :)

Shikate
02-09-12, 10:03
Nom, świetnie to wytłumaczyłeś Hanzo reszcie ;P Mam nadzieję, że wkrótce będą efekty. Tylko bez komentarzy: Świetny poradnik! Zrobiłem mój mieczyk na zwór twojego! I gość daje miecz z pillow shading. Jak takie coś macie robić to lepiej nic nie piszcie, a uwierzcie, że widziałem takie przypadki! PAMIĘTAJCIE: PILLOW SHADING TO ZŁO!

Wicked
02-09-12, 18:56
Świetny poradnik. Byłby plusik albo coś ode mnie, ale nic nie można tu takiego dać. ^^