Pikselowa grafika w 8-bitowej odmianie retrospekcji NES jest teraz w modzie, czy to w grach takich jak The Incident i Sword & Sworcery, czy po prostu dla awatarów w sieci. Jeśli zastanawiasz się, jak powstaje część tej pięknej grafiki pikselowej i jak to zrobić samodzielnie, oto kilka wskazówek dotyczących niemal natychmiastowej grafiki pikselowej. Użyjemy funkcji powiększania OS X, Pixelfari, a także skonfigurujemy Photoshopa, aby stworzyć własną grafikę retro w pikselach i oczyścić wyniki innych metod.

1) Używaj Zoomu Mac OS X, aby pikselować obrazy i tworzyć natychmiastowe grafiki pikselowe

Prawdopodobnie wiesz już, że przytrzymanie klawisza Control, a następnie przesunięcie dwoma palcami w górę lub w dół po gładziku spowoduje powiększenie ekranu (lub przytrzymanie klawisza Control i użycie kółka przewijania na mysz zewnętrzna). Cóż, jeśli wyłączysz antyaliasing w narzędziu OS X Zoom, możesz użyć tej funkcji do tworzenia pikselowanych obrazów z czegokolwiek. Oto jak:

• Naciśnij Command+Option+\, aby wyłączyć wygładzanie krawędzi podczas powiększania ekranu
• Najedź kursorem myszy na obraz, który chcesz natychmiast pikselować
• Control+Powiększ obraz i zobacz, jak piksele rosną
• Zrób zrzut ekranu całego ekranu za pomocą Command+Shift+3

Dzięki tej technice błyskawicznie stworzyłem tego pikselowego MacBooka:

W razie potrzeby możesz wyczyścić obraz w programie Photoshop, korzystając z technik programu Photoshop wymienionych w tym artykule, aby edytować go z dokładnością do każdego piksela. Kilka wskazówek dotyczących tej metody:

• Mniejsze obrazy podstawowe są lepsze, tworzenie ikon z obrazu i powiększanie ich jest świetne
• Większy kontrast jest ogólnie lepszy
• Wypróbuj różne poziomy powiększenia

Ważne jest również zrobienie zrzutu ekranu na pełnym ekranie, aby uchwycić obraz w pełnej pikselowej chwale.

2) Narysuj grafikę pikselową w programie Photoshop, korzystając z tych wskazówek dotyczących konfiguracji

Jeśli masz program Photoshop, możesz dostosować niektóre ustawienia, aby był lepszy do rysowania i edytowania grafiki pikselowej:

• Zmień sposób, w jaki program Photoshop skaluje obrazy, dostosowując preferencje „Interpolacja obrazu” do „Najbliższy sąsiad (zachowaj ostre krawędzie)
• Włącz siatkę w preferencjach > Linie pomocnicze, plasterki siatki i liczenie > 1×1
• Skonfiguruj prawidłowo narzędzie Ołówek na średnicę 1 piksela i 100% twardości
• Użyj wielu poziomów powiększenia, aby uzyskać zbliżenie w pikselach i żądaną rozdzielczość końcową

Twoja konfiguracja programu Photoshop będzie wyglądać podobnie do tej:

Te techniki Photoshopa pochodzą od Brandona Trebitowskiego, programisty iOS, a jeśli jesteś zainteresowany projektowaniem grafiki pikselowej, zdecydowanie zalecamy przeczytanie jego posta na blogu na ten temat, możesz go przeczytać tutaj na BrandonTreb.com .

3) Twórz natychmiastowe Pixel Art za pomocą Pixelfari

Kolejną sztuczką przyspieszającą tworzenie grafiki pikselowej, a nawet niemal natychmiastową, jest użycie 8-bitowej przeglądarki internetowej Pixelfari . Pixelfari pochodzi od programisty Nevana Morgana i możesz go natychmiast pobrać tutaj.

W zasadzie wszystko, co musisz zrobić, to przeciągnąć dowolny obraz do Pixelfari, a obraz zostanie automatycznie wyrenderowany jako grafika pikselowa, a następnie zrobić zrzut ekranu okna Pixelfari. Nie jest doskonały, ale stanowi dobry punkt wyjścia, który można następnie udoskonalić za pomocą powyższych technik wymienionych przez Brandona.

Oto logo OSXDaily wrzucone do Pixelfari bez żadnych innych edycji, to całkiem dobry przykład tego, jak to działa.

Ponownie, jeśli chcesz uporządkować dane wyjściowe, możesz skorzystać z wyżej wymienionych wskazówek programu Photoshop lub nawet użyć funkcji powiększania w systemie OS X, aby uzyskać hiperpikselację wyników w Pixelfari.

Oczywiście można to zrobić na więcej sposobów, ale techniki Zoom i Pixelfari doskonale nadają się do szybkiej pikselizacji, a konfiguracja programu Photoshop jest idealna do rysowania od podstaw lub czyszczenia obrazów z prepikselami.Możesz także spróbować użyć Paintbrush, klonu MSPaint, ale trudniej jest uzyskać cenę za pomocą tej aplikacji. Na koniec dobrym ogólnym odniesieniem jest Naatomic, który zawiera kilka ogólnych wskazówek na temat cieniowania, oświetlenia, używania linii i nie tylko. Stare informacje, ale piksele istnieją już od dawna, więc techniki są nadal bardzo aktualne.