Voor consistente dunne checklistlijnen ontwerpt u op de beoogde PNG-afmetingen, geeft u herhaalde elementen dezelfde geometrie en controleert u hun pixelplaatsing voordat u exporteert. Alleen een instelling voor de lijndikte kan niet garanderen dat lijnen er bij elk uitvoerformaat hetzelfde uitzien.

Deze handleiding gaat over een checklistafbeelding die is gemaakt in de huidige Affinity-desktopapp op een Mac: herhaalde lege vakjes, horizontale lijnen en neutrale labels zoals “Item A”. Het doel is een nette PNG op een specifiek formaat. Menupaden volgen de huidige documentatie van het Affinity Help Center.

Waarom kunnen lijnen met dezelfde breedte er verschillend uitzien?

Begin met onderscheid te maken tussen de geometrie van het ontwerp en de pixelweergave. In de Vector-weergave van Affinity zien vectorranden er vloeiend uit, ongeacht de zoomfactor. De Pixel-weergave geeft vectorillustraties weer als afzonderlijke pixels, terwijl de Retina Pixel-weergave laat zien hoe ze eruitzien op schermen met een hoge pixeldichtheid. Gebruik Weergave > Modus > Pixels om het ontwerp te controleren voor gewone afbeeldingsuitvoer. Weergavemodi

Twee lijnen kunnen dezelfde lijndikte hebben en toch verschillende posities ten opzichte van het pixelraster innemen. Affinity staat posities op gedeeltelijke pixels expliciet toe wanneer Pixeluitlijning forceren is uitgeschakeld. De documentatie waarschuwt ook dat uitlijnen op een object dat niet op pixels is uitgelijnd, een positie buiten het pixelraster kan opleveren, zelfs wanneer pixeluitlijning is ingeschakeld. Pixeluitlijning forceren

De praktische conclusie is dat dezelfde breedte slechts een deel van de oplossing is. Zorg ook voor dezelfde plaatsing, oriëntatie en uitvoerschaal. Vergelijk bij een checklist gelijkwaardige kenmerken: rechte zijden van vakjes met rechte zijden van vakjes, en horizontale lijnen met horizontale lijnen. Afgeronde hoeken en diagonale markeringen hebben een andere geometrie en moeten niet worden beoordeeld op de vraag of ze hetzelfde pixelpatroon innemen.

Stel één herhaalbare lijnstijl in

Selecteer een representatief selectievakje of een representatieve lijn en open Venster > Vector > Lijn. Het paneel bevat instellingen voor lijnstijl, breedte, uiteinde, hoekverbinding, uitlijning en druk. Gebruik voor een eenvoudige checklist een ononderbroken lijn en controleer het drukprofiel voordat u de breedtewaarde als bewijs voor een uniforme dikte beschouwt. Houd de instellingen van gelijkwaardige elementen hetzelfde. Paneel Lijn

Kies voor gesloten selectievakjes één vaste uitlijning van de lijn. De gedocumenteerde opties plaatsen de lijn in het midden, binnen of buiten de rand van het object. De uitlijning bepaalt dus waar de zichtbare rand ten opzichte van de geometrie van de vorm komt te liggen. Controleer ook Volgorde: als de lijn achter een gevulde gesloten vorm wordt getekend, kan de binnenste helft verborgen raken. Paneel Lijn

Controleer het schaalgedrag voordat u een groep vakjes aanpast. Schalen met object bepaalt of de lijn meeschakelt met een gesloten vorm. Het Transform-paneel bevat ook Schaaloverschrijving, waarmee lijndikten en andere eigenschappen tijdens het schalen kunnen worden aangepast. Als eerder geschaalde vakjes verschillen, controleer dan beide instellingen voordat u overal dezelfde uiteindelijke lijndikte toepast. Paneel Lijn, Transform-paneel

Voor eenvoudige horizontale lijnen kunt u ook een smalle, gevulde rechthoek gebruiken. De Rechthoek-tool heeft instellingen voor vulling en lijn; met de lijnstijl Geen in het paneel Lijn verwijdert u de omtrek. Zo bepaalt u de dikte van de lijn met de hoogte van de rechthoek en hoeft u niet met een gecentreerde lijn rekening te houden. Dit is een redactionele aanbeveling voor rechte lijnen, geen speciale exportfunctie. Rechthoek-tool, Paneel Lijn

Plaats de lijnen nauwkeurig op het pixelraster

Open Venster > Algemeen > Transformeren. Kies bewust een ankerpunt voordat u coördinaten invoert: de wijzigingen in positie en formaat in het paneel zijn afhankelijk van dat ankerpunt. Het paneel biedt exacte waarden voor X, Y, breedte, hoogte, rotatie en scheeftrekking, gemeten ten opzichte van het nulpunt van de liniaal. Houd die oorsprong hetzelfde wanneer u herhaalde objecten vergelijkt. Transform-paneel

Voor plaatsing op pixels opent u Weergave > Uitlijnen en schakelt u Pixeluitlijning forceren in. Controleer ook de andere uitlijningsdoelen; een hulplijn of object dat niet op pixels is uitgelijnd, kan een pixeluitgelijnd resultaat verstoren. Deze instelling geldt wanneer objecten worden gemaakt, verplaatst of gewijzigd. Controleer daarom bestaande illustraties in plaats van aan te nemen dat het inschakelen ervan elk object heeft hersteld. Pixeluitlijning forceren

Zie Verplaatsen met hele pixels als een beperking op het verplaatsen. Volgens de documentatie van Affinity behoudt deze instelling de gedeeltelijke pixels die een object al inneemt, terwijl het over afstanden van hele pixels wordt verplaatst. Zo kan een ongewenste verschuiving van een fractie van een pixel behouden blijven. Bepaal eerst de gewenste positie en gebruik daarna verplaatsing met hele pixels als dat helpt om die plaatsing te behouden. Pixeluitlijning forceren

Schakel Weergave > Tonen > Pixelraster in en zoom in om de randen nauwkeurig te bekijken. Het raster is een visueel hulpmiddel en wordt niet geëxporteerd. Gebruik het samen met de Pixel-weergave om gelijkwaardige randen te controleren en keer daarna terug naar een normale zoomfactor om de checklist als geheel te beoordelen. Rasters

Een illustratieve controle van de geometrie

Stel dat de beoogde uitvoer van uw checklist 800 × 600 pixels is. Maak voor een synthetische test drie gevulde horizontale rechthoeken zonder lijn. Geef elk een breedte van 240 px en een hoogte van 1 px, met de volgende posities linksboven. Dit zijn illustratieve invoerwaarden, geen gemeten testresultaten uit Affinity.

Lijn X Y Breedte Hoogte
A 80 px 100 px 240 px 1 px
B 80 px 124 px 240 px 1 px
C 80 px 148 px 240 px 1 px

Gebruik in Transformeren het anker linksboven, voer die waarden in en houd rotatie en scheeftrekking op nul. De herhaalde lijnen hebben nu dezelfde afmetingen en tussenruimten van hele pixels. Dit voorbeeld gebruikt de vulinstellingen van de Rechthoek-tool en de numerieke positionering in het Transform-paneel; het berust niet op een niet-gedocumenteerde opdracht voor “scherpe lijnen”. Rechthoek-tool, Transform-paneel

De schaalberekening maakt duidelijk waarom het doelformaat ertoe doet. Als u deze lay-out van 800 pixels breed exporteert op 400 pixels breed, is de schaalfactor 400 ÷ 800 = 0,5. Een lijn van 1 pixel hoog komt geometrisch dan overeen met een halve uitvoerpixel; een lijn van 2 pixels hoog komt overeen met één uitvoerpixel. Deze berekeningen beschrijven de geometrie en zijn geen belofte over de exacte arcering van de renderer. Is het eindproduct 400 pixels breed, beoordeel en verfijn de lijnen dan voor dat uitvoerformaat.

Exporteer de PNG op het formaat dat u nodig hebt

Open Bestand > Exporteren > Exporteren en kies een PNG-voorinstelling. Stel Gebied bewust in: gebruik het benoemde tekengebied of het juiste documentgebied voor de volledige checklist. Selectiegebied neemt overlappende niet-geselecteerde lagen mee, terwijl Alleen selectie deze uitsluit. De verschillende gebiedskeuzes kunnen daardoor tot andere inhoud leiden. Exportdialoogvenster

Controleer de breedte en hoogte van de export. Bij Formaat toont Affinity aanvankelijk de oorspronkelijke afmetingen, maar u kunt andere kiezen; laat Beeldverhouding vergrendelen ingeschakeld om proportioneel te schalen. Exporteer voor de illustratieve test eerst op 800 × 600. Test een kleiner eindformaat afzonderlijk. Exportinstellingen

Controleer het exportvoorbeeld voordat u opslaat. Druk op de Mac tijdens het bekijken van het voorbeeld op Command-1 voor 100%; met Command-3 krijgt u 400% voor een nauwkeurigere controle. Let op herhaalde lijnen die donkerder of dikker lijken en controleer of een rand is afgesneden bij de gekozen exportgrens. Exporteer de afbeelding vervolgens en bekijk de daadwerkelijke PNG op het beoogde weergaveformaat. Exportdialoogvenster

Als schalen nodig is, biedt Affinity meerdere resamplers. In de Help wordt Nearest Neighbor aanbevolen voor afbeeldingen met harde randen en Bilinear voor verkleinen. Beschouw dit als de gedocumenteerde toepassingen en vergelijk daarna het voorbeeld met uw illustratie. Geen enkele resampler wordt beschreven als garantie voor dunne checklistlijnen die er allemaal hetzelfde uitzien. Exportinstellingen

Wat kunnen exportinstellingen oplossen, en waar liggen de grenzen?

De relevante beperking is formaatgebonden. Affinity documenteert Rasteren: Niets / Alles / Niet-ondersteunde eigenschappen voor PDF, SVG en EPS. Die instelling wordt niet vermeld voor PNG. Ook wordt Raster-DPI alleen beschreven voor effecten die naar die vectorgerichte formaten worden gerasterd. Zoek dus niet naar een PNG-optie “Alles rasteren” als oplossing; gebruik de uitvoerafmetingen van de PNG en corrigeer de geometrie van de illustratie. Exportinstellingen

Gebruik deze diagnostische reeks om te bepalen wat u moet aanpassen. Het is een hulpmiddel voor besluitvorming dat is afgeleid van de gedocumenteerde instellingen, geen bewering dat één instelling elk exportprobleem kan opsporen.

Wat u ziet Wat u vervolgens controleert Praktische aanpak
Sommige vakjes hebben verschillende numerieke breedtes Lijninstellingen en schaalinstellingen Stel één gemeenschappelijke uiteindelijke lijnstijl in
Gelijke lijnen verschillen in de Pixel-weergave Posities, afmetingen en uitlijningsdoelen Corrigeer gelijkwaardige randen en herhaal de plaatsing consequent
Lijnen worden alleen ongelijkmatig in de kleinere export Uitvoerafmetingen en schaalfactor Verfijn de illustratie voor dat kleinere formaat
Een lijn verdwijnt of raakt een onverwachte achtergrond Exportgebied en de opgenomen lagen Selecteer het gewenste document, tekengebied of selectiegebied
De Vector-weergave ziet er vloeiend uit, maar de PNG ziet er anders uit Pixel-weergave en exportvoorbeeld Beoordeel het rasterbestand aan de hand van de pixelweergave

Als een combinatie goed werkt, slaat u de exportkeuzes op via Voorkeuren > Voorinstelling maken in het exportdialoogvenster. Met een voorinstelling kunt u die exportkeuzes hergebruiken; de illustratie moet nog steeds dezelfde geometrie en plaatsing hebben. Exportdialoogvenster

Houd de eindcontrole eenvoudig: controleer één representatief vakje en één lijn, bevestig dat de herhaalde elementen overeenkomen, controleer de PNG-afmetingen en bekijk de opgeslagen afbeelding op het formaat waarop deze wordt gebruikt. Is een ander uitvoerformaat nodig, herhaal dan die controle voor het nieuwe formaat. Consistentie komt voort uit het samen beheersen van geometrie en schaal.

Bronnen