Creare e lavorare con la grafica vettoriale in Adobe Photoshop

Creare e lavorare con la grafica vettoriale in Adobe Photoshop

Adobe Illustrator è l'applicazione standard del settore per la progettazione grafica. È lo strumento migliore per lavorare con file basati su vettori.





Purtroppo non tutti hanno Illustrator, ma molte persone hanno Photoshop. E Photoshop ha il supporto di base per le immagini vettoriali. In questa guida, daremo un'occhiata a come realizzare grafica vettoriale in Photoshop come sostituzione di Illustrator.





Che cos'è un'immagine vettoriale?

Photoshop è progettato principalmente per immagini raster. Queste sono immagini poligonali disegnate pixel per pixel. Supportano enormi quantità di dettagli e vengono utilizzati per le foto. Le dimensioni dei file possono essere grandi, tuttavia, e non è possibile ingrandirle senza una perdita di qualità.





Immagini vettoriali sono linee e curve generate da formule matematiche. Ciò significa che puoi ridimensionarli all'infinito e le dimensioni dei file sono spesso molto piccole. I vettori sono ottimi per il lavoro di progettazione grafica, inclusa la progettazione di loghi e icone. puoi anche converti le immagini in grafica vettoriale in Adobe Illustrator .

Un pezzo di arte vettoriale è costituito da più oggetti. Ogni oggetto è una linea o una forma il cui bordo è definito da un tracciato. In Photoshop, il percorso viene mostrato come una sottile linea blu (sebbene sia tecnicamente invisibile).



Puoi applicare due tipi di colore a ciascun oggetto:

  • A Ictus è una linea che segue il percorso.
  • A Riempire aggiunge un colore o un motivo a tinta unita allo spazio circondato dal tracciato.

Imposti entrambi nella barra delle opzioni nella parte superiore dello schermo. Puoi anche impostare su Nessun colore se vuoi che rimangano vuoti. Per il tratto, puoi anche impostare lo spessore in pixel e lo stile. Una linea continua è l'impostazione predefinita.





In Photoshop, disegna immagini vettoriali con forme, linee e testo.

Disegna forme e linee vettoriali

Photoshop è dotato di strumenti per disegnare diverse forme comuni. Per impostazione predefinita, il Strumento rettangolo è evidenziato. Fare clic e tenere premuta l'icona per visualizzare il set completo di strumenti:





  • Strumento rettangolo
  • Strumento rettangolo arrotondato
  • Strumento Ellisse
  • Strumento Poligono
  • Strumento linea
  • Strumento forma personalizzata

Puoi sempre selezionare lo strumento evidenziato premendo tu sulla tua tastiera. In alternativa, premere Maiusc + U per scorrere gli strumenti fino a trovare quello desiderato.

Per lavorare più velocemente, è una buona idea saperne di più Scorciatoie da tastiera di Photoshop .

Disegna forme vettoriali di base

Seleziona lo strumento per la forma che vuoi disegnare, quindi aggiungi il tuo Riempire e Ictus colori.

Ora fai clic e trascina nella tela. La forma viene disegnata dall'angolo nella direzione in cui stai trascinando. Per creare una forma simmetrica, come un cerchio o un quadrato, tieni premuto il tasto Spostare chiave.

Per disegnare un triangolo, seleziona il Strumento Poligono . Fare clic una volta sulla tela per aprire il Crea poligono casella delle impostazioni. Set Numero di lati a 3 .

Modifica e modifica forme vettoriali

Non sei limitato alle forme di base quando crei grafica vettoriale in Photoshop. Possono essere modificati molto rapidamente.

come bloccare un'app su iphone

Innanzitutto, seleziona la forma. Questo evidenzierà la forma e mostrerà i punti di ancoraggio lungo il suo percorso. Questi sono punti in cui la forma ha angoli o curve.

Scegli il Strumento di selezione diretta dalla barra degli strumenti (fare clic e tenere premuto il pulsante Strumento di selezione del percorso icona per trovarlo, o premere MAIUSC + LA ). Ora fai clic su uno dei punti di ancoraggio e trascinalo in qualsiasi direzione per deformare la forma.

Per modifiche più avanzate, sposta due o più punti di ancoraggio contemporaneamente.

Fare clic su uno per evidenziarlo, quindi Maiusc + clic un altro. Ora usa il tasti cursore sulla tastiera per spostare entrambi i punti contemporaneamente.

Unisci e combina forme vettoriali

Per forme ancora più complesse, puoi usare Operazioni sul percorso . Ciò consente di combinare più forme in singole nuove.

Inizia disegnando una forma sulla tela. Quindi, fai clic su Operazioni sul percorso pulsante nella barra delle opzioni nella parte superiore dello schermo. Normalmente, ogni nuovo tracciato o forma va sul proprio livello. Modificalo facendo clic su Combina forme .

Ora disegna un'altra forma. Questo andrà sullo stesso livello della tua prima forma.

Quando è necessario spostare gli oggetti singolarmente, utilizzare il Strumento di selezione del percorso .

Trascina la seconda forma in modo che si sovrapponga alla prima. I due si fondono in un'unica forma, anche se rimangono come oggetti separati. Clic Unisci componenti forma in Operazioni sul percorso combinarli in un unico oggetto.

come accedere a internet senza ISP

Utilizzare il Strumento di selezione del percorso per selezionare la seconda forma che hai disegnato. Ora in Operazioni sul percorso scegliere Sottrai forma frontale . La forma viene eliminata, insieme all'area in cui si sovrappone alla prima forma.

Evidenzia entrambe le forme. In Operazioni sul percorso Selezionare Interseca le aree di forma . Questo rimuove entrambe le forme, a parte le aree in cui si sovrappongono. Usiamo questa opzione per creare un semicerchio.

Infine, evidenzia entrambe le forme e seleziona Escludi forme sovrapposte . Questo rimuove l'area in cui le due forme si sovrappongono e lascia intatto tutto il resto.

Questi strumenti sono un modo efficace per costruire nuove forme o per dividere o tagliare pezzi da quelle esistenti. Funzionano con il Strumento Penna e Testo anche.

Disegna linee vettoriali

Ci sono altri due strumenti relativi alla forma da conoscere. Il primo è il Strumento linea .

Seleziona lo strumento e imposta il Altezza nella barra delle opzioni. Questo imposta lo spessore della linea. Quindi fai clic e trascina nel documento per disegnarlo. Tieni premuto il Spostare per agganciare la linea a zero o 90 gradi.

Questo strumento ha alcune funzioni nascoste, ma per la maggior parte lo utilizzerai per disegnare una linea retta.

Disegna forme vettoriali personalizzate

Infine, il Strumento forma personalizzata . Imposta i colori di riempimento e traccia, quindi fai clic su Forma opzione nella barra delle opzioni. Qui puoi scegliere una delle innumerevoli forme personalizzate preimpostate fornite da Photoshop.

Per aggiungere più forme oltre la selezione iniziale, fai clic su Impostazioni ingranaggio e scegli una categoria da aggiungere. Ci sono forme per tutti gli usi: icone, fumetti, frecce, trame e altro. Puoi anche caricare forme di terze parti.

Fare clic e trascinare per aggiungere la forma all'immagine. Puoi anche fare clic sulla tela per specificare una larghezza e un'altezza esatte.

Disegnare vettori con lo strumento Penna

Se hai esperienza con Illustrator, saprai che usi lo strumento Pennello per disegnare a mano libera. Photoshop ha uno strumento Pennello che fa un lavoro simile. Ma in Photoshop lo strumento non è basato su vettori, quindi non dovresti usarlo per disegnare. Dovresti usare il Strumento Penna Invece.

Lo strumento Penna è una delle funzionalità più potenti di Photoshop. Lo utilizzerai molto durante il fotoritocco in Photoshop, poiché ti consente di creare selezioni molto precise. È anche ottimo per il disegno e la grafica vettoriale.

Inizia con lo strumento Penna

Lo strumento Penna funziona disegnando un percorso tra i punti di ancoraggio che crei quando fai clic sulla tela. Aggiungi un tratto al percorso e puoi disegnare un contorno; aggiungi un riempimento e puoi disegnare un oggetto solido.

Ecco un rapido primer per iniziare:

annunci che compaiono sulla schermata iniziale di Android
  1. Seleziona il Strumento penna (P) . Fare clic sulla tela dell'immagine per rilasciare un punto di ancoraggio.
  2. Sposta il cursore di qualche centimetro e fai di nuovo clic per rilasciare un altro punto di ancoraggio. Verrà creato un percorso per collegare i due. Imposta il tratto su 5 px, nero, per aiutarti a vederlo meglio.
  3. Fare clic ancora un paio di volte per sviluppare il percorso. Fare clic e trascinare per creare un percorso curvo. Questo aggiungerà anche i manubri al punto di ancoraggio. Trascinali per controllare l'angolo e la profondità della curva.
  4. Clic accedere per creare un tracciato aperto (una linea) o fare clic sul primo punto di ancoraggio per creare un tracciato chiuso (una forma).

Ciò che rende lo strumento Penna così utile è che puoi tornare indietro e modificare la tua forma in qualsiasi momento:

  • Ottenere l Strumento selezione diretta (A) . Seleziona un punto di ancoraggio sul percorso e trascinalo in una nuova posizione. Usa questo strumento con i manubri di un punto di ancoraggio per modificare anche una curva.
  • Seleziona il Strumento Aggiungi punto di ancoraggio facendo clic e tenendo premuto lo strumento Penna. Fare clic in un punto qualsiasi del percorso per aggiungere manualmente un nuovo punto di ancoraggio, quindi trascinarlo in posizione. Questo ti permette di mettere a punto la tua forma.

Tre strumenti penna

Photoshop offre tre diverse penne per disegnare:

  • Il Strumento Penna è l'opzione predefinita e più flessibile. Per i principianti, consigliamo di utilizzarlo principalmente per disegnare linee rette. Man mano che diventi più avanzato, potresti trovarti a usarlo per tutto.
  • Il Strumento penna a mano libera ti consente di disegnare a mano libera, in modo simile allo strumento Pennello. Crea comunque un percorso che puoi modificare e modificare in seguito. I punti di ancoraggio vengono generati automaticamente durante il disegno. Questo è un ottimo strumento se usi un tavoletta grafica .
  • Il Strumento penna curvatura rende facile disegnare curve senza bisogno di giocare con il manubrio come fai con lo strumento Penna principale.

Traccia un'immagine come vettore in Photoshop

Una volta che hai imparato a usare i diversi strumenti penna, puoi usarli per tracciare le immagini. È così che trasformi uno schizzo che hai scansionato o un oggetto in una foto in un'immagine vettoriale.

Apri l'immagine in Photoshop e ingrandisci. Ora seleziona il pulsante Strumento Penna e posiziona il tuo primo punto di ancoraggio sul bordo dell'oggetto che vuoi tracciare. Il tuo nuovo disegno andrà automaticamente sul proprio livello. Continua a fare clic attorno ai bordi per creare il tuo percorso.

Se l'oggetto che stai tracciando è su uno sfondo semplice, prova il Strumento penna a mano libera con il Magnetico opzione attivata nella barra delle opzioni. Questo aggancia il tuo percorso al bordo dell'oggetto.

Lavora con testo vettoriale in Photoshop

L'uso del testo in Photoshop è abbastanza autoesplicativo. Seleziona il Strumento testo orizzontale (T) , fai clic sulla tela dell'immagine per creare una casella di testo, quindi digita. Puoi regolare il carattere, le dimensioni, il peso e tutto il resto, proprio come faresti in qualsiasi altra app.

Per il testo normale, imposta un colore di riempimento ma nessun tratto. Applicare un tratto solo per testo fortemente stilizzato.

Quando hai finito, puoi convertire il testo in un oggetto vettoriale. Seleziona il testo e vai a Digita > Converti in forma . Ciò ti consente di accedere ai punti di ancoraggio su ciascun personaggio, in modo da poterli modificare individualmente. È utile per cambiare il colore di una singola lettera o per modificare l'aspetto del carattere.

Una volta convertito, il testo non è più modificabile. È una buona idea duplicare e quindi nascondere il livello di testo originale, nel caso in cui sia necessario un backup.

Gestire oggetti vettoriali

Per creare la tua opera d'arte, hai bisogno che tutti questi oggetti siano nella giusta posizione e della giusta dimensione. Ecco come farlo:

  • Sposta oggetti selezionandoli con il Strumento di selezione del percorso (A) e trascinandoli in posizione.
  • Ridimensiona oggetti selezionandoli con il Strumento di selezione del percorso poi colpire Ctrl + T su Windows o Cmd + T su Mac. Questo mostra una casella intorno all'oggetto. Afferra un manubrio lungo il bordo e trascina dentro o fuori per ridimensionare. Tenere il Spostare chiave per mantenere le proporzioni originali.
  • Ruota un oggetto tenendo il mouse appena fuori da uno dei manubri finché il cursore non si trasforma in un'icona di rotazione. Ora fai clic e trascina.
  • Riordina oggetti facendo clic su un livello e trascinandolo sopra o sotto un altro livello.
  • Allinea gli oggetti selezionandoli tutti con il Strumento Sposta (V) (o tenendo Spostare e facendo clic su più livelli), quindi utilizzando i controlli di allineamento nella barra delle opzioni.

Grafica vettoriale in Photoshop: metti tutto insieme

Ora che sai come utilizzare tutti gli strumenti, puoi metterli insieme per creare i tuoi pezzi di arte vettoriale:

Sebbene Photoshop non sia una vera alternativa a Illustrator per la progettazione grafica professionale, è sorprendentemente potente. Per cose semplici come loghi, icone e piccole immagini che desideri utilizzare in altri documenti, è più che sufficiente.

Condividere Condividere Tweet E-mail Adobe Illustrator e Photoshop: qual è la differenza?

Chiariamo ogni confusione sulle differenze tra queste due suite di modifica delle immagini.

Leggi Avanti
Argomenti correlati
  • Creativo
  • Adobe Photoshop
  • Grafica vettoriale
  • Adobe Creative Cloud
  • Tutorial Photoshop
Circa l'autore Andy Betts(221 articoli pubblicati)

Andy è un ex giornalista cartaceo ed editore di riviste che scrive di tecnologia da 15 anni. In quel periodo ha contribuito a innumerevoli pubblicazioni e prodotto lavori di copywriting per grandi aziende tecnologiche. Ha anche fornito commenti di esperti per i media e ha ospitato panel in occasione di eventi del settore.

Altro da Andy Betts

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti