Per ottenere linee sottili uniformi nelle checklist, progetta alle dimensioni PNG previste, assegna una geometria corrispondente agli elementi ripetuti e controllane la posizione in pixel prima di esportare. La sola impostazione dello spessore del tratto non può garantire risultati dall’aspetto uniforme a tutte le dimensioni di output.

Questa guida illustra una grafica per checklist realizzata nell’attuale app desktop Affinity su Mac: caselle vuote ripetute, linee orizzontali ed etichette neutre come “Elemento A”. L’obiettivo è creare un PNG pulito a una dimensione specifica. I percorsi dei menu seguono la documentazione attuale del Centro assistenza Affinity.

Perché linee dello stesso spessore possono apparire diverse?

Per prima cosa, distingui la geometria dell’illustrazione dall’anteprima in pixel. La vista Vettore di Affinity mostra bordi vettoriali uniformi a qualsiasi livello di zoom. La vista Pixel rappresenta l’illustrazione vettoriale come singoli pixel, mentre la vista Pixel Retina ne rappresenta l’aspetto sui display ad alta densità di pixel. Usa Vista > Modalità > Pixel per esaminare il disegno destinato a una normale immagine. Modalità di visualizzazione

Due linee possono avere spessori del tratto identici, ma occupare posizioni diverse rispetto alla griglia di pixel. Affinity consente esplicitamente posizioni frazionarie rispetto ai pixel quando Allineamento forzato ai pixel è disattivato. La documentazione avverte inoltre che agganciarsi a un oggetto fuori pixel può produrre un risultato fuori pixel anche con l’allineamento ai pixel attivo. Allineamento forzato ai pixel

In pratica, uniformare lo spessore è solo una parte del lavoro. Uniforma anche posizione, orientamento e scala di output. Per una checklist, confronta caratteristiche equivalenti: i lati diritti delle caselle con altri lati diritti, e le linee orizzontali con altre linee orizzontali. Gli angoli arrotondati e i segni diagonali hanno geometrie diverse e non vanno giudicati in base all’identità dei pixel occupati.

Definisci un unico trattamento ripetibile delle linee

Seleziona una casella o una linea rappresentativa e apri Finestra > Vettore > Tratto. Il pannello offre controlli per stile della linea, larghezza, estremità, giunzione, allineamento e pressione. Per una checklist semplice, usa una linea continua e controlla l’eventuale profilo di pressione prima di considerare il valore dello spessore una prova di uniformità. Mantieni uguali le impostazioni degli elementi equivalenti. Pannello Tratto

Per le forme chiuse delle caselle, scegli un allineamento del tratto e mantienilo. Le opzioni documentate collocano il tratto al centro, all’interno o all’esterno del bordo dell’oggetto. L’allineamento modifica quindi la posizione del bordo visibile rispetto alla geometria della forma. Controlla anche Ordine: se il tratto viene disegnato dietro una forma chiusa riempita, la metà interna potrebbe essere nascosta. Pannello Tratto

Prima di modificare una serie di caselle, controlla il comportamento durante il ridimensionamento. Scala con oggetto determina se il tratto si ridimensiona insieme a una forma chiusa. Il pannello Trasforma dispone anche di Override scala, che può forzare il ridimensionamento degli spessori dei tratti e di altre proprietà. Se le caselle ridimensionate in precedenza sono diverse, controlla entrambi i controlli prima di assegnare uno spessore finale comune. Pannello Tratto, Pannello Trasforma

Per le semplici linee orizzontali, un rettangolo stretto riempito è un’altra soluzione supportata. Lo Strumento Rettangolo offre controlli per riempimento e tratto; lo stile Nessuno del pannello Tratto elimina il contorno. Puoi così impostare lo spessore della linea tramite l’altezza del rettangolo, senza dover considerare un tratto centrato. È una raccomandazione editoriale per le linee dritte, non una funzione speciale di esportazione. Strumento Rettangolo, Pannello Tratto

Posiziona le linee con precisione sulla griglia di pixel

Apri Finestra > Generale > Trasforma. Scegli con attenzione un punto di ancoraggio prima di inserire le coordinate: le modifiche di posizione e dimensione nel pannello dipendono da quel punto. Il pannello offre valori esatti per X, Y, larghezza, altezza, rotazione e inclinazione, misurati rispetto al punto zero del righello. Mantieni la stessa origine quando confronti oggetti ripetuti. Pannello Trasforma

Per posizionare gli elementi rispetto ai pixel, apri Vista > Aggancio e attiva Allineamento forzato ai pixel. Controlla anche gli altri elementi di aggancio: una guida o un oggetto fuori pixel può interferire con un risultato allineato ai pixel. L’impostazione si applica quando gli oggetti vengono creati, spostati o modificati; controlla quindi l’illustrazione esistente invece di presumere che attivarla abbia corretto ogni oggetto. Allineamento forzato ai pixel

Considera Sposta di pixel interi un vincolo di spostamento. Secondo la documentazione di Affinity, questa opzione mantiene i pixel frazionari già occupati da un oggetto e lo sposta di distanze in pixel interi. Può quindi mantenere uno scostamento frazionario indesiderato. Definisci prima la posizione prevista, poi usa lo spostamento di pixel interi quando ti aiuta a mantenerla. Allineamento forzato ai pixel

Per esaminare da vicino i bordi, attiva Vista > Mostra > Griglia pixel e aumenta lo zoom. La griglia è un ausilio visivo e non viene esportata. Usala insieme alla vista Pixel per esaminare i bordi equivalenti, poi torna a un ingrandimento normale per valutare la checklist nel suo insieme. Griglie

Un controllo geometrico illustrativo

Supponiamo che la dimensione di output prevista per la checklist sia di 800 × 600 pixel. Per una prova sintetica, crea tre rettangoli orizzontali riempiti senza tratto. Assegna a ciascuno una larghezza di 240 px e un’altezza di 1 px, con le seguenti posizioni in alto a sinistra. Sono valori illustrativi, non risultati di misurazioni effettuate in Affinity.

Linea X Y Larghezza Altezza
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

Usa l’ancoraggio in alto a sinistra nel pannello Trasforma, inserisci quei valori e mantieni rotazione e inclinazione a zero. Le linee ripetute avranno così dimensioni corrispondenti e una spaziatura in pixel interi. Questo esempio usa i controlli di riempimento dello Strumento Rettangolo e il posizionamento numerico del pannello Trasforma; non dipende da un comando “linee nitide” non documentato. Strumento Rettangolo, Pannello Trasforma

Il calcolo della scala spiega perché la dimensione di destinazione è importante. Esportare questo layout largo 800 pixel a 400 pixel di larghezza produce un fattore di scala di 400 ÷ 800 = 0,5. Una linea alta 1 pixel corrisponde quindi geometricamente a mezzo pixel di output; una linea alta 2 pixel corrisponde a un pixel di output. Questi calcoli descrivono la geometria, ma non garantiscono una precisa sfumatura del renderer. Se il file deve essere largo 400 pixel, valuta e perfeziona le linee per quella dimensione.

Esporta il PNG alle dimensioni effettivamente necessarie

Apri File > Esporta > Esporta e scegli una preimpostazione PNG. Imposta con attenzione Area: per l’intera checklist, usa la tavola da disegno denominata o l’area documento appropriata. Area selezione include i livelli sovrapposti non selezionati, mentre Solo selezione li esclude. Le diverse opzioni dell’area possono quindi produrre contenuti diversi. Finestra di dialogo Esporta

Controlla larghezza e altezza esportate. L’impostazione Dimensioni di Affinity mostra inizialmente le dimensioni native e permette di scegliere valori diversi; mantieni attivo Blocca proporzioni per ridimensionare in modo proporzionale. Per la prova illustrativa, esporta prima a 800 × 600. Prova separatamente ogni dimensione di output più piccola. Impostazioni di esportazione

Esamina l’anteprima di esportazione prima di salvare. Su Mac, premi Comando-1 durante l’anteprima per visualizzare al 100%; Comando-3 mostra il 400% per un controllo più ravvicinato. Cerca linee ripetute che cambiano intensità o spessore apparente e verifica se un bordo viene tagliato al limite di esportazione scelto. Poi esporta e controlla il PNG effettivo alle dimensioni di visualizzazione previste. Finestra di dialogo Esporta

Se è necessario ridimensionare, Affinity offre diversi metodi di ricampionamento. La guida indica Nearest Neighbor per le immagini con bordi netti e Bilinear per ridurle. Considerali gli usi documentati e poi confronta l’anteprima con la tua grafica. Nessun metodo di ricampionamento è indicato come garanzia di uniformità per le linee sottili delle checklist. Impostazioni di esportazione

Cosa possono correggere le impostazioni di esportazione e quali sono i loro limiti?

Il limite utile dipende dal formato. Per PDF, SVG ed EPS, Affinity documenta Rasterizza: Niente / Tutto / Proprietà non supportate. Non elenca questo controllo per il PNG. Analogamente, la risoluzione raster è documentata per gli effetti rasterizzati in quei formati orientati alla grafica vettoriale. Non cercare un’opzione PNG “Rasterizza tutto” per risolvere il problema; usa le dimensioni di output del PNG e correggi la geometria dell’illustrazione. Impostazioni di esportazione

Usa questa sequenza diagnostica per decidere cosa modificare. È uno strumento decisionale basato sui controlli documentati, non l’affermazione che una singola impostazione possa individuare ogni problema di esportazione.

Cosa osservi Cosa controllare poi Intervento pratico
Alcune caselle hanno larghezze numeriche diverse Impostazioni del tratto e controlli di ridimensionamento Definisci un trattamento finale comune per il tratto
Le linee identiche differiscono nella vista Pixel Posizioni, dimensioni ed elementi di aggancio Correggi i bordi equivalenti e ripeti il loro posizionamento in modo uniforme
Le linee diventano irregolari solo nell’esportazione più piccola Dimensioni di output e fattore di scala Perfeziona l’illustrazione per la dimensione inferiore
Una linea scompare o si accosta a uno sfondo imprevisto Area di esportazione e livelli inclusi Seleziona l’ambito previsto: documento, tavola da disegno o selezione
La vista Vettore è uniforme ma il PNG appare diverso Vista Pixel e anteprima di esportazione Valuta il file raster tramite la sua rappresentazione in pixel

Quando trovi una combinazione che funziona, salva le opzioni di esportazione tramite Preferenze > Crea preimpostazione nella finestra di dialogo Esporta. Una preimpostazione rende riutilizzabili quelle opzioni; l’illustrazione deve comunque avere geometria e posizionamento uniformi. Finestra di dialogo Esporta

Mantieni semplice il controllo finale: esamina una casella e una linea rappresentative, verifica che le rispettive copie siano uniformi, controlla le dimensioni del PNG ed esamina l’immagine salvata alla dimensione d’uso prevista. Se serve un’altra dimensione di output, ripeti il controllo per quella nuova dimensione. L’uniformità si ottiene controllando insieme geometria e scala.

Fonti