2 Worlds - Tibia to tylko początek...

http://img39.imageshack.us/img39/5862/developerrang.png Zapraszam na najlepsze forum o Tibii, mianowicie Jest to forum poświęcona grze Tibia i OTS http://img39.imageshack.us/img39/5862/developerrang.png

  • Nie jesteś zalogowany.
  • Polecamy: Moda

Ogłoszenie

Oceń stronę www.2-world.pun.pl
Darmowy licznik odwiedzin
licznik odwiedzin

#1 2011-06-06 13:45:42

 Shadow

http://img864.imageshack.us/img864/9704/rangadminp.png

11318467
Skąd: Ostrów Mazowiecka
Zarejestrowany: 2011-01-18
Posty: 45
Punktów :   
Ulubiona Profesja: Druid
Z Zawodu OT: Grafik,Maper,
Ulubiony Kolor: Fiolet
WWW

Rysowanie PixelArt'ów [Poradnik]

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


"Dzieciaki w moim wieku zbytnio olewają życie,
priorytetem dla nich są dragi, fajki i picie,
nie nauczę ich jak żyć, sory sam tego nie wiem,
sam uczę się na błędach, idę wierząc w siebie.."

http://img809.imageshack.us/img809/6567/565656.png

Offline

 

#2 2011-07-02 19:21:44

 MatFrow

http://img863.imageshack.us/img863/4562/ranguser2.png

10779170
Skąd: Ostrów Mazowiecka
Zarejestrowany: 2011-01-18
Posty: 29
Punktów :   
Ulubiona Profesja: Bardock
Z Zawodu OT: Mapper,Grafik
Ulubiony Kolor: Niebieski,Zielony

Re: Rysowanie PixelArt'ów [Poradnik]

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

Offline

 

#3 2012-08-09 16:55:22

Fenso

http://img707.imageshack.us/img707/1654/ranguser.png

Zarejestrowany: 2012-08-08
Posty: 5
Punktów :   

Re: Rysowanie PixelArt'ów [Poradnik]

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

Offline

 
http://img90.imageshack.us/img90/1561/posticon.png Brak Nowych Postów     http://img651.imageshack.us/img651/1092/newposticon.png  Nowe Posty     http://img135.imageshack.us/img135/1136/lockedicon.png Forum Zablokowane

Stopka forum

RSS
Powered by PunBB
© Copyright 2002–2008 PunBB
Polityka cookies - Wersja Lo-Fi


Darmowe Forum | Ciekawe Fora | Darmowe Fora
www.wrestling-rulez.pun.pl www.psychowsparcie.pun.pl www.swiatmagi.pun.pl www.zabkowiceslaskie.pun.pl www.avarone.pun.pl