Controleer de positie, afmetingen en uitvoerschaal van de exportrechthoek om een extra rij of kolom in een Affinity-spritesheetexport op de Mac te corrigeren. Gebruik voor een al ingedeeld spritesheet een slice met exact de juiste afmetingen en controleer vervolgens de geëxporteerde PNG voordat je de illustratie wijzigt.

Deze gids behandelt de huidige desktopinterface van Affinity en de Slice Studio. Het doel is een bestaand sprite-raster te exporteren met de beoogde pixelafmetingen. De huidige helpdocumentatie van Affinity beschrijft aangepaste exportrechthoeken en afzonderlijke slice-uitvoer; de onderstaande stappen gebruiken die functies rechtstreeks.

Bepaal of de extra pixel de afmetingen van het bestand verandert

Maak eerst onderscheid tussen twee symptomen: een bestand dat één pixel te groot is en een bestand met de juiste afmetingen dat een ongewenste pixel aan de rand bevat. Daarvoor zijn verschillende controles nodig. Noteer de beoogde breedte en hoogte, open vervolgens het geëxporteerde bestand afzonderlijk om de afmetingen te controleren en de buitenste rijen en kolommen te bekijken.

Gebruik een eenvoudige berekening voor de verwachte afmetingen. Voor een voorbeeldspritesheet met vier frames van 64 × 64 op één horizontale rij, zonder marges of tussenruimten, is het doel 256 × 64 pixels. Een export van 256 × 65 heeft afwijkende afmetingen. Een export van 256 × 64 met een ongewenste gekleurde onderste rij heeft de juiste afmetingen, maar de inhoud of plaatsing moet worden onderzocht.

Wat je aantreft Controleer eerst Handige volgende stap
Breedte of hoogte is één pixel te groot Exportgrenzen en hun positie Stel een slice-rechthoek met exacte afmetingen in
Afmetingen wijken aanzienlijk af Uitvoerschaal en document-DPI Controleer de werkelijke uitvoerresolutie van de slice
Afmetingen kloppen, maar een rand ziet er verkeerd uit Positie van de illustratie en zichtbare inhoud Bekijk de rand zonder het spritesheet te vergroten of verkleinen
De export bevat onverwachte illustraties Slicetype of exportgebied Kies de gewenste inhoudsgrens

Affinity maakt onderscheid tussen getekende slices en slices die op basis van lagen zijn gemaakt. Een getekende slice bevat alle zichtbare lagen binnen de rechthoek; een slice op basis van een laag bevat alleen de inhoud van de bronlaag. Dit onderscheid is van belang wanneer een object in de buurt of een achtergrond in het geëxporteerde spritesheet verschijnt. Zie Exporteren met de Slice Studio.

Controleer de pixelpositie en de breedte en hoogte

Een geheel getal als breedte bewijst niet dat een rechthoek op een pixelgrens begint. In een geometrische illustratie loopt een rechthoek van 256 pixels breed die begint op X = 10.5 door tot X = 266.5. Beide randen liggen tussen pixelgrenzen. Dit laat zien waarom alleen de breedte controleren een uitlijningsprobleem kan missen; het is geen bewering over de exacte rasterisatieformule van Affinity.

Voor numerieke inspectie op de Mac open je Venster > Algemeen > Transformeren. Het paneel bevat X, Y, B en H, plus een keuzelijst voor het ankerpunt. Kies het ankerpunt linksboven wanneer je de positie linksboven van een rechthoekig exportgebied controleert. De metingen gebruiken de huidige liniaaleenheden en zijn relatief aan de oorsprong van de liniaal. Deze functies worden beschreven in Paneel Transformeren.

Toon indien nodig de linialen met Weergave > Tonen > Linialen, klik vervolgens met Control ingedrukt op het snijpunt en kies pixels. Als je de oorsprong van de liniaal eerder hebt verplaatst, dubbelklik je op het snijpunt om die te resetten voordat je de coördinaten onderzoekt. Affinity beschrijft beide handelingen in Linialen.

Controleer de positie en grootte van de exportgrens in plaats van alle sprite-illustraties te selecteren en elke waarde af te ronden. Voor het voorbeeldspritesheet met vier frames kan de beoogde rechthoek X = 0, Y = 0, B = 256, H = 64 zijn. Je bestaande spritesheet kan ergens anders beginnen; gebruik de positie die het frame-raster daadwerkelijk omvat.

Als de numerieke weergave kleine fracties verbergt, geeft de helpinformatie over Transformeren aan dat je het aantal decimalen kunt aanpassen via Instellingen > Gebruikersinterface. Verhoog de weergegeven precisie tijdens het controleren. Wijzig de afmetingen van de illustratie niet alleen om de getallen er netjes uit te laten zien: door verkleinen of vergroten kan de frame-inhoud veranderen.

Gebruik de juiste instellingen voor pixeluitlijning

Open Weergave > Uitlijnen en schakel Pixeluitlijning forceren in. Affinity beschrijft dat vectorobjecten, knooppunten, handgrepen en pixelselectiegebieden hiermee op hele pixels worden uitgelijnd wanneer ze worden gemaakt, verplaatst of aangepast. Er wordt ook gewaarschuwd dat uitlijnen op een object, hulplijn of raster dat niet op een pixel ligt, zelf een niet-uitgelijnd resultaat kan opleveren. Schakel daarom tijdens het corrigeren tijdelijk conflicterende uitlijningsmodi uit. Zie Pixeluitlijning forceren.

Laat Verplaatsen met hele pixels uitgeschakeld wanneer je een bestaande positie met fracties corrigeert. Deze optie beperkt de verplaatsingsafstand en kan een bestaande fractie behouden. Als je bijvoorbeeld 10 bij X = 10.5 optelt, wordt X = 20.5. Affinity maakt in dezelfde documentatie over pixeluitlijning expliciet onderscheid tussen dit gedrag en Pixeluitlijning forceren.

Gebruik uitlijnen als hulpmiddel tijdens het bewerken. Controleer de numerieke waarden opnieuw nadat je de betreffende grens hebt verplaatst of aangepast. Alleen een uitlijningsoptie inschakelen betekent niet dat elk bestaand object is gecorrigeerd.

Exporteer het ingedeelde spritesheet met één slice met exacte afmetingen

Voor een bestaand spritesheet biedt een zelf getekende slice een gedocumenteerde manier om de geëxporteerde rechthoek te bepalen, zonder dat de afmetingen afhangen van de veranderende omvang van een spritegroep. Affinity raadt specifiek aan om het paneel Transformeren in de Slice Studio te gebruiken voor een precieze plaatsing en exacte afmetingen van de slice. Zie Slices exporteren.

  1. Open Studio Manager, schakel zo nodig de vermelding Slice in Studio in en ga ernaartoe. Studio-vermeldingen inschakelen wordt beschreven in Studio's aanpassen.
  2. Selecteer het Slice-gereedschap en sleep een rechthoek om het al ingedeelde spritesheet. Het gereedschap is standaard beschikbaar in Slice Studio; de sneltoets is S. Zie Slice-gereedschap.
  3. Selecteer de getekende slice en gebruik Transformeren om de beoogde positie, breedte en hoogte in te stellen. Gebruik voor het voorbeeldspritesheet B = 256 px en H = 64 px en plaats de rechthoek over de vier frames.
  4. Open Venster > Algemeen > Slices, vouw de slice-vermelding uit en kies PNG als bestandsindeling. Controleer de schaal en de weergegeven uitvoerresolutie.
  5. Exporteer het gewenste formaat met de exportknop van dat formaat, of vink alleen de bedoelde slice aan en gebruik Slices exporteren. Kies de doelmap en klik op Exporteren.

De documentatie over het paneel Slices beschrijft het kiezen van de bestandsindeling, de schaal en de aangevinkte exportvermeldingen. De afzonderlijke instructies voor het exporteren van slices maken onderscheid tussen het exporteren van één formaat, één bestandsindeling of alle aangevinkte slice-uitvoer. Kies voor de eerste testexport één PNG-uitvoer, zodat duidelijk is welk bestand je controleert.

Controleer vóór het exporteren welke zichtbare lagen binnen de rechthoek vallen. Een getekende slice bevat hun inhoud. Als je in plaats daarvan een slice van een groep of laag maakt, volgen de oorspronkelijke grenzen van die slice de omvang van dat item en bevat de uitvoer alleen dat bronitem. Gebruik het slicetype dat bij het beoogde spritesheet past, zoals uitgelegd in Exporteren met de Slice Studio.

Behoud de bedoelde lege ruimte binnen elk frame. In het voorbeeld met vier frames moet elk frame 64 × 64 pixels groot blijven, ook als de illustratie erin veel kleiner is. Door de export bij de zichtbare illustratie af te snijden, verandert het raster dat je wilt opleveren.

Controleer de DPI voordat je ervan uitgaat dat 1x het verwachte aantal pixels oplevert

Affinity documenteert een verband tussen de document-DPI en de formaten 1x, 2x en 3x van Slice Studio. Het voorbeeld laat zien dat een document van 64 × 64 px bij 72 of 96 DPI op 1x een export van 64 × 64 oplevert. Bij 144 DPI is de gedocumenteerde uitvoer op 1x 32 × 32 en levert 2x een formaat van 64 × 64 op. Zie de tabel in Exporteren met de Slice Studio.

Controleer de weergegeven resolutie van de slice en de afmetingen van het resulterende bestand. Als de schaal de afwijking verklaart, pas dan de exportinstellingen aan voordat je de frame-afmetingen wijzigt. De geometrie van het spritesheet aanpassen om een uitvoerschaalinstelling te compenseren, maakt het bronbestand lastiger te onderhouden.

Gebruik het dialoogvenster Exporteren als het spritesheet al één tekengebied vult

Als het volledige spritesheet één tekengebied beslaat, kun je Bestand > Exporteren > Exporteren gebruiken, een PNG-voorinstelling kiezen en Gebied instellen op dat benoemde tekengebied. Controleer het voorbeeld en de uitvoerafmetingen, kies Locatie vragen en exporteer en sla het bestand vervolgens op. Met Tonen in Finder kun je de doelmap daarna openen. Dit zijn de huidige stappen voor de Mac in Dialoogvenster Exporteren.

Kies het gebied bewust. De huidige documentatie over Exportinstellingen vermeldt dat bij een document met tekengebieden de uitvoer van het volledige document aparte afbeeldingsbestanden voor de tekengebieden oplevert. Meerdere tekengebieden op deze manier exporteren voegt ze niet samen tot één spritesheetafbeelding. Plaats voor één spritesheet de frames binnen één bedoelde rechthoek en exporteer die rechthoek.

In het dialoogvenster Exporteren kun je ook een alternatieve breedte en hoogte instellen, met een vergrendelde beeldverhouding. Gebruik deze velden om de beoogde afmetingen te controleren. Probeer niet als eerste reparatie een uitvoer van 256 × 65 geforceerd om te zetten naar 256 × 64: door de uitvoerafmetingen te wijzigen kan de afbeelding opnieuw worden bemonsterd in plaats van de oorspronkelijke grens te corrigeren. Affinity beschrijft deze instellingen voor afmetingen en herbemonstering in Exportinstellingen.

Houd rekening met de beperkingen van indelingen en export

PNG is een geschikte keuze als het spritesheet transparantie nodig heeft; Affinity vermeldt expliciet dat PNG transparantie ondersteunt in Ondersteunde bestandsindelingen. Als je pixelillustraties met harde randen bewust vergroot, beschrijft Affinity Nearest Neighbor als de herbemonsteringsoptie voor afbeeldingen met harde randen. Dat is een keuze voor schalen, geen oplossing voor een verkeerd geplaatste exportrechthoek. Zie Exportinstellingen.

Controleer ook Aflopend gebied opnemen waar dit beschikbaar is. Affinity documenteert deze optie voor PNG en vermeldt dat de ingestelde afloop van het document wordt meegenomen wanneer de optie is ingeschakeld. Laat de optie uitgeschakeld als de vereiste uitvoer exact de rechthoek van het sprite-raster moet zijn. Dezelfde documentatie waarschuwt dat een export die de maximale afmetingen van een indeling overschrijdt, passend wordt geschaald; in het dialoogvenster Exporteren verschijnt dan een waarschuwing. Zie Exportinstellingen.

De gedocumenteerde slice-workflow exporteert afgebakende gebieden; de instructies beschrijven geen automatische indeling van frames, animatietiming of algemene metagegevens voor sprite-atlassen. Batch Builder is specifiek gedocumenteerd voor Xcode-JSON-batches van Apple-pictogramslices. Voor deze taak is de ondersteunde werkwijze om de frames zelf in te delen en hun gedeelde rechthoek te exporteren, in plaats van Batch Builder als generator van sprite-atlassen te gebruiken. Zie Paneel Slices.

Controleer de gecorrigeerde PNG voordat je iets anders wijzigt

Open de nieuwe export afzonderlijk en controleer drie dingen: de exacte pixelafmetingen, de buitenste rijen en kolommen, en de framegrenzen. In het voorbeeldspritesheet van 256 × 64 moeten de verticale frameverdelingen zich op 64, 128 en 192 pixels vanaf de linkerrand bevinden. Deze waarden volgen rechtstreeks uit de beschreven indeling met vier frames.

Als het bestand nu de juiste afmetingen heeft, maar er nog een ongewenste pixel staat, controleer dan de zichtbare broninhoud op die plek. Is het bestand nog steeds één pixel te groot, controleer dan opnieuw de geselecteerde slice, de waarden X/Y/B/H, de uitvoerschaal en de instelling voor afloop. Zo maak je onderscheid tussen een probleem met de grens en een probleem met de inhoud, zonder de illustratie steeds opnieuw te vergroten of verkleinen.

Bewaar de gecorrigeerde exportrechthoek en exportinstellingen bij het document. Het gewenste resultaat is een PNG waarvan de afmetingen en het frame-raster overeenkomen met de beoogde indeling. Zodra beide controles kloppen, hoef je niet op goed geluk een rij of kolom uit het uiteindelijke bestand te verwijderen.

Bronnen