Jak narysować grafikę pikselową. Wprowadzenie do Pixel Art dla gier

Już w XX wieku gry komputerowe stały się szerokim obszarem zastosowań grafiki pikselowej, zwłaszcza w latach 90-tych. Wraz z rozwojem grafiki 3D sztuka pikselowa zaczęła podupadać, ale potem wróciła do życia dzięki rozwojowi projektowania stron internetowych, pojawieniu się telefonów komórkowych i aplikacji mobilnych.

Pixel art to specjalna technika tworzenia obrazów w postaci cyfrowej, wykonywana w edytorach grafiki rastrowej, w której artysta pracuje z najmniejszą jednostką rastrowego obrazu cyfrowego – pikselem. Obraz ten charakteryzuje się niską rozdzielczością, przy której każdy piksel staje się wyraźnie widoczny. Sztuka pikselowa zajmuje dużo czasu i jest żmudna, w zależności od złożoności rysunku - piksel po pikselu.

Podstawowe zasady sztuki pikselowej

Najważniejszym elementem sztuki pikselowej jest tzw. line art – inaczej mówiąc jego kontury. Pixel art wykonywany jest za pomocą linii – prostych i zakrzywionych.

Proste linie

Zasada konstruowania linii w sztuce pikselowej jest taka, że powinny one składać się z segmentów, które w miarę postępu rysowania przesuwają się na bok o jeden piksel. Unikaj głównego błędu początkujących artystów zajmujących się grafiką pikselową: piksele nie powinny się stykać, tworząc kąt prosty.

W przypadku linii prostych możesz ułatwić sobie zadanie, korzystając z jednego ze znanych przykładów prostych ukośnych:

Jak widać na rysunku, wszystkie przedstawione na nim linie proste składają się z identycznych segmentów pikselowych, przesuniętych w bok o odległość jednego piksela, przy czym najpopularniejsze to segmenty jedno, dwu i czteropikselowe. Takie proste linie proste w grafice pikselowej nazywane są „idealnymi”.

Linie proste mogą mieć inny wzór, na przykład możesz naprzemiennie łączyć segmenty dwóch pikseli z segmentem jednego, ale takie linie nie będą wyglądać tak pięknie, zwłaszcza gdy obraz zostanie powiększony, chociaż nie naruszają zasad sztuki pikselowej .

Zakrzywione linie

Linie proste są łatwiejsze do wykonania, ponieważ unikają załamań, co nie ma miejsca w przypadku linii zakrzywionych. Ich konstrukcja jest trudniejsza, ale linie krzywe trzeba rysować znacznie częściej niż linie proste.

Oprócz tego samego zakazu tworzenia kątów prostych z pikseli, rysując zakrzywione linie, należy pamiętać o naturze ich przemieszczenia. Długość segmentów pikseli powinna zmieniać się równomiernie, stopniowo – płynnie rosnąć i równie płynnie opadać. Grafika pikselowa nie pozwala na załamania.

Jest mało prawdopodobne, że jednym ruchem ręki narysujesz idealną zakrzywioną linię bez łamania jednej zasady, więc możesz zastosować dwie metody: narysować linie, rysując jeden piksel po drugim, lub narysować regularną krzywą, a następnie ją poprawić poprzez usunięcie dodatkowych pikseli z gotowej „ramki”.

Roztrząsanie

W sztuce pikselowej istnieje coś takiego jak dithering. Jest to specyficzny sposób mieszania pikseli o różnych kolorach w celu uzyskania efektu przejścia kolorów.

Najpopularniejszą metodą ditheringu jest układanie pikseli w szachownicę:

Metoda ta zawdzięcza swój wygląd ograniczeniom technicznym w paletach kolorów, ponieważ aby uzyskać np. fiolet, trzeba było narysować czerwone i niebieskie piksele w szachownicę:

Później często używano ditheringu, aby przekazać objętość obrazów za pomocą światła i cienia:

Aby grafika pikselowa z ditheringiem działała dobrze, obszar mieszania kolorów musi mieć szerokość co najmniej dwóch pikseli.

Programy do grafiki pikselowej

Aby opanować tworzenie grafiki w stylu pikselowym, możesz skorzystać z dowolnego edytora graficznego obsługującego tego typu rysunki. Wszyscy artyści pracują z różnymi programami w zależności od swoich preferencji.

Wiele osób do dziś woli rysować pikselami w znanym standardowym programie systemu operacyjnego Windows - Microsoft Paint. Program ten jest naprawdę łatwy do nauczenia, ale ma to też swoją wadę - jest dość prymitywny, np. nie obsługuje pracy z warstwami i ich przezroczystością.

Kolejnym łatwym w użyciu programem do grafiki pikselowej, którego wersję demonstracyjną można znaleźć całkowicie bezpłatnie w Internecie, jest GraphicsGale. Być może wadą programu jest to, że nie obsługuje zapisywania grafiki pikselowej w formacie .gif.

Właściciele komputerów Mac mogą spróbować pracy z darmowym programem Pixen. Użytkownicy systemu operacyjnego Linux powinni sami przetestować programy GrafX2 i JDraw.

I oczywiście doskonałą opcją do tworzenia grafiki pikselowej jest program Adobe Photoshop, który ma szeroką funkcjonalność, pozwala pracować z warstwami, obsługuje przezroczystość i zapewnia łatwą pracę z paletą. Korzystając z tego programu, przyjrzymy się prostym przykładom samodzielnego rysowania grafiki pikselowej.

Jak narysować grafikę pikselową w Photoshopie

Podobnie jak w przypadku tradycyjnej sztuki pięknej, kształt, cień i światło odgrywają dużą rolę w sztuce pikselowej, więc zanim nauczysz się rysować grafikę pikselową, poświęć trochę czasu na zapoznanie się z podstawami rysowania - poćwicz rysowanie ołówkiem na papierze.

Rysunek „Balon”

Zacznijmy od najprostszej rzeczy - narysuj zwykły balon. Utwórz nowy plik w Photoshopie z rozdzielczością ekranu 72 dpi. Nie ma sensu ustawiać dużych rozmiarów obrazu - to sztuka pikselowa. Wybierz pędzel, twardy i nieprzezroczysty, ustaw rozmiar na 1 piksel.

Narysuj mały zakrzywiony półłuk od lewej do prawej, prowadząc go od dołu do góry. Pamiętaj o zasadach pixel artu: zachowaj te same proporcje segmentów, przesuń je w bok o piksel, nie pozostawiając załamań i kątów prostych. Następnie odbij ten łuk, rysując górę kuli.

Na tej samej zasadzie narysuj spód kulki i nić. Wypełnij kulkę kolorem czerwonym za pomocą narzędzia Wypełnienie. Teraz pozostaje tylko dodać objętości – nasza piłka wygląda na zbyt płaską. Pomaluj ciemnoczerwony pasek w prawym dolnym rogu kuli, a następnie potrząsaj obszarem. W lewym górnym rogu kuli narysuj podświetlenie białych pikseli.

Zobacz jakie to proste - piłka jest gotowa!

Rysunek „Robota”

Teraz spróbujmy narysować obrazek w tradycyjny sposób, a dopiero potem wyczyścimy te piksele, które naruszają zasady sztuki pikselowej.

Otwórz nowy dokument i wykonaj przybliżony szkic przyszłego robota:

Teraz możesz wyczyścić wszystko, co przeszkadza i w razie potrzeby dodać piksele:

W ten sam sposób narysuj dolną część ciała robota. Nie przegap okazji, aby narysować „idealne” linie proste w odpowiednich miejscach.

Szczegółowo opisz ciało robota. Wielu doświadczonych artystów radzi przed rozpoczęciem pracy przygotować sobie paletę – zestaw kolorów, który wykorzystasz podczas tworzenia pracy w stylu pikselowym. Pozwala to na największą integralność obrazu. Utwórz paletę na wolnym obszarze przestrzeni roboczej Photoshopa - na przykład w postaci kwadratów lub plam kolorów. Następnie, aby wybrać żądany kolor, kliknij go za pomocą narzędzia Kroplomierz.

Możesz zacząć wypełniać kontury. „Pomaluj” korpus robota głównym kolorem. Nasz kolor to lawendowy błękit.

Zmień kolor konturu - wypełnij go ciemnoniebieskim. Zdecyduj, gdzie na rysunku znajduje się źródło światła. Dla nas znajduje się on gdzieś powyżej i na prawo przed robotem. Narysujmy klatkę piersiową naszej postaci, dodając jej objętość:

Po prawej stronie zaznacz najgłębszy cień na rysunku, biegnący wzdłuż konturu ciała. Z tego cienia, od krawędzi do środka, narysuj jaśniejszy cień, który znika w zamierzonych obszarach oświetlonych przez źródło światła:

Dodaj podświetlenia robota we wszystkich obszarach, które mają odbijać światło:

Nadaj nogom robota cylindryczny wygląd, używając cienia i światła. W ten sam sposób wykonaj dziury z kółek na klatce piersiowej robota:

Teraz udoskonalmy obraz, dodając omówiony wcześniej element pixel artu – dithering – do zacienionych obszarów korpusu.

Nie trzeba robić ditheringu na pasemkach, ani na nogach – są już za małe. Używając ciemnych i jasnych pikseli, narysuj rząd nitów na głowie robota zamiast zębów, a także dodaj zabawną antenę. Wydawało nam się, że ręka robota nie została narysowana zbyt dobrze – jeśli napotkasz ten sam problem, wytnij obiekt w Photoshopie i przesuń go w dół.

To wszystko - nasz zabawny robot pikselowy jest gotowy!

Z tego filmu dowiesz się, jak stworzyć animację pixel art w Photoshopie:

Weź to dla siebie i powiedz swoim znajomym!

Przeczytaj także na naszej stronie:

Pokaż więcej

Obecnie programy takie jak Photoshop, Illustrator, Corel ułatwiają pracę projektanta i ilustratora. Za ich pomocą można w pełni pracować, nie rozpraszając się układem pikseli, jak miało to miejsce pod koniec ubiegłego wieku. Wszystkie niezbędne obliczenia przeprowadzane są za pomocą oprogramowania – edytorów graficznych. Ale są ludzie, którzy działają w innym kierunku, nie tylko innym, ale wręcz zupełnie przeciwnym. Mianowicie stosują ten sam oldschoolowy układ pikseli, aby uzyskać w swoich pracach niepowtarzalny efekt i klimat.

Przykład sztuki pikselowej. Fragment.

W tym artykule chcielibyśmy porozmawiać o ludziach zajmujących się grafiką pikselową. Przyjrzyjmy się bliżej ich najlepszym dziełom, które już ze względu na samą złożoność ich realizacji można bez przesady nazwać dziełami sztuki współczesnej. Prace, które zapierają dech w piersiach, gdy się je ogląda.

Pikselowa sztuka. Najlepsze prace i ilustratorzy

Miasto. Autor: Zoggles

Bajkowy zamek. Autor: Tinuleaf

Średniowieczna wioska. Autor: Docdoom

Wiszące ogrody Babilonu. Autor: Zaćmienie Księżyca

Dzielnica. Autor:

Pixel Art (Pixel Art) - przetłumaczone z angielskiego jako sztuka pikselowa. Piksel to z kolei najmniejszy element graficzny obrazu cyfrowego.

Zatem Pixel Art dosłownie oznacza sztukę rysowania za pomocą pikseli.

Dla jasności spójrzmy na ten przykład:

Owlboy (gra w pikselach)

Tak wyglądają gry z grafiką w stylu Pixel Art.

Bardzo często tego typu grafiki wykorzystuje się w grach indie, gdyż mają one bardzo rozpoznawalny styl gier komputerowych.

Jednak Pixel Art to nie tylko grafika, duszki i obrazy do gier, to cały kierunek sztuki cyfrowej i grafiki.

Piękne obrazy można narysować za pomocą grafiki pikselowej:

Tego retro stylu graficznego z niczym nie pomylisz.

Niektóre obrazy w tym stylu są całkiem godne zajęcia miejsca na pulpicie.

Są też bardzo fajni artyści, którzy pracują w tym stylu.

Spójrz na ten obrazek. Każdy piksel został tutaj narysowany osobno i ręcznie. To jak układanie mozaiki, tak jak robili to wcześniej i nadal to robią.

Jeśli powiększymy ten obraz, zobaczymy z bliska, jak wszystko jest zrobione:

Unikalny styl sztuki pikselowej polega na tym, że przejścia kolorów są dość wyraźne i nie ma antyaliasingu. Weźmy dla przykładu inną pracę z grafiki cyfrowej na dość przeciętnym poziomie, spójrzcie na tę rysunek dziewczyny w okularach(18+) na blogu www.econdude.pw.

Jest to rysunek wykonany myszką komputerową w programie SAI2.0.

Jeśli jednak powiększysz ten obraz, zobaczysz wygładzanie:

Nie ma wyraźnych przejść kolorów i odcieni, ale w pixel art przejścia są wyraźne.

Przyjrzyj się na przykład, jak można tworzyć przejścia między kolorami w grafice pikselowej:

Jest to obraz przybliżony, jeśli spojrzysz na niego z daleka w wysokiej rozdzielczości, przejście kolorów będzie dość płynne, ale tutaj widoczna będzie klarowność i spójność stylu.

Oto kolejny przykład, całkiem klasyczny rysunek w stylu marynaty:

http://www.gamer.ru/everything/pixel-art-dlya-nachinayuschih

Kiedy się zbliżysz, zdjęcia nie wydają się zbyt piękne, ale jeśli spojrzysz na grafikę pikselową z daleka, w wyższej rozdzielczości, może wyglądać wspaniale.

Czy możesz sobie wyobrazić, jaką wspaniałą pracę wykonują tacy artyści?

Czasami mówią, że Pixel Art robi się w ten sposób, bo jest taniej, mówią, że niezależni programiści po prostu nie mają środków na tworzenie nowoczesnej grafiki 3D, więc korzystają z najprostszej rzeczy, jaką przychodzą im na myśl, rysując w podstawowym redaktorzy graficy pikseli.

Jednak każdy, kto rysował cokolwiek w stylu Pixel Art, powie, że jest to niemal najdroższy styl graficzny pod względem zasobów (przede wszystkim czasu).

Animacja w stylu Pixel Art to generalnie piekielna robota.

http://www.dinofarmgames.com/a-pixel-artist-renounces-pixel-art/

Trzeba zatem jeszcze udowodnić, że Pixel Art to „leniwy styl”, powiedziałbym nawet, że wręcz przeciwnie, nie jest to ani trochę leniwy styl graficzny.

Jednak każdy może nauczyć się rysować coś prostego w stylu Pixel Art i nie potrzeba do tego żadnych specjalnych programów, wystarczy prosty edytor graficzny.

Jeśli chcesz nauczyć się rysować w tym stylu, potrzebujesz, jak w każdym innym przypadku, dużo praktyki i możesz zacząć np. od artykułów o Habré: Kurs sztuki pikseli

Znajdziesz tam także podstawowe zasady sztuki pikselowej.

Oto jeden przykład rysowania grafiki pikselowej (przyspieszonego wideo - szybkie rysowanie) na poziomie początkującym; możesz nauczyć się rysować w ten sposób dosłownie w tydzień:

Pixelart:: rysowanie statku kosmicznego

Czasami robią naprawdę szalone rysunki w tym stylu, nie możesz uwierzyć, że ktoś to narysował i chcesz wiedzieć, ile czasu nad tym spędził. Przykład:

https://www.youtube.com/watch?v=vChMzRnw-Hc

Widzisz to zdjęcie Sarah Carrigan ze StarCrafta? Jak myślisz, co to jest i jak się to robi?

Ten człowiek zbudował go z klocków w grze Minecraft, praca trwała 23 tygodnie.

Przyglądając się bliżej, widać, że są to wszystkie osobne bloki.

Formalnie nie jest to już pixel art, a nawet „minecraft block art”, jednak istota stylu pozostaje ta sama i jest to według autora największy rysunek pixel art i rekord świata.

W rzeczywistości, jeśli przyjrzysz się uważnie dowolnemu zdjęciu lub obrazowi, oczywiste jest, że składa się ono również z pikseli, jak ogólnie każdy obraz. Ale cała różnica polega na tym, że grafika pikselowa jest tworzona ręcznie, piksel po pikselu.

Inny przykład stworzyli artyści i animatorzy Paul Robertson i Ivan Dixon:

SIMPSONÓW piksel

Wydaje się, że to ogrom pracy i nawet przy użyciu dodatkowych narzędzi (istnieją filtry, które zamieniają zdjęcia w grafikę pikselową), zajęłoby to bardzo dużo czasu.

Osobiście uważam, że obrazy w stylu Pixel Art to prawdziwa sztuka współczesna w najlepszym tego słowa znaczeniu.

Każdy obraz Pixel Art ma bardzo wyraźną wartość, jest widoczny i odczuwalny.

Nawet osoba, która tego dobrze nie rozumie, może to docenić.

Jednak niestety ten gatunek sztuki nie jest zbyt popularny i obecnie uznawany jest za przestarzały, a powrót do niego w ostatnich latach w postaci wielu gier ze Steama w stylu pixel art również zaczyna ludziom przeszkadzać. Chociaż osobiście uważam, że ten retro styl graficzny to już klasyka, a prawdziwy klasyk nigdy nie umrze.

Rysowanie na poziomie pikseli ma swoją niszę w sztukach wizualnych. Za pomocą prostych pikseli powstają prawdziwe arcydzieła. Oczywiście można tworzyć takie rysunki na kartce papieru, ale znacznie łatwiej i poprawniej jest tworzyć obrazy za pomocą edytorów graficznych. W tym artykule szczegółowo przeanalizujemy każdego przedstawiciela takiego oprogramowania.

Najpopularniejszy na świecie edytor graficzny, który potrafi pracować na poziomie pikseli. Aby utworzyć takie zdjęcia w tym edytorze, wystarczy wykonać kilka wstępnych kroków konfiguracyjnych. Tutaj znajdziesz wszystko, czego potrzebuje artysta, aby tworzyć sztukę.

Ale z drugiej strony taka obfitość funkcjonalności nie jest potrzebna do rysowania grafiki pikselowej, więc nie ma sensu przepłacać za program, jeśli zamierzasz go używać tylko do określonej funkcji. Jeśli jesteś jednym z takich użytkowników, radzimy zwrócić uwagę na innych przedstawicieli, którzy skupiają się szczególnie na grafice pikselowej.

Edytuj Pyxel

Program ten ma wszystko, czego potrzeba do stworzenia takich obrazów i nie jest przesycony funkcjami, których artysta nigdy nie będzie potrzebował. Konfiguracja jest dość prosta, paleta kolorów pozwala zmienić dowolny kolor na pożądany ton, a swobodne poruszanie się oknami pomoże Ci dostosować program do własnych potrzeb.

PyxelEdit posiada funkcję ustawiania kafelków na płótnie, co może być przydatne przy tworzeniu obiektów o podobnej treści. Wersja próbna jest dostępna do pobrania na oficjalnej stronie internetowej i nie posiada żadnych ograniczeń w użytkowaniu, dzięki czemu można wypróbować produkt przed dokonaniem zakupu.

Twórca pikseli

Pod względem wyglądu i funkcjonalności jest to najzwyklejszy edytor graficzny, ale ma tylko kilka dodatkowych możliwości tworzenia obrazów pikselowych. Jest to jeden z niewielu programów dystrybuowanych całkowicie bezpłatnie.

Twórcy nie pozycjonują swojego produktu jako nadającego się do tworzenia grafiki pikselowej, nazywają to doskonałym sposobem na rysowanie logo i ikon.

GrafikaGale

W prawie każdym tego typu oprogramowaniu starają się zaimplementować system animacji obrazu, który najczęściej okazuje się po prostu bezużyteczny ze względu na ograniczone funkcje i błędną implementację. GraphicsGale też nie jest z tym zbyt dobry, ale przynajmniej ta funkcja może działać normalnie.

Jeśli chodzi o rysowanie, wszystko jest dokładnie takie samo, jak w większości edytorów: podstawowe funkcje, duża paleta kolorów, możliwość tworzenia kilku warstw i nic niepotrzebnego, co mogłoby zakłócać pracę.

Charamaker

Character Maker 1999 to jeden z najstarszych tego typu programów. Został stworzony, aby stworzyć pojedyncze postacie lub elementy, które następnie zostaną wykorzystane w innych programach animacyjnych lub zaimplementowane w grach komputerowych. Dlatego nie nadaje się zbytnio do tworzenia obrazów.

Interfejs nie jest zbyt dobry. Prawie żadnego okna nie można przenosić ani zmieniać jego rozmiaru, a domyślny układ nie jest zbyt dobry. Można się jednak do tego przyzwyczaić.

Pro Motion NG

Program ten jest idealny niemal we wszystkim, zaczynając od przemyślanego interfejsu, w którym istnieje możliwość przesuwania okien niezależnie od głównego w dowolne miejsce i zmiany ich rozmiaru, a kończąc na automatycznym przejściu z zakraplacza na ołówek , co jest po prostu niezwykle wygodną funkcją.

W przeciwnym razie Pro Motion NG to po prostu dobre oprogramowanie do tworzenia grafiki pikselowej na dowolnym poziomie. Wersję próbną można pobrać z oficjalnej strony internetowej i przetestować, aby podjąć decyzję o dalszym zakupie pełnej wersji.

Aseprit

Można go słusznie uznać za najwygodniejszy i najpiękniejszy program do tworzenia grafiki pikselowej. Sam projekt interfejsu jest tego wart, ale to nie wszystkie zalety Aseprite. Istnieje możliwość animowania obrazu, ale w przeciwieństwie do poprzednich przedstawicieli jest on wdrażany kompetentnie i łatwy w użyciu. Jest wszystko, czego potrzebujesz, aby stworzyć piękne animacje GIF.

Grafika pikselowa (zwana dalej po prostu sztuką pikselową) staje się obecnie coraz bardziej popularna, szczególnie w grach niezależnych. Jest to zrozumiałe, ponieważ w ten sposób artyści mogą wypełnić grę dużą różnorodnością postaci, zamiast spędzać setki godzin na modelowaniu obiektów 3D i ręcznym rysowaniu skomplikowanych obiektów. Jeśli chcesz nauczyć się sztuki pikselowej, to przede wszystkim musisz nauczyć się rysować tak zwane „duszki”. Następnie, gdy duszki przestaną Cię przerażać, możesz przejść do animacji, a nawet sprzedać swoją pracę!

Kroki

Część 1

Zbieramy wszystko, czego potrzebujesz

Pobierz dobre edytory graficzne. W programie Paint można oczywiście tworzyć arcydzieła, ale jest to trudne i niezbyt wygodne. O wiele lepiej byłoby pracować w czymś takim jak:

Photoshopa
Paint.net
Piksele

Kup tablet graficzny. Jeśli nie lubisz rysować myszką, potrzebujesz tabletu i rysika. Nawiasem mówiąc, najbardziej popularne są tablety Wacom.

Włącz „siatkę” w swoim edytorze graficznym. Właściwie, jeśli Twój edytor graficzny nie obsługuje wyświetlania siatki, powinieneś pomyśleć o szukaniu innego programu. Siatka pozwoli Ci wyraźnie zobaczyć, gdzie i jak będzie zlokalizowany każdy pojedynczy piksel. Z reguły różaniec włącza się w menu „Widok”.
- Może zaistnieć potrzeba nieco zmodyfikować ustawienia wyświetlania, aby mieć pewność, że każdy segment siatki faktycznie renderuje piksel. Każdy program robi to inaczej, więc szukaj odpowiednich wskazówek.
Rysuj ołówkiem i pędzlem o rozmiarze 1 piksela. Każdy edytor graficzny powinien mieć narzędzie „Ołówek”. Wybierz go i ustaw rozmiar pędzla na 1 piksel. Teraz możesz rysować... w pikselach.

Część 2
Praca nad podstawami
1. Utwórz nowy obraz. Ponieważ uczysz się rysować w stylu sztuki pikselowej, nie powinieneś celować w epickie płótna. Jeśli pamiętasz, w grze Super Mario Bros. cały ekran miał wymiary 256 x 224 piksele, a sam Mario zmieścił się w przestrzeni 12 x 16 pikseli!
  
  Zbliżenie. Tak, w przeciwnym razie po prostu nie będziesz mógł zobaczyć poszczególnych pikseli. Tak, będziesz musiał go bardzo zwiększyć. Powiedzmy, że 800% jest całkiem normalne.
  
  Naucz się rysować linie proste. Wydaje się to proste, ale jeśli nagle drżącą ręką narysujesz gdzieś pośrodku linię o grubości 2 pikseli, różnica rzuci Ci się w oczy. Rysuj linie proste, aż będziesz musiał aktywować narzędzie linii prostych. Musisz nauczyć się rysować linie proste ręcznie!
  
  Naucz się rysować zakrzywione linie. W linii zakrzywionej powinny znajdować się, powiedzmy, jednolite „przerwy linii” (co wyraźnie widać na rysunku tuż powyżej). Powiedzmy, że zaczynając rysować linię zakrzywioną, narysuj linię prostą o długości 6 pikseli, pod nią linię prostą o długości trzech, pod nią linię prostą o długości dwóch, a poniżej linię prostą o długości jednego piksela. Z drugiej strony narysuj to samo (oczywiście w odbiciu lustrzanym). Jest to progresja uważana za optymalną. Krzywe narysowane we wzorze „3-1-3-1-3-1-3” nie spełniają standardów sztuki pikselowej.
  
  Nie zapomnij usunąć błędów. Narzędzie „Gumka” należy ustawić podobnie jak ołówek, ustawiając wielkość pędzla na 1 piksel. Im większa gumka, tym trudniej nie wymazać za dużo, więc wszystko jest logiczne.
Część 3
Tworzenie pierwszego duszka
1. Zrób szkic. Podstawą każdego duszka jest szkic na papierze, na szczęście w ten sposób będziesz mógł zrozumieć, jak wszystko będzie wyglądać i w razie potrzeby możesz wcześniej coś poprawić. Ponadto możesz następnie śledzić na podstawie szkicu papierowego (jeśli nadal masz tablet).
  - Nie oszczędzaj na szczegółach swojego szkicu! Narysuj wszystko, co chcesz zobaczyć na ostatecznym rysunku.
2. Przenieś szkic do edytora graficznego. Możesz narysować papierowy szkic na tablecie lub możesz przerysować wszystko ręcznie, piksel po pikselu - to nie ma znaczenia, wybór należy do Ciebie.
  - Podczas rysowania szkicu jako koloru konturu użyj 100% czerni. Jeśli coś się stanie, możesz później zmienić to ręcznie, ale na razie łatwiej będzie Ci pracować z czernią.
3. Popraw kontur szkicu. W tym kontekście można oczywiście powiedzieć inaczej – wymazać wszystko, co niepotrzebne. O co chodzi - kontur powinien mieć grubość 1 piksela. W związku z tym zwiększ skalę i wymaż, usuń nadmiar... lub uzupełnij ołówkiem brakujące elementy.
  - Pracując nad szkicem, nie rozpraszaj się szczegółami - nadejdzie ich kolej.
Część 4
Kolorowanie duszka
1. Przypomnij sobie teorię koloru. Spójrz na paletę, aby zobaczyć, jakich kolorów użyć. Wszystko jest tam proste: im dalej są od siebie kolory, tym bardziej się od siebie różnią; Im kolory są do siebie bliższe, tym bardziej są do siebie podobne i tym lepiej wyglądają obok siebie.
  - Wybierz kolory, które sprawią, że Twój duszek będzie zarówno piękny, jak i przyjemny dla oczu. I tak, należy unikać pastelowych kolorów (chyba że cały projekt jest wykonany w tym stylu).
2. Wybierz kilka kolorów. Im więcej kolorów użyjesz, tym bardziej, że tak powiem, „rozpraszać” będzie twój duszek. Przyjrzyj się klasykom pixel artu i spróbuj policzyć, ile kolorów tam zastosowano.
  - Mario – tylko trzy kolory (jeśli mówimy o wersji klasycznej), a nawet te znajdują się na palecie niemal blisko siebie.
  - Sonic — mimo że Sonic jest rysowany z większą szczegółowością niż Mario, nadal opiera się na zaledwie 4 kolorach (i cieniach).
  - Prawie klasyk duszków w rozumieniu gier walki, Ryu to duże obszary o prostych kolorach, plus trochę cienia dla rozgraniczenia. Ryu jest jednak nieco bardziej skomplikowany niż Sonic – dostępnych jest już pięć kolorów i cieni.
3. Pokoloruj duszka. Użyj narzędzia Wypełnienie farbą, aby pokolorować duszka i nie martw się, że wszystko będzie wyglądało płasko i bez życia — na tym etapie nie oczekuje się, że zrobi inaczej. Zasada działania narzędzia Wypełnienie jest prosta - wypełni ono wszystkie piksele klikniętego koloru wybranym kolorem, aż dotrze do krawędzi.
Część 5
Dodawanie cieni
1. Zacznij nakładać cienie używając kolorów nieco ciemniejszych od bazy. Jeśli światło przyjdzie z góry, gdzie będzie cień? Zgadza się, gdzie bezpośrednie światło nie pada. Odpowiednio, aby dodać cień, po prostu dodaj kilka kolejnych warstw do duszka z pikselami odpowiedniego koloru powyżej lub poniżej konturu.
  - Jeśli zmniejszysz ustawienie „Kontrast” koloru podstawowego i nieznacznie zwiększysz ustawienie „Jasność”, możesz uzyskać dobry kolor do rysowania cieni.
  - Nie używaj gradientów. Gradienty to zło. Gradienty wyglądają tanio, tandetnie i nieprofesjonalnie. Efekt zbliżony do gradientów uzyskuje się stosując technikę „rozcieńczania” (patrz niżej).
2. Nie zapomnij o półcieniu. Wybierz kolor pomiędzy kolorem bazowym a kolorem cienia. Użyj go, aby utworzyć kolejną warstwę - ale tym razem pomiędzy warstwami tych dwóch kolorów. Rezultatem będzie efekt przejścia z ciemnego obszaru do jasnego.
  
  Narysuj najważniejsze momenty. Najważniejszym elementem jest miejsce na duszku, z którego pada najwięcej światła. Możesz narysować podświetlenie, jeśli wybierzesz kolor nieco jaśniejszy niż podstawowy. Najważniejsze, żeby nie dać się ponieść blaskowi, to rozprasza.
Część 6
Stosujemy zaawansowane techniki rysunkowe
1. Nie zapomnij o antyaliasingu (eliminowaniu nierówności konturów). Tak, wizytówką sztuki pikselowej jest widoczna „pikselacja” obrazu. Czasami jednak chcesz, aby linie wyglądały na nieco mniej zauważalne, nieco gładsze. Tutaj na ratunek przychodzi antyaliasing.
  - Dodaj kolory pośrednie do zagięć krzywej. Pomaluj jedną warstwę koloru pośredniego wokół konturu krzywej, którą chcesz wygładzić. Jeśli nadal wygląda kanciasto, dodaj kolejną warstwę, tym razem jaśniejszą.
  - Jeśli chcesz, aby duszek wtapiał się w tło, nie używaj wygładzania na zewnętrznej krawędzi duszka.
2. Naucz się korzystać z renderowania selektywnego. O co chodzi: kontur rysowany jest kolorem podobnym do tego, jaki został użyty do wypełnienia. Rezultatem jest mniej „kreskówkowy” obraz, właśnie ze względu na bardziej realistyczny wygląd konturu. Spróbuj, powiedzmy, selektywnie renderować skórę, pozostawiając klasyczny czarny kontur dla odzieży lub przedmiotów.