Aby usunąć dodatkowy wiersz lub kolumnę z arkusza sprite’ów wyeksportowanego w Affinity na Macu, sprawdź położenie, wymiary i skalę wyjściową prostokąta eksportu. W przypadku gotowego arkusza użyj wycinka o dokładnie określonych wymiarach, a następnie sprawdź wyeksportowany plik PNG, zanim zmienisz grafikę.

Ten poradnik opisuje bieżący interfejs Affinity na komputery oraz panel Slice Studio. Celem jest wyeksportowanie istniejącej siatki sprite’ów w zamierzonych wymiarach w pikselach. Bieżąca pomoc Affinity opisuje niestandardowe prostokąty eksportu i eksportowanie poszczególnych wycinków; poniższe kroki korzystają bezpośrednio z tych opcji.

Sprawdź, czy dodatkowy piksel zmienia wymiary pliku

Najpierw rozróżnij dwa objawy: plik większy o jeden piksel oraz plik o prawidłowych wymiarach, ale z niepożądanym pikselem przy krawędzi. Wymagają one różnych kontroli. Zapisz zamierzoną szerokość i wysokość, a następnie otwórz osobno wyeksportowany plik, aby sprawdzić jego wymiary oraz obejrzeć skrajne wiersze i kolumny.

Posłuż się prostym obliczeniem oczekiwanego rozmiaru. Przykładowo arkusz z czterema klatkami 64 × 64, ułożonymi w jednym poziomym wierszu bez marginesów i odstępów, powinien mieć wymiary 256 × 64 piksele. Eksport 256 × 65 ma nieprawidłowe wymiary. Eksport 256 × 64 z niepożądanym kolorowym dolnym wierszem ma prawidłowe wymiary, ale wymaga sprawdzenia zawartości lub położenia.

Co zauważysz Co sprawdzić najpierw Przydatny kolejny krok
Szerokość lub wysokość jest większa o jeden piksel Granice eksportu i ich położenie Ustaw wycinek o dokładnych wymiarach
Wymiary znacznie się różnią Skalę eksportu i DPI dokumentu Sprawdź rzeczywistą rozdzielczość wyjściową wycinka
Wymiary są prawidłowe, ale krawędź wygląda nieprawidłowo Położenie grafiki i widoczną zawartość Obejrzyj krawędź bez zmieniania rozmiaru arkusza
Eksport zawiera nieoczekiwaną grafikę Typ wycinka lub obszar eksportu Wybierz granicę odpowiadającą zamierzonej zawartości

Affinity rozróżnia wycinki narysowane i wycinki utworzone na podstawie warstw. Narysowany wycinek obejmuje wszystkie widoczne warstwy znajdujące się w jego prostokącie; wycinek utworzony z warstwy obejmuje tylko zawartość warstwy źródłowej. To rozróżnienie ma znaczenie, gdy w wyeksportowanym arkuszu pojawia się pobliski obiekt lub tło. Zobacz Eksportowanie za pomocą Slice Studio.

Sprawdź położenie w pikselach, a także szerokość i wysokość

Całkowita liczba pikseli w szerokości nie oznacza, że prostokąt zaczyna się na granicy piksela. Na potrzeby geometrycznej ilustracji prostokąt o szerokości 256 pikseli, zaczynający się w punkcie X = 10.5, kończy się w punkcie X = 266.5. Obie krawędzie wypadają między granicami pikseli. Pokazuje to, dlaczego samo sprawdzenie szerokości może nie wykryć problemu z wyrównaniem; nie jest to twierdzenie o dokładnym wzorze rasteryzacji stosowanym przez Affinity.

Aby sprawdzić wartości liczbowe na Macu, otwórz Okno > Ogólne > Przekształć. Panel zawiera pola X, Y, W i H oraz selektor punktu zakotwiczenia. Podczas sprawdzania położenia lewego górnego rogu prostokątnego obszaru eksportu wybierz lewy górny punkt zakotwiczenia. Wartości są podawane w bieżących jednostkach linijki i odnoszą się do jej punktu zerowego. Te elementy sterujące opisano w sekcji Panel Przekształć.

W razie potrzeby włącz linijki przez Widok > Pokaż > Linijki, a następnie kliknij z wciśniętym klawiszem Control ich punkt przecięcia i wybierz piksele. Jeśli wcześniej przesunięto punkt zerowy linijek, kliknij dwukrotnie punkt przecięcia, aby go zresetować przed sprawdzaniem współrzędnych. Obie czynności opisano w sekcji Linijki.

Sprawdź położenie i rozmiar granicy eksportu, zamiast zaznaczać wszystkie sprite’y i zaokrąglać każdą wartość. W przykładowym arkuszu z czterema klatkami zamierzony prostokąt może mieć X = 0, Y = 0, W = 256, H = 64. Twój istniejący arkusz może zaczynać się gdzie indziej; ustaw położenie tak, aby prostokąt obejmował siatkę klatek.

Jeśli w widoku liczbowym nie widać małych ułamków, pomoc dotycząca panelu Przekształć wskazuje Ustawienia > Interfejs użytkownika jako miejsce zmiany liczby miejsc po przecinku. Zwiększ precyzję wyświetlania podczas sprawdzania. Nie zmieniaj wymiarów grafiki tylko po to, aby wartości wyglądały schludnie: zmiana rozmiaru może wpłynąć na zawartość klatek.

Użyj prawidłowych ustawień wyrównania do pikseli

Otwórz Widok > Przyciąganie i włącz Wymuś wyrównanie do pikseli. Według dokumentacji Affinity ta opcja przy tworzeniu, przesuwaniu lub modyfikowaniu przyciąga obiekty wektorowe, węzły, uchwyty i obszary zaznaczenia pikseli do pełnych pikseli. Dokumentacja ostrzega też, że przyciąganie do obiektu, prowadnicy lub siatki poza siatką pikseli może dać taki sam rezultat. Dlatego podczas korekty tymczasowo wyłącz kolidujące tryby przyciągania. Zobacz Wymuś wyrównanie do pikseli.

Przy korygowaniu istniejącego ułamkowego położenia pozostaw opcję Przesuwaj o całe piksele wyłączoną. Ogranicza ona odległość przesunięcia i może zachować ułamkowe przesunięcie obiektu. Na przykład dodanie 10 do X = 10.5 daje X = 20.5. Affinity wyraźnie odróżnia to działanie od wymuszania wyrównania do pikseli w tej samej dokumentacji wyrównania do pikseli.

Traktuj przyciąganie jako pomoc podczas edycji. Po przesunięciu lub skorygowaniu odpowiedniej granicy ponownie sprawdź jej wartości liczbowe. Samo włączenie opcji przyciągania nie oznacza, że poprawiono wszystkie istniejące obiekty.

Wyeksportuj gotowy arkusz za pomocą jednego dokładnego wycinka

W przypadku istniejącego arkusza niestandardowy, narysowany wycinek umożliwia kontrolowanie eksportowanego prostokąta bez uzależniania jego wymiarów od zmieniającego się zasięgu grupy sprite’ów. Affinity zaleca użycie panelu Przekształć w Slice Studio do precyzyjnego ustawiania położenia wycinka i dokładnych wymiarów. Zobacz Eksportowanie wycinków.

  1. Otwórz Menedżer paneli, w razie potrzeby włącz wpis Slice i przełącz się na ten panel. Włączanie wpisów paneli opisano w sekcji Dostosowywanie paneli.
  2. Wybierz Narzędzie Wycinek i przeciągnij prostokąt wokół gotowego arkusza. Narzędzie jest domyślnie dostępne w Slice Studio, a jego skrót klawiaturowy to S. Zobacz Narzędzie Wycinek.
  3. Po zaznaczeniu narysowanego wycinka użyj panelu Przekształć, aby ustawić jego zamierzone położenie, szerokość i wysokość. W przykładzie z arkuszem ustaw W = 256 px i H = 64 px oraz umieść wycinek nad czterema klatkami.
  4. Otwórz Okno > Ogólne > Wycinki, rozwiń wpis wycinka i wybierz PNG jako format pliku. Sprawdź skalowanie rozmiaru i wyświetloną rozdzielczość wyjściową.
  5. Wyeksportuj żądany rozmiar za pomocą jego przycisku eksportu albo pozostaw zaznaczony tylko zamierzony wycinek i użyj opcji Eksportuj wycinki. Wybierz folder docelowy i kliknij Eksportuj.

Dokumentacja panelu Wycinki opisuje wybór formatu pliku, skalowanie rozmiaru i wpisy zaznaczone do eksportu. Osobne instrukcje eksportowania wycinków wyjaśniają różnicę między eksportowaniem jednego rozmiaru, jednego formatu i wszystkich zaznaczonych wyjść wycinków. Przy pierwszym eksporcie diagnostycznym wybierz jeden plik PNG, aby było jasne, który plik sprawdzasz.

Przed eksportem sprawdź widoczne warstwy wewnątrz prostokąta. Narysowany wycinek obejmuje ich zawartość. Jeśli zamiast tego utworzysz wycinek z grupy lub warstwy, jego początkowe granice będą odpowiadać zasięgowi tego elementu, a wyjście będzie zawierać tylko ten element źródłowy. Wybierz typ wycinka odpowiedni dla zamierzonego arkusza, zgodnie z wyjaśnieniem w sekcji Eksportowanie za pomocą Slice Studio.

Zachowaj zamierzone puste miejsce wewnątrz każdej klatki. W przykładzie z czterema klatkami każda z nich musi zachować obszar 64 × 64, nawet jeśli zawarta w niej grafika jest znacznie mniejsza. Dopasowanie eksportu do widocznej grafiki zmieniłoby siatkę, którą chcesz przygotować.

Sprawdź DPI, zanim założysz, że 1x oznacza oczekiwaną liczbę pikseli

Affinity opisuje zależność między DPI dokumentu a rozmiarami 1x, 2x i 3x w Slice Studio. W przykładzie dokumentu o wymiarach 64 × 64 px eksport przy 1x ma wymiary 64 × 64, gdy dokument ma 72 lub 96 DPI. Przy 144 DPI udokumentowany rozmiar wyjściowy przy 1x wynosi 32 × 32, a przy 2x — 64 × 64. Zobacz tabelę w sekcji Eksportowanie za pomocą Slice Studio.

Sprawdź rozdzielczość wyświetlaną przy wycinku oraz wymiary wynikowego pliku. Jeśli rozbieżność wynika ze skalowania, skoryguj ustawienia eksportu, zanim zmienisz rozmiary klatek. Zmiana geometrii arkusza w celu skompensowania ustawienia skali eksportu utrudnia późniejsze zarządzanie plikiem źródłowym.

Użyj okna Eksport, gdy arkusz już wypełnia jeden obszar roboczy

Jeśli cały arkusz zajmuje jeden obszar roboczy, możesz wybrać Plik > Eksportuj > Eksportuj, wskazać ustawienie wstępne PNG i ustawić Obszar na obszar roboczy o odpowiedniej nazwie. Sprawdź podgląd i wymiary wyjściowe, wybierz Pytaj o lokalizację, a następnie wyeksportuj i zapisz plik. Opcja Pokaż w Finderze pozwala później wyświetlić folder docelowy. Te kroki dotyczą bieżącej wersji na Macu i opisano je w sekcji Okno dialogowe Eksport.

Wybierz obszar świadomie. Bieżąca dokumentacja Ustawień eksportu informuje, że eksportowanie całego dokumentu zawierającego obszary robocze tworzy osobne pliki graficzne dla tych obszarów. W ten sposób nie połączysz kilku obszarów w jeden obraz arkusza sprite’ów. Aby uzyskać jeden arkusz, ułóż klatki w jednym zamierzonym prostokącie i wyeksportuj ten prostokąt.

Okno Eksport pozwala również ustawić alternatywną szerokość i wysokość wyjściową z blokadą proporcji. Użyj tych pól, aby sprawdzić zamierzone wymiary. Nie wymuszaj na początku zmiany wyniku 256 × 65 na 256 × 64: zmiana wymiarów wyjściowych może przeskalować obraz zamiast skorygować pierwotną granicę. Affinity opisuje te ustawienia rozmiaru i ponownego próbkowania w sekcji Ustawienia eksportu.

Uwzględnij ograniczenia formatów i eksportu

PNG to odpowiedni format, gdy arkusz ma zachować przezroczystość; Affinity wyraźnie wymienia obsługę przezroczystości PNG w sekcji Obsługiwane formaty plików. Jeśli celowo powiększasz grafikę pikselową o ostrych krawędziach, Affinity wskazuje Najbliższy sąsiad jako opcję ponownego próbkowania przeznaczoną do obrazów z ostrymi krawędziami. To ustawienie skalowania, a nie sposób naprawienia nieprawidłowo umieszczonego prostokąta eksportu. Zobacz Ustawienia eksportu.

Sprawdź także opcję Uwzględnij spady, jeśli jest dostępna. Według dokumentacji Affinity opcja ta jest dostępna dla PNG i po włączeniu uwzględnia spady skonfigurowane w dokumencie. Pozostaw ją wyłączoną, gdy wymagany rozmiar wyjściowy ma dokładnie odpowiadać prostokątowi siatki sprite’ów. Ta sama dokumentacja ostrzega, że eksport przekraczający maksymalne wymiary danego formatu zostanie przeskalowany, aby się w nich zmieścić, a w oknie Eksport pojawi się ostrzeżenie. Zobacz Ustawienia eksportu.

Opisana procedura wycinków służy do eksportowania wyznaczonych obszarów; nie obejmuje automatycznego rozmieszczania klatek, czasu trwania animacji ani ogólnych metadanych atlasu sprite’ów. Opcja Kreator wsadowy jest opisana konkretnie jako narzędzie do tworzenia wsadów JSON dla Xcode z wycinków ikon Apple. W tym przypadku wspierana metoda polega na samodzielnym ułożeniu klatek i wyeksportowaniu ich wspólnego prostokąta, a nie na użyciu Kreatora wsadowego jako generatora atlasu. Zobacz Panel Wycinki.

Sprawdź poprawiony plik PNG, zanim zmienisz coś jeszcze

Otwórz nowy eksport osobno i sprawdź trzy rzeczy: dokładne wymiary w pikselach, skrajne wiersze i kolumny oraz granice klatek. W przykładowym arkuszu 256 × 64 pionowe podziały klatek powinny wypadać odpowiednio 64, 128 i 192 piksele od lewej krawędzi. Wartości te wynikają bezpośrednio z podanego układu czterech klatek.

Jeśli plik ma już prawidłowy rozmiar, ale nadal zawiera niepożądany piksel, sprawdź widoczną zawartość źródłową w tym miejscu. Jeśli nadal jest o jeden piksel za duży, sprawdź ponownie wybrany wycinek, jego wartości X/Y/W/H, skalowanie wyjściowe i ustawienie spadów. Ta kolejność pozwala odróżnić problem z granicą od problemu z zawartością bez wielokrotnego zmieniania rozmiaru grafiki.

Zachowaj poprawiony prostokąt eksportu i ustawienia eksportu w dokumencie. Właściwy rezultat to plik PNG, którego wymiary i siatka klatek odpowiadają zamierzonemu układowi. Gdy oba warunki są spełnione, nie trzeba zgadywać i usuwać wiersza ani kolumny z gotowego pliku.

Źródła