Tutorial: Vettorializza in Inkscape – Guida completa

Ti piacerebbe conoscere la vettorizzazione in Inkscape? Qui spiegheremo tutto ciò che comporta vettorizzare in Inkscape nel solito modo. Oltre a ciò, imparerai alcuni interessi generali sulla vettorizzazione. Ti invitiamo a restare con noi.

Cos'è la vettorizzazione?

È l'azione di trasformare un'immagine definita da punti colorati (bitmap, cioè un'immagine "standard") in un'immagine definita da formule matematiche chiamate "vettori": linee, curve, ecc. Questo tutorial ti insegnerà come vettorizzare facilmente in Inkscape.

Qui puoi leggere di: 8 programmi per creare immagini vettoriali

Vantaggi e svantaggi della vettorizzazione in Inkscape

Vantaggi:

1. Puoi ingrandire un'immagine vettorizzata quasi all'infinito, fino alla dimensione desiderata e senza perdite.
2. Le immagini occupano meno spazio delle bitmap.

Gli svantaggi

1. È quasi impossibile gestire colori complessi; Pertanto, la vettorizzazione è adatta solo per disegnare linee o colorare per aree piatte (esempio: fumetti "tradizionali" (non colorazione complessa moderna), manga senza cornice (puoi mettere invece livelli di grigio), ecc.)
2. Puoi dimenticarti subito delle foto delle vacanze!

Metodo 1: come vettorizzare in Inkscape?

Ad esempio, prenderemo questo disegno a tratteggio. Come potete vedere, È un disegno “al tratto”.: È bianco o nero, non ci sono scale di grigio, colori o schermi.

Vediamo il suo volto:

Diciamo che vuoi questa faccia, ma tre volte più grande. Cosa puoi fare?

Ecco il volto ingrandito con la «al massimo«.

1. Fase 1: Allora, proviamo la migliore tecnica disponibile in Photoshop, ovvero quella chiamata «bicubico«. Questo è ciò che dà:

È confuso.

NOTA: Photoshop non ingrandisce correttamente questo tipo di immagine. È triste. Cosa fare allora? Con il visualizzatore di immagini, chiamato IrfanView, che dispone di filtri di ridimensionamento molto avanzati, può essere calibrato ma non ancora vettorizzato.

Filtro Lanczos

Ecco il volto cresciuto grazie ad un «Filtro Lanczos«.

Sfortunatamente, anche se questo filtro lo è estremamente efficace nelle immagini perfettamente pulito e croccante, tende ad amplificare gli artefatti della compressione Jpeg.

B-Spline

Ecco il volto cresciuto con la tecnica "b-spline".

È molto meglio, ma all'improvviso... sembra sfocato.

Un'idea premurosa

Data la difficoltà e la bassa qualità delle possibili espansioni, le persone ci hanno pensato, e hanno pensato qualcosa del genere:

Dato che l'intero disegno è composto da linee, possiamo trovare queste linee e poi ingrandirle? In questo modo non avremmo tutti questi problemi!

buonoSì, possiamo trovare questi tratti. Questo processo si chiama "vettorializzazione" e vedremo ora come funziona.

Metodo 2: vettorizza in Inkscape

Per fare ciò, scarichiamo il software chiamato Inkscape.

Perché non utilizziamo software professionali, come Illustrator? I motivi sono i seguenti:

1. È gratis
2. Contiene un modulo di vettorizzazione gratuito e potente.
3. Funziona su PC, Mac y Linux.

Scaricalo e installalo. L'installazione è lunga, è normale.
Durante questo periodo, salva l'immagine del viso di dimensioni normali in un angolo del tuo disco rigido, ti servirà per il test.

La procedura per vettorizzare in Inkscape

1. Fase 1: aprilo con Inkscape. Hai tutto il diritto di criticare il dialogo iniziale, che purtroppo è una mostruosità ergonomica. Dovresti ottenere qualcosa del genere:

2. Fase 2: Utilizza lo strumento «selezione» (la freccia nera) e clicca sull'immagine per selezionarla:

3. Fase 3:Allora dovresti andare a Percorso–> Vettorializza bitmap e otteniamo una bellissima finestra di dialogo:

4. Fase 4: Utilizzeremo la prima modalità. Clicca su «aggiornare» per visualizzare in anteprima la vettorizzazione, quindi giocare con la soglia di luminosità.

NOTA: Dato che ci sono molti piccoli dettagli, possiamo andare al «Opciones»per poterli preservare.

IMPORTANTE: Inkscape è addirittura troppo software. Di conseguenza, non puoi mettere punti (non vengono presi in considerazione). Dì addio alla digitazione sul tastierino numerico...

Senza sforzarsi troppo e dopo alcuni tentativi è possibile trovare le impostazioni che sembrano buone.

Personalmente e per questa immagine, mi piace con:

1. Soglia di luminosità: 0.500
2. Eliminare il rumore: 1
3. Angoli smussati: 1.00
4. Ottimizza percorsi: 0.10

Tutto ciò dipende interamente dalla tua immagine, non esitare a fare molti test.
Comunque per avere davvero qualcosa”pulire”, l'immagine dovrà essere rielaborata.

Ecco l'immagine vettorizzata e l'immagine normale affiancate in Inkscape (per impostazione predefinita si sovrappongono, usa la freccia nera per spostarne una, ecco la bitmap):

Si noti che abbiamo perso dettagli, soprattutto nel collo o in cose molto piccole.

Ora possiamo esportare la nostra immagine come bitmap, nella dimensione che desideriamo, selezionando l'immagine e facendo File -> Esporta bitmap:

A noi interessa solo il “dimensioni della bitmap«.

Non dimenticare di fare clic su «convalidare» esportare effettivamente, e non è la stessa cosa "convalidare" scegli tu il nome del file.

Questo è ciò che otteniamo:

Avremmo potuto fare di meglio fornendo maggiori dettagli sulla configurazione.

Parentesi sul formato utilizzato da Inkscape

È possibile salvare le immagini Inkscape in formato SVG, che attualmente può essere aperto con Opera, Firefox, Chrome, Safari (ma non IE), così come OpenOffice, Cordoncino e molti altri.

Informazioni per chi è interessato a come funzionano le cose

Lo sai che l'XML è di moda? Bene, modifica un file SVG con il tuo editor di testo preferito... Sorpresa! È un XML! Potrai programmare le tue immagini in una console sotto Linux con VI o Emacs!

Questa scelta offre quattro vantaggi:

1. Si tratta di un formato standardizzato e aperto, quindi stabile in il tempo e libera implementazione.
2. Le immagini ottenute sono compresse molto bene (esiste anche un progetto in formato compresso nativamente con GZip, il .svgz)
3. Possiamo recuperare buona parte di un file se è stato danneggiato.
4. Puoi apportare modifiche dirette al file XML e quindi manipolare l'immagine con tutti gli strumenti che gestiscono XML. Possiamo, ad esempio, immaginare una "tabella pivot" in SVG + Javascript.

Il grosso problema di questa tecnica è che mostra i suoi limiti molto rapidamente. L'immagine deve essere perfetta, nero nerissimo su bianco bianchissimo, senza dettagli troppo piccoli, senza colori (e soprattutto senza sfumature), ecc.
Inoltre, devi modificare l'immagine dopo il fatto per ottenere qualcosa di perfetto.

Pertanto è interessante e utile poter vettorizzare qualsiasi tipo di immagine in Inkscape.

Metodo 3: vettorizza in Inkscape separando i colori

Ora studiamo una caratteristica interessante del software Inkscape: vettorizzazione di un'immagine bitmap esplodendo i colori per fette. L'obiettivo del processo è vettorizzare un'immagine tagliandola in diverse aree piatte di diversi colori. Lo vedremo l'operazione è quasi automatica in Inkscape.

A volte saranno necessari alcuni tentativi per trovare le impostazioni giuste, ma il burst colore in sé è relativamente semplice.

Vettorializza in Inkscape separando i colori

1. Fase 1: apri la tua immagine in Inkscape.
2. Fase 2: Vettorializzalo utilizzando il menu » Itinerario " poi » Vettorializzare la bitmap«.

3. Fase 3: Scegli l'opzione » Colori» e indica il numero di passaggi desiderati (utilizza l'anteprima live per determinare il numero di passaggi in base al risultato desiderato).

4. Fase 4: Separa il risultato (fai clic con il pulsante destro del mouse e poi «separare«) e rimuovere le tinte unite inutili (ce ne saranno necessariamente).

5. Fase 5: salva il file in formato SVG.

Metodo 4: vettorizzare in Inkscape (pittogramma)

Questa funzione verrà utilizzata per sfruttare i percorsi del risultato della vettorizzazione per la sua esecuzione. Se ti aspetti di trovare un'immagine identica, ma in vettoriale, rimarrai deluso.

Idealmente, questa funzione vettorizza molto bene le sagome scure su uno sfondo chiaro. Esiste un'opzione che può includere il colore, ma Inkscape creerà tanti livelli quanti sono i colori. Quindi ti ritroverai con diversi oggetti impilati uno sotto l'altro. Che può essere complesso da modificare.

Per vettorizzare un pittogramma:

1. Fase 1: Attraverso il menu File > Importa, importa una semplice immagine bitmap.
2. Fase 2: Selezionare l'immagine con lo strumento Selezione.
3. Fase 3: esegue il comando di conversione Chemin > Vettorializza bitmap.
4. Fase 4: viene visualizzata una finestra di dialogo che consente di perfezionare le opzioni.
5. Fase 5: quando sei soddisfatto del risultato dell'anteprima, fai clic su convalidare. Il risultato è immediatamente visibile sulla tela. Si trova esattamente sopra la tua immagine.

Descriveremo in dettaglio le opzioni di questo fantastico strumento. La prima scheda contiene diverse modalità:

1. Modalità soglia luminosità. Più comunemente usato, crea un percorso di tipo silhouette di una forma simile al pittogramma.
2. Modalità di rilevamento dei bordi. Utile se vuoi solo vettorizzare il contorno di una forma.
3. Quantizzazione del colore. Utile se vuoi un risultato colorato.

l'opzione Passaggi multipli consentirà un risultato molto più preciso, ma creerà tanti oggetti quanti sono i passaggi.

A destra della finestra di dialogo, non dimenticare di aggiornare l'anteprima con ogni modifica e convalidare per ottenere il risultato.

Metodo 5: Vettorializza in Inkscape: Rasterizza

Inkscape consente di vettorizzare immagini raster, per creare un percorso (element ) inserito nel tuo disegno SVG. Questo metodo ti aiuterà a iniziare a utilizzare lo strumento.

Tieni presente che lo scopo del ricalco con questo strumento non è produrre un duplicato esatto dell'immagine originale, né produrre un risultato finale. Nessuno strumento di vettorizzazione automatica può produrre questo. Otterrai una serie di curve che puoi utilizzare come risorse nel tuo disegno.

In generale, più pixel sono scuri nell'immagine intermedia, maggiore sarà la vettorizzazione che Potrace genererà. Maggiore è la vettorizzazione, maggiore è il tempo di processo e maggiore è il percorso risultante. Suggeriamo di sperimentare questa operazione con immagini intermedie abbastanza chiare, scurendole quanto necessario per ottenere la dimensione e la complessità desiderate del percorso risultante.

1. Fase 1: Per utilizzare lo strumento di vettorizzazione
2. Fase 2- Apri o importa un'immagine
3. Fase 3: selezionarlo ed eseguire il comando oppure premere: Percorso ⇒ Vettorializza l'oggetto raster Maiusc + Alt + B

Vedrai tre opzioni di filtro disponibili:

Soglia di luminosità

Questa opzione utilizza semplicemente la somma dei componenti rosso, blu e verde (o sfumatura di grigio) di un pixel per determinare se deve essere considerato bianco o nero. La soglia può essere impostata tra 0,0 (nero) e 1,0 (bianco). Più alta è questa soglia, meno pixel sono considerati “bianchi” e più scura è l'immagine intermedia.

Rilevamento dei bordi

Questa opzione utilizza l'algoritmo di rilevamento dei bordi proposto da J. Canny, per trovarlo rapidamente isocline di simile contrasto. Ciò produce un'immagine intermedia che assomiglia meno all'immagine originale rispetto al risultato di una soglia di luminosità, ma spesso contiene curve che altrimenti verrebbero ignorate.

La soglia impostata qui (da 0,0 a 1,0) regola la soglia di luminosità per determinare se un pixel adiacente a una curva di contrasto deve essere incluso nel risultato. La regolazione consente di regolare l'intensità o lo spessore dei bordi del risultato.

Quantizzazione del colore

Il risultato di questo filtro produrrà un'immagine intermedia molto diversa da quella prodotta con gli altri due, ma che può anche essere molto utile. Invece di cercare isocline di contrasto o luminosità, cerca i limiti dei cambiamenti di colore, anche con contrasto o luminosità costanti.

• L'impostazione qui, numero di colori, determina il numero di colori che l'immagine intermedia dovrebbe avere se fosse a colori.
• Successivamente esegue la determinazione del bianco/nero in base all'indice pari o dispari dei colori.

Dovresti provare questi tre filtri e vedere i diversi risultati che producono per diversi tipi di immagini. Per una data immagine, ce ne sarà una che funzionerà meglio delle altre.

Dopo la vettorizzazione, dovresti provare ad applicare il comando al percorso risultante, per diminuire il numero di nodi. Ciò può rendere molto più semplice la modifica dell'output di Potrace.

• Ad es, ecco un tipico esempio di vettorizzazione di “Vecchio che suona la chitarra" Percorso ⇒ Semplifica Ctrl + L

Tieni presente il gran numero di nodi sul percorso. Dopo aver premuto, questo è un risultato tipico: Ctrl + L

La rappresentazione è un po' più approssimativa, ma il disegno è più semplice e facile da modificare. Tieni presente che ciò di cui hai bisogno non è una rappresentazione esatta dell'immagine ma un insieme di curve che puoi utilizzare nel tuo disegno.

Conclusione

Come puoi vedere, questi sono i metodi migliori che puoi applicare per vettorizzare in Inkscape. Ognuno di questi suggerimenti può essere utile in futuro, ricorda solo di esercitarti in modo che il tuo lavoro sembri professionale. Speriamo di averti aiutato con queste informazioni.