Come ispessire un contorno verso l’esterno preservando i dettagli interni

Prima di modificare lo spessore, decidi se vuoi accentuare il contorno esistente del corpo o aggiungere un bordo attorno all’intero personaggio assemblato. Queste operazioni possono richiedere forme sorgente diverse.

Per esempio, un personaggio potrebbe essere composto da un corpo pieno, occhi separati, macchie decorative e un accessorio staccato. Seleziona il contorno esterno del corpo se vuoi ispessire solo il suo bordo. Se il bordo deve circondare il personaggio completo, prepara una sagoma separata che rappresenti gli elementi da includere al suo interno.

Usa questa tabella decisionale prima di modificare l’immagine:

Condizione dell’illustrazione	Metodo iniziale adatto	Dettaglio da controllare
Un’unica forma vettoriale chiusa del corpo	Tratto allineato all’esterno	Allineamento del contorno esistente
Più componenti vettoriali del corpo	Sagoma separata dietro l’illustrazione	Bordi indesiderati tra i componenti
Personaggio raster pieno su sfondo trasparente	Selezione espansa della sagoma sottostante	Buchi trasparenti e bordi semitrasparenti
Disegno raster composto solo da linee	Preparare prima una sagoma piena	Aperture tra le linee interne

La distinzione raster è importante perché la funzione Alfa a selezione di GIMP segue l’opacità: le aree opache vengono selezionate completamente, quelle trasparenti restano escluse e quelle semitrasparenti vengono selezionate parzialmente. Un livello che contiene solo occhi e linee di contorno, quindi, non produce la stessa selezione di una sagoma piena del personaggio. Manuale di GIMP: Alfa a selezione

Conserva una copia intatta dell’illustrazione. Quando possibile, separa il bordo dal viso e dai dettagli decorativi: sarà più facile modificare la sagoma senza dover selezionare ripetutamente i singoli elementi.

In Illustrator, l’allineamento all’esterno è l’opzione diretta quando la sagoma del personaggio è un tracciato chiuso. Adobe documenta l’allineamento del tratto per i tracciati chiusi che non fanno parte di gruppi Pittura dinamica. Adobe Illustrator: Applicare colore, spessore e allineamento al tratto

1. Seleziona solo il tracciato esterno del corpo del personaggio.
2. Apri Finestra → Traccia.
3. Imposta il colore e lo spessore del tratto.
4. Scegli Allinea traccia all’esterno.
5. Controlla gli angoli e, se necessario, modifica lo stile delle giunzioni.

Questi controlli impostano lo spessore e la posizione del tratto rispetto al tracciato selezionato. Le giunzioni arrotondate arrotondano gli angoli, quelle smussate li appiattiscono e quelle a spigolo vivo creano punte. Per un personaggio dalle forme morbide e arrotondate, prova prima le giunzioni arrotondate, poi confrontale con il contorno originale. Adobe Illustrator: Impostazioni del tratto

L’allineamento all’esterno posiziona il tratto fuori dalla forma, lasciando più spazio all’interno. Tuttavia, modificare l’allineamento può anche cambiare l’aspetto di un contorno esistente. Se vuoi conservare esattamente l’illustrazione con il tratto originale centrato, mantienila intatta e fai delle prove con una sagoma separata sottostante. Adobe Learn: Modificare colori e tratti

Quando applichi il nuovo spessore, evita di selezionare insieme il viso e il corpo. Ispessire tutti i tracciati selezionati può modificare i dettagli interni, anche se il contorno esterno sembra corretto.

In GIMP, usa come sorgente della selezione un personaggio pieno su sfondo trasparente. Escludi dalla selezione il livello di sfondo. Se l’illustrazione è composta solo da linee isolate, crea prima una sagoma piena separata che segua il profilo esterno desiderato.

Il procedimento combina tre operazioni documentate: selezionare l’opacità del personaggio, espandere la selezione e riempire l’area espansa su un nuovo livello. In GIMP, il comando Allarga si trova in Seleziona → Allarga e l’unità predefinita è il pixel. Manuale di GIMP: Allarga

1. Seleziona il livello del personaggio pieno oppure quello della sagoma preparata.
2. Scegli Livello → Trasparenza → Alfa a selezione.
3. Scegli Seleziona → Allarga e inserisci l’espansione verso l’esterno desiderata, per esempio 3 pixel a titolo illustrativo.
4. Scegli Livello → Nuovo livello, chiamalo Contorno esterno e imposta il riempimento su Trasparenza. Le sue dimensioni devono bastare a contenere la selezione espansa.
5. Sposta Contorno esterno sotto tutti i livelli originali del personaggio, ma sopra lo sfondo.
6. Imposta il colore di primo piano sul colore desiderato per il contorno.
7. Con Contorno esterno attivo e la selezione ancora presente, scegli Modifica → Riempi con il colore di primo piano.
8. Deseleziona e controlla il risultato.

GIMP crea un nuovo livello sopra quello selezionato, quindi spostare esplicitamente il contorno sotto gli altri livelli è un passaggio essenziale. La finestra Nuovo livello consente anche di impostare dimensioni e modalità di riempimento. Manuale di GIMP: Nuovo livello

Riempi con il colore di primo piano riempie la selezione attiva usando il colore di primo piano. Verifica che la selezione sia ancora attiva: senza una selezione, il comando riempie l’intero livello attivo. Manuale di GIMP: Riempi con il colore di primo piano

L’espansione piena si estende sotto il personaggio. L’illustrazione opaca sovrapposta nasconde la parte coperta, lasciando visibile il bordo aggiunto lungo il profilo esterno. Controlla separatamente le aperture trasparenti, perché attraverso di esse potrebbe vedersi il livello del contorno.

Scegli lo spessore del contorno in base alle dimensioni effettive di visualizzazione del personaggio. Un bordo discreto su una tela di grandi dimensioni può diventare appena visibile dopo la riduzione.

Ecco un calcolo a titolo illustrativo, non un’impostazione universale consigliata: supponiamo che un personaggio sia preparato a 512 pixel di larghezza e visualizzato a 128 pixel di larghezza. Il fattore di scala è 128 ÷ 512 = 0,25. Un’espansione verso l’esterno di 8 pixel nell’immagine di lavoro diventa circa 2 pixel dopo una riduzione proporzionale.

In questo esempio, inizia con un’espansione raster di 8 pixel, visualizza un’anteprima ridotta e regola il valore. Per un’illustrazione vettoriale, controlla il personaggio alle dimensioni di output previste prima di stabilire lo spessore del tratto.

Controlla anche gli spazi vicini. In uno spazio rettilineo idealizzato, un’espansione di 3 pixel su ciascuno di due bordi contrapposti riduce lo spazio di 6 pixel. Di uno spazio originale di 8 pixel ne resterebbero circa 2. Questo semplice calcolo aiuta a individuare i punti in cui il contorno potrebbe unire parti separate; i bordi curvi e la resa dei pixel richiedono comunque un controllo visivo.

La crescita verso l’esterno preserva l’illustrazione interna opaca quando la forma aggiunta si trova sotto di essa. Può comunque modificare gli spazi negativi: lo spazio tra due parti fa parte dell’area vuota circostante, quindi l’espansione in quell’area lo restringe.

Decidi se ogni apertura deve restare libera. Se un’apertura stretta è una parte importante della forma del personaggio, riduci lo spessore del bordo o modifica localmente la sagoma del contorno. Se un’apertura interna trasparente deve rimanere del tutto inalterata, escludila dal livello del contorno invece di affidarti all’illustrazione sovrastante per coprirla.

Anche i dettagli semitrasparenti richiedono attenzione. Poiché Alfa a selezione produce selezioni parziali dalle aree semitrasparenti, i loro bordi non si comportano come una sagoma completamente opaca. Visualizza un’anteprima del bordo sullo sfondo previsto e controlla se il suo colore traspare. Manuale di GIMP: Alfa a selezione

Anche gli angoli dipendono dal metodo. Illustrator offre stili di giunzione selezionabili, mentre la documentazione di GIMP specifica che l’allargamento di una selezione rettangolare produce angoli arrotondati. Se la forma è importante per il design, controlla separatamente gli accessori angolari. Adobe Illustrator: Giunzioni del tratto, Manuale di GIMP: Allarga

Confronta il personaggio modificato con la copia intatta, mantenendoli nella stessa posizione e alla stessa scala. Controlla prima l’interno e poi il perimetro. In questo ordine è più facile accorgersi se un occhio o un motivo sono cambiati, prima che il contorno più spesso attiri l’attenzione.

• I dettagli interni sono cambiati: controlla se questi elementi hanno ricevuto il nuovo tratto o se il livello del contorno si trova sopra di essi.
• Le caratteristiche piccole hanno acquisito bordi separati: controlla se la sorgente della selezione conteneva dettagli isolati anziché una sagoma piena.
• Le aperture si sono ristrette: riduci l’espansione o modifica il contorno attorno a quelle aperture.
• Gli angoli sono troppo appuntiti o arrotondati: rivedi lo stile delle giunzioni o la geometria della sagoma.
• Il bordo termina bruscamente: controlla i limiti della tela, del livello o dell’esportazione e lascia abbastanza spazio circostante.

Infine, controlla l’illustrazione esportata alle dimensioni di visualizzazione previste. Conserva l’originale modificabile e il contorno separato, così potrai rivederne lo spessore in seguito. Il risultato finale dovrebbe avere un perimetro più marcato, aperture leggibili e gli stessi dettagli interni da cui sei partito.

• Adobe Illustrator — Applicare colore, spessore e allineamento al tratto
• Adobe Learn — Modificare colori e tratti
• Manuale di GIMP 3.0 — Alfa a selezione
• Manuale di GIMP 3.0 — Allarga
• Manuale di GIMP 3.0 — Nuovo livello
• Manuale di GIMP 3.0 — Riempi con il colore di primo piano