Jak tworzyć fantastyczne Pixel Art dla twoich gier i aplikacji

od czego zacząć pixel art na? Na szczęście jest pixel art jedna z tych rzadkich okazji, kiedy to naprawdę jest tak proste, jak się wydaje. To jest sztuka pikselowa...

Pixel Art ma pewien retro urok, który nawiązuje do ery konsol 8, 16 i 32-bitowych. Dziś jednak jest bardziej prawdopodobne, że można go znaleźć w różnych grach niezależnych i mobilnych, a obecnie przeżywa coś w rodzaju odrodzenia. To fantastyczny sposób na ominięcie ograniczeń technologicznych związanych z byciem niezależnym deweloperem i sprzętem mobilnym. W ten sposób możesz wykonać mniej pracy i zmniejszyć rozmiary plików — ale zamiast wyglądać tanio, wydaje się to świadomym wyborem stylistycznym. Dodaj trochę muzyki chiptune i unikalną paletę kolorów, a otrzymasz świetną estetykę, która przyciągnie wzrok w Sklepie Play.

Kolejna atrakcja pixel art w ten sposób wzywa cię do pracy w ramach jej ograniczeń. Ponieważ obrazy są tak małe, wymusza to nieco impresjonistyczne podejście. Jak sprawić, by piksel lub dwa były natychmiast rozpoznawalne jako charyzmatyczny uśmiech lub sztylet wystający z przeciwnika? Tu leży prawdziwa sztuka tego formatu i dlatego niektóre z osiągnięć w grach takich jak Superbrothers: Sword & Sworcery lub nowszy Hyper Światło Drifter  tak imponujące.

jak zaczac

Mając to na uwadze, możesz zdecydować, że pixel art byłby dobrym kierunkiem dla własnego projektu. W takim razie, jak zacząć? Na szczęście jest pixel art jedna z tych rzadkich okazji, kiedy to naprawdę jest tak proste, jak się wydaje. To jest sztuka pikselowa...

Na początku wystarczy wybrać dowolny program do rysowania. Używam GIMP-a, ponieważ jest darmowy, ale równie łatwo możesz użyć Photoshopa, a nawet MS Paint. Zalecam jednak używanie czegoś bardziej złożonego niż MS Paint, ponieważ może być przydatny dostęp do takich funkcji, jak warstwy i przezroczystości (jak zobaczymy później). Istnieje kilka dedykowanych programów do grafiki pikselowej, z którymi można również pracować, ale generalnie nie są one wymagane. Aseprite to jednak dobra opcja.

Niezależnie od wybranego oprogramowania, wybierz narzędzie Pióro i upewnij się, że jest ustawione na rysowanie pojedynczych pikseli ze 100% kryciem. Teraz powiększ obraz do punktu, w którym podczas rysowania wyraźnie widać kwadratowe piksele. To naprawdę takie proste!

Teraz możesz zacząć rysować odręcznie lub umieszczać każdy piksel osobno. Zwróć uwagę, że podczas rysowania takich rzeczy jak koła, warto uważnie przyjrzeć się wzorom swoich pikseli (dwa na górze, jeden w poprzek, trzy na górze jednego w poprzek, cztery na górze jednego w poprzek itp.), ponieważ to da bardziej spójny i kontrolowany wygląd obrazu. Dobrą wiadomością jest to, że bardzo łatwo jest cofnąć wszelkie popełnione błędy, więc nie ma powodu, aby nie eksperymentować.

To, co kończysz, jest podstawowym zarysem tego, co próbujesz narysować w blokowych pikselach. Nie martw się o dodawanie wielu szczegółów na później — po prostu najpierw poeksperymentuj z prawidłowym kształtem i proporcjami. To najtrudniejsza część, zwłaszcza przy wielu postaciach.

Lubię używać konturów do moich obrazów, ale wiele osób nie zadaje sobie trudu i rysuje w blokowych kolorach. Rób to, co działa dla Ciebie, ale pamiętaj, że każda metoda ma zalety i wady; Kontury ułatwiają rozróżnianie szczegółów, ale mogą być denerwujące, gdy Twoje obrazy stają się mniejsze i brakuje im pikseli!

Dodawanie szczegółów i cieniowanie

Gdy już jesteś zadowolony ze swojego konturu lub sylwetki, możesz dodać poszczególne szczegóły, aż uzyskasz pełny obraz. Im więcej szczegółów dodasz, tym bardziej imponujące będą Twoje postacie. Jednocześnie jednak musisz unikać sprawiania, by Twój obraz wydawał się zbyt ciasny. Ważne jest, aby zacząć od konturu, który ma odpowiedni rozmiar - i pamiętaj, że inne obiekty w twoim świecie gry również muszą być względne.

Teraz, gdy masz już swoje szczegóły, po prostu dodaj żądane kolory za pomocą narzędzia do wypełniania. Jednak na początku może to wyglądać nieco płasko, więc najprawdopodobniej będziesz chciał później dodać oświetlenie.

Aby to zrobić, po prostu wyobraź sobie źródło światła dla swojej postaci, a następnie wybierz dwa lub więcej dodatkowych odcieni, które chcesz dodać do swojej palety kolorów. Potrzebujesz co najmniej jednego do cieni i jednego do świateł. Upewnij się, że wszystkie cienie znajdują się na tej samej stronie i pomyśl o konturach, które zostałyby naturalnie utworzone przez narysowane kształty, gdyby były trójwymiarowe. Używam dużej ilości cieni z jednej strony, a następnie cienkiego paska światła z drugiej, aby wydobyć pasemka, ale znowu, kluczem jest eksperymentowanie i zobaczenie, co działa dla twojego osobistego stylu.

Pamiętaj, że rysujesz postacie i przedmioty do gier. Oznacza to, że musisz dokładnie przemyśleć swoje źródło światła. Stworzenie bardzo oczywistego efektu cienia po prawej stronie duszka może wyglądać dziwnie w niektórych kontekstach - zwłaszcza jeśli odwrócisz duszka, gdy idzie w przeciwnym kierunku! Pamiętaj o tym podczas tworzenia obrazu i rozważ bardziej subtelne oświetlenie lub zamiast tego rzucanie go na głowę.

Eksportuj swój obraz

Gdy skończysz, możesz zapisać i wyeksportować swój obraz. Oczywiście w tym momencie musimy być ostrożni, ponieważ obraz jest właściwie malutki będzie . Jest też kilka innych rzeczy, o których należy pamiętać, używając grafiki w grach.

Najpierw upewnij się, że obraz został automatycznie przycięty, aby wokół krawędzi nie było białych obszarów. Jest to przydatne do wykrywania kolizji, a także pomaga uniknąć niepotrzebnego powiększania obrazu. Możesz jednak zamiast tego utworzyć „arkusz sprite”, co oznacza, że ​​dodasz każdą klatkę animacji do jednego pliku. Dzięki temu całkowity rozmiar pliku jest mniejszy i łatwiej go organizować. W takim przypadku przycinanie jest mniej ważne, ponieważ zrobisz to później w wybranym środowisku IDE.

Musisz również upewnić się, że tło jest przezroczyste, aby postacie poruszały się w twoim świecie gry, a nie duże białe kwadraty z narysowanymi na nich postaciami. W Gimp robisz to, wybierając z menu „Warstwa”, a następnie „Przezroczystość” i „Dodaj kanał alfa”. Stamtąd możesz wymazać swoje białe tło i pozwolić obrazowi unosić się nad niczym.

Jeśli wyeksportujesz obraz, możesz to zrobić w rzeczywistym rozmiarze pliku, jeśli planujesz użyć go w grze. W Unity możesz wybrać „Pixels Per Unit” dla każdego pojedynczego duszka, co ułatwia powiększanie obrazu tak dużego, jak chcesz, jednocześnie korzystając z małego rozmiaru pliku.

I odwrotnie, jeśli planujesz udostępniać swoje obrazy online, chcesz, aby wyglądały na większe. Przejdź więc do „obrazu”, a następnie do „rozmiaru obrazu” i zwiększ rozmiar. Upewnij się, że masz wyłączoną interpolację lub wybraną opcję Zachowaj twarde krawędzie (w zależności od oprogramowania). W przeciwnym razie obraz będzie rozmazany.

7 wskazówek dotyczących sztuki pikseli

Na koniec kilka wskazówek, które pomogą Ci opanować pixel art powinno pomóc...

1. Miej na uwadze całościowy obraz

Gdy powiększasz i uważnie edytujesz każdy piksel, może być trudno wyobrazić sobie, jak będzie wyglądał Twój obraz po zakończeniu. Z tego powodu ważne jest, aby od czasu do czasu pomniejszać. Albo jeszcze lepiej, wypróbuj narzędzie nawigacyjne (dostępne w większości programów artystycznych), które umożliwia oglądanie ograniczonej perspektywy na płótnie, a także przeskakiwanie do określonych punktów.

2. Użyj narzędzia Magiczna różdżka

Możesz zaznaczyć cały region lub kolor za pomocą narzędzi Magiczna różdżka lub Zaznaczanie kolorów. W ten sposób możesz rysować tylko na tym obszarze była z kolei zapewnia swobodę rysowania bez obaw o przekraczanie linii. Alpha Lock to kolejne narzędzie, za pomocą którego możesz to zrobić.

3. Dodaj antyaliasing

Antyaliasing to termin związany z grafiką komputerową, którego celem jest złagodzenie wyglądu pikseli, zwykle poprzez zmniejszenie kontrastu i dodanie większej ilości kolorów przejściowych. Gracze na PC rozpoznają to jako opcję graficzną, którą można włączać i wyłączać w celu poprawy wydajności.

W naszym przypadku antyaliasing to efekt, który możemy naśladować, aby nasze obrazy wyglądały trochę bardziej autentycznie. Aby stworzyć efekt, po prostu znajdź punkty, w których masz nagły kontrast, a następnie wprowadź te kolory przejścia wzdłuż krawędzi. Pomysł nie polega na tym, aby uzyskać płynny gradient, tylko sprawić, by przejście wyglądało na nieco mniej silne. Dodałem tutaj trochę antyaliasingu do Linka, więc możesz zobaczyć różnicę:

Tutaj również dowiesz się czegoś o Pixel Art: Wymaga dużo cierpliwości!

4. Użyj poziomów

Większość programów graficznych umożliwia korzystanie z warstw, co oznacza, że ​​możesz wyświetlać obrazy w tle i rysować na nich bez wpływu na tę warstwę. Możesz także zmienić przezroczystość poszczególnych warstw itp.

Dzięki temu możemy zrobić obraz, z którym chcemy pracować, przeskalować go do samego końca (z zachowaniem właściwych proporcji), a następnie prześledzić go za pomocą narzędzia Pióro. Tak zrobiłem ten portret Gary'ego...

5. Wypróbuj filtry

podczas gdy najlepszy pixel art Edytowane w 99% ręcznie, istnieje kilka filtrów, które mogą ułatwić Ci życie w zależności od Twoich ambicji. Na przykład Gimp ma filtr rozmycia o nazwie „Pixelize”, który robi dokładnie to, co mówi na puszce. Możesz użyć tego, aby dodać dodatkowy antyaliasing do istniejącego obrazu lub możesz użyć go do "oszukiwania" i przekształcenia zwykłego obrazu w coś bardziej podobnego pixel art wygląda. Narzędzie do ostrzenia może być również przydatnym zasobem.

6. Poszukaj inspiracji

Najlepszy sposób na pixel art Polepszenie, jak większość rzeczy, polega na ciągłym próbowaniu. Jednak przeprowadzenie pewnych badań i szukanie inspiracji w Internecie może być również bardzo pomocne. W szczególności pomocne może być przyjrzenie się istniejącym przykładom „duszków referencyjnych”, zwłaszcza jeśli chcesz szybko tworzyć przedmioty, takie jak skrzynie, drzewa i tym podobne. „Zasoby Spritera” to świetna strona, na której można znaleźć arkusze kształtów ze wszystkich Twoich ulubionych starych gier. Spojrzenie na arkusze sprite może być również bardzo przydatne podczas animowania postaci, ponieważ daje odniesienie do biomechaniki chodzenia, biegania i skakania (biomechanika odnosi się do sposobu, w jaki poruszają się nasze ręce i nogi). ).

I oczywiście na Deviant Art i Pinterest jest mnóstwo inspiracji, a także mnóstwo świetnych gier bezpośrednio w Sklepie Play. Oto kilka doskonałych przykładów: Superbrothers: Sword & Sworcery, Pewdiepie: Legend of the Brofist, VVVVVV (że tak powiem), Jeż Sonic 1, 2 & CD i terraria.

7. Bądź oryginalny

Während pixel art wygląda niesamowicie regularnie, a możliwości eksperymentowania są nieograniczone, ważne jest, aby upewnić się, że Twoja praca nie wygląda na wymyśloną. W tej chwili jest jeden Ilość pixel art, więc zbyt łatwo jest po prostu użyć ogólnej pixel art-Stwórz wygląd i nazwij go tagiem. Jeśli chcesz, aby Twoja gra wyglądała wyjątkowo, musisz myśleć nieszablonowo i wymyślić własny styl. Co powiesz na, pixel art połączyć z innym stylem, np. cyberpunkiem? Eksperymentuj, próbuj nowych rzeczy i twórz pixel artto jest w jakiś sposób unikalne dla ciebie. posługiwać się pixel art jako medium do wyrażania siebie i ożywiania wyobraźni – w końcu o to właśnie chodzi w sztuce!

Podziel się z nami swoimi przemyśleniami!