Shadow - 2011-06-06 13:45:42

Na początku powiem że to poradnik robienia pixel-artów wzięty z TORG'a( dla niewiedzących tibia.org.pl). To nie mój poradnik.

A więc: Jak zrobić ładną broń w Paincie? Oto pytanie, na które postaram się udzielić odpowiedzi w moim poradniku. Poniżej znajduje się mini-spis treści:

1. Co to w ogóle jest pixel art?
2. Co mi będzie potrzebne?
3. Lineart.
4. Pierwsze kolory.
5. Cieniowanie.
6. Zapis i kompresja.

[b]1. CO TO W OGÓLE JEST PIXEL ART?


Pixel Art - jest sposobem tworzenia grafiki rastrowej za pomocą programów pozwalających na edytowanie obrazów na poziomie pojedynczych pikseli (np. MS Paint, Adobe Photoshop, GIMP). A teraz po polsku (i tibijsku) - będzie to obrazek o wymiarach 32x32, 64x64 lub wiekszy (nie spotkałem jeszcze, ale czego to ludzie nie wymyślą), na którym znajduje się grafika, będąca częścią Tibijskiego świata. Najczęstszymi pixel artami Tibijskimi, tworzonymi przez użytkowników, sa bronie, pancerze, tarcze, sety (cała zbroja) i inne tego typu rzeczy, czasem nawet tworzone są ściany budynków, itp. Krótko: "Nasz" Pixel Art to obrazek z tibijską grafiką.


2. CO MI BĘDZIE POTRZEBNE?

No więc dwie rzeczy sa najważniejsze. Po pierwsze: Paint. Z nim jednak nie powinno być problemu, zwłaszcza, że dużo ludzi ma go na swoich komputerach. Problem jednak może wystąpić z drugą z potrzebnych rzeczy, a mianowicie wyobraźnią. Tak, wielu z dotychczasowych użytkowników nie może nawet myśleć o podjęciu się takich prac. Aż strach pomyśleć, co by to wyszło, jakby każde dziecko neo brało się za pixel art... A więc, w Paint'cie tworzymy nowy obrazek o wymiarach 32 x 32. Następnie kolorujemy go (wypełnieniem ofc) na kolor różowo-fioletowy (tak jak na zdjeciu), przybliżamy ośmiokrotnie. i przechodzimy do następnego punktu.

http://i210.photobucket.com/albums/bb53/marmadas_1991/forgot.png



3. LINEART.

Lineart - to obrazek przedstawiający same kontury (raczej czarne) pixel arta. Dzięki niemu możemy zobaczyć jak wygląda nasze dzieło jeszcze bez żadnych efektów. Pokolorowany lineart ułatwia używanie różnych technik, łatwiej opanować tworzenie obrazu. Rysowanie bez niego sprawia niektórym bardzo wiele problemów. Wpierw jednak, ułatwmy sobie pracę. Jako, że trudno byłoby rysować po surowym fioletowym tle, doróbmy sobie siatkę.

http://i210.photobucket.com/albums/bb53/marmadas_1991/siatka.png
http://i210.photobucket.com/albums/bb53/marmadas_1991/siatka2.png




Następnie tworzymy lineart (szkic nowej pracy). Oto przykład:

http://i210.photobucket.com/albums/bb53/marmadas_1991/8x-siatka.png

http://i210.photobucket.com/albums/bb53/marmadas_1991/rys.1.png



4. PIERWSZE KOLORY.

Jako, że nasz pixel art nie może obyć się bez kolorów, musimy je pięknie i ładnie dopasować. Wiadomo, że rzadko widzi się miecz koloru czerwonego/zielonego/niebieskiego, lub zbroje w kolorze pikantnego różu (oczywiście nie mówię, że nie należy tekowych tworzyć, lecz dużo więcej broni i setów w tibii ma kolor po prostu "metaliczny"), tak więc musimy zadbać o realistyczną kolorystykę naszego (w moim wypadku) mieczyka. nakładamy więc po przeciwnych stronach ostrza kolory (najlepiej biały i czarny), które na palecie występują po przeciwnych stronach (dla małokumatych - wybieramy kolor i jego przeciwność) i wylewamy. Dlatego potrzebna była nam przegródka na środku miecza.Gdy już wylejemy owe kolory, klikamy dwukrotnie na jeden z wybranych kolorów, wybieramy przycisk "Definiuj kolory niestandardowe >>" i wybieramy odcień kolora ze słupka po prawej stronie. Po czym przechodzimy do kolejnego punktu.

http://i210.photobucket.com/albums/bb53/marmadas_1991/wybor_colour.png



http://i210.photobucket.com/albums/bb53/marmadas_1991/2-colours.png



5. CIENIOWANIE.

Po wybraniu odcienia koloru, wybieramy z menu narzędzi linię i przytrzymując shift (przez co będzie łatwiej - linia będzie zawsze prostą) przeciągamy wzdłuż ostrza. Wygląda to mniej więcej tak:

http://i210.photobucket.com/albums/bb53/marmadas_1991/3-colours.png



Następnie klikając dwukrotnie ponownie na kolor, znów wybieramy jego odcień, i ponownie przeciągamy (można zrobić linię dwukrotnie, przez co skrócimy, nieznacznie, czas pracy).

http://i210.photobucket.com/albums/bb53/marmadas_1991/3d-coloursshadow.png



Właściwie po tym punkcie, nasz pixel art jest gotowy, jednak można wzbogacić go o przykładowo odblask czy poświatę.

Oto końcowy efekt naszego pixel arta:

http://i210.photobucket.com/albums/bb53/marmadas_1991/rys.3.png



6. ZAPIS I KOMPRESJA.

Pixel arty zwykle zapisuje się w formatach nie obniżających jakości obrazu, takich jak PNG i GIF. Z pewnością nieodpowiednim do tego celu formatem jest JPG, który (często mimo większej objętości) w znacznej mierze obniża jakość obrazka. Jednakże należy zachować ostrożność przy zapisywaniu w formacie GIF, ponieważ niektóre programy kompresują kolory do palety podstawowej, co jest bardzo niepożądanym efektem, gdyż psuje naszą paletę kolorów.

Plik GIF (318 bajtów)
http://upload.wikimedia.org/wikipedia/commons/1/10/Gif_pixel_cube.gif

Plik JPG (706 bajtów)
http://upload.wikimedia.org/wikipedia/commons/b/b5/Jpg_pixel_cube.jpg

MatFrow - 2011-07-02 19:21:44

Zajebisty poradnik Nawet mi się przydał , dzięki takim poradnikom jak ten "Shadow" ułatwiłeś prace nie jednej osobie :D Za poradnik 9/10 bo jest zajebisty sam bym lepszego nie zrobił polecam i namawiam do skorzystania z zawartym w nim informacji :D

Fenso - 2012-08-09 16:55:22

Nie wiedziałem że robienie pixel artów jest takie łatwe :D

www.odrodzeni.pun.pl www.dejavu.pun.pl www.ligaskalh.pun.pl www.2h3lo.pun.pl www.2sp.pun.pl