Come trasformare un'immagine pixel in logo vettoriale in Inkscape?


17

Non so se sono nel posto giusto, ma vorrei sapere come trasformare un'immagine pixel che ho trasformato in un logo vettoriale?

Uso questa immagine per la mia favicon del mio sito web personale. E se hai qualche consiglio sul software , lavoro su Mac. Preferisco usarne uno open source.

Immagine pixel


3
Stai cercando di mantenere l'aspetto pixelato o stai cercando di appianarlo?
Brendan,



Il leggero problema è che l'immagine non è ben formata, non sono quadrati perfetti quando vengono ingranditi.
Adam Schuld

@brendan Voglio mantenere l'aspetto pixelato
Guillaume Vincent,

Risposte:


16

Inkscape

Questa potente applicazione di grafica vettoriale è gratuita, multipiattaforma e Open Source. Viene fornito con una funzione integrata per tracciare la grafica vettoriale da bitmap.

Questi sono i passaggi coinvolti:

  1. File - Importa ... : scegli di "incorporare" la bitmap.
  2. Seleziona la bitmap incorporata.
  3. Scegli percorso -trace Bitmap ... . Si aprirà la seguente finestra di dialogo:

    inserisci qui la descrizione dell'immagine

  4. Effettuare le seguenti impostazioni per preservare l'aspetto della casella quadrata in pixel nella Modalità e nelle schede Opzioni :

    inserisci qui la descrizione dell'immagine

    • Tick Colors .
    • Scegli 11 Scansioni per gli 11 colori dell'immagine sorgente.
    • Spuntare Scansione impila per avere un oggetto per colore impilato uno sopra l'altro.
    • Deseleziona Angoli smussati e Ottimizza tracciati per le caselle quadrate risultanti.
    • Fare clic su Aggiorna per un'anteprima, OK per tracciare la bitmap.
    • Sposta la grafica vettoriale accanto alla bitmap per confrontare il risultato (qui la traccia vettoriale selezionata si trova sul lato destro):

    inserisci qui la descrizione dell'immagine

    • Copia l'oggetto vettoriale in un nuovo disegno e salvalo in un formato di file a tua scelta.

Nota:

Questa guida non porterà al risultato desiderato di una grafica vettoriale pixelata quando si lavora su una sorgente di icone molto piccola. Per ottenere ancora l'effetto pixel sulla traccia, dobbiamo prima ingrandire l'icona prima di importare in Inkscape.


una cosa che mi incuriosisce di @Takkat è se la stessa anomalia è nella tua traccia come in Illustrator. Se guardi la mia risposta vedrai che l'occhio non è esattamente una linea retta - è lo stesso in Inkscape o Inkscape ha prestazioni migliori?
Adam Schuld,

@AdamSchuld: in Inkscape è l' opzione "ottimizza percorso" che dobbiamo disattivare per ottenere linee rette piuttosto che Beziers. Tuttavia, potrebbero non esserci angoli retti al 100% (difficili da testare). Credo che ci sia un'opzione simile in Illustrator (ma non posso provarla su tutto il mio sistema Open Source qui).
Takkat,

3

Non sono esperto nel programma, ma può essere fatto in Inkscape. Sono sicuro che qualcuno entrerà e spiegherà in inkscape. Una cosa che ho notato quando ho ingrandito l'immagine è che c'è un'imprecisione con quei quadrati nella tua immagine. Chiunque abbia creato questa immagine ha usato una larghezza di riga alternata di 7 pixel e 8 pixel che la rende leggermente più coinvolta in un processo quando si crea una griglia per l'effetto pixelato.

Il modo più rapido e veloce è usare la traccia delle immagini in Adobe Illustrator, ci vuole letteralmente meno di un minuto rispetto al processo più coinvolto di ricreare i pixel usando una griglia. Non sono sicuro al 100% se la traccia bitmap in Inkscape produrrà lo stesso risultato.

In ogni caso il processo in Illustrator consiste nell'importare l'immagine e quindi utilizzare la traccia dell'immagine con all'incirca le stesse impostazioni dell'immagine qui sotto. Produrrà un rigido effetto simile a un pixel. inserisci qui la descrizione dell'immagine

L'effetto è aumentato. Per la maggior parte dell'effetto non ci saranno anomalie. Ingrandito

Tuttavia, alcune aree saranno necessarie per correggere manualmente i percorsi perché sono leggermente disattivati. Lievi anomalie


grazie @AdamSchuld, ho scelto la soluzione open source Takkat. Ma rispondi potrebbe aiutare gli utenti di Illustrator.
Guillaume Vincent,

La sua risposta è stata migliore! Sono contento di aver potuto aiutare
Adam Schuld il

0

Non è necessario utilizzare la grafica vettoriale quando si desidera un aspetto pixel-y. Puoi semplicemente usare GIMPper ingrandire il tuo PNGfile. Ecco come:

  1. Apri il tuo file in GIMP
  2. Seleziona Image>Scale Image
  3. Modifica le impostazioni per ridimensionare il file
  4. Esporta il tuo file ingrandito come un altro PNG(premi Ctrl+ Shift+ Eo seleziona File> Export)

Tuttavia, se stai estrudendo l'icona del pixel Blender, dovrai utilizzare il Inkscapemetodo.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.