Spesso è necessario convertire un'immagine raster in un'immagine vettoriale. Questo può essere fatto usando CorelDraw o altri. programmi speciali... Tuttavia, sarà molto più facile e comodo da usare servizio Online, ad esempio, come l'eroe della nostra recensione di oggi.
Image Vectorizer è un servizio gratuito di traduzione da raster a vettore. All'uscita riceverai File in formato SVG... Supporta il caricamento di immagini nei seguenti formati: JPG (JPEG), PNG e BMP. Esiste un limite alla dimensione del file caricato: non deve superare 1 MB. Non abbastanza ovviamente, ma non per le foto grande taglia abbastanza.
Come funziona la conversione da raster a vettoriale
La grafica vettoriale è una raccolta di curve, punti, linee rappresentate da espressioni matematiche. Grafica raster È una raccolta di pixel con valori di colore e luminosità. Convertitore online trova aree con gli stessi parametri di luminosità e colore e le presenta come linee, curve e cerchi.
Di conseguenza, la bitmap SVG può essere ingrandita all'infinito senza perdita di qualità.
Conversione da raster a vettore
Il servizio online inizia a funzionare immediatamente dopo il caricamento dell'immagine originale.
Sulla sinistra dello schermo vedi il file originale con una serie di colori rilevati, sulla destra - il risultato:
Con gli strumenti disponibili puoi:
- Disabilita la presenza di determinati colori
- Imposta il numero totale di colori nel file SVG
- Imposta tolleranza (tolleranza) e sfocatura (sfocatura)
Modificando i parametri e premendo il pulsante "Aggiorna", si vede subito il risultato finale. Per non soffrire a lungo con le impostazioni, puoi anche utilizzare un set di preset già pronto:
- Fotografia (molti / pochi colori)
- Disegno (molti / pochi colori)
- ClipArt (bianco e nero, molti / pochi colori)
Premendo i pulsanti + e - sul lato destro della finestra, è possibile aumentare o diminuire i valori di Colore, Dettaglio, Larghezza bordo. Lì puoi anche unire tutti i livelli con i colori in un unico livello.
Dopo che il risultato ti soddisfa, usa il pulsante "Download" e scarica l'immagine vettoriale formato SVG sul tuo disco. Tutto è gratuito.
Il servizio ha anche una funzionalità come un generatore di codice G. Non ho idea a cosa serva. Se qualcuno lo sa, scrivi nei commenti.
Il concetto di immagini vettoriali non dice nulla alla stragrande maggioranza dei normali utenti di PC. I designer, a loro volta, sono sempre più inclini a utilizzare solo questo tipo di grafica per i loro progetti.
In precedenza, per lavorare con le immagini SVG, avresti dovuto sicuramente installare una delle soluzioni desktop specializzate come Adobe Illustrator o Inkscape sul tuo computer. Ora questi strumenti sono disponibili online, senza bisogno di scaricarli.
Dopo aver completato la richiesta corrispondente su Google, puoi familiarizzare con un numero enorme di tutti i tipi di editor online di vettori. Ma la stragrande maggioranza di tali soluzioni offre capacità piuttosto scarse e molto spesso non consente di lavorare con progetti seri. Considereremo migliori servizi per creare e modificare immagini SVG direttamente nel browser.
Ovviamente, gli strumenti online non possono sostituire completamente le corrispondenti applicazioni desktop, ma per la maggior parte degli utenti, il set di funzioni proposto sarà più che sufficiente.
Metodo 1: Vectr
Premuroso editor vettoriale dai creatori del servizio Pixlr familiare a molti. Questo strumento sarà utile sia per i principianti che per gli utenti esperti nel lavorare con SVG.
Nonostante l'abbondanza di funzioni, sarà abbastanza difficile perdersi nell'interfaccia di Vectr. Per i principianti, vengono fornite lezioni dettagliate e istruzioni voluminose per ciascuna delle componenti del servizio. Tra gli strumenti dell'editor c'è tutto per creare un'immagine SVG: forme, icone, cornici, ombre, pennelli, supporto per lavorare con i livelli, ecc. Puoi disegnare un'immagine da zero o caricarne una tua.
Le funzionalità di esportazione includono anche una delle caratteristiche più distintive di Vectr: il supporto per collegamenti diretti a progetti SVG nell'editor. Molte risorse non consentono di caricare immagini vettoriali direttamente su se stesse, ma consentono comunque la loro visualizzazione remota. In questo caso, Vectr può essere utilizzato come un vero e proprio hosting SVG, che altri servizi non consentono.
Va notato che l'editor non gestisce sempre correttamente la grafica complessa. Per questo motivo, alcuni progetti potrebbero aprirsi in Vectr con errori o artefatti visivi.
Metodo 2: Sketchpad
Editor web semplice e intuitivo per la creazione di immagini SVG basate sulla piattaforma HTML5. Data la gamma di strumenti disponibili, si può affermare che il servizio è puramente per il disegno. Con Sketchpad puoi creare immagini belle ed elaborate, ma niente di più.
Lo strumento ha una vasta gamma di pennelli personalizzabili di varie forme e tipi, un set di forme, caratteri e adesivi da sovrapporre. L'editor ti consente di manipolare completamente i livelli, controllandone il posizionamento e le modalità di fusione. Bene, come bonus, l'applicazione è completamente tradotta in russo, quindi non dovresti avere difficoltà a padroneggiarla.
Metodo 3: metodo Draw
Questa applicazione web serve per la manipolazione di file vettoriali di base. Esternamente, lo strumento assomiglia a un desktop Adobe Illustrator, ma in termini di funzionalità, qui tutto è molto più semplice. Tuttavia, ci sono alcune peculiarità in Method Draw.
Oltre a lavorare con le immagini SVG, l'editor consente di importare immagini bitmap e creare vettori basati su di esse. Questo può essere fatto sulla base del tracciamento manuale dei contorni con una penna. L'applicazione contiene tutti gli strumenti necessari per comporre disegni vettoriali. C'è una vasta libreria di forme, una tavolozza di colori completa e supporto per le scorciatoie da tastiera.
Method Draw non è sicuramente adatto per creare progetti vettoriali seri - la ragione di ciò è la mancanza di funzioni appropriate. Ma a causa dell'assenza di elementi non necessari e di uno spazio di lavoro ben organizzato, il servizio può essere utilizzato in modo eccellente per l'editing rapido o il perfezionamento di semplici immagini SVG.
Metodo 4: Gravit Designer
Editor di grafica vettoriale gratuito basato sul web per utenti avanzati. Molti designer mettono Gravit alla pari con soluzioni desktop a tutti gli effetti, come Adobe Illustrator. Il fatto è che questo strumento è multipiattaforma, cioè è completamente disponibile su tutti i sistemi operativi per computer, nonché su un'applicazione web.
Gravit Designer è in fase di sviluppo attivo e riceve regolarmente nuove funzionalità, che sono già sufficienti per il layout di progetti complessi.
L'editor offre tutti i tipi di strumenti per disegnare tracciati, forme, tracciati, sovrapposizioni di testo, riempimenti e vari effetti personalizzabili. C'è una vasta libreria di forme, immagini a tema e icone. Ogni elemento nello spazio Gravit ha un elenco di proprietà disponibili per la modifica.
Tutta questa varietà è "confezionata" in modo elegante e intuitivo interfaccia chiara, in modo che qualsiasi strumento sia disponibile in un paio di clic.
Considerando che il servizio è progettato per un lavoro a tutti gli effetti con la grafica vettoriale, può essere tranquillamente consigliato anche ai designer professionisti. Con Gravit, puoi modificare la grafica SVG indipendentemente dalla piattaforma su cui ti trovi. Finora, questa affermazione si applica solo ai sistemi operativi desktop, ma presto questo editor apparirà sui dispositivi mobili.
Metodo 5: Janvas
Uno strumento di grafica vettoriale popolare tra gli sviluppatori web. Il servizio contiene una serie di strumenti di disegno con proprietà altamente personalizzabili. caratteristica principale Janvas: la capacità di creare immagini SVG interattive, animate con utilizzando CSS... E in combinazione con JavaScript, il servizio ti consente di creare intere applicazioni web.
In mani capaci, questo editor è uno strumento davvero potente, mentre un principiante, a causa dell'abbondanza di tutti i tipi di funzioni, molto probabilmente semplicemente non capirà cosa è cosa.
Sì, lo strumento purtroppo non è gratuito. Ma questa è una soluzione professionale, che non è utile a tutti.
Metodo 6: DrawSVG
Il servizio online più conveniente che consente ai webmaster di creare elementi SVG di alta qualità per i loro siti nel modo più semplice possibile. L'editor contiene un'impressionante libreria di forme, icone, riempimenti, sfumature e caratteri.
Con l'aiuto di DrawSVG, puoi progettare oggetti vettoriali di qualsiasi tipo e proprietà, modificarne i parametri e renderizzare come immagini separate. È possibile incorporare file multimediali di terze parti in SVG: video e audio da un computer o da sorgenti di rete.
Questo editor, a differenza della maggior parte degli altri, non sembra il port del browser di un'applicazione desktop. A sinistra ci sono i principali strumenti di disegno e in alto i controlli. Lo spazio principale è occupato dalla tela per lavorare con la grafica.
Diciamo che ne abbiamo alcuni bitmap e vogliamo ottenerlo in forma vettoriale (o curve). Cosa dobbiamo fare per questo? Prima di tutto hai bisogno programma Adobe Illustratore.
La versione non ha importanza.
Procedura
Apri la nostra bitmap in Adobe Illustrator. Per fare ciò, puoi fare clic con il pulsante destro del mouse sull'immagine e selezionare Apri con ...\u003e Adobe Illustrator dal menu a discesa, oppure avviare Illustrator e trascinare l'immagine nell'area di lavoro.
Immagine originale
Nella barra degli strumenti, seleziona lo strumento " Evidenziazione"(Freccia nera) e fai clic su questa freccia sulla nostra immagine. In questo caso, il disegno dovrebbe risaltare. Per verificarlo, puoi provare a spostarlo leggermente tenendo premuto il pulsante sinistro del mouse mentre il cursore si trova sopra l'immagine (usando il principio del trascinamento della selezione).
Sopra l'area di lavoro troviamo il pulsante " Traccia veloce»E fai clic sulla freccia accanto ad essa. Mostra tutte le opzioni disponibili per questa azione. Abbiamo bisogno dell'oggetto " Opzioni di traccia ...". Quando si fa clic su di esso, si apre una finestra con i parametri.
Nella parte destra della finestra dei parametri, seleziona la voce " Visualizza". Questo ti aiuterà a ottenere un risultato migliore ea capire di cosa è responsabile ciascuno dei parametri.
1) fallo in modo scientifico, cioè dovrai leggere nei tooltip quale dei parametri influisce su cosa e impostare i valori necessari;
2) sperimentate voi stessi i parametri, utilizzando il cosiddetto "metodo del poke scientifico".
Preferisco il secondo metodo: in primo luogo, la traduzione russa di una o un'altra parola non sempre trasmette pienamente il significato nell'originale e, in secondo luogo, è spesso più facile e veloce ricordare in questo modo. Modifica il parametro. Guarda cosa è interessato (visivamente). Combina diversi parametri. E così via fino a ottenere un risultato più o meno accettabile.
L'immagine vettoriale risultante.
Quando l'immagine sembra già vera, nella finestra dei parametri di traccia, fare clic su " Tracciamento"E nel menu sopra l'area di lavoro il pulsante" Smontare". Quindi, otteniamo l'immagine originale, ma già nelle curve.
Se non sei soddisfatto del risultato ottenuto, puoi modificarlo. A tale scopo, utilizzando lo strumento " Evidenziazione»È necessario selezionare tutte le curve create (premere il tasto sinistro del mouse e, tenendolo premuto, circondare l'intero disegno). Andiamo alla voce di menu " Un oggetto» > « Trasformazione» > « Ridimensionamento"E ridimensionare l'immagine in modo che sia abbastanza grande per un facile montaggio. Quindi seleziona lo strumento " Selezione diretta"(Freccia bianca). Con questa freccia bianca, fai clic alternativamente su ogni nodo e allinea le spline secondo necessità: quando selezioni un vertice, accanto ad esso compaiono dei baffi, tirandoli puoi modificare la curvatura della spline.
Risultato in modalità griglia
Puoi anche ottenere un risultato migliore se inizialmente scatti un'immagine grande. buona qualità... Pertanto, se in futuro non si desidera perdere tempo a giocherellare con i nodi spline, utilizzare immagini di qualità come materie prime per il tracciamento!
Negli spazi aperti di Internet russo, ho trovato un'immagine del logo. È possibile convertirlo da un raster a un vettore in Photoshop e automaticamente? No, non puoi. Purtroppo, mentre le tendenze del vettore in Photoshop sono tali, tutto ciò che è stato fatto in questa direzione è rimasto invariato altre 5 versioni fa. Da allora, non è stato toccato, non è cambiato e non è stato aggiunto nulla di nuovo al vettore. Avevi bisogno di strumenti vettoriali in Photoshop? Eccoli, vuoi di più? Quello che ti sei dimenticato di Photoshop, maestro Illustrator. È stata approssimativamente questa linea di pensiero che ha spinto gli sviluppatori a implementare le operazioni vettoriali più semplici in Photoshop. Adesso mettiamoci al lavoro.
La conversione da raster a vettore viene eseguita attraverso le aree di selezione. Innanzitutto, creiamo una selezione, quindi traduciamo le linee di selezione in tracciati vettoriali, quindi riempiamo i tracciati vettoriali con livelli di riempimento, creando così una maschera vettoriale. Per capire tutto questo non a livello di squadre dell'esercito: fai clic qui, fai clic lì, dovresti imparare a lavorare con gli strumenti di disegno vettoriale, capire come i percorsi vettoriali possono interagire tra loro e imparare a creare una maschera vettoriale. Ma non preoccuparti, non devi sederti a leggere fino al fine settimana, capirai già come convertire un raster in un vettore in Photoshop se finisci di leggere l'articolo fino alla fine.
Evidenziando il logo
Vorrei sottolineare che, affinché la traduzione in un vettore sia di alta qualità, l'immagine stessa deve essere grande. Questo è vero per il tracciamento in Illustrator e ancora più importante per Photoshop. La mia immagine è larga 1500 pixel, quando avremo finito di tradurre in vettoriale, mostrerò come Photoshop traduce piccole immagini e confronteremo i risultati.
- Scegli lo strumento Bacchetta magica
- Regolare nelle opzioni di tolleranza 20 o 30.
- Nella stessa posizione, fare clic sull'icona Aggiungi alla selezione. Ho scritto in dettaglio sul loro lavoro nell'articolo Aggiungi, Sottrai, Interseca ed Escludi in Photoshop dove si trattava di strumenti vettoriali, ma nella selezione queste opzioni funzionano allo stesso modo.
Ad essere onesti, non mi interessa come metti in risalto il logo, sia con il lazo a mano che attraverso la gamma di colori. È solo che in questa situazione, in particolare su questa immagine, è più facile farlo con lo strumento Bacchetta magica.
Converti la selezione in un percorso vettoriale
Non passare da Magic Wand Tool.
- Fare clic con il pulsante destro del mouse sull'area di selezione.
- Dal menu visualizzato, scegli Crea percorso di lavoro.
- Nella finestra che appare, imposta la tolleranza a 1.0. Maggiore è il valore di tolleranza, più i nostri contorni saranno morbidi, stilizzati e imprecisi.
Nell'illustrazione seguente ho selezionato lo strumento di selezione del percorso e ho selezionato il percorso in modo che tu possa vederlo.
Salvataggio del percorso nella palette Path
Questa operazione è facoltativa, ma auspicabile.
- Nella finestra che appare, inserisci un nome e fai clic su OK.
Passa alla palette Tracciato. Se non riesci a trovarlo, fai clic su Finestra\u003e Percorso
Fare doppio clic sul percorso nella tavolozza.
Crea una maschera vettoriale
Il processo di creazione di una maschera vettoriale è perfettamente descritto nel mio articolo Maschera vettoriale in Photoshop. Eseguiamo questo processo rapidamente e senza dettagli.
Assicurati che il tuo canile sia selezionato nella palette Path
Scegli dal menu Livello\u003e Nuovo livello di riempimento\u003e Tinta unita
Nella finestra che appare, seleziona un colore e fai clic su OK
È tutto. Tutto sarebbe più accurato se non fosse per hronofag.ru Ricorda che ti ho detto che più piccola è l'immagine, peggio sarà tradotta. Pronto a scommettere sulle tue mani qualche scansione sporca infilata nella Word, che il cliente richiede per essere tradotta in vettoriale? Ho indovinato? Allo stesso tempo, l'immagine viene compressa dalla compressione JPG, ridotta, quindi ingrandita, quindi nuovamente ridotta alle dimensioni di un avatar, e persino il ketchup è stato versato su di essa. È possibile tradurre qualitativamente un'immagine del genere in un vettore in Photoshop?
Per prima cosa, dai un'occhiata al nostro logo. Nonostante l'eccellente risoluzione, i bordi nitidi Photoshop non è riuscito a creare contorni piacevoli e uniformi. L'illustratore lo fa 100 volte meglio, ma l'articolo non riguarda l'illustratore. Come puoi vedere, i contorni non sono nemmeno ovunque, anche nelle parti rettangolari del logo. E i cerchi sono completamente obliqui.
Ora ridurrò l'immagine di 2 volte, poi 2 volte di più e ti mostrerò il risultato della traduzione in un vettore.
Ecco un buon esempio di come la dimensione della bitmap influisce sulla qualità della traccia. E questo nonostante il fatto che l'immagine sia di altissima qualità nonostante le dimensioni. Bene, ridurrò la qualità. Salva l'immagine come JPG con la peggiore qualità.
Traduciamo in un vettore. Ottimo risultato, manca solo il ketchup. Perfetto per un cliente soddisfatto, lavorazione grunge o vintage!
Eppure sto manipolando leggermente la verità. Il punto è che tutto questo ha senso per Illustrator, che crea un vettore da un'immagine. Photoshop non crea un vettore da un'immagine, crea tracciati da una selezione. È logico che migliore e più fluida è la selezione, più morbide saranno le curve. E lo strumento Bacchetta magica con cui abbiamo selezionato queste aree non è più adatto per selezionare immagini così inquietanti. Sì, potrai fare selezioni di alta qualità, utilizzare tutti gli strumenti di selezione, puoi persino aumentarli e creare un contorno più o meno uniforme sulla base di essi, che non sarà ancora l'ideale. Andare in questo modo è solo una perdita di tempo. L'unica opzione di lavoro è eseguire il rendering del logo da zero in Photoshop.
