Nodixio
DocumentationGuide complet de l’atelier
Documentazione di Nodixio

Trova il gesto giusto,
al momento giusto.

Dalla prima vettorizzazione all’export finale: ogni strumento, ogni comportamento e ogni scorciatoia sono spiegati qui.

23 capitoli · 115 argomenti
01

Per iniziare

Per iniziare

Capire come funziona Nodixio e realizzare un primo SVG in pochi minuti.

Che cosa fa Nodixio

Nodixio riunisce due usi nello stesso studio: trasformare un’immagine raster in tracciati SVG, poi disegnare o riprendere quei tracciati con strumenti vettoriali. L’applicazione si occupa di quanti più dettagli tecnici possibile — ordine dei livelli, struttura dei fori, giunzioni ed export — così resti concentrato sul risultato visivo.

Documento iniziale

Lo studio si apre su un documento vuoto chiamato Senza titolo 1. Carica un’immagine solo se vuoi vettorializzarla; puoi anche iniziare subito con la penna, il testo o le forme parametriche.

Il percorso più breve

  1. 1

    Apri lo studio e carica un PNG, JPEG o WebP in Correzione.

  2. 2

    Imposta il numero di colori, la precisione colori e i disturbi ignorati.

  3. 3

    Avvia la vettorializzazione: i colori rilevati entrano subito nella palette del documento.

  4. 4

    Controlla il risultato in modalità Sovrapposti e affina poi le impostazioni avanzate se serve.

  5. 5

    Correggi le forme a livello globale, poi passa a Modifica per i singoli punti.

  6. 6

    Salva un progetto .nodixio per continuare più tardi oppure esporta il risultato in SVG, PNG o JPEG.

Due file, due usi

  • Il file .nodixio conserva il progetto di lavoro: immagine sorgente, forme, testi, livelli, font e impostazioni.
  • Il file .svg è il risultato finale standard, pronto per web, stampa o un’altra applicazione vettoriale.
  • Salva in .nodixio prima di una lunga sessione di correzione ed esporta in SVG quando il disegno è pronto.

Metodo di lavoro consigliato

02

Per iniziare

Interfaccia e visualizzazione

Trovare le zone dello studio, scegliere la vista e navigare in un disegno grande.

Le quattro zone

  • La barra superiore gestisce apertura, importazione, salvataggio, annullamento ed export.
  • Le schede dei progetti permettono di tenere più lavori aperti e di scambiare elementi tra loro.
  • Il pannello sinistro riunisce Correzione, Modifica, Testo, i colori, i motivi, gli effetti e le proprietà contestuali.
  • La barra dell’area di lavoro controlla la vista, i livelli, l’aggancio, i righelli, lo schermo intero, lo spostamento e lo zoom.

Modalità di visualizzazione

  • PNG mostra solo l’immagine sorgente, utile per i ritocchi raster.
  • Affiancati mette la sorgente e il risultato vettoriale in due zone distinte.
  • Sovrapposti impila PNG e SVG. Imposta separatamente la loro opacità per confrontare con precisione.
  • Nascondere il PNG trasforma Sovrapposti in una vista SVG pulita, senza perdere le impostazioni.
  • La modalità Bézier mostra i tracciati senza il rendering finale per controllare come sono costruite le curve.

Zoom e spostamento

  • Usa il controllo dello zoom fino al 3 200 % per ritocchi fini.
  • Il gesto di pinch sul trackpad ingrandisce sotto il puntatore.
  • Attiva Sposta o premi H per muovere l’area di lavoro senza modificare gli oggetti.
  • Il pulsante Ricentra riporta l’area di lavoro alla posizione originale.
  • Lo schermo intero libera la superficie disponibile senza cambiare il documento.

Pannello ridimensionabile

Trascina la separazione verticale tra il pannello sinistro e l’area di lavoro. Allarga il pannello per le impostazioni dettagliate e riducilo quando la superficie di disegno è prioritaria.

03

Vettorializza e correggi

Vettorializzazione immagine

Trasformare un’immagine in forme vettoriali pulite e padroneggiare le impostazioni di rilevamento.

Caricare la sorgente

In Correzione › Vettorializzazione iniziale, fai clic su Carica un’immagine oppure trascina un file PNG, JPEG o WebP. Un’immagine nitida, abbastanza grande e poco compressa darà sempre contorni migliori.

Impostare il rilevamento

  • Numero di colori (da 2 a 16): l’immagine viene prima ridotta a questa palette prima del tracciato. Imposta il numero reale di toni importanti: un valore troppo alto frammenta il disegno in sottoforme inutili.
  • Precisione colori (da 1 a 8 bit): quanto finemente le sfumature vengono conservate durante il tracciato. Un valore basso raggruppa toni vicini, uno alto li distingue.
  • Disturbi ignorati (px²): rimuove le zone isolate più piccole di questa soglia. Aumentala gradualmente per pulire il rumore senza perdere motivi.
  • Ridurre prima i colori evita di impilare gradienti: ogni confine viene calcolato una sola volta e solo le aperture che danno davvero sulla trasparenza diventano fori.

Impostazioni avanzate (VTracer)

  • Unione dei gradienti: quanto i toni vicini vengono fusi invece di impilati. Un valore alto semplifica gli sfondi sfumati, uno basso conserva le transizioni.
  • Angolo dello spigolo: oltre questo angolo un punto è trattato come spigolo netto invece che come curva.
  • Spostamento dello spigolo: quanto lo spigolo rilevato può muoversi per seguire il contorno reale.
  • Lunghezza del segmento: il segmento retto più corto prima di diventare una curva.
  • Iterazioni: numero di passaggi di ottimizzazione. Più iterazioni danno curve più morbide ma richiedono più tempo.
  • Decimali dei tracciati: precisione con cui le coordinate sono scritte nell’SVG. Aumentali per disegni molto grandi, riducili per alleggerire il file.
  • Modo curva: Spline produce curve morbide, Poligono segmenti retti, Pixel segue esattamente le celle dell’immagine.
  • Gerarchia: Impilato sovrappone i livelli di colore, Ritaglio li accosta senza sovrapposizione.

Vettorializza

  1. 1

    Parti dal numero reale di colori importanti.

  2. 2

    Regola la precisione colori se serve, poi aumenta i disturbi ignorati quando l’immagine è rumorosa.

  3. 3

    Fai clic su Vettorializza il PNG attuale.

  4. 4

    I colori del risultato vengono aggiunti alla palette automaticamente, senza duplicati.

  5. 5

    Passa a Sovrapposti e abbassa l’opacità del PNG per controllare le differenze.

  6. 6

    Se una sola forma non basta, selezionala e usa Rivettorializza questa forma con nuove impostazioni.

Recuperare i colori

  • Al termine della vettorializzazione, ogni colore presente nelle forme create viene aggiunto alla palette del documento.
  • I toni già noti non vengono duplicati: la palette resta leggibile e riutilizzabile.
  • Fai clic su un campione per applicare il suo colore alla selezione, come su un disegno manuale.
  • La croce su un campione rimuove il colore dalla palette senza modificare le forme che lo usano.

Scegliere il livello di dettaglio giusto

04

Vettorializza e correggi

Correzioni geometriche

Sostituire le approssimazioni di una vettorializzazione con geometria pulita.

Forme perfette

  • Cerchio ricostruisce la selezione con quattro ancoraggi Bézier, il minimo per un cerchio SVG pulito.
  • Rettangolo ricostruisce quattro angoli ed elimina i punti in eccesso.
  • Parallelogramma regolarizza un quadrilatero inclinato.
  • Poligono perfetto ricrea una figura regolare con il numero di lati scelto.
  • Arco perfetto agisce sull’intero contorno, su un foro o su una porzione delimitata da due punti.

Levigatura globale

Leviga apre un’anteprima dal vivo con due impostazioni. Semplificazione riduce il numero di ancoraggi; Rotondità ammorbidisce il passaggio tra i segmenti. Gli angoli significativi e le linee rette restano protetti. Conferma solo quando il conteggio dei punti e la sagoma sono soddisfacenti.

Correggere una porzione

  1. 1

    Scegli Ridisegna, Retta, Leviga, − Punti, + Punti o Elimina.

  2. 2

    Fai clic sui due ancoraggi che delimitano la zona.

  3. 3

    Scegli Lato corto o Altro lato se il contorno è chiuso.

  4. 4

    Regola l’anteprima quando lo strumento la offre, poi fai clic su Applica.

Vincoli tra contorni

  • Memorizza conserva una retta o un cerchio come riferimento.
  • Rendi parallelo applica l’orientamento del riferimento alla porzione scelta.
  • Rendi concentrico allinea il centro di un cerchio scelto con quello memorizzato.
  • Ripristina torna alla geometria originale della forma selezionata.

Simmetria automatica o manuale

  • Auto cerca l’asse e il lato più fedeli alla sorgente.
  • Manuale mostra un asse arancione: spostalo, inclinalo o digita il suo angolo, poi fai clic sul lato da conservare.
  • La metà opposta viene ricostruita e il contorno viene chiuso automaticamente.
05

Disegna e modifica

Selezione e punti Bézier

Selezionare un oggetto, attraversare le sovrapposizioni e modificare gli ancoraggi con precisione.

Selezionare gli oggetti

  • V attiva la selezione.
  • Maiusc-clic aggiunge o rimuove un oggetto dalla selezione.
  • Q attiva il lazo: circonda completamente gli oggetti da selezionare.
  • Un clic su un elemento di un gruppo seleziona l’intero gruppo.
  • Comando-clic — Ctrl-clic su Windows — seleziona un elemento all’interno di un gruppo. Su oggetti sovrapposti, ripeti il gesto per percorrere i livelli dall’alto verso il basso.
  • Dopo aver selezionato un oggetto sottostante puoi trascinarlo anche se il puntatore si trova su un oggetto sovrastante.

Selezione e modifica diretta

  • Lo strumento Selezione mostra automaticamente gli ancoraggi delle forme vettoriali modificabili.
  • Fai clic su un ancoraggio per rivelare le sue maniglie; Maiusc-clic ne seleziona diversi.
  • Trascina l’ancoraggio o le sue maniglie per modificare la curva, senza perdere l’accesso a colori, contorni ed effetti.
  • Trascina all’interno di un oggetto già selezionato per spostare l’intera selezione; Opzione/Alt-trascina sposta una copia.
  • Opzione-clic su un ancoraggio alterna angolo e curva morbida. Le maniglie di un angolo restano ma diventano indipendenti.
  • Elimina ancoraggi attiva uno strumento continuo: fai clic uno dopo l’altro su ogni ancoraggio da rimuovere.
  • Elimina maniglie rimuove entrambe le tangenti dell’ancoraggio cliccato senza spostarlo né eliminarlo.
  • Canc elimina anche gli ancoraggi già selezionati, preservando il minimo necessario al tracciato.
  • Su un tracciato aperto, trascinare il tratto sposta l’intero tracciato; Alt-trascina curva il segmento, e Maiusc+Alt-clic inserisce un ancoraggio senza deformare la curva. Le altre scorciatoie Bézier sono dettagliate nel capitolo Scorciatoie da tastiera.

Seleziona per proprietà

  • Seleziona prima una forma o un testo di riferimento, poi apri Seleziona per proprietà sotto la palette dei colori.
  • Combina liberamente natura, riempimento, contorno, opacità, effetti e nome.
  • Su un testo puoi anche confrontare font, corpo, stile tipografico e contenuto.
  • Scegli se tutte le proprietà devono coincidere o se ne basta una, e se includere elementi nascosti o bloccati.
  • La selezione ottenuta può mescolare forme e testi; i colori e gli stili comuni si applicano allora all’insieme.

Oggetti parametrici

Dimensione dei riferimenti

La dimensione di ancoraggi e maniglie è espressa sullo schermo: i riferimenti restano quindi facili da afferrare a qualsiasi livello di zoom.

06

Disegna e modifica

Penna, forbici e giunzioni

Creare curve aperte o chiuse, tagliare un tracciato e unire due estremità.

Disegnare con la penna

  • P avvia una forma chiusa; Maiusc+P o \\ avvia una curva aperta destinata al tratto.
  • Fai clic per posare un vertice, clic e trascina per creare un ancoraggio curvo con le sue maniglie.
  • Gli ancoraggi restano modificabili per tutto il tracciato: trascinane uno, oppure Cmd/Ctrl-trascinalo per tirare le sue maniglie senza spostarlo.
  • Un clic su un segmento inserisce un ancoraggio senza deformare la curva; un trascinamento curva il segmento.
  • Maiusc vincola a 45°, Opzione/Alt converte un vertice o libera una maniglia, e Spazio durante un trascinamento sposta il punto creato.
  • Facendo clic sull’estremità di un tracciato aperto, la penna riprende quel tracciato. Tieni premuto Opzione per creare un nuovo punto senza agganciarti.

Forbici

  1. 1

    Seleziona il tracciato con lo strumento Selezione.

  2. 2

    Fai clic su Forbici.

  3. 3

    Fai clic su un ancoraggio o su un segmento.

  4. 4

    Una forma chiusa diventa aperta; una curva aperta viene divisa in due oggetti indipendenti.

Modo Giunzione

  1. 1

    Attiva Giungi: questa modalità è indipendente dalla selezione normale.

  2. 2

    Fai clic su un primo tracciato aperto, poi eventualmente su un secondo. Un terzo sostituisce il primo.

  3. 3

    Fai clic su due punti estremi. Un terzo sostituisce il primo punto scelto.

  4. 4

    Scegli la giunzione: segmento retto, curva armoniosa, fusione per vertice o fusione per curva.

Scegliere la giunzione

  • Retta conserva due estremità e le unisce con un segmento.
  • Curva conserva due estremità e crea maniglie coerenti con le direzioni esistenti.
  • Fusione per vertice riunisce le due estremità in un unico angolo.
  • Fusione per curva riunisce le estremità in un ancoraggio morbido, orientato secondo i segmenti vicini.
07

Disegna e modifica

Forme parametriche

Creare rapidamente oggetti regolari che restano regolabili fino alla conversione.

Oggetti disponibili

  • Cerchio ed ellisse.
  • Rettangolo con raggio degli angoli regolabile.
  • Poligono con numero di lati regolabile.
  • Stella con numero di punte e rapporto interno regolabili.
  • Fiore con numero di petali, profondità, rotondità e larghezza dei petali regolabili.

Creare e modificare

  1. 1

    Scegli la forma negli strumenti vettoriali.

  2. 2

    Imposta i suoi parametri nel pannello contestuale.

  3. 3

    Trascina sull’area di lavoro per definirne dimensione e orientamento.

  4. 4

    Finché l’oggetto resta parametrico, cambia i suoi valori senza deformare manualmente i punti.

  5. 5

    Usa Converti in forma per un ritocco Bézier libero.

Perché conservare l’oggetto

08

Organizza

Livelli e gruppi

Nominare, ordinare, raggruppare, nascondere e bloccare ogni elemento del documento.

Aprire i livelli

Fai clic su Livelli nella barra dell’area di lavoro. Ogni riga mostra una miniatura, un nome modificabile, il tipo o il numero di punti, la visibilità e il blocco.

Azioni essenziali

  • Fai clic su una riga per selezionare il livello.
  • Maiusc-clic seleziona in una volta tutti i livelli tra l’ultima riga cliccata e questa; Maiusc-clic su una riga già selezionata rimuove l’intero intervallo.
  • Comando-clic su macOS — Ctrl-clic su Windows — aggiunge o rimuove un singolo livello senza toccare gli altri.
  • Fai clic sul nome per rinominare un livello.
  • L’occhio nasconde o mostra l’elemento senza eliminarlo.
  • Il lucchetto impedisce modifiche accidentali.
  • Trascina la maniglia per cambiare l’ordine o rilasciare un elemento in un gruppo.
  • Raggruppa riunisce la selezione; Separa libera i figli; Duplica crea una copia strutturata.

Gruppi annidati

Un gruppo può contenere forme, testi e altri gruppi. Fai clic sulla sua riga o su uno dei suoi oggetti nel disegno per selezionare l’insieme. Espandilo per raggiungere un figlio preciso dal pannello dei livelli.

Opacità ed effetti di gruppo

  • Seleziona il gruppo nei livelli per regolarne l’opacità complessiva.
  • Gli effetti applicati al gruppo agiscono sul risultato assemblato, mentre un effetto applicato a una forma agisce prima dell’assemblaggio.
  • Gli effetti sono cumulabili: lo stesso oggetto o gruppo può combinare più ombre, bagliori, smussi e impronte.
09

Organizza

Fori modificabili

Ritagliare una o più forme senza esporre i vincoli di ordine dei livelli.

Creare fori

  1. 1

    Seleziona prima la forma o le forme da forare e memorizzale come oggetti interessati.

  2. 2

    Seleziona poi la forma o le forme che serviranno da ritaglio.

  3. 3

    Fai clic su Crea i fori.

  4. 4

    Nodixio dispone gli elementi nell’ordine corretto automaticamente e crea un gruppo strutturato nei livelli.

Quando il ritaglio sporge

Un ritaglio interamente contenuto diventa un foro. Se sporge dal bordo, Nodixio esegue una vera operazione booleana sul tracciato per produrre il contorno atteso. Non devi mai riordinare i livelli da solo.

Modificare un foro

  • Espandi il gruppo del foro nei livelli.
  • Seleziona la forma forata o uno dei livelli Foro.
  • Sposta o trasforma il foro: il risultato visivo si aggiorna.
  • Aggiungi un nuovo foro al gruppo senza perdere quelli esistenti.
  • Se elimini l’ultimo foro, la forma di base torna automaticamente a essere un livello standard.

Differenza con una sottrazione definitiva

10

Organizza

Booleane e maschere

Combinare sagome o limitare la visualizzazione di un insieme senza perdere la sua struttura.

Operazioni booleane

  • Unione fonde le zone occupate dalle forme selezionate.
  • Sottrai rimuove le forme di ritaglio dalla forma di base.
  • Intersezione conserva solo le zone comuni.
  • Esclusione conserva le zone appartenenti a un numero dispari di forme e crea un gruppo Esclusione quando risultano più forme.

Leggere il risultato nei livelli

Quando un’operazione produce più sagome, Nodixio crea un gruppo con il nome dell’operazione. Ogni forma risultante appare come un livello figlio selezionabile e modificabile.

Creare una maschera

  1. 1

    Seleziona e memorizza gli elementi che devono restare visibili.

  2. 2

    Seleziona poi una o più sagome di maschera.

  3. 3

    Conferma la creazione della maschera.

  4. 4

    Espandi il gruppo per trovare separatamente Contenuto e Maschera.

Maschera o foro

  • La maschera limita la visualizzazione di più oggetti, testi o gruppi a una sagoma.
  • Il foro rimuove visivamente zone da una forma di base e conserva i suoi ritagli come figli modificabili.
  • Entrambe le strutture sono non distruttive nel progetto .nodixio e sono tradotte correttamente nell’export SVG.
11

Aspetto

Colori, riempimento e opacità

Gestire la palette e rendere parzialmente trasparente una forma, un testo o un gruppo.

Palette del documento

  • La palette si riempie automaticamente dopo una vettorializzazione o un import SVG: i colori rilevati vengono aggiunti senza duplicati.
  • Fai clic su un campione per applicare il colore alla selezione.
  • Il selettore Libero applica il colore in diretta sulle forme o sui testi selezionati; ⌘Z / Ctrl+Z permette di tornare indietro.
  • Il contagocce preleva e applica direttamente il pixel scelto nel PNG, anche in vista Affiancati, senza velo davanti all’immagine.
  • + Palette memorizza il colore libero nel documento.
  • La piccola croce rimuove un colore dalla palette; non elimina gli oggetti che lo usano.

Senza riempimento

Seleziona una forma o un testo e fai clic su Senza riempimento. Il riempimento diventa davvero trasparente; un contorno, un effetto o un motivo di tratto possono restare visibili.

Opacità

  • Imposta l’opacità da 0 a 100 % con il campo o il cursore.
  • Su una forma riguarda riempimento, contorno ed effetti.
  • Su un testo riguarda il testo completo.
  • Su un gruppo si applica dopo la composizione di tutti i figli.

Consiglio di composizione

12

Aspetto

Contorni avanzati

Creare linee semplici, decorative o convertibili in forme piene.

Impostazioni di base

  • Attiva o disattiva il contorno indipendentemente dal riempimento.
  • Digita liberamente lo spessore: Nodixio non impone un tetto artificiale di 40 pt.
  • Scegli le estremità e le giunzioni adatte al disegno.
  • Definisci una sequenza di trattini e il loro scostamento per creare una linea discontinua.

Marcatori

  • Inizio e fine si regolano separatamente.
  • I marcatori disponibili includono freccia concava, freccia aperta, triangolo, rombo, cerchio, quadrato e barra.
  • Il marcatore segue automaticamente l’orientamento del tracciato.

Aspetto del contorno

Un contorno può ricevere un colore, un gradiente, un motivo e i propri effetti. Queste impostazioni sono distinte da quelle del riempimento della forma.

Convertire il contorno in forma

Converti il contorno trasforma lo spessore visibile in una o più forme piene. Se il risultato contiene più sagome, Nodixio le mette in un gruppo e crea un livello figlio per ciascuna.

13

Aspetto

Gradienti e motivi

Creare materie semplici, guidate da una curva o ripetute come un motivo.

Tipi di riempimento

  • Tinta unita usa un solo colore.
  • Assiale o lineare segue un asse che si sposta direttamente sulla forma.
  • Radiale diffonde i colori da un centro regolabile.
  • Gradiente curvo segue un tracciato Bézier modificabile posto sulla forma.
  • Motivo ripete una piastrella della libreria.

Modificare un gradiente

  1. 1

    Scegli il tipo di gradiente.

  2. 2

    Aggiungi, seleziona e sposta le tappe di colore.

  3. 3

    Sposta l’asse, il suo centro o il tracciato guida direttamente sul disegno.

  4. 4

    Regola colori e posizioni fino a ottenere la transizione desiderata.

Scegliere un motivo

Apri il menu Motivi. I nomi sono ordinati alfabeticamente. Passa il cursore su un valore per vedere un’anteprima dal vivo, poi fai clic per applicarlo alla selezione.

Laboratorio dei motivi

  1. 1

    Crea un nuovo motivo o modifica un pattern esistente.

  2. 2

    Definisci larghezza e altezza della piastrella, il suo sfondo trasparente o colorato e le sue ripetizioni.

  3. 3

    Disegna nella cornice arancione con gli strumenti abituali; le copie vicine mostrano i raccordi in tempo reale.

  4. 4

    Aggiungi il risultato alla palette o aggiorna il motivo esistente.

  5. 5

    Poi, su ogni oggetto che usa il motivo, regola scala, rotazione e posizione X/Y.

Libreria ed export

  • Un motivo può essere duplicato, rinominato, nascosto o modificato di nuovo.
  • Le dipendenze dei motivi seguono gli oggetti quando copi e incolli tra progetti.
  • Le definizioni usate sono integrate nell’SVG esportato.
14

Aspetto

Effetti cumulabili

Combinare più ombre, bagliori, smussi e impronte sullo stesso elemento.

Effetti disponibili

  • Ombra esterna: sposta e sfoca una sagoma colorata dietro l’oggetto.
  • Ombra interna: scurisce l’interno vicino ai bordi.
  • Bagliore esterno: diffonde un colore attorno alla sagoma.
  • Bagliore interno: diffonde la luce verso l’interno.
  • Smusso in rilievo: simula un rilievo illuminato.
  • Impronta incavata: simula una forma premuta nella superficie.

Cumulare e ordinare gli effetti

  1. 1

    Seleziona una forma, un testo, un contorno o un gruppo.

  2. 2

    Scegli Aggiungi un effetto.

  3. 3

    Regola colore, opacità, sfocatura, diffusione e, per gli effetti direzionali, gli scostamenti X/Y.

  4. 4

    Aggiungi tutti gli effetti complementari necessari.

  5. 5

    Trascina la maniglia di un effetto per cambiarne la posizione; gli effetti sono calcolati dall’alto verso il basso e il rendering si aggiorna subito.

  6. 6

    I pulsanti Sali e Scendi offrono lo stesso comando da tastiera o su touch screen.

  7. 7

    Disattiva un effetto per confrontare senza perdere le impostazioni, oppure eliminalo quando non serve più.

Livello di applicazione

  • Effetto di forma: segue solo quella sagoma.
  • Effetto di contorno: segue la linea, i suoi trattini e i suoi marcatori.
  • Effetto di testo: resta legato al testo modificabile.
  • Effetto di gruppo: lavora sul rendering combinato dei figli.

Mantenere un SVG ragionevole

Sfocatura

  • Aggiungi l’effetto Sfocatura per ammorbidire l’oggetto stesso: nessun colore, nessuno spostamento, solo la quantità di sfocatura.
  • Per una scia di movimento, aumenta Direction (ampiezza in pixel) e imposta poi Angle in gradi.
  • La sfocatura si applica a una forma, un testo, un contorno o un gruppo, come gli altri effetti cumulabili.
15

Testo

Testo e Google Fonts

Creare testo modificabile, scegliere un font e costruire una composizione tipografica.

Aggiungere un testo

  1. 1

    Apri la scheda Testo e fai clic su Aggiungi.

  2. 2

    Digita il contenuto nel pannello.

  3. 3

    Scegli il font incluso o cerca un Google Font.

  4. 4

    Imposta dimensione, spessore, corsivo, spaziatura, interlinea e allineamento.

  5. 5

    Sposta o trasforma il testo come qualsiasi altro oggetto.

Stili dentro la stessa frase

  1. 1

    Seleziona i caratteri desiderati nel campo di testo.

  2. 2

    Scegli font, corpo, spessore, corsivo, spaziatura o colore.

  3. 3

    Ripeti l’operazione su un’altra parte della frase.

  4. 4

    Usa Cancella lo stile locale per riportare la parte selezionata allo stile generale del testo.

Font remoti

La ricerca Google Fonts amplia la scelta. Nodixio carica il file di font necessario al rendering e può incorporarlo nel progetto per ritrovare la composizione alla riapertura.

Testo su curva

  1. 1

    Seleziona il testo.

  2. 2

    Attiva Scegli una curva e fai clic sul tracciato portante.

  3. 3

    Regola lo scostamento lungo il tracciato, la distanza dalla curva e il verso.

  4. 4

    Usa Stacca per liberare il testo senza perdere contenuto o stile.

Testo e livelli

Ogni testo ha il suo livello e resta modificabile finché non viene vettorializzato. Può essere raggruppato, nascosto, bloccato e ricevere opacità, riempimento, motivo, gradiente e più effetti.

Colonne di testo

  1. 1

    Fai clic su Aggiungi nella scheda Testo: il cursore passa in modalità colonna.

  2. 2

    Traccia un rettangolo sulla tela per definire larghezza e altezza, oppure fai clic per una colonna di larghezza predefinita.

  3. 3

    Il contenuto viene posizionato e mandato a capo automaticamente alla larghezza della colonna.

  4. 4

    Regola la larghezza nel pannello, oppure trascina la maniglia direttamente sul disegno.

  5. 5

    Senza altezza tracciata, il corpo parte da 16 px; tracciando in verticale, la dimensione segue il gesto.

Allineamento, crenatura e interlinea

  • Le quattro icone del pannello allineano il testo a sinistra, al centro, a destra o giustificato.
  • Il giustificato estende ogni riga alla larghezza della colonna; l’ultima riga resta a sinistra, salvo dopo un’interruzione giustificata.
  • Anche una riga con una sola parola viene estesa, spaziando le lettere.
  • Crenatura: Stringere, Allargare e Reimposta regolano la spaziatura, per tutto il testo o la selezione.
  • Spaziatura e Interlinea rifiniscono l’intera composizione.

Interruzioni giustificate e sillabazione

  1. 1

    Maiusc+Invio inserisce un’interruzione che resta giustificata fino al fondo della colonna.

  2. 2

    Cmd/Ctrl+Maiusc+- inserisce un trattino condizionale, visibile solo se la parola viene spezzata a fine riga.

  3. 3

    Invio crea un nuovo paragrafo, con un’interruzione di riga non giustificata.

  4. 4

    Gli stessi comandi esistono come pulsanti A capo giustificato e Sillabazione nel pannello.

Stili di carattere e di paragrafo

  1. 1

    Seleziona i caratteri da formattare, o l’intero testo.

  2. 2

    Imposta font, corpo, peso, corsivo, spaziatura e colore.

  3. 3

    Digita un nome e fai clic su Salva per creare uno stile riutilizzabile.

  4. 4

    Uno stile memorizza anche interlinea e allineamento del paragrafo.

  5. 5

    Fai clic su uno stile dell’elenco per applicarlo: con una selezione cambiano solo quei caratteri, altrimenti tutto il testo.

  6. 6

    Cancella lo stile locale ripristina lo stile generale sulla porzione selezionata.

Importare un font

  • Il pulsante Importa un font TTF, OTF o WOFF carica un file dal computer.
  • Il file resta nel progetto e il font compare in Font importati.
  • Utile offline o per un font assente dal catalogo.
  • Un carattere digitato after un carattere formattato ne eredita lo stile, peso e corsivo compresi.
  • Il formato WOFF2 non è supportato: convertilo in TTF, OTF o WOFF.
16

Testo

Vettorializzare il testo

Garantire il rendering tipografico e ottenere lettere pulite, facili da riprendere.

Perché vettorializzare

Un testo SVG dipende normalmente dalla disponibilità del suo font. La vettorializzazione sostituisce i caratteri con tracciati: il disegno resta identico su un’altra macchina, in tipografia o in un’applicazione che non possiede il font.

Pulizia dei glifi

Durante la conversione, Nodixio unisce i contorni che compongono ogni lettera. Questo passaggio rimuove le sovrapposizioni interne tipiche dei file di font e produce una sagoma più pulita e selezionabile.

Struttura ottenuta

  • Tutte le lettere della stessa conversione sono raccolte in un gruppo.
  • Il gruppo prende l’inizio del testo come nome, per essere riconoscibile subito.
  • Ogni sagoma risultante ha il proprio livello figlio.
  • I controspazi — per esempio l’interno di una e, di una o o di una a — restano fori veri.

In fase di export

La casella Converti testo in tracciati è attiva per impostazione predefinita per garantire il rendering dell’SVG. Disattivala solo se vuoi conservare testo SVG modificabile e accetti che il font debba essere disponibile o incorporato.

Irreversibile nell’SVG

17

Precisione

Trasformazioni e ripetizione

Spostare, ridimensionare, inclinare, ruotare e riprodurre una trasformazione.

Trasformazione libera

  • M attiva la cornice di trasformazione.
  • Le maniglie laterali e d’angolo ridimensionano la selezione.
  • Comandi dedicati permettono l’inclinazione e la trasformazione libera.
  • Le maniglie di rotazione esterne ruotano attorno all’asse scelto.
  • Mantieni l’originale è disattivato per impostazione predefinita per evitare copie involontarie.

Rotazione con asse libero

  • Sposta il centro di rotazione dove vuoi prima di ruotare.
  • Tieni premuto Opzione durante la rotazione per creare una copia; un semplice Opzione-clic senza spostamento non crea nulla.
  • Le impostazioni numeriche di angolo e numero di copie restano visibili nel pannello Trasformazione.
  • Dopo una rotazione, ⌘R o Ctrl+R ripete esattamente l’ultima trasformazione.

Spostamento ripetuto

Sposta una selezione tenendo premuto Opzione per creare una copia. Usa poi ⌘R o Ctrl+R — o il pulsante Ripeti del pannello contestuale — per produrre ogni copia successiva con lo stesso spostamento.

Simmetrie

Le simmetrie orizzontale e verticale possono sostituire la selezione o conservare l’originale secondo l’impostazione di copia. La simmetria manuale in Correzione serve invece a ricostruire geometricamente metà di un contorno.

Modalità di trasformazione

  • Standard: cornice di trasformazione classica per spostare e ridimensionare.
  • Libera: inclinazione e deformazione libere della selezione.
  • Prospettiva: deformazione del volume dalle larghezze superiore e inferiore.
  • Arc: deformazione per profilo, dall’arco semplice a bandiera, onda o occhio di pesce.

Deformare con un profilo (arc)

  1. 1

    Seleziona una forma, poi scegli la modalità Arc.

  2. 2

    Scegli il profilo: Arco, Arco inferiore, Arco superiore, Volta, Bombatura, Conchiglia superiore, Conchiglia inferiore, Bandiera, Onda, Pesce, Salita, Occhio di pesce, Gonfia, Ruota o Comprimi.

  3. 3

    Imposta Curvatura e Distorsione: lo schema e la forma si aggiornano in tempo reale.

  4. 4

    Attiva Aggiungi punti quando il profilo deve seguire meglio contorni complessi.

  5. 5

    Fai clic su Conferma per applicare, o su Reimposta per tornare al punto di partenza.

Deformazione prospettica

  1. 1

    Scegli la modalità Prospettiva.

  2. 2

    Regola Larghezza in alto e Larghezza in basso per aprire o chiudere il volume.

  3. 3

    Sposta lo Spostamento orizzontale e l’Inclinazione verticale per orientare la faccia.

  4. 4

    Lo schema a sei celle segue ogni regolazione; Conferma applica, Reimposta azzera.

Espandi e contrai (spostamento)

  1. 1

    Seleziona una o più forme.

  2. 2

    Inserisci una distanza in pixel in Spostamento.

  3. 3

    Fai clic su Espandi per ingrandire la sagoma, o su Contrai per ridurla.

  4. 4

    Il nuovo contorno segue la forma, le sue curve e i suoi fori.

  5. 5

    Un tracciato aperto può essere espanso, ma non contratto.

18

Precisione

Allineamento, aggancio e righelli

Posizionare più oggetti con un riferimento esplicito e costruire allineamenti esatti.

Oggetto di riferimento

  1. 1

    Seleziona almeno due forme.

  2. 2

    Scegli nell’elenco quella che deve restare ferma, oppure attiva il puntatore di riferimento e fai clic su di essa nel disegno.

  3. 3

    Applica un allineamento di bordo, di centro o sovrapponi i centri.

  4. 4

    Per la distribuzione, digita la spaziatura e scegli poi l’asse orizzontale o verticale.

Aggancio

  • L’aggancio è disattivato per impostazione predefinita.
  • Attivalo nella barra dell’area di lavoro e scegli una tolleranza in pixel dello schermo.
  • Rileva bordi, centri, guide e punti sulla stessa ascissa o alla stessa altezza.
  • L’allineamento orizzontale o verticale viene segnalato durante lo spostamento, il che garantisce in particolare una linea perfettamente orizzontale.

Righelli e guide

  • Attiva Righelli per mostrare le graduazioni.
  • Fai clic o trascina da un righello per creare una guida.
  • Sposta poi la guida direttamente sull’area di lavoro.
  • Fai doppio clic su una guida per eliminarla, oppure usa il comando di cancellazione globale.

Tolleranza dell’aggancio

19

Progetti e file

Progetti, schede e appunti

Lavorare su più creazioni senza account e copiare oggetti da un progetto all’altro.

Schede dei progetti

  • Il pulsante + crea un nuovo progetto in una scheda.
  • Fai clic su una scheda per cambiare progetto; lo stato del progetto che lasci resta conservato localmente.
  • Fai doppio clic sul nome per rinominarlo.
  • La croce chiude la scheda. Nodixio mantiene sempre almeno uno spazio di lavoro.

Copiare tra schede

  1. 1

    Seleziona forme, testi o gruppi nel disegno o nei livelli.

  2. 2

    Usa ⌘C o Ctrl+C.

  3. 3

    Apri la scheda di destinazione.

  4. 4

    Usa ⌘V o Ctrl+V.

  5. 5

    I gruppi, gli stili, gli effetti e i motivi necessari vengono copiati con gli oggetti.

Copia di sicurezza locale

Nodixio funziona senza account. Ogni scheda modificata viene memorizzata separatamente nel browser e Nodixio propone di ripristinare quella sessione al ritorno. Questo recupero locale non sostituisce un file di backup: scarica regolarmente un .nodixio per conservare durevolmente ogni progetto.

20

Progetti e file

Aprire, importare, salvare, esportare

Scegliere il comando giusto e capire che cosa conserva ogni formato.

Aprire un progetto .nodixio

Apri ripristina un progetto Nodixio completo. Nodixio controlla la struttura del documento e la sua impronta di integrità — completata da una firma quando il servizio è disponibile — per rifiutare file corrotti o modificati dopo il salvataggio.

Importare un SVG

  • Importa SVG analizza il file prima della lettura e rifiuta costruzioni pericolose.
  • Le forme visibili compatibili vengono convertite nel modello Nodixio.
  • Riempimenti, contorni, opacità e trasformazioni abituali vengono ripresi per quanto possibile.
  • L’importazione è volutamente appiattita: alcuni elementi SVG esterni molto specializzati possono essere semplificati.

Scomporre un oggetto SVG

  • Un file con testi, maschere, motivi, filtri o marcatori viene conservato come oggetto SVG composto, fedele ma non modificabile in ancoraggi.
  • Seleziona quell’oggetto e fai clic su Scomponi in forme: ogni tracciato diventa una forma Nodixio completa.
  • Gradienti lineari e radiali, riempimenti, contorni e opacità vengono ripresi nelle forme ottenute.
  • Le forme scomposte accettano allora tutto l’armamentario Nodixio: ancoraggi, levigatura, fori, operazioni booleane, gradienti curvi ed effetti.
  • Gli elementi con maschera, filtro, motivo o testo restano raggruppati in un oggetto SVG allo stesso livello, per non perdere nulla.
  • L’operazione è annullabile con Cmd/Ctrl+Z.

Salvare

Salva scarica un file .nodixio contenente l’immagine sorgente, le forme, i testi, i font, i livelli, i gruppi, i fori, le maschere, i motivi e le impostazioni del documento.

Esportare SVG

  • Il menu Esporta produce un SVG standard autonomo.
  • Gli elementi invisibili non vengono esportati.
  • I gruppi, le opacità, i fori, le maschere, i gradienti, i motivi, i contorni e gli effetti usati sono tradotti in strutture SVG.
  • L’opzione Converti testo in tracciati garantisce il rendering tipografico; disattivala per conservare i testi modificabili.

Esportare PNG o JPEG

  • PNG trasparente conserva le zone vuote dell’area di lavoro in trasparenza, per riutilizzarle su qualsiasi sfondo.
  • JPEG usa uno sfondo bianco, perché il formato non supporta la trasparenza.
  • Entrambe le immagini riprendono esattamente le dimensioni in pixel dell’area di lavoro.
  • I testi vengono vettorializzati durante il rendering per conservare il loro aspetto, anche su un dispositivo che non possiede il font.

Esportare EPS

  • EPS vettoriale produce un file Encapsulated PostScript destinato alla tipografia o a un flusso di editoria (Illustrator, InDesign, QuarkXPress).
  • La conversione è eseguita da Inkscape sul server Nodixio: gli viene inviato l’SVG del disegno e viene restituito l’EPS.
  • I testi vengono vettorializzati e i gradienti, i motivi, le maschere e gli effetti gestiti da Inkscape restano vettoriali.
  • L’EPS non gestisce la trasparenza: le zone trasparenti sono renderizzate su sfondo bianco.
  • Le dimensioni seguono la regola del web: 1 pixel dell’area di lavoro vale 0,75 punti (96 ppi). Per una dimensione di stampa precisa, controlla il formato nella tua applicazione di editoria.
  • Se la voce è disattivata con «serve Inkscape», lo strumento di conversione non è installato sul server: usa allora l’export SVG, accettato da tutti i programmi di editoria.

Prima di uscire

21

Riferimento

Scorciatoie da tastiera

Tutti i comandi da tastiera disponibili nello studio.

Strumenti

  • V o A — Selezione oggetti, spostamento e modifica diretta degli ancoraggi.
  • Q — Selezione con lazo.
  • P — Penna, nuova forma chiusa.
  • Maiusc+P o \\ — Penna di contorno / curva aperta.
  • M — Trasformazione.
  • H — Spostamento dell’area di lavoro.
  • B — Pennello bitmap quando la modalità PNG è attiva.
  • E — Gomma bitmap quando la modalità PNG è attiva.

Modifica

  • ⌘Z / Ctrl+Z — Tornare indietro nella cronologia del progetto, fino a 100 operazioni per scheda.
  • ⌘⇧Z / Ctrl+Maiusc+Z — Ripristinare le operazioni annullate.
  • ⌘C / Ctrl+C — Copiare la selezione strutturata.
  • ⌘V / Ctrl+V — Incollare nel progetto attivo.
  • ⌘R / Ctrl+R — Ripetere l’ultima rotazione, traslazione o duplicazione memorizzata.
  • ⌘D / Ctrl+D — Deselezionare tutto.
  • Canc / Backspace — Eliminare gli oggetti, i testi o gli ancoraggi selezionati.
  • Esc — Uscire dalla modalità attiva, annullare una maschera in corso o tornare alla selezione.

Durante un tracciato con la penna

  • Invio o doppio clic — Terminare il tracciato aperto.
  • Esc — Annullare il gesto corrente; premuto di nuovo, abbandonare il tracciato.
  • Canc / Backspace — Eliminare l’ancoraggio corrente, o l’ultimo punto posato.
  • Cmd/Ctrl+Z, Cmd/Ctrl+Maiusc+Z — Annullare e ripristinare un’azione del tracciato in corso.
  • Cmd/Ctrl-trascinare un ancoraggio — Tirare le sue maniglie senza spostare l’ancoraggio; Maiusc vincola a 45°, Alt blocca l’altra maniglia.
  • Maiusc+Alt-clic su un segmento — Inserire un ancoraggio senza deformare la curva.
  • Opzione sopra un’estremità esistente — Non riprendere quel tracciato.

Modifica dei punti Bézier

  • Trascinare il tratto senza modificatori — Spostare l’intero tracciato, anche una linea o una curva aperta.
  • Alt-trascina su un segmento — Curvare il segmento senza spostare i due ancoraggi che lo delimitano.
  • Maiusc+Alt-clic su un segmento — Inserire un ancoraggio senza deformare la curva. Funziona come con la penna, anche su un tracciato chiuso.
  • Alt-clic su un ancoraggio — Alternare angolo e curva morbida.
  • Cmd/Ctrl+Alt-clic su un ancoraggio — Aggiungere o togliere le sue due maniglie d’angolo.
  • Elimina ancoraggi poi clic — Eliminare più ancoraggi uno dopo l’altro.
  • Elimina maniglie poi clic — Rimuovere le due tangenti di un ancoraggio.
  • Maiusc-clic su un ancoraggio — Aggiungere o togliere l’ancoraggio dalla selezione multipla.

Modificatori

  • Maiusc-clic — Aggiungere o togliere un oggetto o un ancoraggio dalla selezione; gli ancoraggi trattenuti appaiono in rosso.
  • Comando-clic / Ctrl-clic — Entrare in un gruppo o percorrere gli oggetti sovrapposti.
  • Opzione durante una rotazione o uno spostamento — Creare una copia.
  • Opzione su un ancoraggio — Alternare angolo e curva morbida.

Testo

  • Maiusc+Invio — Interruzione di riga giustificata che resta allineata alla larghezza della colonna.
  • Cmd/Ctrl+Maiusc+- — Trattino condizionale (sillabazione), visibile solo se la parola viene spezzata a fine riga.
  • Invio — Nuovo paragrafo, con un’interruzione di riga non giustificata.
22

Riferimento

Risoluzione dei problemi e buone pratiche

Individuare rapidamente la causa di un risultato inatteso e conservare un progetto pulito.

Sostenere Nodixio

  • Nodixio è gratuito, senza account e senza limiti: nessuna funzione è a pagamento e nessuna è bloccata.
  • Un pulsante Sostieni viene proposto discretamente dopo l’export di un SVG e dalla pagina iniziale.
  • Il sostegno è del tutto facoltativo: non dà alcuna contropartita, non sblocca nulla e non viene mai richiesto.
  • Serve unicamente a finanziare l’hosting del servizio e il tempo di sviluppo, come ringraziamento all’autore.
  • Il pagamento è unico ed è gestito da Stripe; nessun dato bancario passa da Nodixio e puoi chiudere la finestra in qualsiasi momento.

Non riesco a selezionare un oggetto

  • Controlla che il suo livello e i suoi gruppi genitori siano visibili e sbloccati.
  • Un clic seleziona normalmente il gruppo: usa Comando-clic — Ctrl-clic su Windows — oppure scegli direttamente il figlio nei livelli.
  • Se un altro oggetto copre il bersaglio, ripeti Comando-clic o Ctrl-clic per scendere nella pila.
  • Premi Esc e poi V per uscire da uno strumento specializzato rimasto attivo.

Non vedo i punti

  • Seleziona una forma standard e premi A.
  • Un oggetto parametrico deve prima essere convertito in forma.
  • La modalità Giunzione mostra volutamente solo le estremità dei tracciati aperti.
  • Aumenta la dimensione dei riferimenti se gli ancoraggi sono difficili da afferrare.

L’SVG non assomiglia al progetto

  • Controlla i livelli nascosti: non vengono esportati.
  • Lascia Converti testo in tracciati attivo se il file deve essere aperto altrove.
  • Riduci temporaneamente gli effetti molto sfocati per individuare un problema di rendering.
  • Conserva il .nodixio e reimporta l’SVG solo come verifica, mai come copia di lavoro.

Il file diventa complesso

  • Usa le forme perfette e la levigatura per ridurre i punti.
  • Raggruppa gli insiemi logici e dai loro nomi espliciti.
  • Elimina livelli, colori, motivi ed effetti davvero inutili.
  • Converti un contorno in forma solo quando quella conversione è necessaria.

Regola di sicurezza

23

Riferimento

Glossario SVG

Le parole essenziali per capire un disegno vettoriale senza inutile gergo.

Geometria

  • Ancoraggio: punto principale di un tracciato Bézier.
  • Maniglia: controlla direzione e curvatura vicino a un ancoraggio.
  • Contorno: serie di segmenti retti o curvi che delimitano una forma.
  • Tracciato aperto: linea con due estremità, di solito mostrata con un contorno.
  • Tracciato chiuso: contorno il cui ultimo segmento si unisce al primo e che può ricevere un riempimento.
  • Controforma: zona vuota interna di una lettera o di una forma, per esempio l’interno di una o.

Aspetto

  • Riempimento: materia all’interno di un tracciato chiuso.
  • Contorno o tratto: linea disegnata lungo il tracciato.
  • Opacità: grado di visibilità, da 0 % trasparente a 100 % opaco.
  • Gradiente: transizione tra più colori.
  • Motivo: piccola piastrella ripetuta per riempire una superficie.
  • Filtro: effetto SVG come un’ombra, un bagliore o un rilievo.

Struttura

  • Gruppo: insieme di elementi trasformati o stilizzati collettivamente.
  • Maschera: sagoma che limita la zona visibile di un contenuto.
  • Booleano: operazione geometrica tra più sagome.
  • Oggetto parametrico: forma guidata da valori come il numero di lati o il raggio.
  • Vettorializzare: convertire un’immagine o un testo in tracciati geometrici.
Prêt à mettre la documentation en pratique ?

Ouvrez l’atelier dans un nouvel onglet et gardez ce guide à portée de main.

Ouvrir Nodixio