Grafica computerizzataè un concetto molto ampio. Alla menzione di questo termine, qualcuno penserà ai capolavori 3D degli studi Pixar e Dreamworks, altri penseranno alla fotografia digitale, e altri ancora penseranno che stiamo parlando di design. giochi per computer. Ma sicuramente ci saranno anche molti di quelli a cui assoceranno questa frase grafica vettoriale. Nonostante la straordinaria popolarità della grafica vettoriale, molti utenti non hanno familiarità con la funzionalità dei disegni vettoriali. Cosa si nasconde dietro le parole "grafica vettoriale" e perché è così richiesta?

Un normale disegno raster è una serie di punti. Questo array può essere reso con precisione massima o approssimativa. Nel primo caso, le informazioni bitmap vengono trasmesse senza perdita, ma occupano molta memoria. Nel secondo caso, l'immagine grafica può essere trasmessa con precisione condizionale. Ciò suggerisce una diretta analogia con il suono, che viene compresso "senza perdite percettibili" nel formato MP3. Per la grafica, un formato simile è JPG. Con un grado di compressione moderato e non molto elevato, la matrice iniziale di punti è abbastanza indovinabile. Gli algoritmi per il rendering della grafica raster possono differire, ma la loro essenza è la stessa: l'immagine ha un legame rigido con la matrice dei pixel.

Un approccio completamente diverso viene utilizzato per il rendering di un'immagine vettoriale. Ogni disegno vettoriale viene creato utilizzando forme geometriche e curve. L'uso della matematica nella descrizione di un disegno offre un enorme vantaggio: quando si ridimensionano elementi vettoriali, l'immagine originale non perde qualità. Un disegno raster, d'altra parte, si comporta in modo diverso quando viene ridimensionato: le linee degli oggetti nell'immagine diventano ricoperte da un evidente "pettine" quando vengono ingrandite. Questi artefatti sono presenti sull'immagine fin dall'inizio, poiché un disegno raster a priori non può contenere elementi continui: linee, forme geometriche e così via. Tutto questo in un raster sembra una matrice di pixel, che è tanto più evidente quanto più l'immagine raster viene ingrandita.

Non senza difetti e formati vettoriali. La necessità di utilizzare elementi semplici per costruire un'immagine diventa spesso un serio ostacolo all'interpretazione di un'immagine complessa. Ad esempio, è estremamente difficile convertire una normale foto di un paesaggio in un formato vettoriale, poiché contiene molti oggetti e la loro geometria è molto complessa.

Nella stampa industriale, i formati vettoriali sono ugualmente validi per la stampa di immagini di qualsiasi dimensione, grandi e piccole. Le immagini raster, se ingrandite, non solo si trasformano in un mosaico, ma possono anche contenere artefatti di compressione. Inoltre, i formati vettoriali sono convenienti da usare nella programmazione, poiché sono facilmente descritti da espressioni matematiche.

Ad esempio, i designer professionisti utilizzano strumenti collaudati nel corso degli anni per creare grafica vettoriale Adobe Illustrator e Corel Draw. Ma per un hobbista che ha bisogno di creare velocemente il logo di una maglietta o un'illustrazione tecnica, non c'è bisogno di ricorrere ad applicazioni così ingombranti e costose. Puoi cavartela con strumenti gratuiti e talvolta anche online. Con il loro aiuto, puoi convertire un'immagine raster in un'immagine vettoriale, disegnare un disegno semplice, generare un motivo rabescato e così via.

⇡ "Google Drawings" è l'editor vettoriale più semplice che è sempre a portata di mano

L'editor vettoriale online più famoso, semplice e conveniente è Drawings su Google Drive. Questa applicazione Web fa parte dell'ufficio online di Google ed è più focalizzata su lavoro congiunto e l'aggiunta di elementi grafici a documenti d'ufficio tipi diversi dalla grafica vettoriale. Tuttavia, ci sono ancora alcuni strumenti di base per lavorare con esso.

Con l'applicazione Web Drawings è possibile creare varie forme, frecce, didascalie, formule grafiche, aggiungere linee rette, curve, polilinee, frecce e scarabocchi. Disponibile anche da aggiungere elementi di testo, importa bitmap. I disegni vettoriali possono essere importati, ma non modificati (solo visualizzazione).

⇡ Autotracer - convertitore gratuito da raster a vettoriale

Quando si tratta di disegni vettoriali complessi, a volte è più semplice non crearli da zero, ma vettorializzare una bitmap, ovvero convertirla in un formato vettoriale. Questo processo è anche chiamato tracciamento.

Quasi tutti gli editor vettoriali dispongono degli strumenti appropriati, ma la vettorializzazione può essere resa ancora più semplice con gli strumenti online. È possibile trovare più di un servizio Web che offre servizi simili. Ad esempio, la risorsa gratuita Autotracer è molto utile. Può essere utilizzato per convertire File PNG, BMP, JPEG e GIF in formato vettoriale e salva in formato SVG, EPS, PDF, DXF.

Il servizio è completamente gratuito, ma c'è una limitazione: la dimensione del file sorgente non deve superare un megabyte. Prima della conversione, puoi impostare alcune impostazioni: determinare il numero di colori che rimarranno sull'immagine bitmap prima della vettorizzazione, nonché eliminare il rumore, specificare in quali casi le linee verranno prese come curve. Il processo stesso è molto veloce, quindi se la qualità del disegno finale non è adatta, puoi sempre sperimentare le impostazioni e riprovare.

⇡ Vector Paint è un editor vettoriale in Chrome che può funzionare senza browser

Vector Paint è un'applicazione web per Google Chrome, creato in HTML5, ma può funzionare senza browser. Appartiene a una nuova generazione di applicazioni presentate all'inizio di settembre di quest'anno. È possibile eseguire tali applicazioni direttamente dal desktop - browser aperto, così come l'accesso a Internet, non sono tenuti a utilizzarli.

Vector Paint contiene una raccolta abbastanza ampia di varie forme preimpostate che possono essere utilizzate nei progetti: ci sono orologi, nuvole, frecce, animali, note e molto altro. Le forme possono anche essere create manualmente utilizzando linee rette e spezzate, uno strumento di disegno forma libera, rettangolo, ellisse. Per ogni elemento è possibile scegliere un colore, spessore e tipo di tratto, nonché un colore di riempimento, renderlo parzialmente trasparente, aggiungere uno dei tanti effetti (distorsioni, ombre, texture, pseudo-3D, ecc.) . Esistono anche strumenti per la gestione degli elementi nel progetto: possono essere spostati in primo piano o spostati indietro. Per una disposizione più accurata degli elementi, ci sono numerosi strumenti di allineamento, puoi anche attivare la visualizzazione del righello.

Per impostazione predefinita, il lavoro viene eseguito su un livello, ma se necessario è possibile aggiungere la possibilità di lavorare con più livelli. Questa funzione è implementata come componente aggiuntivo. Per installarlo non è necessario scaricare nulla, basta selezionare il plugin nell'omonimo menu. Lavorare con i livelli include la possibilità di unire i livelli selezionati, nasconderne alcuni, trasferire gli elementi selezionati su un livello separato.

Vector Paint fornisce anche altri componenti aggiuntivi che possono essere facilmente aggiunti all'applicazione. Si tratta di funzionalità avanzate per lavorare con il testo (caratteri aggiuntivi, impostazioni di spaziatura, singoli elementi delle iscrizioni), aggiungere marcatori, utilizzare immagini per creare motivi ripetuti sui moduli. Dal menu Plugin sono inclusi anche Opzioni aggiuntive pennellate e riempimenti.

I progetti finiti vengono salvati in formato SVG e possono anche essere esportati in PNG e JPEG.

⇡ SVG-Edit - editor di vettori online

SVG-Edit è un editor vettoriale basato su JavaScript che può essere eseguito su qualsiasi browser. Può essere utilizzato sia come servizio online (in questo caso viene utilizzato un indirizzo demo per l'accesso), sia come applicazione web (in questo caso è necessario scaricare l'archivio con i file SVG-Edit, decomprimerlo ed eseguire il file dell'applicazione in qualsiasi browser).

SVG-Edit funziona completamente con i file SVG, rendendo possibile sia salvare i progetti in questo formato che aprire tali file e apportarvi modifiche. Inoltre, il file SVG può essere importato nel progetto come elemento separato.

Polilinee, rettangoli, quadrati, ellissi, cerchi, poligoni, contorni, testo possono essere utilizzati per creare elementi di grafica vettoriale in SVG-Edit. È possibile riempire gli elementi con il colore, nonché utilizzare sfumature, comprese quelle radiali. Supporta il lavoro con i livelli, la visualizzazione di una griglia e la visualizzazione di elementi sotto forma di wireframe. Sono disponibili strumenti per modificare la disposizione degli elementi (sopra, sotto), per clonare rapidamente le forme vettoriali selezionate, per raggrupparle. Molti comandi sono disponibili dal menu contestuale (come nei normali editor desktop). Molta attenzione è stata dedicata agli strumenti per l'allineamento sulla tela: è possibile allineare gli elementi in relazione agli oggetti selezionati, all'oggetto più grande o più piccolo.

Il programma ha una grande libreria forme già pronte(lo stesso utilizzato in Vector Paint), ma in aggiunta è implementato l'accesso a un'enorme libreria gratuita di elementi di grafica vettoriale IAN Image Library. Per lavorare con esso è necessaria la registrazione, ma poi puoi visualizzare raccolte di campioni di grafica vettoriale direttamente dall'editor e aggiungerli immediatamente al progetto corrente o nuovo.

⇡ Chittram - semplice editor online

Chittram è un altro editor vettoriale che può funzionare come applicazione web. A differenza di SVG-Edit, è implementato come un servizio online completo con la possibilità di salvare i progetti sul server. Per visualizzare e modificare progetti creati in precedenza, utilizzare Account Google.

Le capacità di Chittram sono più modeste di quelle di SVG-Edit, ma questo editor sembrerà sicuramente più amichevole per gli utenti inesperti. L'applicazione ha la possibilità di utilizzare un'immagine bitmap come sfondo, ma selezionare un'immagine con disco rigido non puoi - basta specificare un collegamento al file. Non c'è nemmeno l'importazione di immagini vettoriali locali, ma puoi aggiungere file dalla galleria utente del servizio web al progetto e modificarli. Il sito implementa una ricerca nella galleria per parole chiave, così come le etichette.

Per creare i tuoi progetti, puoi utilizzare il set standard di strumenti: linee rette, curve, curve di Bézier, poligoni, cerchi, ovali, rettangoli e quadrati. È disponibile anche la creazione di testo. Per ogni elemento è possibile impostare la dimensione del tratto, il colore di riempimento, il colore e la direzione del gradiente, la percentuale di trasparenza. Per un disegno più accurato, puoi utilizzare la griglia, per la quale viene regolata la dimensione della cella. Puoi anche controllare le dimensioni della tela e il suo orientamento.

Se il tuo progetto utilizza più forme, è conveniente visualizzare un pannello che elenca tutti gli elementi. È usato per rinominare selezione rapida oggetti. Lo stesso pannello viene utilizzato per lavorare con i livelli.

⇡ Inkscape è un'alternativa completa ai pacchetti commerciali

L'editor vettoriale Inkscape ha molti vantaggi. In primo luogo, è multipiattaforma (può essere eseguito su Windows, Linux, Mac). In secondo luogo, supporta un gran numero di formati vettoriali popolari, inclusi SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF e altri.

L'editor dispone anche di strumenti per la creazione di grafica standard per qualsiasi editor vettoriale: forme, curve, testo, riempimento, supporto completo per i livelli. Inkscape ti permette di fare varie attività con percorsi, tratti e applicare operazioni booleane (combinare, intersecare elementi, escluderne uno dall'altro e così via). L'utente dispone di una vasta libreria di filtri e di un editor speciale con il quale è possibile creare i propri effetti. Il programma supporta le tavolette grafiche, quindi puoi disegnare manualmente controllando l'inclinazione e la pressione della penna.

Vale la pena prestare attenzione agli strumenti integrati per la vettorizzazione delle immagini raster. Per tenere conto degli oggetti importanti in primo piano durante il tracciamento delle foto, viene utilizzato l'algoritmo SIOX (Simple Interactive Object Extraction) per identificare automaticamente tali oggetti.

⇡ ZebraTRACE - creazione guilloché gratuita

Eventuali banconote, nonché documenti di importanza nazionale (diplomi, certificati, certificati e così via) sono facilmente riconoscibili a colpo d'occhio. Questa "riconoscibilità" del disegno del documento è data da sottili motivi ripetuti che percorrono tutto il disegno principale. Tali linee sono chiamate arabescato.

I guilloches possono essere disegnati a mano in un editor vettoriale, ma senza aggiunte e abilità speciali nella creazione di tali modelli, questo processo può essere ritardato. Utilità gratuita ZebraTRACE aiuta con queste sfide.

Questo programma traccia le immagini e le combina con un motivo arabescato. ZebraTRACE utilizza la generazione guilloché parametrica. Viene definito ogni tipo di modello che può essere creato con l'applicazione formula matematica. Quindi, se c'è voglia e tempo libero per gli esperimenti, l'utente può ottenere disegni unici.

Creare nuovi arabescati è molto semplice. Prova ad apportare piccole modifiche alla formula di generazione del modello, come cambiare il valore del coefficiente da 2 a 3, e il modello cambierà. Per coloro che non vogliono essere creativi con ZebraTRACE, il programma include una dozzina e mezza preset con formule che permettono di ottenere i più comuni arabescati.

⇡ Conclusione

Gli strumenti di grafica vettoriale gratuiti non sono così comuni come vorresti, ma esistono. È anche positivo che con lo sviluppo dello standard HTML5 e di altre tecnologie web sia diventato possibile utilizzare il browser come editor di grafica vettoriale - prima si poteva solo sognarlo. Per progetti semplici, tali strumenti fanno risparmiare molto tempo e, se utilizzi Inkscape, puoi generalmente rifiutare di acquistare un editor vettoriale per esigenze di progettazione.

Su Internet ho trovato un'immagine del logo. È possibile convertirlo da raster a vettoriale in Photoshop e automaticamente? No, non puoi. Purtroppo, mentre le tendenze vettoriali in Photoshop sono le seguenti, tutto ciò che è stato fatto in questa direzione è rimasto invariato 5 versioni fa. Da allora non è stato toccato, modificato e al vettore non è stato aggiunto nulla di nuovo. Hai bisogno di strumenti vettoriali in Photoshop? Eccoli, vuoi di più? Cosa dimentichi generalmente in Photoshop, maestro Illustrator. Approssimativamente questa linea di pensiero ha mosso gli sviluppatori che hanno introdotto le operazioni vettoriali più semplici in Photoshop. E ora mettiamoci al lavoro.

La conversione di un raster in un vettore avviene tramite aree di selezione. Per prima cosa creiamo una selezione, poi 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 leggi l'articolo fino alla fine.

Evidenziazione del logo

Vorrei sottolineare che affinché la traduzione in vettoriale sia di alta qualità, l'immagine stessa deve essere grande. Questo è vero nel caso del ricalco in Illustrator, e per Photoshop è ancora più importante. La mia immagine è larga 1500 pixel, quando avremo finito di convertire in vettoriale, ti mostrerò come Photoshop esegue il rendering di una piccola immagine e confronteremo i risultati.

• Scegli lo strumento Bacchetta magica

• Regolare nelle opzioni Tolleranza 20 o 30.

• Nello stesso punto, fai clic sull'icona Aggiungi alla selezione. Ho scritto del loro lavoro in dettaglio 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 selezioni il logo, anche con un lazo manuale, anche attraverso la gamma di colori. È solo che in questa situazione, in particolare su questa immagine, il modo più semplice per farlo è con lo strumento Bacchetta magica.

Converti la selezione in tracciato vettoriale

Non passare dallo strumento bacchetta magica.

• Fare clic con il pulsante destro del mouse sull'area di selezione.

• Dal menu che appare, seleziona Crea percorso di lavoro.

• Nella finestra che appare, imposta la tolleranza su 1.0 Più alto è il valore di tolleranza, più lisci, stilizzati e imprecisi saranno i nostri contorni.

Nell'illustrazione qui sotto, ho selezionato lo strumento di selezione del percorso e ho selezionato il percorso in modo che tu possa vederlo.

Salvataggio di un tracciato nella tavolozza dei tracciati

Questa operazione è facoltativa, ma consigliata.

Passa alla tavolozza Percorso. Se non riesci a trovarlo, fai clic su Finestra > Percorso

Fare doppio clic sul percorso nella tavolozza.

• Nella finestra che appare, inserisci un nome e fai clic su OK.

Creazione di una maschera vettoriale

Il processo di creazione di una maschera vettoriale è ben descritto nel mio articolo Maschera vettoriale in Photoshop. Eseguiremo questo processo rapidamente e senza dettagli.

Assicurati che il tuo percorso sia selezionato nella palette Percorso

Scegli dal menu Livello> Nuovo livello di riempimento> Tinta unita

Nella finestra che appare, seleziona un colore e fai clic su OK

È tutto. Tutto sarebbe stato più accurato se non fosse stato hronofag.ru Ricorda che ti ho detto che più piccola è l'immagine, peggio si tradurrà. Sono disposto a scommettere che hai una sorta di scansione sporca inserita in Word, che il cliente vuole tradurre in un vettore? Ho indovinato? Allo stesso tempo, l'immagine è stata compressa con compressione JPG, ridotta, quindi ingrandita, quindi nuovamente ridotta alle dimensioni di un avatar e su di essa è stato versato anche del ketchup. È possibile tradurre qualitativamente un'immagine del genere in un vettore in Photoshop?

Innanzitutto, dai un'occhiata al nostro logo. Nonostante l'eccellente risoluzione, i bordi nitidi Photoshop non sono riusciti a creare contorni piacevoli e uniformi. Illustrator lo fa 100 volte meglio, ma l'articolo non riguarda Illustrator. Come puoi vedere, i contorni non sono nemmeno ovunque, nemmeno nelle parti rettangolari del logo. E i cerchi sono molto obliqui.

Ora ridurrò l'immagine di 2 volte, poi di 2 volte di più e ti mostrerò il risultato della traduzione in un vettore.

Ecco un chiaro esempio di come la dimensione di un'immagine 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 in JPG con la peggiore qualità.

Traduciamo in un vettore. Ottimo risultato, manca solo il ketchup. Giusto per un cliente soddisfatto, elaborazione per grunge o vintage!

Eppure manipolo un po' la verità. Il fatto è che tutto questo ha senso per Illustrator, che crea un vettore basato su un'immagine. Photoshop non crea un vettore da un'immagine, crea percorsi da una selezione. Logicamente, migliore e più uniforme è la selezione, più morbide saranno le curve. E strumento bacchetta magica, che abbiamo utilizzato per evidenziare queste aree, non è più adatto per evidenziare immagini così inquietanti. Sì, puoi effettuare selezioni di alta qualità, utilizzare tutti gli strumenti di selezione, puoi persino ingrandirli e creare un contorno più o meno uniforme basato su di essi, che non sarà comunque perfetto. Andare in questo modo è solo una perdita di tempo. L'unica opzione funzionante è disegnare il logo da zero in Photoshop.

Nonostante Photoshop sia un editor di grafica raster, nel suo set di strumenti sono forniti anche alcuni strumenti vettoriali. Gli strumenti vettoriali sono progettati principalmente per creare curve modificabili - contorni. Per rinfrescarvi la memoria, ricordiamo che la differenza tra raster e grafica vettoriale sta nel modo di immagazzinare e descrivere le informazioni grafiche. I disegni vettoriali vengono memorizzati sotto forma di curve descritte matematicamente, che non perdono qualità durante il ridimensionamento e sono soggette a modifiche facili e flessibili in qualsiasi momento. Innanzitutto, considera il principio della costruzione di curve vettoriali.

I contorni vettoriali sono costruiti su segmenti che hanno nodi chiave e punti di controllo. I nodi chiave limitano il segmento da due lati e i punti di controllo consentono di controllare la flessione delle curve.

Gli strumenti di gruppo vengono utilizzati per creare curve Penna. Attrezzo strumento Penna progettato per creare curve per nodi chiave. Il principio di funzionamento di questo strumento è specificare i punti chiave del segmento di contorno. Se, quando si specifica un punto di controllo, senza rilasciare il pulsante del mouse, lo si sposta, verrà visualizzato un segmento nel punto chiave contenente punto di controllo . Ulteriori movimenti del mouse influenzano già direttamente il punto di controllo e, a sua volta, la curva del segmento. Il successivo clic sinistro imposterà il punto di controllo successivo e così via.

Lo strumento Penna può funzionare in due modalità: creare curve e creare le cosiddette forme - aree vettoriali chiuse.Il passaggio da una modalità all'altra viene effettuato tramite pulsanti: modalità di creazione del contorno, - modalità di creazione della forma. Se stai lavorando nella modalità di creazione del modulo, il contorno che crei sarà sempre considerato chiuso e, di conseguenza, riempito con il colore che hai scelto. Fisicamente, nella palette Livelli, viene creata una maschera di livello basata sul disegno vettoriale. Il livello stesso viene riempito con il colore scelto (scegliere il colore nella tavolozza delle proprietà).

Il principio di lavorare con una maschera vettoriale differisce leggermente dal principio di lavorare con una maschera raster, differiscono solo i mezzi. Se, nel caso di lavorare con una maschera raster, l'hai modificata utilizzando gli strumenti di disegno, in questo caso la modifica della forma della maschera avviene utilizzando gli strumenti vettoriali.

Per convertire una maschera vettoriale in una maschera raster, è necessario richiamare il menu contestuale della maschera vettoriale e selezionare la voce Rasterizza maschera. Di conseguenza, otterrai una normale maschera di livello. Altrimenti, lavorare con una maschera di livello nella versione vettoriale non differisce dal lavorare in una versione raster.

I disegni vettoriali sono convenienti perché in qualsiasi momento è molto conveniente modificare la forma delle curve di questo disegno. Ci sono una serie di strumenti per questo. Ad esempio, lo strumento (aggiunta di punti chiave - nodi) - aggiunge punti chiave sulla curva nel punto in cui si fa clic. Lo strumento può rimuovere punti extra sul contorno facendo clic sul punto da rimuovere. In effetti, il passaggio a questi strumenti non è affatto necessario. Prestare attenzione all'interruttore Aggiungi/Elimina automaticamente nella tavolozza delle proprietà. Se questa modalità è abilitata (selezionata), lo strumento Penna passerà automaticamente allo strumento Aggiungi punto (quando lo posizioni sul percorso) e allo strumento Elimina punto (quando lo posizioni su un punto esistente). Se la modalità è disabilitata, l'eliminazione e l'aggiunta di punti sarà possibile solo utilizzando gli strumenti appropriati.

La flessione delle curve è controllata tramite punti di controllo. Utilizzare lo strumento per selezionare un punto di controllo Strumento di selezione diretta. Selezione del nodo da modificare (cliccando con questo strumento sul nodo da modificare). Quindi spostando i punti di controllo si modifica la curvatura della curva nella regione del nodo selezionato. Puoi anche spostare i nodi selezionati con questo strumento. Attrezzo Strumento di selezione del percorso progettato per lavorare con la curva nel suo insieme, come con un oggetto - per muoversi e trasformarsi. Per gli oggetti vettoriali viene applicata la modalità Trasformazione libera, esattamente come per le aree raster.

Uno strumento importante per lavorare con i nodi chiave è uno strumento chiamato Strumento Converti punto. Lo scopo di questo strumento è convertire tipo di nodo. Esistono due tipi di nodi chiave nella grafica vettoriale di Photoshop: liscio E angolo. Il significato dei nodi chiave smussati è che i punti di controllo di due curve convergono sullo stesso nodo Sempre sulla stessa linea virtuale.

Un altro tipo di nodo, come abbiamo detto, è chiamato nodo d'angolo. Il significato di questo tipo è quello le linee virtuali che passano attraverso il punto di controllo di uno dei segmenti e il nodo chiave comune di entrambi i segmenti possono convergere a qualsiasi angolo.

Lo strumento di conversione del tipo funziona in questo modo: se il nodo è liscio (e per impostazione predefinita i nodi vengono creati lisci), facendo clic sullo strumento di conversione si cambierà il tipo di nodo in angolare. Se, dopo aver premuto il pulsante del mouse, non rilasciarlo, ma semplicemente trascinarlo, sarai in grado di controllare la flessione del segmento in corrispondenza di un determinato nodo.

Abbiamo iniziato evidenziando due modalità di funzionamento dello strumento Penna. La prima è la modalità di creazione della forma e la seconda è la modalità di creazione del contorno. Soffermiamoci sulla modalità di lavoro con i contorni.

In questo caso, il tuo percorso non si riempirà automaticamente e formerà una maschera di livello vettoriale e un livello. In questo caso, la tua struttura sarà puramente virtuale e non correlata ai livelli. Per lavorare con tali percorsi, c'è una tavolozza chiamata Path. Tutte le operazioni con i contorni sono concentrate in questa tavolozza.

Nella palette Tracciati, i tracciati (tracciati) vengono posizionati come livelli nella palette Livelli e su un livello vettoriale possono esserci diversi tracciati vettoriali non correlati. I controlli del tracciato si trovano nella riga inferiore della palette Tracciato. Anche i pittogrammi dolorosamente familiari con un bidone della spazzatura e una foglia pulita non hanno cambiato il loro scopo in questa tavolozza, ad es. rispettivamente, questa è la rimozione del livello vettoriale e la creazione di un livello vettoriale vuoto.

Fino ad ora, ci siamo chiesti perché in modo così assoluto editor di bitmap come Photoshop ha bisogno di questi strumenti vettoriali. Un semplice esempio di utilizzo dei vettori in Photoshop è ancora una volta lavorare con le selezioni. Come puoi vedere dalla figura, un certo numero di icone della palette Path sono progettate per convertire un tracciato (percorso) in un tracciato di selezione e viceversa. In effetti, dopo aver acquisito alcune abilità nel lavorare con i tracciati, ti renderai conto che è molto più semplice adattare un tracciato vettoriale alla forma di una selezione piuttosto che utilizzare una maschera rapida abbastanza flessibile. Quindi, se vuoi modificare la selezione, puoi sempre convertirla in un tracciato (contorno), quindi modificarla e riconvertirla nuovamente in una selezione. Se vuoi applicare operazioni come Stroke e Fill, tradizionali per i percorsi di selezione, allora sono anche a tua disposizione.

Le operazioni booleane funzionano in modo inaspettato. Puoi creare percorsi in qualsiasi modalità logica, addizione o sottrazione. In questa fase, non noterai alcuna azione. Ma non lasciarti ingannare dal fatto che hai trovato un bug in un programma quasi impeccabile. Photoshop infatti ricorda in che modalità hai creato il tracciato (scrive l'ufficio...) e non appena ordini al programma di creare un contorno di selezione dal tuo miscuglio di tracciati, Photoshop ricorderà tutto ed eseguirà tutte le operazioni che tu prescritto durante la creazione di percorsi. La finestra di dialogo Crea tracciato di selezione da tracciato vi permette di definire le impostazioni più importanti relative ai tracciati di selezione (ma solo se usate il comando Crea selezione nel menu della palette Tracciato).

Si prega di notare che è possibile impostare il raggio della piuma (Feather), abilitare o disabilitare l'anti-aliasing anti-aliasing. Nella sezione Operazione è possibile impostare la modalità logica per la selezione appena creata. Le opzioni in questa sezione diventano disponibili solo se esiste già un percorso di selezione. Di conseguenza, se si seleziona l'operazione Nuova selezione, la selezione creata sostituirà la selezione esistente; l'opzione Aggiungi alla selezione aggiungerà una selezione creata da un percorso a una selezione esistente; Substruct from Selection - sottrarrà il percorso creato dalla selezione esistente.

Attrezzo Strumento di forma libera ti permette di creare un tracciato vettoriale in modalità disegno semplice, come un pennello. Tieni premuto il pulsante sinistro del mouse e muovi semplicemente il mouse per disegnare il contorno che ti serve. Questo strumento ne ha uno caratteristica principale, che paragona questo strumento vettoriale allo strumento Lazo magnetico, è l'opzione Magnetico. Il principio di funzionamento è lo stesso, lo strumento cerca bordi contrastanti e disegna un contorno solo lì. Altrimenti, il contorno creato da questo strumento non differisce dal solito contorno.

• Visualizzazioni: 58428

Spesso viene chiesto come creare un'immagine vettoriale in Photoshop. Come sapete, Photoshop è un programma per l'elaborazione di grafica raster e non è progettato per lavorare con un vettore. Speciali editor grafici lavorano con la grafica vettoriale. Ma se hai davvero bisogno, e tempo per studiare nuovo programma No, con l'aiuto di alcune manipolazioni, puoi convertire l'immagine in un vettore.

Che cos'è un'immagine raster e vettoriale e in che modo 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 consiste di pixel, ma di primitive geometriche: linee rette, rettangoli e altre forme.

Se riduci e poi aumenti in modo significativo una bitmap, la sua qualità sarà irrevocabilmente rovinata. Poiché ogni pixel è un punto di un certo colore, e tutti insieme questi punti formano un'immagine. Quando l'immagine viene ridotta, i pixel extra vengono scartati, quindi non può essere ripristinata al suo 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 di grafica vettoriale possono essere utili per il rendering di loghi e disegni di contorno. Non otterrai 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.

Per rendere il vettore ordinato, dovresti scegliere la bitmap il più possibile. buona qualità, altrimenti il ​​disegno dei contorni dovrà essere eseguito 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 filtro" e creare rapidamente pop art dalle foto, di cui abbiamo parlato negli articoli precedenti. Per questo esempio, prenderemo un ritratto pop art già pronto. Intenzionalmente, l'abbiamo preparato da una foto non del migliore risoluzione. 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 seleziona la casella "Contorni" / Percorso. Il segnalibro apparirà sulla 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 pulsante destro del mouse. IN menù contestuale scegliere Crea percorso di lavoro.

Nella finestra di dialogo, specificare l'attenuazione massima "Tolleranza" / Tolleranza(da 1 a 10; più basso è il numero, meglio si ripeteranno i contorni). Premiamo OK.

Segnalibro "Circuito" apparirà il primo loop. Sull'immagine, sarà evidente sotto forma di curve con punti. Possono essere allineati e regolati con uno strumento Strumento Selezione 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" cambiare il nome del circuito. Per fare ciò, fai doppio clic su di esso e modifica il nome nella finestra di dialogo.

Facciamo 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 vado al segnalibro "Livelli" / Livelli, vedrai il primo livello vettoriale sul nuovo livello.

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

È tutto. Il metodo è abbastanza semplice.

Se devi lavorare spesso con immagini vettoriali, forse questo articolo ti ispirerà a imparare nuovi editor grafici. In ogni caso, hai imparato un altro metodo utile. Vi auguriamo un ottimo lavoro.

Scopri di più su Photoshop nei corsi.

Gli strumenti per lavorare con il vettore in Photoshop sono apparsi molto tempo fa, ma hanno iniziato a essere utilizzati nel lavoro relativamente di recente. Ciò è dovuto al fatto che molto per molto tempo erano "grezzi" e perché Il vettore in Photoshop non è uno strumento specializzato per il lavoro e non è stato finalizzato. Ma tutto è cambiato con il rilascio di Photoshop CC.

Perché hai bisogno di un vettore in Photoshop

Per prima cosa voglio dirti perché uso il vettore in Photoshop. Esistono molti editor vettoriali collaudati. I più comuni sono Illustrator, CorelDraw, Xara. Molto spesso sono impegnato nel web design, il che significa che il mio lavoro non è il risultato finale. Quelli. prima di diventare un sito web, un'interfaccia, un'applicazione, il layout arriverà al progettista del layout. La maggior parte dei progettisti di layout parla correntemente Photoshop, ma ha una familiarità molto superficiale con Illustrator. Pertanto, il desiderio di "spingere" tutto in un file è abbastanza logico. È fantastico quando un progettista di layout riceve un PSD che contiene un layout completo e anche con la possibilità di modificare gli elementi. Cambia il colore del pulsante, cambia il raggio del modulo del menu, aumenta o diminuisci il blocco senza perdere qualità - in 2 clic e 1 minuto! Il vettore in Photoshop ti consente di farlo senza abilità speciali.

Caratteristiche di lavorare con un vettore in Photoshop

Se hai già lavorato in qualsiasi editor vettoriale, molte cose ti sembreranno familiari. Ma ci vuole molto per abituarsi. Tutto il lavoro in Photoshop è costruito con i livelli, questo vale anche per tutti gli strumenti vettoriali.
1. Per modificare facilmente un vettore in Photoshop, devi posizionare ogni forma su un livello separato.
2. Le operazioni di "unione", "sottrazione", "sovrapposizione" si applicano meglio a non più di due oggetti.
3. Dopo le operazioni di “unione”, “sottrazione”, “sovrapposizione”, i contorni degli oggetti originali rimangono disponibili per la modifica.
4. Gli stili raster possono essere facilmente applicati a tutti gli oggetti vettoriali. È molto comodo.
5. È possibile applicare trasparenza agli oggetti vettoriali e applicarvi filtri.
6. Singoli livelli e gruppi di livelli con oggetti vettoriali possono essere facilmente clonati all'interno di un documento o copiati in un altro documento PSD.
7. Etichetta ogni livello e raggruppa i livelli: questo farà risparmiare molto tempo.

Primitivi di base

Come in qualsiasi editor vettoriale, il vettore in Photoshop ha primitive già pronte. Primitive di base:
“Rettangolo”, “Rettangolo arrotondato”, “Ellisse”, “Poligono”, “Linea”, “ Figura arbitraria". Per ogni forma (in qualsiasi momento) puoi impostare lo spessore/tipo/colore del tratto e del riempimento. Per primitive specifiche disponibili ulteriori proprietà. Ad esempio, per un poligono è possibile impostare il numero di angoli e per un rettangolo con angoli arrotondati è possibile impostare il raggio di arrotondamento.

Strumenti di base

Per disegnare un vettore arbitrario o modificarne uno esistente (compreso il contorno delle primitive), è necessario utilizzare gli strumenti "Penna" (disegna un contorno arbitrario), "Penna +" (aggiungi nuovi punti di ancoraggio al contorno finito), "Penna -“ (elimina punti di ancoraggio dal contorno finito), “Penna libera” (disegna a mano un contorno arbitrario), “Angolo” (modifica le curve delle curve di contorno, imposta i tipi di connessioni tra i punti di ancoraggio).

Per illustrare il processo, un breve video da cui imparerai:
1. Come creare una primitiva
2. Come disegnare una forma vettoriale arbitraria
3. Come modificare il contorno di una primitiva
4. Come modificare il contorno di una forma vettoriale arbitraria

Operazioni vettoriali di base in Photoshop

Sono disponibili in totale 4 operazioni: “Unisci forme”, “Sottrai forma frontale”, “Unisci forme in sovrapposizione”, “Sottrai forme in sovrapposizione”. Tutte queste operazioni sono disponibili attraverso il menu principale in alto. Livelli > Unisci forme, o tramite la barra degli strumenti "Proprietà" (menu in alto Finestra > Proprietà).
Attenzione! Prima di iniziare qualsiasi operazione per unire forme vettoriali, assicurati che i livelli di queste forme siano selezionati nella barra degli strumenti "Livelli" (attiva F7 o Finestra > Livelli).

Un breve video che illustra le operazioni base di "unione delle forme" in Photoshop.

Cambia colore, taglia e applica gli stili

Qui veniamo al più interessante. Il vettore in Photoshop ti consente di ridimensionare sia in alto che in basso senza perdere la qualità. Per fare ciò, seleziona i livelli desiderati nella barra degli strumenti "Livelli", premi Ctrl+T (o Comando+T se hai un MAC) e trascinando con il mouse i marcatori del tracciato selezionato regolarne la dimensione. Affinché la dimensione cambi proporzionalmente, è necessario tenere premuto il tasto Maiusc.


Breve video:
1. Ridimensiona una forma vettoriale
2. Modificare il colore di riempimento di una forma vettoriale
3. Aggiungi stile alla forma vettoriale

Scarica l'esempio PSD (gratuito)

Per renderti più facile capire come utilizzare un vettore in Photoshop e vedere come questi strumenti possono essere applicati nella pratica, sto pubblicando un file Infografica realizzato da me utilizzando completamente strumenti vettoriali.

Fai una domanda

Se qualcosa non funziona per te o se hai domande, scrivi nei commenti e ti aiuterò a capirlo. Puoi anche guardare i video utilizzando gli strumenti vettoriali.