Aby zachować ostrość pixel artu, wyeksportuj plik PNG w oryginalnych wymiarach w pikselach lub powiększ go o całkowitą wielokrotność, stosując metodę próbkowania Najbliższy sąsiad. Przed zapisaniem sprawdź podgląd eksportu; skalowanie nie naprawi krawędzi, które już zostały zmiękczone w grafice.

Ten workflow dotyczy jednego statycznego obrazu pixel artu w bieżącej wersji aplikacji Affinity na komputer Mac. Ścieżki w menu są zgodne z aktualnym Centrum pomocy Affinity. Celem jest zachowanie celowo utworzonych kwadratowych pikseli podczas tworzenia samodzielnego pliku obrazu.

Eksportuj ostry plik PNG przy użyciu aktualnych kontrolek aplikacji

Zacznij od gotowej grafiki, w której poszczególne piksele wyglądają już prawidłowo. Przed eksportem zapisz edytowalny dokument Affinity, aby zachować źródło do przyszłych zmian.

  1. Wybierz Plik > Eksportuj > Eksportuj.
  2. Po lewej stronie wybierz ustawienie PNG.
  3. Ustaw Obszar na zawartość, którą chcesz wyeksportować. W przypadku prostego obrazu na jednej stronie wybierz Cały dokument; dla pojedynczego obszaru roboczego wybierz jego nazwę.
  4. Ustaw Rozmiar na oryginalne wymiary w pikselach lub obliczone wymiary powiększenia, pozostawiając włączoną opcję Zablokuj proporcje.
  5. Ustaw Ponowne próbkowanie na Najbliższy sąsiad.
  6. Sprawdź podgląd, wybierz Zapytaj o lokalizację, kliknij Eksportuj, nadaj plikowi nazwę i kliknij Zapisz. Możesz włączyć opcję Pokaż w Finderze, aby od razu znaleźć plik. Te kontrolki i kolejność zapisywania opisano w sekcjach Affinity Okno dialogowe Eksportuj i Ustawienia eksportu.

Affinity zaleca metodę Najbliższy sąsiad dla obrazów o ostrych krawędziach. Wybrana metoda próbkowania ma zastosowanie, gdy eksport zwiększa lub zmniejsza wymiary obrazu. Zachowanie oryginalnych wymiarów pozwala uniknąć zmiany rozmiaru podczas eksportu; powiększanie wymaga określenia, jak mają być generowane nowe piksele. Ustawienia eksportu Affinity

Przed oceną rozmiaru wybierz obszar eksportu. Obszar zaznaczenia obejmuje nachodzące na siebie, niezaznaczone warstwy; Tylko zaznaczenie je pomija. Wybór niewłaściwego obszaru może zmienić to, co pojawi się wokół grafiki, nawet jeśli wybrano prawidłową metodę próbkowania. Okno dialogowe Eksportuj Affinity

Wybierz powiększenie, które zachowuje równe bloki pikseli

Jeśli zależy Ci na równomiernych kwadratowych blokach, zastosuj ten sam dodatni mnożnik całkowity do obu wymiarów. To zalecenie wynika z geometrii powiększania siatki pikseli: przy powiększeniu 4× każdy piksel źródłowy może zostać odwzorowany jako blok wyjściowy o wymiarach 4 na 4 piksele. Przy mnożniku ułamkowym nie da się przypisać każdemu pikselowi źródłowemu bloku o jednakowej całkowitej szerokości w pikselach.

Dla przykładowego kafelka o wymiarach 32 na 24 piksele oblicz wymiary wyjściowe jako szerokość × mnożnik i wysokość × mnożnik:

Zamierzony rezultat Wymiary eksportu Znaczenie obliczenia
Oryginalny rozmiar 32 × 24 px Bez powiększenia
Powiększenie 2× 64 × 48 px Każdy piksel źródłowy staje się blokiem 2 × 2
Powiększenie 3× 96 × 72 px Każdy piksel źródłowy staje się blokiem 3 × 3
Powiększenie 4× 128 × 96 px Każdy piksel źródłowy staje się blokiem 4 × 4
Ułamkowe powiększenie 2,5× 80 × 60 px Równe bloki o całkowitej liczbie pikseli są niemożliwe

To przykładowe obliczenia wymiarów, a nie zmierzone wyniki eksportu. W tym przykładzie wybierz 128 na 96 pikseli i metodę Najbliższy sąsiad, jeśli chcesz uzyskać większą wersję z regularnymi blokami. Eksport o wymiarach 80 na 60 może zachować ostre granice, ale niektóre kolumny lub wiersze źródłowe muszą zajmować różną liczbę pikseli wyjściowych.

Zmniejszanie wymiarów wiąże się z innym ograniczeniem: mniejsza liczba pikseli wyjściowych nie pozwala zachować każdego niezależnie pokolorowanego piksela źródłowego. Jeśli w małej wersji zniknie szczegół szeroki na jeden piksel, wróć do oryginału i uprość go z myślą o mniejszej siatce. Wielokrotne zmienianie rozmiaru pomniejszonej kopii nie przywróci informacji, których już w niej nie ma.

Sama zmiana DPI nie powiększy obrazu na ekranie

Affinity rozróżnia skalowanie do druku i ponowne próbkowanie. Zmiana DPI przy wyłączonej opcji Ponowne próbkowanie zmienia metadane rozdzielczości druku, ale nie wpływa na wymiary w pikselach. Nie zmieni więc obrazu o wymiarach 32 na 24 piksele w większą grafikę ekranową. Affinity: Zmiana rozmiaru obrazu

Jeśli rzeczywiście musisz powiększyć dokument roboczy przed dalszym rysowaniem, użyj polecenia Dokument > Ustawienia > Zmień rozmiar > Dokument. Włącz Ponowne próbkowanie, wybierz jednostki pikseli, wpisz nowe wymiary przy połączonych proporcjach, wybierz Najbliższy sąsiad i kliknij Zmień rozmiar. Affinity wskazuje tę metodę jako odpowiednią dla obrazów o ostrych krawędziach i pixel artu. Jeśli potrzebujesz jedynie większego pliku wynikowego, wystarczy zmienić wymiary eksportu. Affinity: Zmiana rozmiaru obrazu

Wybierz format bez zmiany zamierzonych kolorów

PNG to praktyczny domyślny format do tego zadania, ponieważ obsługuje bezstratne przechowywanie obrazów rastrowych oraz opcjonalną przezroczystość. Kompresja bezstratna zachowuje kodowane dane obrazu; nie odwraca zmian próbkowania ani kolorów wprowadzonych przed kodowaniem. Specyfikacja PNG W3C, wydanie trzecie

Przed zmianą formatu lub zmniejszeniem rozmiaru pliku sprawdź następujące opisane ograniczenia:

Format lub opcja Istotne ograniczenie
PNG Mapowanie palety jest opcjonalne. Wyłącz Paletyzacja, jeśli nie chcesz ograniczać obrazu do palety.
GIF Mapowania palety nie można wyłączyć.
PDF, SVG, EPS Opcja Rasteryzuj: nic pomija nieobsługiwane elementy; nie zachowuje ich automatycznie.
TIFF z zapisanymi warstwami Affinity Te warstwy można odczytać tylko w Affinity.

Ograniczenia te wymieniono w sekcji Ustawienia eksportu Affinity. W przypadku pojedynczego gotowego obrazu pixel artu zacznij od PNG i nie ograniczaj palety podczas pierwszego eksportu.

Format wektorowy przyda się przy innych wymaganiach dotyczących pliku wynikowego, ale wybór SVG sam w sobie nie tworzy stałej siatki pikseli dla gotowego obrazu. W tym zadaniu plik PNG z określonymi wymiarami jasno wyznacza docelową siatkę. Zachowaj osobno edytowalny dokument Affinity, zamiast traktować wyeksportowany obraz jako główny plik roboczy.

Zwróć też uwagę na ostrzeżenia dotyczące rozmiaru eksportu. Affinity informuje, że obraz przekraczający maksymalne wymiary wybranego formatu zostanie przeskalowany, aby się w nich zmieścić. Taka automatyczna zmiana może unieważnić starannie obliczony mnożnik; przed kontynuowaniem celowo zmniejsz żądany rozmiar. Ustawienia eksportu Affinity

Dowiedz się, co naprawdę robi zmiana rozmiaru dokumentu pixel artu

Affinity ma też polecenie o nazwie Dokument pixel artu, ale jego opisane przeznaczenie różni się od zwykłego powiększania blokowego. Wybierz Dokument > Ustawienia > Zmień rozmiar > Dokument pixel artu, aby skorzystać z opcji HQX lub XBR z mnożnikami 2×, 3× lub 4×. Affinity: Zmiana rozmiaru pixel artu

Affinity opisuje XBR jako metodę dającą gładsze rezultaty, a HQX jako metodę zapewniającą większą ostrość kosztem bardziej poszarpanych drobnych krawędzi. Przykład pokazuje, że XBR wygładza powiększone krawędzie. Filtry te sprawdzą się, gdy chcesz w ten sposób zmienić wygląd konturu. Aby zachować oryginalny schodkowy wzór w postaci kwadratowych bloków, użyj opisanej wyżej ścieżki eksportu z metodą Najbliższy sąsiad. Wybór ten wynika z udokumentowanego przeznaczenia filtrów. Affinity: Zmiana rozmiaru pixel artu

Znajdź źródło rozmycia przed zmianą kolejnych ustawień eksportu

Wykonaj poniższe kroki, aby ustalić, na którym etapie do obrazu wprowadzana jest niepożądana zmiana. Porównuj po jednej opcji naraz, aby wynik dostarczył przydatnych informacji.

Sprawdź eksport przy znanym powiększeniu

W podglądzie eksportu na Macu naciśnij Command–1, aby ustawić 100%, Command–2 dla 200%, Command–3 dla 400% lub Command–4 dla 800%. Użyj większych powiększeń, aby sprawdzić poszczególne piksele krawędzi, a następnie wróć do 100%, aby ocenić wyeksportowany obraz w jego oryginalnym rozmiarze. Affinity opisuje te skróty specjalnie dla podglądu eksportu. Okno dialogowe Eksportuj Affinity

W ramach testu diagnostycznego porównaj plik PNG w oryginalnym rozmiarze z plikiem PNG powiększonym o całkowitą wielokrotność. Jeśli wersja w oryginalnym rozmiarze już zawiera niezamierzone kolory pośrednie na krawędziach, przyjrzyj się samej grafice. Jeśli niepożądana zmiana pojawia się dopiero po powiększeniu, ponownie sprawdź wymiary i metodę próbkowania.

Sprawdź wyrównanie, jeśli grafika zawiera kształty wektorowe

W przypadku grafiki pixel artu zbudowanej z wektorów opcja Affinity Wymuś wyrównanie do pikseli przyciąga obiekty, węzły, uchwyty i obszary zaznaczenia pikseli do pełnych pikseli podczas ich tworzenia, przesuwania lub modyfikowania. Dedykowana strona pomocy podaje ścieżkę dla wersji desktopowej: Widok > Przyciąganie, a następnie Wymuś wyrównanie do pikseli. Ostrzega też, że przyciąganie do obiektu lub prowadnicy leżących poza siatką pikseli może dać taki sam rezultat. Affinity: Wymuś wyrównanie do pikseli

Nie zakładaj, że opcja Przesuń o pełne piksele poprawia istniejące położenie ułamkowe. Affinity wyjaśnia, że zachowuje częściowe piksele zajmowane przez obiekt, ograniczając jednocześnie przesunięcie do odległości będących pełną liczbą pikseli. Na przykład przesunięcie o 10 pikseli z pozycji X = 5,5 kończy się na X = 15,5. Podczas korygowania wyrównania wyłącz tę opcję, pozostawiając włączoną funkcję Wymuś wyrównanie do pikseli, i sprawdź konkurencyjne cele przyciągania. Affinity: Wymuś wyrównanie do pikseli

Wyrównanie pomaga ustawić zamierzoną siatkę; nie usuwa miękkich kolorów namalowanych już na warstwie rastrowej. Popraw je w źródle przed końcowym eksportem.

Zapisz sprawdzone ustawienia na potrzeby kolejnego eksportu

Po sprawdzeniu udanego eksportu zapisz ustawienia jako ustawienie wstępne. W oknie dialogowym Eksportuj zmień początkowe ustawienie, kliknij Preferencje, wybierz Utwórz ustawienie wstępne, wpisz opisową nazwę i kliknij OK. Affinity udostępni to ustawienie w oknie dialogowym Eksportuj, funkcji Szybki eksport i aplikacji Studio wycinków. Okno dialogowe Eksportuj Affinity

Przy kolejnych eksportach otwórz Szybki eksport za pomocą strzałki w dół w prawym górnym rogu, wybierz opcje i kliknij Eksportuj. Ustawienia wstępne mogą obejmować formaty, rozmiary i metody próbkowania, więc sprawdzaj, czy wybrane ustawienie odpowiada wymiarom potrzebnym dla danego obrazu. Affinity: Szybki eksport

Zakończ, zapisując plik PNG o wymiarach zgodnych z obliczeniami i podglądzie zachowującym zamierzony wzór pikseli. Zachowaj obok niego oryginalny dokument Affinity, aby przy kolejnym rozmiarze rozpocząć pracę od tej samej starannie przygotowanej siatki źródłowej.

Źródła