Vettore in Photoshop. Come aprire correttamente un'immagine vettoriale in Photoshop Foto in un'immagine vettoriale Photoshop

Le persone spesso chiedono come creare un'immagine vettoriale in Photoshop. Come sai, Photoshop è un programma per l'elaborazione di grafica raster e non è concepito per lavorare con i vettori. Editor grafici speciali lavorano con la grafica vettoriale. Ma se ne hai davvero bisogno e non c'è tempo per studiare un nuovo programma, con l'aiuto di alcune manipolazioni puoi convertire l'immagine in un vettore.

Cosa sono le immagini raster e vettoriali e in cosa sono diverse?

Un'immagine raster è anche una griglia di pixel (punti). Tutti noi familiari foto digitali è solo un'immagine raster. Un'immagine vettoriale non è costituita da pixel, ma da primitive geometriche: linee rette, rettangoli e altre forme.

Se si riduce e poi si aumenta notevolmente la bitmap, la sua qualità sarà irrimediabilmente danneggiata. Poiché ogni pixel è un punto di un certo colore e tutti questi punti insieme costituiscono un'immagine. Quando l'immagine viene rimpicciolita, i pixel extra vengono eliminati, quindi non è possibile riportarla al suo aspetto originale.

Il ridimensionamento di un'immagine vettoriale consente di ridimensionare senza perdere qualità. Ciò è possibile grazie al ricalcolo matematico 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. La grafica vettoriale può essere utile per il rendering di loghi e disegni al tratto. Non otterrai bellezza fotografica da loro. Oppure saranno immagini molto complesse, costituite da un numero enorme di primitive che in realtà sostituiscono 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 è la figura geometrica. Per creare un'immagine vettoriale in Photoshop, è necessario 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 , ** "Selezione rapida" / Strumento di selezione rapida e Strumento Penna.

Per rendere il vettore pulito, dovresti scegliere una bitmap della massima qualità possibile, altrimenti dovrai disegnare i contorni manualmente.

Apri la 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 schizzo usando "Filtro 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. Apposta, l'abbiamo preparata da una foto di non la migliore risoluzione. Pertanto, la versione vettoriale ci mostrerà una notevole differenza.

Per lavorare con i contorni, devi chiamare il segnalibro "Percorsi" / Percorso sulla tavolozza dei livelli. Per farlo, vai al menu "Finestra" / Finestra e spunta la casella "Percorsi" / Percorso... Il segnalibro apparirà nella tavolozza dei livelli.

L'immagine ha 4 colori (non contiamo lo sfondo). Prendiamo lo strumento Strumento bacchetta magica e selezionare il primo colore. Per selezionare tutte le aree sparse da isole nell'immagine, tieni premuto Cambio.

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

Nella finestra di dialogo, specificare il livellamento massimo Tolleranza(da 1 a 10; più basso è il numero, migliore sarà la ripetizione dei contorni). premiamo Ok.

Su un segnalibro "Circuito" appare il primo contorno. Sarà visibile nell'immagine come curve con punti. Possono essere allineati e montati con uno strumento Strumento di selezione diretta... Con questo strumento, seleziona un punto e regola la curva spostando il viticcio del punto o sposta l'arco stesso.

Su un segnalibro "Circuito" cambiare il nome del contorno. Per fare ciò, fare doppio clic su di esso e modificare 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... Imposta il colore principale su quello in cui dipingeremo il primo contorno.

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

Ora andando al segnalibro strati, vedrai il primo livello vettoriale su un nuovo livello.

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

È tutto. Il metodo è abbastanza semplice.

Se lavori molto con la grafica vettoriale, 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.

In questo tutorial, impareremo le basi del disegno di forme vettoriali in Photoshop CS6 utilizzando i semplici strumenti Forme! Inizieremo esaminando come funzionano gli strumenti. "Rettangolo"(Strumento rettangolo ), "Rettangolo arrotondato"(Strumento Rettangolo arrotondato), "Ellisse"(Strumento Ellisse), "Poligono"(Strumento Poligono) e "Linea"(strumento linea). Successivamente, impareremo come scegliere i colori di riempimento e traccia per le forme, modificare l'aspetto dei tratti, modificare le forme utilizzando le proprietà utili dei livelli forma e molto altro! Abbiamo molto da imparare, quindi in questo tutorial ci concentreremo sul funzionamento e sulle proprietà dei cinque strumenti di base nel gruppo Forme geometriche. Nella prossima lezione impareremo come aggiungere forme più complesse al nostro documento usando lo strumento Forma a mano libera!

Questo tutorial è per gli utenti di Photoshop CS6. Se stai utilizzando una versione precedente del programma, dai un'occhiata al tutorial originale Shape and Shape Layer in Photoshop.

La maggior parte delle persone pensa che Photoshop venga utilizzato solo per elaborare immagini pixelate e, se chiedessi loro un buon editor di immagini, nella maggior parte dei casi la risposta sarebbe "Adobe Illustrator". In effetti, le capacità dell'editor di Adobe Illustrator sono molto più ampie rispetto ai programmi di Photoshop, ma, tuttavia, come vedremo da questa e dalle prossime lezioni, i vari strumenti del gruppo Shapes rendono facile aggiungere semplici immagini vettoriali alle immagini e disegni

Se non sai cos'è una forma vettoriale e in che modo differisce da una forma pixel, dai un'occhiata a questo tutorial.

Strumenti per le forme

Photoshop ci offre una scelta di sei strumenti nel gruppo Forme: "Rettangolo"(Strumento rettangolo), Rettangolo arrotondato(Strumento Rettangolo arrotondato), "Ellisse"(Strumento Ellisse), "Poligono"(Strumento Poligono), "Linea"(Strumento Linea) e "Figura libera"(Strumento forma personalizzata). Tutti questi strumenti si trovano in un punto della barra degli strumenti. Per impostazione predefinita, vediamo lo strumento Rettangolo, ma se facciamo clic sull'icona dello strumento e teniamo premuto il pulsante del mouse, sullo schermo apparirà un menu a discesa con un elenco di altri strumenti da cui possiamo selezionare quello di cui abbiamo bisogno:

Fare clic sull'icona dello strumento Rettangolo ci consentirà di visualizzare altri strumenti nel gruppo Forma.

Seleziono il primo strumento nell'elenco, lo strumento Rettangolo:

Forme vettoriali, percorsi e forme pixel

Prima di iniziare a disegnare forme, dobbiamo dire a Photoshop che tipo di forma vogliamo disegnare, perché in realtà Photoshop ci consente di disegnare tre diversi tipi di forme: forme vettoriali, percorsi e forme pixel. Esamineremo la differenza tra questi tipi di forme in modo più dettagliato in altre lezioni, ma come abbiamo già appreso dalla lezione "Disegnare forme vettoriali e forme pixelate in Photoshop CS6", nella maggior parte dei casi disegnerai forme vettoriali. A differenza delle forme pixel, le forme vettoriali sono altamente ridimensionabili, completamente scalabili e indipendenti dalla risoluzione. Ciò significa che possiamo modificare, ridimensionare a nostro piacimento, senza perdere la qualità dell'immagine. I bordi delle forme vettoriali rimangono nitidi e nitidi sia sullo schermo che quando vengono stampati.

Per disegnare forme vettoriali anziché tracciati o forme pixelate, seleziona "Figura"(Forma) nella barra delle impostazioni dello strumento nella parte superiore dello schermo:

Seleziona la modalità dello strumento "Forma" nel pannello delle impostazioni

Riempire una forma con il colore

Fare clic sull'icona del campione di colore di riempimento

Di conseguenza, si aprirà una finestra di dialogo in cui ti verrà chiesto di scegliere uno dei quattro modi per riempire la forma, indicato da un'icona separata. Da sinistra a destra, puoi vedere un'icona Nessun colore (con una striscia diagonale rossa), un'icona di riempimento colore, un'icona Gradiente e un'icona Motivo:

4 opzioni di riempimento forma (nessun colore, tinta unita, sfumatura e motivo)

Metodo di riempimento "Nessun colore"

Come suggerisce il nome, il metodo di riempimento "Nessun colore"(Nessun colore) non riempie la forma con alcun colore. Perché abbiamo bisogno di una forma vuota, potresti chiedere? Bene, in alcuni casi, potresti volere che la forma abbia solo un contorno sottile. Successivamente, vedremo come aggiungere un tratto a una forma, ma se vuoi che la forma abbia solo un tracciato senza colore di riempimento, seleziona l'opzione Nessun colore:

Nessun colore riempie la forma con nessun colore

Di seguito è riportata una forma di esempio dopo aver applicato l'opzione Nessun colore. Tutto ciò che vediamo è il sottile contorno della figura, il cosiddetto "contorno". Il contorno è visibile solo in Photoshop, quindi se inizi a stampare il documento o lo salvi nei formati JPEG o PNG, il contorno scomparirà. Per renderlo visibile, dobbiamo aggiungere un tratto, che esploreremo ulteriormente dopo aver coperto tutte le opzioni. riempire(Riempire):

Quando è selezionato "Nessun colore" come metodo di riempimento, è visibile solo il contorno della forma (e anche in questo caso, solo in Photoshop)

Metodo di riempimento in tinta unita

Per riempire la forma con il colore, seleziona l'opzione "colore puro"(Tinta unita) (seconda icona da sinistra):

Fare clic sull'icona del parametro "Tinta unita"

Dopo aver selezionato l'opzione "Colore solido", seleziona un colore per la forma facendo clic su uno dei campioni di colore. I colori che hai usato di recente appariranno nella riga "Colori usati di recente"(Colori usati di recente) sopra i campioni principali:

Scegli un colore cliccando sul suo campione

Se il colore richiesto non è tra i campioni, fare clic sull'icona Color Picker nell'angolo in alto a destra della finestra di dialogo:

Fare clic sull'icona Selettore colore

Quindi selezionare il colore desiderato nel Color Picker. Fare clic su OK per chiudere la tavolozza quando si decide un colore:

Nel Selettore colore, seleziona un colore per riempire la forma

Di seguito è la stessa forma, solo che questa volta è piena di colore:

La nostra forma ora è piena di colore

Metodo di riempimento "Gradiente"

Per riempire la forma con un riempimento sfumato, seleziona l'opzione "Pendenza"(Pendenza). Quindi fare clic su una delle miniature per selezionare il campione del gradiente desiderato o crearne uno personalizzato utilizzando le opzioni sotto le miniature del gradiente. In un tutorial separato, vedremo come creare e modificare i gradienti:

Innanzitutto, seleziona il parametro "Gradiente", quindi - il campione di sfumatura desiderato

Di seguito è la stessa forma, solo che questa volta è riempita con un riempimento sfumato:

La nostra forma è ora riempita con uno dei campioni di sfumatura predefiniti.

Metodo di riempimento a motivo

Infine, scegliendo l'opzione "Modello"(Motivo), possiamo riempire la forma con un motivo. Fare clic su una delle miniature per determinare il modello finito. Inizialmente, non ci sono molti modelli nel programma, ma puoi anche scaricare modelli aggiuntivi scaricati da Internet o creati da te facendo clic sull'icona a forma di ingranaggio (sotto l'icona Color Picker) e selezionando "Scarica modelli"(Carica modelli) dal menu a comparsa:

Innanzitutto, seleziona il parametro "Pattern", quindi - il campione del modello desiderato

Ed ecco come apparirà la forma, riempita con uno dei motivi in ​​Photoshop. Per chiudere la finestra di dialogo "Riempire"(Riempi), premi il tasto Invio (Win) / A capo (Mac) o fai clic su uno spazio vuoto nel pannello delle preferenze. Se hai dei dubbi sulla scelta del colore, del gradiente o del motivo giusti per la tua forma, non preoccuparti, esploreremo in seguito come puoi cambiarli:

Una forma riempita con un motivo selezionato

Aggiungi un tratto a una forma

Per impostazione predefinita, Photoshop non aggiunge tratti ai bordi di una forma, ma aggiungerne uno è facile come riempirlo di colore. In effetti, le opzioni dei parametri "Ictus" ("Ictus")(colpo) e "Riempire"(Riempi) sono gli stessi in Photoshop CS6, quindi sai già come usarli!

Per aggiungere un tratto, fai clic sul campione di colore del tratto nella barra delle opzioni:

Fare clic sul campione di colore del tratto

Di conseguenza, si aprirà una finestra di dialogo con le stesse opzioni del riempimento, tranne per il fatto che ora stiamo scegliendo un colore per il tratto. Ci sono ancora quattro icone nella parte superiore della finestra "Nessun colore"(Nessun colore), "colore puro"(Tinta unita), "Pendenza"(Gradiente) e "Modello"(Modello). Per impostazione predefinita, è selezionata l'opzione Nessun colore. Io, a mia volta, selezionerò l'opzione Tinta unita e quindi imposterò il colore del tratto su nero scegliendolo dai campioni. Come nel caso del riempimento, se il colore che ti serve non è tra i campioni, clicca sull'icona Color Picker nell'angolo in alto per selezionare manualmente il colore desiderato:

Seleziona l'opzione "Colore solido" per il tratto, quindi seleziona il colore desiderato dai campioni di colore.

Modificare la larghezza di un tratto

Per modificare la larghezza (spessore) del tratto, utilizzare il parametro "Larghezza"(Larghezza) situato a destra del campione di colore del tratto nella barra delle opzioni. Per impostazione predefinita, il suo valore è 3 pt. Per modificare la larghezza, è possibile immettere un valore specifico direttamente nella finestra di inserimento dati (premendo Invio (Win) / A capo (Mac) dopo l'immissione per confermare i dati), oppure fare clic sulla piccola freccia a destra del valore e sposta il cursore:

Cambia la larghezza del tratto

Opzione Allinea bordi

Se guardi oltre il lato destro del pannello delle impostazioni, vedrai l'opzione Allinea bordi(Allinea bordi). Quando questa opzione è abilitata (selezionata), Photoshop allineerà i bordi della forma alla griglia di pixel, per cui rimarranno nitidi e nitidi:

Assicurati che l'opzione Allinea bordi sia attiva

Tuttavia, affinché l'opzione Allinea bordi funzioni, non è sufficiente selezionarla semplicemente. Vuoi anche che la larghezza del tratto sia in pixel (px), non in punti (pt). Poiché la larghezza del mio tratto è attualmente misurata in punti (l'unità predefinita), tornerò indietro e inserirò un nuovo valore di larghezza di 10 pixel (px):

Affinché l'opzione Allinea bordi funzioni, imposta la larghezza del tratto in pixel (px)

Di seguito ho applicato un tratto nero di 10 px alla forma:

Una forma semplice con un contorno nero intorno

Dopo aver aggiunto un tratto alla forma, se torno indietro e clicco sul campione del colore di riempimento nella barra delle opzioni, scelgo un metodo di riempimento "Nessun colore"(Nessun colore), avrò solo il contorno della forma con un tratto. La forma diventerà vuota all'interno. La forma può sembrare riempita di bianco, ma è solo perché il colore di sfondo del documento è bianco, che è ciò che effettivamente vediamo.

La stessa forma, con l'opzione di riempimento "Nessun colore"

Opzioni di corsa aggiuntive

Per impostazione predefinita, il programma disegna il tratto come una linea continua, ma possiamo modificarlo facendo clic sul pulsante Imposta il tipo di tratto della forma(Opzioni tratto) nel pannello delle impostazioni:

Fare clic sul pulsante "Imposta il tipo di tratto della forma"

Si aprirà una finestra di dialogo Opzioni tratto(Opzioni tratto), dove possiamo cambiare l'aspetto del tratto da una linea continua a una linea tratteggiata o punteggiata. Parametro Allineare(Allinea) ci permette di scegliere il tipo di allineamento per il tratto: all'interno del tracciato, all'esterno o al centro. Possiamo fare le estremità delle linee per il tratto (parametro "finisce"(Caps)) arrotondato, quadrato o ispessito e la giunzione delle linee nel tratto (parametro "Angoli"(Angoli): taglienti, arrotondati o smussati. Quando si preme il pulsante "Altri parametri"(Altre opzioni) situata nella parte inferiore della finestra di dialogo aprirà un'altra finestra in cui possiamo impostare valori specifici per i tratti e gli spazi della linea tratteggiata e persino salvare le impostazioni come preimpostazioni:

Opzioni tratto

Di seguito c'è una forma con lo stesso tratto, ma questa volta, invece di una linea continua, viene selezionata la linea tratteggiata:

L'aspetto del tratto è cambiato da una linea continua a una linea tratteggiata

Strumento rettangolo

Quindi, abbiamo già imparato come selezionare i vari strumenti del gruppo Forme sulla barra degli strumenti, come selezionare il colore di riempimento e del tratto e come modificare l'aspetto di un tratto. Ora impariamo come disegnare le forme vettoriali stesse! Inizieremo esaminando il primo strumento di gruppo di forme nell'elenco - "Rettangolo"(Strumento rettangolo). Lo seleziono dalla barra degli strumenti, come ho fatto prima:

Selezione dello strumento Rettangolo

Lo strumento Rettangolo ci consente di disegnare semplici forme quadrilatere. Per disegnare una forma, fare clic nella finestra del documento per definire il punto iniziale della forma. Quindi, tenendo premuto il pulsante del mouse, trascina il cursore del mouse in diagonale per finire di disegnare la forma. Mentre muovi il cursore, vedrai i contorni sottili (contorno) della forma futura:

Trascina il cursore per disegnare una forma rettangolare. Quando si sposta il cursore, viene visualizzato un sottile contorno della forma.

Quando rilasci il pulsante del mouse, il programma riempie la forma con il colore selezionato nel pannello delle preferenze:

Il programma riempirà la forma di colore non appena rilascerai il pulsante del mouse

Ridimensionamento di una forma dopo che è stata disegnata

Una volta disegnata la forma iniziale, le sue dimensioni correnti appariranno nella barra delle opzioni: larghezza(Larghezza (W)) e altezza(Altezza (H)). Nel mio caso, ho disegnato una forma di 533 pixel di larghezza per 292 pixel di altezza:

Le dimensioni iniziali della forma (larghezza e altezza) sono visibili nel pannello delle impostazioni

Se hai bisogno di ridimensionare una forma dopo averla disegnata (questo metodo funziona per tutti gli strumenti Forme), inserisci i nuovi valori nelle caselle Larghezza e Altezza appropriate. Ad esempio, diciamo che ho bisogno che la mia forma sia larga 500 px. Ha solo bisogno di cambiare il valore della larghezza di 500 pixel. Se necessario, potrei anche inserire un valore di altezza specifico. Se, quando si modifica l'altezza o la larghezza della forma, le proporzioni devono rimanere invariate, fare prima clic sull'icona della piccola catena tra i valori dell'altezza e della larghezza:

Successivamente, dopo aver attivato l'icona della catena, inserisci un nuovo valore per l'altezza o la larghezza. In questo caso Photoshop sostituirà automaticamente il valore corrispondente del secondo parametro. Nel mio caso, ho inserito manualmente un nuovo valore per la larghezza di 500 pixel e, poiché l'icona della catena è stata attivata, Photoshop ha anche modificato il valore dell'altezza a 273 pixel:

Ridimensionamento della forma

Ridimensionamento di una forma prima che venga disegnata

Se ti capita di conoscere l'altezza e la larghezza esatte della forma prima di disegnarla, c'è un trucco utile. Con lo strumento Forme selezionato, fai clic in un punto qualsiasi all'interno del documento. Di conseguenza, si aprirà immediatamente una finestra di dialogo in cui è possibile inserire i valori desiderati per l'altezza e la larghezza. Fare clic su OK per chiudere la finestra di dialogo e il programma disegnerà automaticamente la forma:

Fare clic in un punto qualsiasi all'interno del documento per inserire i valori per la larghezza e l'altezza e il programma disegnerà automaticamente la forma

Disegnare una forma dal centro

Esploriamo alcune scorciatoie da tastiera semplici ma utili. Se tieni premuto il tasto Alt (Windows) / Opzione (Mac) mentre muovi il cursore, disegnerai la forma dal centro, non dall'angolo. Questa tecnica funziona con tutti gli strumenti Forma, non solo con lo strumento Rettangolo. Tieni presente che devi prima iniziare a disegnare la forma e solo dopo premere il tasto Alt (Win) / Opzione (Mac). Devi anche rilasciare il primo pulsante del mouse e solo dopo premere il tasto Alt (Win) / Opzione (Mac), altrimenti la tecnica non funzionerà:

Tieni premuto Alt (Win) / Opzione (Mac) per disegnare una forma dal centro

Disegnare quadrati

Per disegnare un quadrato, posiziona il cursore nella finestra del documento e inizia a trascinarlo fuori, disegnando una forma rettangolare. Una volta che inizi a farlo, premi il tasto Cambio e continua a tenerlo premuto mentre muovi il cursore. Premendo il tasto Maiusc, la forma verrà convertita in un quadrato. Ancora una volta, ricorda di premere il tasto Maiusc dopo aver iniziato a spostare il cursore e rilasciarlo per ultimo, altrimenti il ​​quadrato non verrà disegnato. Puoi combinare due scorciatoie da tastiera tenendo premuti i tasti Maiusc + Alt(Vincita) /Maiusc + Opzione(Mac) quando si utilizza lo strumento "Rettangolo"(Strumento Rettangolo), a seguito del quale disegni un quadrato perfetto dal centro:

Tieni premuto il tasto Maiusc mentre muovi il cursore per disegnare un quadrato

Di nuovo, mentre dipingi, vedrai solo un sottile contorno del quadrato, ma quando rilasci il pulsante del mouse, Photoshop lo riempie con il colore selezionato:

Il programma aspetta sempre che tu rilasci il pulsante del mouse prima di riempire la forma con il colore

Opzioni dello strumento Forme

Se guardi il pannello delle impostazioni, quindi a sinistra del parametro Allinea bordi(Allinea bordi) vedrai un'icona a forma di ingranaggio. Facendo clic su di esso, si aprirà una finestra di dialogo con impostazioni aggiuntive per lo strumento del gruppo "Forme" attualmente selezionato:

Fare clic sull'icona dell'ingranaggio

Dato che ho selezionato lo strumento "Rettangolo"(Strumento Rettangolo), facendo clic sull'icona a forma di ingranaggio verranno visualizzate opzioni aggiuntive per lo strumento Rettangolo. Fatta eccezione per lavorare con gli strumenti Poligono e Linea, che esploreremo in seguito, non utilizzerai questo menu troppo spesso perché abbiamo già spiegato come accedere a queste opzioni dalla tastiera. Ad esempio, il parametro "Arbitrariamente"(Unconstrained) ci consente di disegnare forme di qualsiasi dimensione e rapporto di aspetto, ma poiché per impostazione predefinita tutti gli strumenti del gruppo di forme funzionano in questo modo, non è necessario selezionare specificamente questa opzione. Parametro "Piazza"(Quadrato) ci consente di disegnare quadrati con lo strumento Rettangolo, ma possiamo farlo semplicemente tenendo premuto il tasto Maiusc mentre muoviamo il cursore. Parametro "Dal centro"(Dal centro) è responsabile del disegno della forma dal centro, ma ancora una volta, possiamo farlo tenendo premuto Alt (Win) / Opzione (Mac).

Se scegli le opzioni "Dimensione obiettivo"(Dimensione fissa) o "Imposta le proporzioni"(Proporzionale) e inserisci i valori per la larghezza e l'altezza, quindi questi valori influenzeranno anche la forma successiva da disegnare, non solo quella che hai già disegnato. Pertanto, è necessario ricordarsi di tornare dopo aver disegnato la figura e riselezionare il parametro "Arbitrariamente"(Unconstrained), altrimenti ogni nuova figura disegnata avrà le stesse dimensioni o proporzioni:

Le opzioni che vedi dipendono dallo strumento selezionato nel gruppo Forme.

Modifica dei livelli di forma

In precedenza abbiamo appreso che per disegnare forme vettoriali in Photoshop, dobbiamo impostare la modalità di disegno - "Figura"(Forme) (al contrario di tracciati e forme pixel). Quando disegniamo una forma vettoriale, il programma la posiziona automaticamente su un livello speciale separato chiamato Livello forma(Strato di forma). Se osserviamo il pannello dei livelli, possiamo vedere che la forma che ho disegnato con lo strumento "Rettangolo"(Strumento Rettangolo), situato su un livello di forma separato "Rettangolo 1". Il nome del livello dipenderà dallo strumento utilizzato, quindi se disegno un ovale con lo strumento Ellisse, il livello forma si chiamerà Ellisse 1:

Ogni nuova forma vettoriale viene posizionata su un livello di forma separato

La differenza visiva tra un livello normale e un livello forma è che i livelli forma hanno una piccola icona di forma nell'angolo in basso a destra della miniatura del livello:

L'icona sulla miniatura del livello ci dice che si tratta di un livello forma.

La differenza principale tra un livello forma e un normale livello pixel è che i livelli forma rimangono completamente modificabili. Quando abbiamo imparato in precedenza come scegliere i colori di riempimento e traccia per una forma, ho detto che possiamo sempre tornare indietro e cambiare il colore anche dopo che la forma è stata disegnata. Tutto ciò che dobbiamo fare è assicurarci che il livello forma sia selezionato nel pannello Livelli e che lo strumento gruppo Forme sia attivato. Quindi fai semplicemente clic sul campione di colore ripieni(Riempi) o per campione di colore colpi(Tratto) nel pannello delle impostazioni per selezionare un colore diverso. Puoi anche modificare la larghezza del tratto secondo necessità e lavorare con altri parametri. Farò clic sul campione Colore riempimento:

Con il livello della forma selezionato, fai clic sul campione di colore di riempimento.

Clicca sul campione blu

Non appena clicco sul campione, il programma riempie immediatamente la forma con un nuovo colore:

Il colore della forma è stato cambiato senza dover ridisegnare la forma

E, se osserviamo nuovamente il pannello dei livelli, vedremo che anche la miniatura del livello forma ha cambiato colore:

Quando abbiamo apportato modifiche, anche la miniatura del livello forma ha cambiato aspetto.

Strumento rettangolo arrotondato

Diamo un'occhiata al secondo degli strumenti del gruppo Forme: Rettangolo arrotondato(Strumento rettangolo arrotondato). Lo seleziono dalla barra degli strumenti:

Seleziona lo strumento Rettangolo arrotondato

Lo strumento Rettangolo arrotondato è molto simile allo strumento Rettangolo tranne per il fatto che ci consente di disegnare rettangoli arrotondati. Regoliamo l'arrotondamento degli angoli usando il parametro "Raggio"(Raggio) nel pannello delle impostazioni. Più grande è il valore del raggio che inseriamo, più arrotondati diventano gli angoli. Il valore del raggio deve essere impostato prima di iniziare a disegnare la forma, nel mio caso inserirò il valore del parametro "Raggio", pari a 50 pixel:

Usa l'opzione Raggio per definire il grado di arrotondamento degli angoli

Dopo aver impostato il valore del raggio, disegnare un rettangolo arrotondato è simile a disegnare un rettangolo regolare. Innanzitutto, fai clic nella finestra del documento per definire il punto iniziale della forma, quindi tieni premuto il pulsante del mouse e trascina il cursore del mouse in diagonale per finire di disegnare la forma. Come con la forma Rettangolo, mentre muovi il cursore, il programma disegnerà un sottile contorno della forma:

Trascina verso l'esterno per disegnare un rettangolo arrotondato dopo aver immesso un valore del raggio nella barra delle opzioni

Quando rilasci il pulsante del mouse, Photoshop finisce di disegnare la forma e la riempie di colore:

Quando rilasci il pulsante del mouse, la forma si riempirà di colore.

Sotto c'è un altro rettangolo con un raggio di 150 pixel. Questo valore è così grande (per questa forma, comunque) che i lati sinistro e destro del rettangolo hanno la forma di una curva:

Maggiore è il valore del raggio, più arrotondati saranno gli angoli.

Ed ecco un rettangolo con un piccolo raggio di 10 pixel, che arrotonda solo leggermente gli angoli della forma:

Valore di raggio piccolo meno angoli arrotondati

Sfortunatamente, non esiste un'anteprima del grado di arrotondamento degli angoli in Photoshop CS6. Possiamo vedere come sono arrotondati gli angoli solo dopo aver disegnato un rettangolo. Inoltre, non possiamo modificare il valore del raggio mentre disegniamo la forma, eppure Photoshop non ci consente di tornare indietro e modificare il valore del raggio dopo aver disegnato la forma. Tutto quanto sopra significa che disegnare rettangoli arrotondati è essenzialmente un processo per tentativi ed errori.

Se non ti piace l'arrotondamento degli angoli del rettangolo, dopo averlo disegnato, vai alla sezione menu "La modifica"(Modifica) nella parte superiore dello schermo e seleziona Annulla: strumento rettangolo arrotondato(Annulla strumento rettangolo arrotondato) (o premi la scorciatoia da tastiera Ctrl + Z (Win) / Command + Z (Mac)), a seguito della quale la forma verrà rimossa dal documento. Quindi inserisci un nuovo valore per il raggio nella barra delle opzioni e ricomincia a disegnare il rettangolo.

Scegli Modifica> Annulla: strumento rettangolo arrotondato

Le stesse scorciatoie da tastiera che abbiamo visto quando abbiamo appreso dello strumento Rettangolo funzionano con lo strumento Rettangolo arrotondato. Per disegnare un quadrato con gli angoli arrotondati, inizia a disegnare una forma, quindi tieni premuto Cambio. Rilascia il tasto Maiusc dopo aver rilasciato il pulsante del mouse.

Per disegnare una forma dal centro anziché da un angolo, inizia a disegnare la forma, quindi tieni premuto Alt (Windows) / Opzione (Mac). E infine, sequenze di tasti condivise Cambio+ Alt (Vincita) / Cambio+ Opzione (Mac) farà disegnare un quadrato dal centro. I tasti devono essere rilasciati solo dopo aver rilasciato il pulsante del mouse.

Strumento ellisse

Attrezzo "Ellisse"(Strumento Ellisse) ci permette di disegnare ellissi e cerchi. Lo seleziono dalla barra degli strumenti:

Selezione dello strumento Ellisse

Proprio come con gli altri strumenti che abbiamo visto, fai clic nella finestra del documento per definire il punto iniziale della forma, quindi tieni premuto il pulsante del mouse e trascina il cursore del mouse in diagonale per finire di disegnare la forma:

Disegna un'ellisse con lo strumento Ellisse

Rilascia il pulsante del mouse per finire di disegnare la forma e riempila di colore:

La forma è piena di colore.

Per disegnare un cerchio perfettamente dritto utilizzando lo strumento Ellisse, inizia a trascinare e poi tieni premuto Cambio... Per disegnare un'ellisse dal centro, tieni premuto Alt (Vincita) / Opzione (Mac) dopo aver iniziato a disegnare. Tenendo premuti i tasti contemporaneamente Cambio+ Alt (Vincita) / Cambio+ Opzione(Mac) ti permetterà di disegnare un cerchio dal centro. E come sempre, rilascia i tasti solo dopo aver rilasciato il pulsante del mouse:

Cerchio disegnato con lo strumento Ellisse

Strumento poligono

Attrezzo "Poligono" Lo (Strumento Poligono) è più interessante per noi in termini di possibilità di disegnare forme. Lo seleziono dalla barra degli strumenti:

Selezione dello strumento Poligono

Mentre usando lo strumento Rettangolo possiamo disegnare solo rettangoli quadrilateri, lo strumento Poligono ci permette di disegnare poligoni con tutti i lati che vogliamo. Successivamente, vedremo come puoi persino disegnare stelle con questo strumento! Per disegnare una forma utilizzando lo strumento Poligono, inserisci prima il numero di lati che desideri nella casella dei parametri "parti"(Lati) nel pannello delle impostazioni. Puoi inserire qualsiasi numero compreso tra 3 e 100. Per impostazione predefinita, il numero di lati è 5 e lo lascerò così:

Immettere il numero di lati nella casella del parametro "Lati"

Una volta specificato il numero di lati, posiziona il cursore nella finestra del documento e inizia a trascinarlo per disegnare una forma poligonale. Photoshop disegna sempre forme poligonali dal centro, quindi non è necessario tenere premuto Alt (Win) / Opzione (Mac). Tenere premuto un tasto Cambio dopo aver iniziato a disegnare il poligono, ti consentirà di limitare il numero di angoli per la tua forma e posizionarlo sullo schermo esattamente come desideri:

Forma a 5 lati disegnata con lo strumento Poligono

Specificando il numero di lati da 3, possiamo facilmente disegnare un triangolo:

Triangolo semplice disegnato con lo strumento Poligono

Di seguito è riportato un poligono con lati 12. Proprio come con l'opzione Raggio per lo strumento Rettangolo arrotondato, non possiamo modificare il numero di lati dopo aver disegnato la forma, quindi se commetti un errore, devi andare alla sezione del menu "La modifica"(Modifica) nella parte superiore dello schermo e seleziona Annulla: strumento Poligono(Annulla strumento Poligono) (o premi Ctrl + Z (Windows) / Comando + Z (Mac)), quindi inserisci un valore diverso nella casella "Lati" e ridisegna la forma:

Poligono con dodici lati

Disegnare stelle con lo strumento Poligono

Per disegnare una stella utilizzando lo strumento Poligono, fai clic sull'icona a forma di ingranaggio nel pannello delle impostazioni, quindi seleziona l'opzione "Stella"(Stella):

Fare clic sull'icona a forma di ingranaggio e selezionare il parametro "Stella"

Quindi fare clic nella finestra del documento e trascinare il cursore per disegnare una stella. Parametro "parti"(Lati) nel pannello delle impostazioni determina il numero di vertici della stella, quindi se il valore predefinito del parametro è cinque, otteniamo una stella a cinque punte:

Stella a cinque punte disegnata con lo strumento Poligono

Modificando il parametro Lati in 8, otteniamo una stella a otto punte:

Definisci il numero di vertici della stella usando il parametro Lati

Possiamo disegnare una forma che assomigli a una stella che esplode aumentando la nitidezza dei raggi della stella usando il parametro "La profondità dei raggi"(Rientro a lato). Per impostazione predefinita, il valore di questo parametro è 50%, aumenterò il valore al 90%. Aumenterò anche il numero di vertici della stella a 16:

Disegna una forma che assomigli a una stella che esplode aumentando il valore Profondità raggi

Ed ecco la cifra che ho ottenuto:

Stella che esplode disegnata con lo strumento Poligono

Per impostazione predefinita, i vertici delle stelle hanno angoli acuti, ma possiamo arrotondarli selezionando l'opzione Angoli esterni lisci(Angoli lisci):

Selezione dell'opzione Smussa angoli esterni

Di seguito è riportata una stella a cinque punte con l'opzione Smussa angoli esterni selezionata:

Gli angoli esterni lisci ammorbidiscono l'angolosità delle stelle

Possiamo anche arrotondare gli angoli alla base dei raggi della stella selezionando l'opzione Angoli interni lisci(Rientri lisci):

Selezione dell'opzione Angoli interni arrotondati

Ancora una volta, la nostra stella sembra completamente diversa:

Una stella disegnata con angoli interni lisci selezionati

Strumento linea

L'ultimo degli strumenti principali nel gruppo Forme è lo strumento "Linea"(strumento linea). Lo seleziono dalla barra degli strumenti:

Selezione dello strumento Linea

Questo strumento ci consente di disegnare semplici linee rette, ma possiamo anche disegnare frecce con esso. Per disegnare una linea retta, innanzitutto, imposta la larghezza della linea inserendo un valore (in pixel) nella casella del parametro "Spessore"(Peso) nel pannello delle impostazioni. Per impostazione predefinita, lo spessore è 1 pixel, lo aumenterà a 16 pixel:

Il parametro "Thickness" è responsabile dello spessore (o larghezza) della linea

In secondo luogo, proprio come con gli altri strumenti del gruppo Forme, fare clic nella finestra del documento e trascinare il cursore per disegnare una linea. Per disegnare più facilmente una linea orizzontale o verticale, tieni premuto il tasto Cambio, dopo aver iniziato a disegnare la linea, rilascia il pulsante del mouse e per ultimo il tasto Maiusc:

Tieni premuto il tasto Maiusc per disegnare linee orizzontali o verticali

Disegna frecce di direzione

Per disegnare le frecce, fai clic sull'icona a forma di ingranaggio nel pannello delle impostazioni per aprire le opzioni "Frecce"(Frecce). Scegli dove vuoi aggiungere le frecce: all'inizio della linea, alla fine o ad entrambe le estremità contemporaneamente (se vuoi che la freccia punti nella stessa direzione in cui disegna la linea, seleziona l'opzione "Alla fine"(Fine)):

Fare clic sull'icona a forma di ingranaggio per accedere alle opzioni delle frecce.

Di seguito è riportata una riga simile alla precedente, tranne per il fatto che alla fine è presente un'icona a forma di freccia:

Frecce guida facili da disegnare con lo strumento Linea

Se la dimensione della freccia predefinita non ti soddisfa, puoi cambiarla usando le opzioni "Larghezza"(Larghezza) e "Lunghezza"(Lunghezza). Possiamo anche aggiungere una curva alla freccia usando il parametro "Curvatura"(Concavità). Per impostazione predefinita, il valore di questo parametro è 0%, ma lo aumenterà al 50%:

Modificare la forma della freccia aumentando il valore del parametro "Curvatura"

Ed ecco come appare ora la freccia. Assicurati di selezionare il valore per le opzioni dello strumento Linea prima di iniziare a disegnare la linea, poiché non puoi modificarle mentre stai disegnando. Se vuoi apportare modifiche, dovrai eliminare la forma e ridisegnarla:

Freccia con un valore di curvatura del 50%

Nascondi un contorno attorno a una forma

Ogni volta che disegnavamo una forma in questo tutorial, il programma ne mostrava il contorno sottile. Quando abbiamo rilasciato il pulsante del mouse, il programma ha finito di disegnare la forma e l'ha riempita di colore. Il problema è che se osservi attentamente la forma che hai disegnato, molto probabilmente vedrai un contorno sottile attorno ad essa che non è andato da nessuna parte. V&

La computer grafica è un concetto molto ampio. Qualcuno penserà ai capolavori tridimensionali degli studi Pixar e Dreamworks alla menzione di questo termine, altri penseranno alla fotografia digitale, e altri ancora penseranno che stiamo parlando del design dei giochi per computer. Ma saranno sicuramente molti quelli che assoceranno questa frase alla grafica vettoriale. Nonostante la straordinaria popolarità della grafica vettoriale, molti utenti non hanno familiarità con le peculiarità della grafica vettoriale. Cosa c'è dietro le parole "grafica vettoriale" e perché è così richiesta?

Una bitmap comune è una matrice di punti. Questo array può essere reso con la massima precisione o approssimativo. Nel primo caso, le informazioni bitmap vengono trasferite senza perdita, ma occupano molta memoria. Nel secondo caso, l'immagine grafica può essere trasmessa con precisione condizionale. Ciò suggerisce un'analogia diretta con il suono, che viene compresso "senza perdita percettibile" in formato MP3. Per la grafica, un formato simile è JPG. Con un rapporto di compressione moderato e non molto alto, l'array originale di punti è abbastanza indovinato. Gli algoritmi per il rendering della grafica raster possono differire, ma la loro essenza è la stessa: l'immagine è rigidamente legata alla matrice di pixel.

Per il rendering di un'immagine vettoriale viene utilizzato un approccio completamente diverso. Ogni disegno vettoriale viene creato utilizzando forme geometriche e curve. L'uso della matematica nella descrizione di un'immagine offre un enorme vantaggio: quando si ridimensionano gli elementi vettoriali, l'immagine originale non perde qualità. L'immagine bitmap si comporta in modo diverso durante il ridimensionamento: le linee degli oggetti nell'immagine quando vengono ingrandite diventano ricoperte da un evidente "pettine". Questi artefatti sono inizialmente presenti nell'immagine, poiché una bitmap a priori non può contenere elementi continui: linee, forme geometriche e così via. Tutto questo nel raster si presenta come una matrice di pixel, tanto più evidente quanto più si ingrandisce l'immagine raster.

Anche i formati vettoriali non sono privi di inconvenienti. La necessità di utilizzare elementi semplici per costruire un quadro diventa spesso un serio ostacolo all'interpretazione di un quadro complesso. Ad esempio, è estremamente difficile convertire una normale fotografia di paesaggio in un formato vettoriale, poiché su di essa sono presenti molti oggetti e la loro geometria è molto complessa.

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

I designer professionisti utilizzano strumenti collaudati negli anni per creare grafica vettoriale, come Adobe Illustrator e CorelDraw. Ma per l'hobbista che ha bisogno di creare rapidamente un logo per una stampa su una maglietta o un'illustrazione tecnica, non è necessario 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 una vettoriale, fare uno schizzo di un disegno semplice, generare un motivo arabescato e così via.

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

L'editor vettoriale online più famoso, semplice e conveniente è Disegni nel servizio Google Drive. Questa applicazione web fa parte dell'ufficio online di Google ed è più focalizzata sulla collaborazione e sull'aggiunta di elementi grafici ad altri tipi di documenti dell'ufficio rispetto alla creazione di grafica vettoriale. Tuttavia, ci sono ancora alcuni strumenti di base per lavorarci.

Utilizzando l'applicazione Web Immagini, è possibile creare varie forme, frecce, linee guida, formule grafiche, aggiungere linee rette, curve, polilinee, frecce e scarabocchi. È anche disponibile per aggiungere elementi di testo, importare immagini raster. Le immagini vettoriali possono essere importate, ma non modificate (è disponibile solo l'anteprima).

⇡ 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 hanno strumenti per farlo, 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 comoda da usare. Può essere utilizzato per convertire file PNG, BMP, JPEG e GIF in formato vettoriale e salvarli 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 verranno lasciati sulla bitmap prima della vettorizzazione, nonché eliminare il rumore, indicare in quali casi le linee verranno prese come curve. Il processo stesso è molto veloce, quindi se la qualità dell'immagine 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 costruita in HTML5, ma può funzionare anche senza browser. Appartiene a una nuova generazione di applicazioni, presentata all'inizio di settembre di quest'anno. È possibile avviare tali applicazioni direttamente dal desktop: non sono necessari un browser aperto e l'accesso a Internet per utilizzarle.

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 per disegnare forme a mano libera, un rettangolo, un'ellisse. Per ogni elemento, puoi scegliere un colore, uno spessore e un tipo di tratto, oltre a un colore di riempimento, renderlo parzialmente trasparente, aggiungere uno dei tanti effetti (distorsione, ombre, trame, pseudo-3D, ecc.). Ci sono anche strumenti per la gestione degli elementi nel progetto: possono essere spostati in primo piano o riportati indietro. Per un posizionamento più accurato 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, è sufficiente selezionare il plug-in nel menu con lo stesso nome. Lavorare con i livelli include la possibilità di combinare i livelli selezionati, nasconderne alcuni, trasferire gli elementi selezionati su un livello separato.

Vector Paint fornisce altri componenti aggiuntivi che possono essere facilmente aggiunti all'applicazione. Si tratta di possibilità avanzate per lavorare con il testo (caratteri aggiuntivi, impostazione della spaziatura, singoli elementi delle iscrizioni), aggiungere marcatori, utilizzare immagini per creare motivi ripetuti sui moduli. Ulteriori opzioni di tratto e riempimento sono incluse anche dal menu Plugin.

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

⇡ Modifica SVG - editor vettoriale online

SVG-Edit è un editor vettoriale basato su JavaScript che può essere eseguito in qualsiasi browser. Può essere utilizzato come servizio online (in questo caso, l'indirizzo demo viene utilizzato per l'accesso), così come come applicazione web (in questo caso, è necessario scaricare l'archivio con i file SVG-Edit, scompattarlo 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, sia aprire tali file e apportare modifiche. Inoltre, il file SVG può essere importato nel progetto come elemento separato.

Per creare elementi di grafica vettoriale in SVG-Edit, puoi utilizzare linee spezzate, rettangoli, quadrati, ellissi, cerchi, poligoni, contorni, testo. È possibile riempire gli elementi con il colore, nonché utilizzare i gradienti, inclusi quelli radiali. Supporta il lavoro con i livelli, la visualizzazione di una griglia e la visualizzazione di elementi in un wireframe. Ci sono strumenti per cambiare la disposizione degli elementi (sopra, sotto), per clonare rapidamente forme vettoriali selezionate, per raggrupparle. Molti comandi sono disponibili dal menu contestuale (come negli editor desktop convenzionali). 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 dispone di una vasta libreria di forme già pronte (la stessa utilizzata in Vector Paint), ma fornisce anche l'accesso a una vasta libreria gratuita di elementi di grafica vettoriale della IAN Image Library. Per lavorare con esso è necessaria la registrazione, ma poi è possibile visualizzare raccolte di campioni di grafica vettoriale direttamente dall'editor e aggiungerli immediatamente al progetto attuale o nuovo.

⇡ Chittram - semplice editor online

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

Le capacità di Chittram sono più modeste di SVG-Edit, ma questo editor sembrerà sicuramente più amichevole per gli utenti inesperti. L'applicazione ha la capacità di utilizzare un'immagine raster come sfondo, ma non è possibile selezionare un'immagine dal disco rigido: è sufficiente specificare un collegamento al file. Non è nemmeno prevista l'importazione di immagini vettoriali locali, ma è possibile aggiungere al progetto file dalla galleria degli utenti del servizio Web e modificarli. Il sito ha implementato una ricerca nella galleria per parole chiave, oltre che per tag.

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

Se il progetto utilizza più moduli, è conveniente visualizzare un pannello che contenga un elenco di tutti gli elementi. Serve per rinominare e selezionare velocemente gli oggetti. Lo stesso pannello viene utilizzato per lavorare con i livelli.

⇡ Inkscape è un'alternativa completa ai pacchetti commerciali

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

L'editor dispone anche di strumenti standard per qualsiasi editor vettoriale per la creazione di elementi grafici: forme, curve, testo, riempimento, supporto completo per i livelli. Inkscape ti consente di eseguire varie azioni con i tracciati, creare tratti e applicare operazioni booleane (combina, interseca, escludi l'uno dall'altro e così via). L'utente dispone di un'ampia libreria di filtri e di un editor speciale con cui è possibile creare i propri effetti. Il programma implementa il supporto per tavolette grafiche, in modo da poter disegnare manualmente al suo interno, controllando l'inclinazione e la pressione della penna.

Vale la pena prestare attenzione agli strumenti integrati per la vettorializzazione delle immagini raster. Per garantire che gli oggetti importanti in primo piano vengano presi in considerazione durante il tracciamento delle foto, viene utilizzato l'algoritmo SIOX (Simple Interactive Object Extraction) per identificare automaticamente tali oggetti.

⇡ ZebraTRACE - creazione arabescata gratuita

Eventuali banconote, nonché documenti di importanza statale (diplomi, certificati, certificati e così via) sono facilmente riconoscibili a colpo d'occhio. I sottili motivi ripetuti che attraversano il disegno principale conferiscono questa "riconoscibilità" al design del documento. Tali linee sono chiamate guilloché.

Le rabescature possono essere disegnate a mano in un editor vettoriale, tuttavia, senza aggiunte e abilità speciali nella creazione di tali modelli, questo processo può essere ritardato. L'utility gratuita ZebraTRACE ti aiuta in queste attività.

Questo programma traccia le immagini e le allinea con il motivo arabescato. ZebraTRACE utilizza la generazione arabescata parametrica. Ogni tipo di pattern che è possibile creare con l'applicazione è determinato da una formula matematica. Quindi, se c'è desiderio e tempo libero per gli esperimenti, l'utente può ottenere disegni unici.

È molto facile creare nuovi guilloches. Prova a fare piccole modifiche alla formula di generazione del modello, ad esempio cambiando il coefficiente da 2 a 3, e il modello cambierà. Per chi non vuole essere creativo con ZebraTRACE, il programma include una dozzina di 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 lo sono. La buona notizia è che con lo sviluppo dello standard HTML5 e di altre tecnologie web, è diventato possibile utilizzare il browser come editor di grafica vettoriale - in precedenza si poteva solo sognare una cosa del genere. Per progetti semplici, tali strumenti fanno risparmiare molto tempo e, se usi Inkscape, puoi generalmente rifiutarti di acquistare un editor vettoriale per esigenze di progettazione.

I disegni vettoriali sono sempre più utilizzati in vari strumenti di stampa per creare bellissimi disegni da legno, plastica, metallo, carta e altri materiali. Oggi scopriremo come realizzare un disegno vettoriale con le tue mani utilizzando il programma Photoshop. Passando un po' di tempo, otterremo un disegno vettoriale di alta qualità e potremo usarlo in futuro senza problemi.

Come tradurre un disegno in un vettore?

Prima di tutto, va notato che solo i disegni mostrati 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 tradurre in un disegno vettoriale e copialo su un nuovo livello chiamato "forma". Quindi crea un altro livello e riempilo completamente con il colore bianco, questo livello può essere chiamato "sfondo". Ora sposta il livello "sfondo" sotto il livello "forma" e uniscili. L'immagine risultante si chiama "Base". Duplica il livello "Base" due volte e chiamali "Base_1" e "Base_2". Disattiva la loro visibilità.

2. Iniziamo le nostre operazioni per tradurre l'immagine in formato vettoriale. Prima di tutto, applica la correzione "Isogelia" al livello "Base" per ottenere il disegno in formato bianco e nero. Non sempre la prima correzione otteniamo l'immagine che vogliamo, quindi possiamo fare diverse copie dei livelli e apportare modifiche con valori diversi finché non otteniamo 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 modo per abilitare il filtro: "Filtro - Stilizzazione - Diffusione" (Filtro-Stilizzazione-Diffondere). Nella finestra che si apre, seleziona "Anisotropico".

4. Il prossimo passo è smussare i bordi in modo che diventino più chiari, per questo premere "Immagine - Correzione - Livelli" (Image-Adjustment-Levels). Nella finestra aperta, sposta il cursore sinistro e destro più vicino al centro. Per vedere il risultato della correzione, è meglio ingrandire l'immagine fino al 300% prima di aprire i livelli.

5. Ripetiamo i punti 3 e 4 nello stesso ordine.

6. Disattiva la visibilità del nostro livello principale e attiva il livello "Base_1". Eseguiamo l'azione "Immagine - Correzione - Isogelia" (Immagine-Regolazione-Soglia). Impostare il parametro su 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".

Ecco cosa otteniamo:

9. L'immagine si è rivelata un po' spaventosa, ma la sistemeremo ora. Rendi attivo il livello "Base" e aggiungi una maschera di livello. Successivamente, con l'aiuto di una gomma, possiamo rimuovere le aree in eccesso sul viso e sul corpo della ragazza.

10. Quindi abbiamo ottenuto il disegno, ora dobbiamo tradurlo in un vettore. Usa la "Bacchetta magica", seleziona l'intera area nera dell'immagine e, sull'immagine, premi il tasto destro del mouse, nel menu che si apre, seleziona "Genera percorso di lavoro". Imposta il valore su 1.0.

Risultato finale

Come sai, le illustrazioni vettoriali sono attualmente molto popolari nella grafica web. I designer professionisti possono creare tali illustrazioni in poche ore. Che tu sia un principiante o un hobbista, le lezioni di grafica web ti saranno sicuramente estremamente utili. Lo scopo di questa lezione è far luce sul processo di creazione dell'immagine selezionata. Dimostrerò l'intero processo passo dopo passo e spiegherò tutti i passaggi utilizzando i miei commenti.

Per creare un'immagine davvero interessante, devi scegliere il programma che desideri e seguire determinate regole. Se vuoi disegnare un'illustrazione vettoriale, tieni presente che tali editor vengono utilizzati per questo, come ad esempio Adobe Illustrator o Corel Draw... Tuttavia, Photoshop dispone di fondi sufficienti per sviluppare illustrazioni vettoriali. Lo mostrerò chiaramente nella mia lezione su come tradurre un disegno in un vettore. Ho scelto uno schizzo di un gatto come base per l'illustrazione. Ho deciso di ritrarre un gatto blu con fiori rosa tra le zampe.

Passo 1

Iniziamo creando lo sfondo. Disegna la forma usando il Strumento di selezione () (nel Strati di forma(Forma livello)). Impostazioni - (Opacità riempimento) = 0% ... Ora usa una sovrapposizione sfumatura: ((Stile livello - Sovrapposizione sfumatura)) per riempire la forma creata. Tutte le impostazioni sono predefinite, devi solo modificare l'angolo (specificherò il grado) e il gradiente. Aggiungere Colpo(Tratto) ((Stile livello - Tratto)). Usiamo tutte le impostazioni predefinite, ad eccezione della larghezza in 1 px e colori.