Om du vill inkludera en yttre kontur utan att ändra PNG-bildens mått för en spelresurs reserverar du utrymme för konturen inuti en rityta med fast storlek. I Affinity på Mac placerar du hela det konturförsedda motivet innanför denna gräns och exporterar sedan den namngivna ritytan med önskad pixelstorlek.

Det här arbetsflödet är avsett för dig som förbereder en liten vektorgrafik för spel, till exempel en geometrisk ikon på 32 × 32 px. Det använder kontrollerna i det aktuella hjälpcentret för Affinity på dator. Affinity Designer 2 har en separat exportarbetsyta som kallas Export Persona; i den aktuella Affinity-dokumentationen kallas den Slice Studio. Huvudarbetsflödet nedan använder den aktuella dialogrutan Export. Aktuell dokumentation om export i Affinity, Dokumentation om Export Persona i Designer 2.

Vad kan förbli oförändrat när du lägger till en yttre kontur?

Skilj på tre mått innan du redigerar: formens mått, det synliga motivet inklusive konturen och den exporterade bildens pixelmått. Affinitys panel Stroke placerar en kontur centrerad på, innanför eller utanför objektets kant. Dessa justeringsalternativ avgör hur mycket utrymme konturen tar upp. Panelen Stroke.

En yttre kontur behöver utrymme utanför den ursprungliga formen. Om formen redan fyller exportgränsen krävs en ändring någonstans för att hela konturen ska få plats: minska eller ändra motivets form, använd tillgängligt genomskinligt utrymme eller skala ned hela kompositionen till önskad exportstorlek. Det är geometriskt omöjligt att behålla de ursprungliga kantpositionerna, hela den yttre konturen och identiska exportgränser om konturen sträcker sig utanför gränserna.

I Affinitys dokumentation anges en tydlig gräns för ritytor: objekt som sträcker sig utanför en rityta klipps vid dess kant. En rityta kan alltså hålla exportstorleken konstant, men den bevarar inte konturinnehåll som hamnar utanför gränsen. Om ritytor.

Den officiella exportdokumentationen beskriver hur du väljer ett exportområde och ändrar bildens bredd och höjd. Den dokumenterar inget reglage som inkluderar utskjutande yttre konturer samtidigt som motivets ursprungliga skala och bildens fasta gränser bevaras. Den metod som stöds är att passa in det synliga motivet i det valda exportområdet. Dialogrutan Export, Exportinställningar.

Ditt krav Lämplig metod Vad ändras
Behålla en verklig yttre kontur och exakta PNG-mått Placera formen innanför en rityta med fast storlek Formens storlek eller tillgängligt utfyllnadsutrymme
Behålla den befintliga formgränsen som synlig ytterkant Använd en inåtriktad kontur där det passar Konturens placering och den synliga fyllningsytan
Behålla hela kompositionens proportioner och framtvinga en viss exportstorlek Ändra storlek på den exporterade bilden Motivets skala i de exporterade pixlarna
Behålla hela motivet i sin ursprungliga skala utan tillgängligt utrymme Öka exportområdet Exportmåtten; detta uppfyller inte kravet på fast storlek

Hur får du plats med en yttre kontur inom en export på 32 × 32 px?

Följande exempel använder en illustrativ, axelrät kvadrat med en jämn yttre kontur på 2 px. Effekter, konturer med varierande bredd och hörndetaljer som sticker ut har medvetet utelämnats för att göra utrymmesberäkningen tydlig.

För den här kvadraten är den synliga bredden formens bredd plus en konturbredd på varje sida. Därför tillåter en export på 32 px en formbredd på 32 − 2 − 2 = 28 px. Samma beräkning ger en höjd på 28 px. Om formen centreras blir det 2 px mellan dess underliggande kant och varje ritytekant; den yttre konturen fyller det utrymmet.

1. Ange exportområdet med fast storlek

I Vector Studio väljer du Arkiv > Nytt. Ställ in Dokumentmåttenhet på pixlar, Sidbredd och Sidhöjd på 32 px och aktivera Ritytor. Aktivera Genomskinlig bakgrund om motivet ska ha genomskinligt utrymme runt sig. Använd 72 DPI i det här exemplet och klicka sedan på Skapa dokument. Dessa dokumentinställningar beskrivs i Affinitys hjälp om hur du skapar nya dokument. Skapa nya dokument.

Om du lägger till en särskild exportrityta i ett befintligt dokument innehåller Rityteverktyget inställningarna B och H för en ny rityta, följt av Infoga rityta. Ange pixelmåtten uttryckligen i stället för att anpassa ritytan efter det markerade motivet. Rityteverktyget.

2. Ange formens storlek och ställ in konturen

Skapa eller markera kvadraten. Öppna Fönster > Allmänt > Transformera och ange B: 28 px och H: 28 px. Panelen har stöd för exakta mått och en ankarpunkt för transformeringar. Placera kvadraten centrerat så att dess underliggande kanter ligger 2 px innanför ritytan. Panelen Transformera.

Öppna Fönster > Vektor > Stroke. Välj en heldragen kontur, ange Bredd: 2 px och välj Justera kontur utåt. Använd en rundad skarv i det här enkla exemplet. I Affinitys dokumentation beskrivs justerings-, bredd- och skarvinställningarna i panelen Stroke. Panelen Stroke.

Kontrollera hur konturen skalas när du ändrar storlek på befintliga motiv. Med Skala med objekt styr du om konturens bredd ändras tillsammans med en sluten form. Panelen Transformera har också Åsidosätt skalning, som kan tvinga egenskaper, inklusive konturbredder, att skalas. Kontrollera efter storleksändringen att bredden fortfarande är 2 px i stället för att anta att den förblev oförändrad. Inställningar för konturskalning, Åsidosätt skalning i Transformera.

3. Kontrollera hela det synliga området

Kvadraten på 28 px plus dess yttre kontur upptar nu 32 px i båda riktningarna. Det är en geometrisk beräkning för det angivna exemplet, inte ett uppmätt exportresultat. Om du vill ha en genomskinlig marginal runt konturen reserverar du även utrymme för den: en marginal på 1 px på varje sida minskar kvadratens tillåtna storlek till 26 × 26 px.

Använd inte samma subtraktion blint för alla motiv. Geringsskarvar i Affinity kan sticka ut vid skarpa hörn, medan linjeändar påverkas av ändavslut. Ett komplext motiv kräver att du granskar hela konturen, särskilt vid hörn och ändpunkter. Den enkla breddberäkningen är en utgångspunkt för regelbundna former. Konturskarvar och ändavslut.

Hur exporterar du ritytan utan att ändra dess mått?

Välj Arkiv > Exportera > Exportera och välj sedan en PNG-förinställning. Ställ in Område på den namngivna ritytan. Affinity skiljer detta från Markeringsområde, som omfattar överlappande lager, och Endast markering, som utesluter överlappande lager som inte är markerade. Om du väljer den namngivna ritytan anges det avsedda exportområdet tydligt. Dialogrutan Export.

Kontrollera bredden och höjden: båda ska vara 32 px i det här exemplet. Affinity tillåter andra mått och har alternativet Lås bildförhållande. Ändra inte exportstorleken för att kompensera för motiv som fortfarande sträcker sig utanför ritytan; passa först in konturen innanför gränsen. Exportinställningar.

Granska förhandsvisningen innan du sparar exporten. På Mac visar ⌘1 förhandsvisningen i 100 % och ⌘2 visar den i 200 %. Kontrollera alla fyra kanter efter avklippta konturdelar och bekräfta att eventuell genomskinlig marginal är avsiktlig. Välj sedan Fråga efter plats, klicka på Exportera, namnge filen, välj destination och klicka på Spara. Dialogrutan Export och kortkommandon för förhandsvisning på Mac.

Öppna den sparade PNG-filen och kontrollera pixelmåtten och hela silhuetten som en sista praktisk kontroll. Rätt bredd och höjd räcker inte för att visa att konturen får plats: en avklippt bild kan fortfarande vara exakt 32 × 32 px.

Kan segment bevara samma resultat med fast storlek?

Ja, om du definierar exportområdet med omsorg. I Affinitys dokumentation beskrivs två olika beteenden för segment: ett segment som skapas från ett objekt i panelen Exportera lager anpassas automatiskt efter objektets utbredning och exporterar dess lagerinnehåll; ett manuellt ritat segment omfattar innehåll från alla synliga lager inom dess område. Exportera med Slice Studio.

Välj Segmentverktyget i Slice Studio och dra ett område runt det förberedda motivet för att skapa ett exportområde med fast storlek. Använd den tillhörande panelen Transformera för att ange exakta mått och position för segmentet. Välj PNG i segmentets exportalternativ och exportera det. Se till att hela konturen ryms inom segmentets rektangel, precis som du skulle göra med en rityta. Exportera segment.

Kontrollera den visade exportupplösningen i stället för att anta att 1x alltid motsvarar dokumentets pixelmått. I Affinitys dokumentation beskrivs förhållandet mellan segmentets skalning och dokumentets DPI: exemplet med 64 × 64 px exporteras i 64 × 64 px vid 1x med 72 DPI, men i 32 × 32 px vid 1x med 144 DPI. Det här är en separat inställning av storleken som inte påverkar konturens placering. Segmentmått och DPI.

Vad bör du ändra om resultatet fortfarande inte blir rätt?

Välj nästa redigering utifrån problemet:

  • PNG-filen har rätt mått men konturen är avklippt: flytta eller minska motivet tills hela konturen ryms inom ritytan eller segmentet.
  • PNG-filens mått ändras när motivet ändras: kontrollera om du exporterar en markering eller ett objektsegment som storleksanpassas automatiskt. Använd den namngivna ritytan eller ett manuellt segment med exakta mått för en fast gräns.
  • Konturens tjocklek ändras efter storleksändring: kontrollera Skala med objekt och Åsidosätt skalning i Transformera och återställ sedan önskad konturbredd.
  • Konturen får plats men motivet ser mindre ut: kontrollera om exportens bredd och höjd användes för att skala en större komposition till målformatet.
  • Bara de skarpa hörnen är avklippta: granska skarvtypen och geringsutsticket innan du ändrar storleken på hela kompositionen.

De här kontrollerna följer de dokumenterade skillnaderna mellan klippning vid ritytans kant, segmentens utbredning, konturskalning och ändrad exportstorlek. De behandlar olika orsaker; en ändring av konturjusteringen löser inte alla problem med exportstorleken. Ritytans gränser, Segmentens beteende, Konturinställningar, Exportmått.

Skapa ett repeterbart arbetsflöde för spelresurser genom att först ange den önskade pixelgränsen och reservera utrymme för konturen innanför den. Behåll den utåtriktade justeringen när utseendet är viktigt, anpassa det underliggande motivet så att konturen får plats och exportera sedan det fasta området. Då bevaras filens önskade mått samtidigt som hela konturen får utrymme att återges.

Källor