Sztuka pikselowa jest modna we współczesnych niezależnych grach wideo. Pozwala artyście nadać grze wiele charakteru bez konieczności spędzania niezliczonych godzin na modelowaniu obiektów 3D lub ręcznym rysowaniu skomplikowanych tematów. Jeśli chcesz zostać artystą pikseli, pierwszym krokiem jest stworzenie duszka. Gdy już nauczysz się tworzyć sprite'ów, możesz zacząć animować i kupować swoje umiejętności potencjalnym pracodawcom.
Kroki
Część 1 z 7: Zbieranie narzędzi
Krok 1. Pobierz dobre oprogramowanie do edycji obrazu
Chociaż możesz tworzyć grafikę pikselową za pomocą programu Paint, będzie to trudne. Niektóre z najpopularniejszych programów do grafiki pikselowej obejmują:
- Photoshop
- Paint.net
- KORDONEK
- Pixen
- Asepryt
- pixilart
Krok 2. Zdobądź tablet do rysowania
Jeśli chcesz śledzić ręcznie rysowaną grafikę lub nie lubisz używać myszy do rysowania na ekranie, możesz użyć tabletu i rysika. Wacom to jeden z najpopularniejszych producentów tabletów.
Krok 3. Włącz widok siatki w oprogramowaniu do edycji
Będziesz chciał włączyć tryb siatki w dowolnym oprogramowaniu, które wybierzesz. Pozwoli to wyraźnie zobaczyć, dokąd trafi każdy piksel. Zwykle dostęp do widoku siatki można uzyskać z menu Widok.
Prawdopodobnie będziesz musiał skonfigurować siatkę tak, aby każdy kwadrat reprezentował jeden piksel. Sposób wykonania tego różni się w zależności od programu. W GIMP możesz to zmienić z menu Obraz (wybierz „Konfiguruj siatkę…”)
Krok 4. Wybierz ołówek jednopikselowy
Wybierz narzędzie Ołówek w oprogramowaniu do edycji. W opcjach ołówka wybierz pędzel jednopikselowy. Umożliwi to rysowanie w pojedynczych pikselach.
Część 2 z 7: Ćwiczenie podstaw
Krok 1. Utwórz nowy obraz
Ponieważ będziesz pracować na poziomie pikseli, rozmiar obrazu nie musi być duży. Cały ekran w oryginalnej grze Super Mario Bros. ma tylko 256 x 224 piksele. Sam Mario ma tylko 12 x 16 pikseli!
Krok 2. Powiększ
Ponieważ będziesz pracować z poszczególnymi pikselami, będziesz chciał powiększyć bardzo daleko, aby zobaczyć siatkę i miejsce, w którym znajduje się każdy piksel. Może być konieczne powiększenie ponad 800%, aby wyraźnie zobaczyć piksele w siatce.
Krok 3. Ćwicz rysowanie linii prostej
Może się to wydawać prostą koncepcją, ale jeśli linia jest nawet o jeden piksel od środka, będzie to zauważalne. Poćwicz rysowanie prostych linii za pomocą myszy lub rysika, aby nie musieć za każdym razem przełączać się na narzędzie linii.
Krok 4. Poćwicz rysowanie zakrzywionych linii
Krzywe powinny występować z regularnymi przerwami w linii pikseli. Na przykład dobra krzywa zaczynałaby się od przerwania sześciu pikseli, po której następuje przerwa na trzy piksele, następnie przerwa na dwa piksele, a następnie przerwa na jeden piksel. Przerwy odwróciłyby się, tworząc drugi koniec krzywej. Zła krzywa zaczynałaby się od przerwania trzech pikseli, po której nastąpi przerwa na jeden piksel, a następnie przerwa na trzy piksele lub jakikolwiek inny dziwny postęp.
Krok 5. Użyj narzędzia Erase, aby naprawić błędy
Podobnie jak w przypadku narzędzia Ołówek, chcesz ustawić gumkę tak, aby wymazywała jeden piksel na raz. Jeśli gumka jest zbyt duża, trudno będzie precyzyjnie wymazać piksele.
Część 3 z 7: Nakreślenie pierwszego duszka
Krok 1. Określ przeznaczenie duszka
Będzie animowany czy statyczny? Możesz umieścić więcej szczegółów w statycznym duszku, ale możesz chcieć uprościć animowany duszek, ponieważ będziesz musiał przerysować części animacji. Jeśli duszek ma być używany z innymi duszkami, będziesz chciał zachować styl artystyczny, który łączy wszystko razem.
Krok 2. Dowiedz się, czy są jakieś ograniczenia
Jeśli tworzysz duszka do projektu, ustal, czy istnieją jakieś ograniczenia rozmiaru lub koloru. Będzie to ważniejsze, gdy zaczniesz pracować nad większymi projektami z wieloma różnymi duszkami.
Większość nowoczesnych systemów tak naprawdę nie ma żadnych ograniczeń co do rozmiaru sprite'a i złożoności kolorów. Jeśli tworzysz grę specjalnie dla starszego systemu, możesz napotkać więcej ograniczeń
Krok 3. Naszkicuj to
Spróbuj naszkicować podstawową koncepcję duszka na kartce papieru. Pozwoli ci to zobaczyć, jak będzie wyglądał duszek i wprowadzić poprawki w pozie lub innych cechach. Możesz później użyć tego szkicu jako źródła śledzenia, jeśli masz tablet.
Dokonaj szczegółowego szkicu. Umieść wszystkie funkcje, które chcesz uwzględnić, aby poczuć, jak duszek będzie wyglądał jako gotowy produkt
Krok 4. Utwórz zarys w programie do edycji
Użyj naszkicowanego konturu jako odniesienia lub prześledź kontur za pomocą podkładki. Możesz kliknąć i narysować, aby utworzyć kontur lub umieścić każdy piksel osobno, wybór należy do Ciebie.
Podczas tworzenia pierwszego duszka użyj jednolitej czerni jako koloru konturu. Ułatwi to rozróżnienie. Możesz później ręcznie zmienić kolor konturu
Krok 5. Oczyść kontur
Powiększ i zacznij wymazywać dodatkowe piksele i naprawianie linii. Kontur powinien mieć grubość tylko jednego piksela, chyba że zachowujesz grubszy kontur dla reszty duszka. Użyj narzędzia Ołówek, aby wstawić piksele, aby poprawić błędy.
Skoncentruj się na dużych szczegółach podczas tworzenia konspektu. Możesz wrócić i dodać drobne poprawki później
Część 4 z 7: Kolorowanie swojego duszka
Krok 1. Odśwież podstawową teorię kolorów
Spójrz na koło kolorów, aby określić, jakich kolorów powinieneś użyć. Kolory znajdujące się naprzeciwko siebie na kole będą bardzo wyraźne, podczas gdy kolory znajdujące się blisko siebie będą dobrze wyglądać obok siebie.
Wybierz zestaw kolorów, który nada Twojemu duszkowi charakterystyczny wygląd bez zbytniego wstrząsania. Jeśli to możliwe, unikaj pastelowych kolorów, chyba że cały projekt używa tego stylu
Krok 2. Wystarczy użyć kilku kolorów
Im więcej koloru dodasz, tym bardziej rozpraszający będzie twój duszek. Spójrz na niektóre z najbardziej kultowych duszków, a przekonasz się, że często używają tylko kilku kolorów.
- Mario - klasyczny duszek Mario używa tylko trzech kolorów, które są ze sobą blisko spokrewnione.
- Sonic - Sonic ma więcej szczegółów niż oryginalny Mario, ale wciąż składa się tylko z czterech kolorów o różnych odcieniach.
- Ryu - Jeden z klasycznych duszków gier walki, Ryu używa dużych obszarów prostych kolorów, z lekkim cieniowaniem dla definicji. Ryu ma pięć podstawowych kolorów o różnych odcieniach.
Krok 3. Zastosuj swoje kolory
Użyj narzędzia Wypełnienie, aby zastosować wybrane kolory do duszka. W tym momencie po prostu nakładasz kolor bazowy, więc nie martw się, jak płasko wygląda. Narzędzie Wypełnienie zastąpi wszystkie piksele pasujące do klikniętego piksela wybranym kolorem, aż do osiągnięcia granic.
Część 5 z 7: Stosowanie cieniowania
Krok 1. Określ „źródło światła”
Kąt, pod jakim światło pada na duszka, pomoże ci określić, gdzie zastosować cieniowanie, aby uzyskać bardziej realistyczny i wiarygodny efekt. Chociaż tak naprawdę nie będzie światła, bardzo ważna jest znajomość kierunku, w którym świeci światło.
Najłatwiej jest zacieniać przy użyciu źródła światła pochodzącego z daleka nad duszkiem, od lekko w prawo lub lekko w lewo
Krok 2. Zastosuj cieniowanie używając nieco ciemniejszego odcienia koloru bazowego
Jeśli źródło światła pada z góry, cieniowanie powinno nastąpić na „spodzie” duszka. Zasłoń wszystkie obszary, które nie zostałyby trafione przez bezpośrednie światło. Wystarczy dodać kilka warstw pikseli powyżej lub poniżej konturów, aby dodać cieniowanie.
- Możesz zmniejszyć wartość „jasny” koloru bazowego i nieznacznie zwiększyć wartość „odcień”, aby uzyskać dobry kolor cieniowania.
- Nigdy nie używaj gradientów. Będą wyglądać bardzo sztucznie i nieprofesjonalnie. Możesz użyć ditheringu do naśladowania gradientów (patrz poniżej).
Krok 3. Dodaj miękkie cienie
Wybierz odcień między ciemnością cienia a oryginalnym kolorem podstawowym. Użyj tego odcienia, aby dodać kolejną warstwę cienia między cieniowaniem a kolorem podstawowym. Da to efekt przejścia od ciemności do światła.
Krok 4. Zastosuj kilka pasemek
Są to plamy na duszku, które są najbardziej uderzane światłem. Możesz dodać pasemka, używając odcienia, który jest nieco jaśniejszy niż kolor bazowy. Używaj podświetleń oszczędnie, ponieważ mogą rozpraszać.
Część 6 z 7: Korzystanie z zaawansowanych technik
Krok 1. Spróbuj ditheringu
Jest to efekt, który pozwala artyście przedstawić zmianę odcienia. Umożliwia tworzenie efektu gradientu z tylko kilkoma kolorami poprzez naprzemienne umieszczanie pikseli w celu utworzenia przejść. Ilość i rozmieszczenie dwóch różnych kolorów pikseli we wzorze może skłonić oko do zobaczenia różnych odcieni.
Dithering jest nadużywany przez początkujących, więc staraj się go unikać, z wyjątkiem rzadkich przypadków
Krok 2. Ćwicz antyaliasing
Pixel art jest definiowany przez zauważalne piksele, ale czasami chcesz zmieszać linie, aby wszystko wyglądało na nieco gładsze. Antyaliasing to technika, która pozwala to zrobić.
- Dodaj kolory pośrednie do załamań na krzywej. Dodaj jedną warstwę kolorów pośrednich wokół konturu krzywej, którą chcesz zmiękczyć. Jeśli nadal wygląda na zbyt szorstką, dodaj kolejną warstwę jaśniejszego odcienia.
- Jeśli chcesz, aby Twój duszek wyglądał ostro na dowolnym kolorowym tle, nie wygładzaj zewnętrznej krawędzi konturu.
Krok 3. Zastosuj selektywny zarys
Jest to termin określający kolorowanie konturu podobnie do kolorów użytych do wypełnienia. Dzięki temu duszek będzie miał nieco mniej „kreskówkowy” wygląd, ponieważ kontur będzie nieco bardziej naturalny. Spróbuj selektywnego obrysowania nagiej skóry, używając tradycyjnego obrysu na odzieży.
- Użyj odcienia ciemniejszego niż podstawowy kolor sekcji, którą zaznaczasz. Użyj źródła światła, aby zmienić odcień podczas konturowania, nadając duszkowi bardziej naturalny wygląd. Może to być szczególnie przydatne w przypadku napięcia skóry i mięśni.
- Tradycyjny kontur jest dobry, jeśli chcesz, aby Twój duszek wyróżniał się na tle ruchliwego tła.
Część 7 z 7: Dodawanie ostatnich szlifów
Krok 1. Przyjrzyj się dokładnie duszkowi
Zrób krok do tyłu i spójrz na swojego duszka do tego momentu. Sprawdź, czy coś nie wygląda, a następnie popraw te niespójności lub błędy.
Krok 2. Dodaj szczegóły
Po zakończeniu kolorowania i cieniowania możesz dodać szczegóły, takie jak pismo, oczy, dodatkowe funkcje i wszystko inne, co może przenieść Twojego duszka na wyższy poziom. Dbałość o szczegóły na końcu jest tym, co odróżnia amatorów od profesjonalnych artystów zajmujących się pikselami.
Krok 3. Animuj swojego duszka
Jeśli wykonałeś powyższe kroki, będziesz mieć jednego statycznego duszka. Jest to dobre dzieło sztuki, ale jeśli chcesz tworzyć duszki do gier, prawdopodobnie będą musiały być animowane. Oznacza to, że każda klatka animacji będzie musiała mieć swojego własnego duszka, z niewielkimi zmianami w stosunku do poprzedniej klatki. Zbiór wszystkich ikonek użytych w animacji jest nazywany „arkuszem ikonek”.
- Zobacz ten przewodnik, aby uzyskać szczegółowe informacje na temat animowania arkusza sprite w GIMP.
- Tworzenie unikalnych i atrakcyjnych animacji dla duszków to jeden ze sposobów, w jaki mistrzowie pikseli oddzielają się od amatorów. Dobra animacja może tchnąć w duszka tony życia.
Krok 4. Utwórz portfolio
Jeśli chcesz przenieść swoje umiejętności w zakresie sztuki pikselowej do świata tworzenia gier wideo, będziesz chciał mieć solidne portfolio, aby pochwalić się potencjalnym pracodawcom. Dołącz kilka swoich najlepszych duszków, a także kilka animacji, jeśli je masz. Uwzględnij różne tematy, w tym postacie, scenerie, rekwizyty i nie tylko.
