oto podstawowe omówienie, jak zamienić rysunek w grafikę pikselową za pomocą sztuczek Photoshopa lub GIMP ’ a.

Krok 1: Rysunek

zauważ, że nie ma żadnych szczegółów maski i jak ręce są ładne i proste

tablet jest przyjemny do rysowania bezpośrednio w programie artystycznym, takim jak Photoshop. W przeciwnym razie zeskanuj rysunek za pomocą ciężkich ołówków lub farbowanych linii. Jeśli chcesz imitować konkretny styl gry, Użyj powiększonego sprite ’ a jako odniesienia do proporcji i szerokości ciała (czego niestety nie zrobiłem z tym szkicem). Zachowaj szczegóły do minimum, aby nie zaśmiecać rzeczy, gdy je zmniejszysz.

czas: zmienia się

Krok 2: Zmiana rozmiaru

nie zmieniaj rozmiaru z ograniczonymi proporcjami – rozciągnij i squash, aby dopasować proporcje celu

Znajdź sprite podobny do rozmiaru (lub pozy), którą chcesz skopiować. Zmniejsz rysunek i jednocześnie spraw, aby był tak szeroki, jak trzeba, aby pasował, jeśli nie rozpracowałeś tego w kroku 1. Zauważ, że w tym szkicu chcę mniej więcej tej samej wysokości, ale odrobinę szerszej.

czas: 30 sekund

Krok 3: Wyostrzanie

użyj narzędzia progu Photoshopa lub GIMP, aby zaoszczędzić mnóstwo czasu na czyszczeniu

Scal warstwę ze zmienioną linią na warstwę z stałe białe tło. Przejdź do obrazka > dopasowania > próg w Photoshopie lub odpowiednik w GIMP, aby zmniejszyć linię do czystych czarno-białych pikseli. Upewnij się, że jesteś powiększony z bliska, aby zobaczyć piksele najlepiej. Zachowaj wszystkie oryginalne szczegóły tak zrozumiałe, jak to możliwe, aby nie trzeba było zbyt często odwoływać się do oryginalnego rysunku.
ten krok sprawi, że czyszczenie linii i wypełnianie kolorów będzie łatwe i zaoszczędzi mnóstwo czasu na ręczne czyszczenie.

CZAS: 10 sekund

Krok 4: Czyszczenie

Wyostrz kontury, aż będą miały szerokość 1 piksela. Nie bój się łamać niektórych konturów i nie martw się jeszcze o drobniejsze szczegóły

utwórz warstwę tylko dla linii (usuń wszystkie białe). Powiększ i oczyść kontury. Jeśli jesteś w łamaniu linii, to jest miejsce, aby to zrobić. Nie czas jeszcze pracować nad drobnymi szczegółami (znowu maska i dłonie) – po prostu zacznij dawać sobie kotwice do kolorowania. Po zakończeniu Zablokuj warstwę.

czas: 10-20 minut

Krok 5: Fill-tool wypełniane są płaskie kolory

– w tym przypadku kolory cieni

wypełniają płaskie kolory na warstwie pod liniami. Ćwicz szczegóły stroju, itp., ale nie rób cieniowania. Światło zostanie dodane po. Ten krok naprawdę nadaje spritingowi poczucie „produkcji komiksu”. Uwaga specjalna: niektórzy ludzie wolą używać kolorów obszaru światła do swoich mieszkań,a następnie dodawać cienie po. Spowoduje to inny efekt końcowy, więc eksperymentuj.

czas: 2 lub 3 minuty

Krok 6: Cieniowanie

Oszczędzaj czas i uzyskaj dobre kolory, używając bieli na warstwach ustawionych na nakładkę, aby rozjaśnić cienie

w tej chwili masz warstwę dla linii i warstwę dla mieszkań. Tutaj Photoshop oszczędza ci trochę czasu. Włóż dwie warstwy między liniami i płaskimi. Zmień je na styl Nakładki i zrób górny 50% krycia. Wybierz ołówek 1 lub 2 pikseli i zacznij odkładać białe. Natychmiastowe oświetlenie poprzez kolory.
Uwaga: najpierw Pracuj z warstwą 100% krycia. Gdy zmniejszysz cieniowanie o tym, jak ci się podoba, użyj narzędzia Magic want, aby wybrać obszary inne niż białe. Następnie przejdź do warstwy 50% dla środkowego cieniowania (po ukryciu maszerujących mrówek różdżki). Nie chcesz, aby dwie warstwy pokrywały się z białymi, w przeciwnym razie otrzymasz dodatkowe pasemka.

czas: 30-90 minut

Krok 7: Kontrola cieniowania

Sprawdź szczegóły cieniowania, renderując do skali szarości i eliminując rozpraszanie kolorów

czasami potrzebujesz świeżych oczu, aby sprawdzić, czy masz cieniowanie w prawo.
tak powinny wyglądać Twoje warstwy-mieszkania wypełnione czernią to właśnie dodajemy. Skopiuj warstwę flats, zablokuj ją, wypełnij czarną (Edit > Fill). Następnie zmień dwie białe warstwy z Nakładki na normalne. Powinieneś dostać to:

naprawdę nie mogę wymyślić lepszego sposobu na przetestowanie cieniowania niż usunięcie wszystkich rozpraszających kolorów kostiumów i zwiększenie go do maksymalnego kontrastu. To najprostszy sposób, aby znaleźć małe rzeczy, które nie wyglądają dobrze, lub nawet duże rzeczy, które były zbyt skupione, aby zauważyć. Co lepsze, korekcja to tylko kwestia mocowania bieli-nie zmieniania każdego koloru. Spróbuj też na czarnym tle.
Hmm. Chyba jeszcze raz spojrzę na jej lewą rękę, zanim skończę.

Czas: 90 sekund do sprawdzenia; zmienia się dla poprawek

Krok 8: Linie kolorów

Dopasuj ciemność konturu do reszty cieniowania

teraz, gdy wykonali swoje B&w zadanie nakładania się w kroku 7, nadszedł czas, aby kontury zostały zabarwione i antyaliasowane w miejscach oświetlonych. Z ich warstwami na „lock”, powinno być pstryknięcie. Zawsze pamiętaj: pracuj na ciemnym (ale nie czystym czarnym) tle podczas wykonywania prac konturowych. Pomaga antyaliasing.

czas: 30-60 minut

Krok 9: Szczegóły & czyszczenie

wykończenie drobnych szczegółów

jest to etap „subtelności”. * Uzyskaj kolory w prawo (Nakładka faktycznie robi całkiem dobrą pracę z kolorowaniem) *Dodaj trudne do piksela szczegóły (trójkąt na masce, niebieskie linie wokół krawędzi rękawicy itp.) *Zakończ subtelne szczegóły, które zapisałeś na razie (ręce) * Ostatnio Przejdź na błędy. Zauważ, że „zapomniałem” o jej żółtych butach – ale przy tym procesie to tylko kwestia dodania żółtego do warstwy płaskiej. Jest wstępnie zacienione!