Pixel Art - Kompendium Artur Reterski - Vile Monarch Coś o mnie ( °͡ ͜ʖ °͡ )

❏ W internetach - Artur Perski ❏ Moja strona - www.ArtPerski.com ❏ W gamedevie pracuję od 2007 ❏ Obecnie pracuję w Vile Monarch ❏ Współpracowałem m.in. z: - Garmory - Platige Image - Necrosoft Games - Artegence - Gamelion - Trefl - wielu pojedynczych developerów

Definicja artu

❏ Wikipedia mówi: “Pixel art – sposób tworzenia grafiki rastrowej za pomocą programów pozwalających na edytowanie obrazów na poziomie pojedynczych pikseli”

❏ Ja mówię: - to szczyt samoumartwiania - obecnie rodzaj grafiki stylizowanej - styl artystyczny definiowany przez sposób tworzenia, a nie efekt końcowy - styl artystyczny korzystający z technik ‘malowania’ wyjątkowych dla niego - styl, który jest kompletny (nie będzie już lepszy, co najwyżej modyfikowany) Cechy charakterystyczne pixel artu

❏ Ograniczona paleta kolorów ❏ Niska rozdzielczość ❏ Formaty bez kompresji, np. PNG., GIF., BMP. ❏ Mała waga plików ❏ Brak możliwości skalowania* ❏ Widoczne piksele ❏ Poklatkowa animacja ❏ Brak/unikanie przezroczystości ❏ Wykorzystywanie spriteów

❏ Dążenie do jakości HD przy maksymalnym wykorzystaniu ograniczonych zasobów Co nie jest pixel artem?

❏ Oekaki ❏ rastrowe rendery ❏ grafika rastrowa z niską rozdzielczością ❏ grafika rastrowa z ograniczoną paletą ❏ grafika stworzona przy użyciu automatycznych narzędzi (wygładzanie, smużenie, przenikanie)

Historia pixel artu

❏ - Dawno temu - mozaika ❏ - Mniej temu - haft krzyżykowy ❏ - Nowożytne - neoimpresjonizm ❏ - 1910 - pierwsza kartoniada ❏ - 1935 - wczesna telewizja CRT ❏ - 1964 - wyświetlacz LCD ❏ - 1965 - zdefiniowanie słowa ‘piksel’ ❏ - 1972 - Pong ❏ - 1977 - Atari (konsole domowe) ❏ - 1989 - GB (konsole przenośne) ❏ - 1994 - telefony komórkowe ❏ - 2011 - początek trendu nostalgii

Pixel

❏ Pixel art

❏ Pixelart Co takiego wydarzyło się w 2011?

Pixel art dzielimy na style

❏ Retro - wynikający z ograniczeń sprzętowych ❏ True - wynikający z narzuconych ograniczeń ❏ Modern - Łamiący i miksujące założenia pixel artu

+ style podrzędne

❏ Brudny/śmieciowy - nadużywanie ditheringu ❏ Izometryczny - rysowany w perspektywie ❏ Exocet itp. - charakterystyczne dla artysty ❏ Anime-inspired - np. grafiki RPG makera Retro pixel art Retro pixel art True pixel art True pixel art True pixel art True pixel art True pixel art Modern pixel art Modern pixel art Modern pixel art Brudny/śmieciowy pixel art Brudny/śmieciowy pixel art Brudny/śmieciowy pixel art Izometryczny pixel art Izometryczny pixel art Exocet pixel art Anime-inspired Anime-inspired Anime-inspired Techniki charakterystyczne dla pixle artu

Te spoko:

❏ Anti-Aliasing ❏ Dithering ❏ Pixel Clusters ❏ Sub-pixel Animations

Te nie spoko:

❏ Banding ❏ Pillow-shading ❏ Jaggies ❏ Sel-out (zepsute outliney) Anti-Aliasing Zły Anti-Aliasing Zły Anti-Aliasing Dithering Dithering Zły Dithering Zły Dithering Pixel Clusters Sub-pixel Animations Banding Banding Banding Pillow-shading Pillow-shading Jaggies Selective outline Przygotowanie projektu/gry pixel art

❏ Zasoby: - Czas - Budżet - Zespół (pracownicy) ❏ Wymiary/skala ❏ Różne rozdzielczości ❏ Paleta kolorów ❏ Sposób animacji spriteów ❏ Narzędzia Zasoby - czas

1 h Zasoby - czas

410+ h Zasoby - budżet

FREELANCE

❏ 0-10$/h - bez doświadczenia ❏ 10-15$/h - początkujący ❏ 15-30$/h - utalentowani ❏ 30-40$/h - eksperci ❏ 40-50$/h – top class ❏ 40-120$/h - art direction ❏ up to 200$/h - agencje designu ❏ 200$/h and more - popularni artyści Zasoby - zespół Zasoby - zespół Wymiary/skala Wymiary/skala Wymiary/skala Różne rozdzielczości Różne rozdzielczości Paleta kolorów

Sposób animacji spriteów

Narzędzia

❏ Paint – istnieją lepsze ❏ Pyxel Edit – stworzony z myślą o tilach ❏ Aseprite – super program do wszystkiego ❏ Grafx2 – dla retro maniaków ❏ Gimp – no można, ale po co ❏ GraphicsGale – dobry soft ❏ ProMotion – mój top 1 ❏ Photoshop – do wszystkiego ❏ Crocotile3d - 3D jak 2D tilemap edytor ❏ Pixa Tool - soft do zmiany digital na pixle ❏ Pixel Fx Designer - Affter Effect dla pixli ❏ MARMOSET HEXELS - do Hexli Proces Proces Proces Przykłady mixowania pixel artu

Demake

Przydatne linki

❏ Pixeljoint.com – galeria pixel art ❏ Pixelation.org – najlepsze forum pixel artowe ❏ Tigsource.com – strona dla developerów ❏ Spriters-resource.com – rip-offy ❏ Opengameart.org – darmowy stock grafik ❏ Pixelprospector.com – baza tutoriali ❏ Lospec.com - wszytsko + palety kolorów ❏ Indieretronews.com - retro newsy Kontakt - Artur Perski

Jeśli chcesz się ze mną skontaktować apropo:

❏ Zamówienia grafik ❏ Skonsultowanie projektu ❏ Pytań o pixel art ❏ Czegokolwiek kreatywnego

Zostaw mi wiadomość na e-mail [email protected]

Vile Monarch rekrutuje - [email protected]

❏ szukamy: artystów 2D/3D, programistów, designerów, producentów, specjalistów QA