Come disegnare disegni vettoriali in Photoshop. Come convertire bitmap in immagini vettoriali in Photoshop

In questo tutorial, ti mostrerò come creare un disegno vettoriale in bianco e nero da una foto a colori senza utilizzare lo strumento Penna.

Passo 1. Apri la foto in Photoshop.

Prenoterò subito che le fotografie in cui la figura di una persona è su sfondo bianco siano adatte per completare questa lezione. Se non ne hai una disponibile, prima di iniziare la lezione, devi preparare la foto esistente.

Usando gli strumenti di selezione, separa la figura dallo sfondo e copia la selezione su un nuovo livello. Rinomina questo livello "forma". Crea un nuovo livello, riempilo di bianco, rinominalo "sfondo". Sposta questo livello nel pannello dei livelli in modo che sia al di sotto del livello "forma". Unisci il livello "sfondo" con il livello "forma". Rinomina il livello risultante in "Base".

Passo 2 Successivamente, applicheremo una regolazione dell'isoelio al livello di base per ottenere una silhouette in bianco e nero. È del tutto possibile che la prima volta non sarai in grado di assicurarti che tutti i dettagli di cui hai bisogno siano visibili sulla silhouette. Pertanto, faremo diverse copie del livello "Base" in modo che su ciascuna, utilizzando impostazioni diverse per "Isohelia", otteniamo una silhouette con i dettagli necessari.

Dopo aver creato due o tre copie del livello "Base", disattiva la loro visibilità. Assicurati di avere solo il livello Base attivo.

Passaggio 3 Applica (Immagine – Regolazione – Soglia). Ho usato le seguenti impostazioni per ottenere la base della silhouette:

Passaggio 4 Ora applicheremo un filtro Diffusione al livello per appianare i bordi frastagliati. Filtro - Styling - Diffusione(Filtra - Stilizzazione - Diffondi)

Ora, per rendere più nitidi i bordi dell'immagine, andiamo Immagine - Correzione - Livelli(Immagine – Regolazione – Livelli), avvicinare al centro i cursori destro e sinistro. Per semplificare il controllo del risultato, ingrandire al 300% prima di applicare la regolazione.

Ripeti nuovamente i passaggi con il filtro "Diffusione" e la correzione "Livelli".

Passaggio 5 Attiva la visibilità per il livello "Base_1". Applicare Immagine - Correzione - Isohelia(Immagine - Regolazione - Soglia).

Passaggio 6 Ripetere il passaggio 4 per il livello "Base _1".

Passaggio 7 Crea un nuovo livello, riempilo di nero, spostalo nel pannello dei livelli sotto il livello "Base". Cambia la modalità di fusione per il livello "Base_1" in " Differenza(Differenza). Ecco cosa è successo in questa fase.

Passaggio 8 La ragazza si è rivelata piuttosto brutta, ma è tutto risolvibile. Rendi attivo il livello Base, aggiungi maschera di livello. Con l'aiuto di una gomma, cancelliamo le aree "terrificanti" sul viso della ragazza.

Già molto meglio. Tuttavia, secondo me, l'occhio sinistro ci ha un po' deluso.

Passaggio 9. Attiva la visibilità per il livello "Base_2", applica Isohelia in modo che appaia un contorno chiaro dell'occhio. Ripetere il passaggio 4. Utilizzo dello strumento " Lazo» Selezionare l'area con l'occhio e aggiungere una maschera di livello.

Se sei soddisfatto del risultato, incolla gli strati.

Viene spesso chiesto come creare un'immagine vettoriale in Photoshop. Come sapete, Photoshop è un programma per l'elaborazione grafica raster e non è progettato per funzionare con un vettore. Editor grafici speciali lavorano con la grafica vettoriale. Ma se ne hai davvero bisogno, ma non c'è tempo per studiare un nuovo programma, con l'aiuto di alcune manipolazioni puoi convertire l'immagine in un vettore.

Che cos'è un'immagine raster e vettoriale e in che cosa differiscono

Un'immagine raster è anche una griglia di pixel (punti). Per tutti noi, la familiare foto digitale è solo un'immagine bitmap. Un'immagine vettoriale non è composta da pixel, ma da primitive geometriche: linee rette, rettangoli e altre forme.

Se riduci e poi aumenti in modo significativo bitmap, la sua qualità sarà irrimediabilmente danneggiata. Poiché ogni pixel è un punto di un certo colore, e tutti insieme questi punti costituiscono un'immagine. Quando l'immagine viene ridotta, i pixel extra vengono eliminati, quindi non è possibile ripristinarne l'aspetto originale.

Il ridimensionamento di un'immagine vettoriale consente di ridimensionare senza perdere la qualità. Ciò è possibile grazie a ricalcoli matematici delle dimensioni delle forme geometriche che compongono l'immagine.

Un'immagine raster consente di trasmettere in modo affidabile informazioni visive, un'immagine vettoriale non ha un tale vantaggio. Le immagini grafiche vettoriali possono essere utili per il rendering di loghi e bozzetti. Non otterrai la bellezza fotografica da loro. Oppure saranno immagini molto complesse, costituite da un numero enorme di primitive che sostituiscono effettivamente i pixel.

Un semplice esempio di come convertire un raster in un vettore

Quindi, il vettore è costituito da forme geometriche. Photoshop dispone di strumenti per la creazione di percorsi. Il contorno è una figura geometrica. Per creare un'immagine vettoriale in Photoshop, devi creare un contorno dell'immagine. Gli strumenti del gruppo ci aiuteranno in questo. Selezionare: strumento per selezione di un'area rettangolare, Strumento di selezione ellittica,** Strumento bacchetta magica , **Strumento di selezione rapida e Strumento "Penna" / Penna.

Affinché il vettore risulti pulito, vale la pena scegliere un'immagine bitmap della massima qualità possibile, altrimenti i contorni dovranno essere disegnati manualmente.

Apri l'immagine bitmap in Photoshop (il formato bitmap più comune è JPG). Loghi, disegni di contorno, schizzi sono molto facili da elaborare. Per ottenere uno schizzo vettoriale di un ritratto, puoi prima convertire il ritratto in uno schizzo usando "Filtra gallerie" o usa la pop art già pronta. Come lavorare con "Galleria dei filtri" e creare rapidamente pop art dalle foto, di cui abbiamo parlato negli articoli precedenti. Per questo esempio, prenderemo un ritratto pop art già pronto. L'abbiamo preparato deliberatamente da una foto con una risoluzione non ottimale. Pertanto, la versione vettoriale ci mostrerà una notevole differenza.

Per lavorare con i contorni, devi chiamare la scheda "Contorni" / Percorso alla tavolozza dei livelli. Per fare ciò, vai al menu "Finestra" / Finestra e spunta la casella "Contorni" / Percorso. Il segnalibro apparirà nella tavolozza dei livelli.

L'immagine ha 4 colori (lo sfondo non viene conteggiato). Prendiamo lo strumento Strumento "Bacchetta magica"/Bacchetta magica e seleziona il primo colore. Per selezionare tutte le aree sparse per isole nell'immagine, tieni premuto Spostare.

Con il primo colore selezionato, seleziona lo strumento "Lazo" / Lazo o strumento per selezione di un'area rettangolare e, senza rimuovere la selezione, fare clic con il tasto destro del mouse. Nel menu contestuale, seleziona Crea percorso di lavoro.

Nella finestra di dialogo, specificare l'arrotondamento massimo "Tolleranza" / Tolleranza(da 1 a 10; più basso è il numero, migliore sarà la ripetizione dei contorni). Premiamo Ok.

Segnalibro "Circuito" apparirà il primo ciclo. Sull'immagine, sarà evidente sotto forma di curve con punti. Possono essere allineati e regolati con uno strumento Strumento di selezione del nodo/selezione diretta. Con questo strumento, seleziona un punto e regola la curva spostando l'antenna del punto, oppure sposta l'arco stesso.

Segnalibro "Circuito" cambia il nome del circuito. Per fare ciò, fai doppio clic su di esso e cambia il nome nella finestra di dialogo.

Eseguiamo tutti i passaggi descritti con il resto dei colori. Di conseguenza, otteniamo quattro contorni per ogni colore.

Dopo aver ricevuto i contorni, resta da creare un vettore. Vai al segnalibro "Livelli" / Livello nella tavolozza dei livelli, crea un nuovo livello Maiusc+Ctrl+N. Impostiamo il colore principale su quello in cui coloreremo il primo contorno.

Torna al segnalibro "Circuito", diventiamo sul primo contorno. Nel menu principale sotto "Livelli" / Livelli scegliere "Nuovo colore di riempimento"/Nuovo livello di riempimento - "Colore"/Tinta unita. Nella finestra che si apre, fai clic su Ok.

Ora vai al segnalibro "Livelli" / Livelli, vedrai il primo livello vettoriale sul nuovo livello.

Eseguiamo questi passaggi per ogni circuito.

Quindi abbiamo ottenuto quattro figure che componevano il ritratto. Ora puoi salvarlo in un file con estensione vettoriale SVG (elimina il livello con l'immagine originale). Clic Alt+Maiusc+Ctrl+W(esporta come). Nella finestra di dialogo, seleziona l'estensione del file SVG, fai clic su "Esporta tutto" / Esporta tutto.

Nella finestra di dialogo successiva, come al solito, specifica il nome e il percorso del file.

È tutto. Il metodo è abbastanza semplice.

Se ti ritrovi a lavorare spesso con la grafica vettoriale, questo articolo potrebbe ispirarti a imparare cose nuove. editori grafici. In ogni caso, hai imparato un altro metodo utile. Vi auguriamo un ottimo lavoro.

Scopri di più su Photoshop ai corsi Fotoshkola.net

Photoshop dispone di un'interfaccia finestra intuitiva, suddivisa in diversi elementi di lavoro: il menu principale, il pannello Strumenti, il pannello Controllo, la finestra del documento, le tavolozze. Tutti gli elementi dell'interfaccia tranne il menu principale possono essere posizionati sullo schermo in posizioni a te convenienti semplicemente trascinandoli. Per fare ciò, sposta il cursore sull'intestazione del pannello, tieni premuto il tasto destro del mouse e sposta il pannello aperto in una parte comoda dello schermo. Puoi anche aggiungere o rimuovere tavolozze aggiuntive richiamandole dalla voce Finestra del menu principale.

I disegni vettoriali sono sempre più spesso utilizzati in vari strumenti di stampa, per creare bellissimi disegni da legno, plastica, metallo, carta e altri materiali. Oggi scopriremo come creare un disegno vettoriale con le tue mani usando Photoshop. Dopo aver trascorso un bel po' di tempo, otterremo un disegno vettoriale di alta qualità e saremo in grado di usarlo in futuro senza problemi.

Come convertire un disegno in vettoriale?

Prima di tutto, va notato che solo i disegni raffigurati su uno sfondo bianco possono essere convertiti in formato vettoriale. Se lo sfondo non è bianco, prima devi rimuovere tutto ciò che non è necessario e cancellare lo sfondo.

1. Usando gli strumenti di selezione, seleziona solo l'elemento che vogliamo trasformare in un disegno vettoriale e copialo su un nuovo livello chiamato "forma". Quindi creiamo un altro livello e lo riempiamo completamente di bianco, questo livello può essere chiamato "sfondo". Ora sposta il livello "sfondo" sotto il livello "forma" e uniscili. L'immagine risultante si chiama "Base". Copia il livello "Base" due volte e chiamali "Base_1" e "Base_2". Disattiva la loro visibilità.

2. Iniziamo le nostre operazioni sulla conversione dell'immagine in formato vettoriale. Prima di tutto, applica la correzione dell'isoelio al livello "Base" per ottenere l'immagine in formato bianco e nero. La prima correzione non si traduce sempre nell'immagine di cui abbiamo bisogno, quindi possiamo fare più copie dei livelli e apportare correzioni con valori diversi fino a ottenere ciò di cui abbiamo bisogno.

Quindi abbiamo ottenuto l'effetto più normale.

3. Successivamente, applichiamo un filtro Diffusione all'immagine risultante per rimuovere i bordi frastagliati. Il percorso per abilitare il filtro: “Filtro – Stilizzazione – Diffusione” (Filtro-Stylize-Difuse). Nella finestra che si apre, seleziona "Anisotropico".

4. Il prossimo passo è smussare i bordi in modo che diventino più nitidi, per questo premiamo "Immagine - Correzione - Livelli" (Image-Adjustment-Levels). Nella finestra aperta, avvicina i cursori sinistro e destro al centro. Per vedere il risultato della correzione, è meglio ingrandire il disegno fino al 300% prima di aprire i livelli.

5. Ripetere i passaggi 3 e 4 nello stesso ordine.

6. Disattiva la visibilità del nostro livello principale e attiva il livello "Base_1". Eseguire l'azione "Immagine - Correzione - Isohelia" (Regolazione immagine-Soglia). Il parametro è impostato al livello 138.

7. Eseguiamo le operazioni indicate nei paragrafi 3.4 e 5 con questo livello.

8. Crea un nuovo livello e riempilo di nero. Lo chiamiamo "sfondo". Impostalo sotto il livello "Base". Nel livello "Base_1", cambia la modalità in "Differenza" (Differenza).

Ecco cosa otteniamo:

9. Il risultato è un'immagine un po' spaventosa, ma lo sistemeremo ora. Rendi attivo il livello Base e aggiungi una maschera di livello. Successivamente, con l'aiuto di una gomma, possiamo rimuovere le aree non necessarie sul viso e sul corpo della ragazza.

10. Quindi abbiamo ottenuto il disegno, ora deve essere convertito in vettoriale. Usa la bacchetta magica, seleziona l'intera area nera dell'immagine e fai clic con il tasto destro sull'immagine, nel menu che si apre, seleziona "Crea percorso di lavoro". Impostare il valore su 1,0.

In questo tutorial di Photoshop, trasformeremo una normale foto di una ragazza in un disegno vettoriale.

Questa è una lezione piuttosto difficile che ti richiederà molto tempo, ma ne vale la pena! Grazie a questa lezione, capirai come disegnare immagini vettoriali delle persone.

Non stiamo usando alcun filtro qui, solo lo strumento Penna. Se non sai come usare lo strumento Penna, vedi .

Trova le foto che vuoi trasformare in grafica vettoriale.

Duplicalo e vai al menu Immagine> Regolazioni> Posterizza (Immagine - Correzione - Posterizza) e seleziona lì il numero di livelli desiderato. Più livelli saranno, più dettagliata sarà la tua immagine vettoriale.

Evidenzia il viso e il collo della ragazza (aree esposte della pelle) con Usa lo strumento contagocce per selezionare il colore della pelle dalla foto. Riempi la selezione con questo colore.

Delinea di nuovo i capelli, riempili di nero e posiziona questo strato sotto lo strato del viso.

Dato che abbiamo perso alcune zone di pelo sulle tempie e sulla fronte, dobbiamo rifinirle. Fallo su un nuovo livello sopra il livello del viso.

Cerchia i bordi dei vestiti. Ricorda che ogni dettaglio deve essere solido. Disegneremo le ombre più tardi...

E ora, in base alla tua base posterizzata e all'immagine originale, decidi su un nuovo livello che dipingerai e con il suo colore.

NON PRENDERE MAI COLORE DALLO STRATO POSTERIZZATO! I COLORI SONO SBAGLIATI, SERVE SOLO PER DISEGNARE IL LIVELLO.

Continua a dipingere i toni sulla pelle. Gli strati con le ombre dovrebbero essere sovrapposti l'uno all'altro secondo il seguente principio: strati chiari - in basso, scuri - in alto.
Quando hai finito con la pelle, unisci tutti questi strati.

Dato che abbiamo due strati con i capelli, crea un nuovo strato in cima e disegna ciocche di luce su di esso.
Se i capelli nella tua foto sono scuri, sarà facile da fare e, se sono chiari, dovrai disegnare con maggiore precisione le sfumature ottenute durante la posterizzazione.

Fai lo stesso con i vestiti.
Se guardi la foto originale, noterai che la collana manca dal disegno. Va bene, così sia.

Se la persona nella foto è un po' sovrappeso o ha qualche dettaglio che non ti piace, allora rimuovilo!

Modifica tutti i dettagli rimanenti...

Ora lavora sugli occhi. Innanzitutto, su un nuovo livello, disegna la forma dell'occhio. Quindi crea un altro livello e disegna le ciglia. Quindi unisci entrambi i livelli insieme.

Sopra la forma dell'occhio nero, disegnane uno bianco leggermente più piccolo. E all'interno di quello bianco ci sono diversi cerchi, da cui risulterà la pupilla.

Disegniamo le labbra. Per prima cosa disegna la forma e riempila con il colore principale.

Disegna ombre e luci sulle labbra e sulla bocca (se necessario).
Qui, come puoi vedere, viene disegnato un substrato per i denti: questa è la base delle gengive e l'ombra dei denti.

E alla fine, disegna i denti stessi e li evidenzia.
Ricorda che tutte le ombre e le luci devono essere raggruppate con il colore principale.

E dopo diverse ore di lavoro su questa foto, ora guarda il risultato! Speriamo sinceramente che tu stesso ti piaccia ciò che hai disegnato.

Diciamo che abbiamo una sorta di immagine raster e vogliamo ottenerla in forma vettoriale (o in curve). Cosa dobbiamo fare per questo? Prima di tutto, hai bisogno di Adobe Illustrator.

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 ... > Adobe Illustrator dal menu a discesa o avviare Illustrator e trascinare l'immagine nell'area di lavoro.

immagine originale

Nella barra degli strumenti, seleziona lo strumento " Selezione» (freccia nera) e fare clic su questa freccia sulla nostra immagine. In questo caso, l'immagine dovrebbe risaltare. Per verificarlo, puoi provare a spostarlo un po' tenendo premuto il pulsante sinistro del mouse mentre il cursore si trova sull'immagine (trascina e rilascia).

Sopra l'area di lavoro troviamo il pulsante " Traccia veloce” e fare clic sulla freccia accanto ad essa. Mostra tutte le opzioni disponibili per questa azione. Abbiamo bisogno di un oggetto Opzioni di tracciamento...". Quando ci clicchiamo sopra, si apre una finestra con i parametri.

Sul lato destro della finestra delle opzioni, seleziona " Visualizzazione". Ciò contribuirà a ottenere un risultato migliore e a capire di cosa è responsabile ciascuno dei parametri.

1) fallo in modo scientifico, cioè dovrai leggere nei tooltip quale dei parametri influenza cosa e impostare i valori necessari;

2) sperimenta tu stesso i parametri, utilizzando il cosiddetto "metodo del poke scientifico".

Preferisco il secondo modo: in primo luogo, la traduzione russa di una parola non sempre trasmette completamente il significato inerente all'originale e, in secondo luogo, è spesso più veloce e facile da ricordare in questo modo. Tu modifichi l'impostazione. Guarda cosa colpisce (visivamente). Combina più opzioni. E così via fino a raggiungere un risultato più o meno accettabile.

L'immagine vettoriale risultante.

Quando l'immagine è già simile al vero, nella finestra dei parametri di tracciamento, fare clic su " tracciare” 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, puoi perfezionarlo. Per fare ciò, utilizzare lo strumento Selezione» è necessario selezionare tutte le curve create (premere il tasto sinistro del mouse e, tenendolo premuto, cerchiare l'intera immagine). Vai alla voce di menu Un oggetto» > « Trasformazione» > « Ridimensionamento” e ridimensionare l'immagine in modo che sia sufficientemente grande per una facile modifica. Quindi seleziona lo strumento selezione diretta» (freccia bianca). Con questa freccia bianca, fai clic a turno su ciascun nodo e allinea le spline secondo necessità: quando viene selezionato un vertice, compaiono dei baffi nelle vicinanze, trascinando i quali puoi modificare la curvatura della spline.

Risultato in modalità griglia

Inoltre, è possibile ottenere un risultato migliore se inizialmente si scatta un'immagine grande di buona qualità. Quindi, se in futuro non vuoi perdere tempo ad hackerare nodi spline, usa immagini di alta qualità come materia prima per il tracciamento!