Creazione e utilizzo di grafica vettoriale in Adobe Photoshop

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

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 creare arte vettoriale in Photoshop come sostituto di Illustrator.

Cos'è un'immagine vettoriale?

Photoshop è progettato principalmente per le 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 puoi ingrandirle senza una perdita di qualità.

Le 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 persino convertire 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 percorso. In Photoshop, il percorso viene mostrato come una sottile linea blu (sebbene sia tecnicamente invisibile).

Puoi applicare due tipi di colore a ciascun oggetto:

• Un tratto è una linea che segue il percorso.
• Un riempimento aggiunge un colore o un motivo a tinta unita allo spazio circondato dal tracciato.

Puoi impostare 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 disegni immagini vettoriali con forme, linee e testo.

Disegna forme e linee vettoriali

Photoshop viene fornito con strumenti per disegnare diverse forme comuni. Per impostazione predefinita, lo strumento Rettangolo è evidenziato. Fare clic e tenere premuta l'icona per rivelare 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 U sulla tastiera. In alternativa, premi Maiusc + U per scorrere gli strumenti finché non trovi quello che desideri.

Per lavorare più velocemente, è una buona idea imparare più scorciatoie da tastiera di Photoshop .

Disegna forme vettoriali di base

Seleziona lo strumento per la forma che desideri disegnare, quindi aggiungi i colori di riempimento e tratto .

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

Per disegnare un triangolo, seleziona lo strumento Poligono . Fare clic una volta sulla tela per aprire la casella delle impostazioni Crea poligono . Impostare il numero di lati su 3 .

Modifica e modifica forme vettoriali

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

Per prima cosa, 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 lo strumento di selezione diretta dalla barra degli strumenti (fai clic e tieni premuta l' icona dello strumento di selezione del tracciato per trovarlo o premi Maiusc + A ). 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 su un altro. Ora usa i tasti cursore sulla tastiera per spostare entrambi i punti contemporaneamente.

Unisci e combina forme vettoriali

Per forme ancora più complesse, puoi usare Path Operations . Ciò consente di combinare più forme in singole nuove.

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

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

Quando è necessario spostare gli oggetti individualmente, utilizzare lo strumento di selezione del percorso .

Trascina la seconda forma in modo che si sovrapponga alla prima. I due si fondono in un'unica forma, sebbene rimangano come oggetti separati. Fare clic su Unisci componenti forma in Operazioni su tracciato per combinarli in un unico oggetto.

Usa lo strumento di selezione del tracciato per selezionare la seconda forma che hai disegnato. Ora, in Operazioni su tracciato, scegli Sottrai forma frontale . La forma viene eliminata, insieme all'area in cui si sovrappone alla prima forma.

Evidenzia entrambe le forme. In Operazioni su tracciato selezionare Interseca aree 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 . Ciò rimuove l'area in cui le due forme si sovrappongono e lascia tutto il resto intatto.

Questi strumenti sono un modo efficace per costruire nuove forme o per dividere o tagliare pezzi da quelli esistenti. Funzionano anche con lo strumento Penna e il testo .

Disegna linee vettoriali

Ci sono altri due strumenti relativi alla forma da conoscere. Il primo è lo strumento Linea .

Seleziona lo strumento e imposta l' Altezza nella barra delle opzioni. Questo imposta lo spessore della linea. Quindi fare clic e trascinare nel documento per disegnarlo. Tenere premuto il tasto Maiusc per agganciare la linea a zero o 90 gradi.

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

Disegna forme vettoriali personalizzate

Infine, lo strumento Forma personalizzata . Imposta i colori di riempimento e tratto, quindi fai clic sull'opzione Forma 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 sull'ingranaggio Impostazioni e scegli una categoria da aggiungere. Sono disponibili forme per tutti gli usi: icone, fumetti, frecce, trame e altro ancora. 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 utilizzi lo strumento Pennello per il disegno 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 invece usare lo strumento Penna .

Lo strumento penna è una delle funzionalità più potenti di Photoshop. Lo userai molto durante il fotoritocco in Photoshop , poiché ti consente di creare selezioni molto precise. È ottimo anche 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 una rapida introduzione per iniziare:

1. Seleziona lo strumento Penna (P) . Fare clic sulla tela dell'immagine per rilasciare un punto di ancoraggio.
2. Spostare il cursore di alcuni pollici e fare nuovamente clic per rilasciare un altro punto di ancoraggio. Verrà creato un percorso per connettere i due. Imposta il tratto su 5px, nero, per vederlo meglio.
3. Fare clic ancora qualche volta per sviluppare il percorso. Fare clic e trascinare per creare un percorso curvo. Questo aggiungerà anche il manubrio al punto di ancoraggio. Trascinali per controllare l'angolo e la profondità della curva.
4. Fare clic su Invio per creare un tracciato aperto (una linea) oppure 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:

• Ottieni lo strumento di selezione diretta (A) . Seleziona un punto di ancoraggio sul tracciato e trascinalo in una nuova posizione. Usa questo strumento con il manubrio di un punto di ancoraggio per modificare anche una curva.
• Seleziona lo strumento Aggiungi punto di ancoraggio facendo clic e tenendo premuto sullo strumento Penna. Fare clic da qualche parte sul percorso per aggiungere manualmente un nuovo punto di ancoraggio, quindi trascinarlo in posizione. Ciò ti consente di mettere a punto la tua forma.

Tre strumenti penna

Photoshop offre tre diverse penne per disegnare:

• Lo 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 ritrovarti a usarlo per tutto.
• Lo 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 una tavoletta grafica .
• Lo strumento penna curvatura semplifica il disegno delle curve senza dover giocare con il manubrio come fai con lo strumento penna principale.

Traccia un'immagine come vettore in Photoshop

Dopo aver appreso come utilizzare i diversi strumenti penna, è possibile utilizzarli 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 lo strumento Penna e posiziona il tuo primo punto di ancoraggio sul bordo dell'oggetto che desideri tracciare. Il tuo nuovo disegno andrà automaticamente sul proprio livello. Continua a fare clic sui bordi per creare il tuo percorso.

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

Lavora con il testo vettoriale in Photoshop

L'uso del testo in Photoshop è abbastanza autoesplicativo. Seleziona lo 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 con qualsiasi altra app.

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

Quando hai finito, puoi convertire il testo in un oggetto vettoriale. Seleziona il testo e vai a Tipo> 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.

Gestione di 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 gli oggetti selezionandoli con lo strumento di selezione del percorso (A) e trascinandoli in posizione.
• Ridimensiona gli oggetti selezionandoli con lo strumento di selezione del percorso, quindi premendo Ctrl + T su Windows o Cmd + T su Mac. Questo mostra un riquadro attorno all'oggetto. Afferra un manubrio lungo il bordo e trascina verso l'interno o verso l'esterno per ridimensionare. Tieni premuto il tasto Maiusc 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 gli oggetti facendo clic su un livello e trascinandolo sopra o sotto un altro livello.
• Allinea gli oggetti selezionandoli tutti con lo strumento Sposta (V) (o tenendo premuto Maiusc e facendo clic su più livelli), quindi utilizzando i controlli di allineamento nella barra delle opzioni.

Grafica vettoriale in Photoshop: mettere 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.