Come disegnare forme personalizzate in Photoshop
Selezione dello strumento Forma personalizzata
Lo strumento Forma personalizzata è nidificato con gli altri strumenti forma di Photoshop nel pannello Strumenti. Per selezionarlo, fai clic e tieni premuto sull’icona per lo strumento forma attualmente visibile (che sarà lo strumento Rettangolo (predefinito) o lo strumento forma che hai usato per ultimo). Quando si fa clic e si tiene premuto sull’icona, viene visualizzato un menu a comparsa che mostra gli altri strumenti di forma disponibili., Selezionare lo strumento Forma personalizzata dalla parte inferiore dell’elenco:
Disegnare forme vettoriali
Con lo strumento Forma personalizzata selezionato, la prossima cosa che vogliamo fare è assicurarsi che stiamo disegnando forme vettoriali, non tracciati o forme basate su pixel., Abbiamo imparato l’importante differenza tra forme vettoriali e forme pixel nel tutorial Disegno vettoriale vs Forme pixel, ma in breve, le forme vettoriali sono flessibili, modificabili e indipendenti dalla risoluzione, il che significa che possiamo modificarle e ridimensionarle quanto vogliamo, e persino stamparle di qualsiasi dimensione abbiamo bisogno, e i bordi delle forme vettoriali rimarranno sempre nitidi e nitidi.
Per essere sicuri di lavorare con forme vettoriali, impostare l’opzione Modalità strumento nella barra delle opzioni nella parte superiore dello schermo a Forma (abbreviazione di “Forma vettoriale”):
Scegliendo una forma personalizzata
Successivamente, dobbiamo dire a Photoshop quale forma personalizzata vogliamo disegnare, e lo facciamo facendo clic sulla miniatura della forma nella barra delle opzioni. La miniatura ci mostra la forma attualmente selezionata:
Facendo clic sulla miniatura si apre il Selettore forma personalizzata, con anteprime delle miniature di ogni forma che possiamo scegliere. Utilizzare la barra di scorrimento lungo la destra per scorrere le miniature.,
Caricamento di più forme
Come ho detto all’inizio del tutorial, solo una manciata di forme sono disponibili inizialmente, ma ce ne sono molte altre tra cui possiamo scegliere. Dobbiamo solo caricarli. Per fare ciò, fai clic sull’icona dell’ingranaggio in alto a destra:
Nella metà inferiore del menu che appare, vedrete un elenco di tutti i set di forme personalizzate che Adobe include con Photoshop., Le forme che vengono visualizzate inizialmente sono il set predefinito, ma guardando attraverso l’elenco, vediamo che abbiamo molti altri set interessanti, come Animali, Musica, Natura e così via. Per caricare uno di questi set, è sufficiente sceglierlo dalla lista.
L’unico problema è che a meno che tu non stia usando Photoshop per un po ‘ (e abbia trascorso gran parte di quel tempo a lavorare con forme personalizzate), è difficile sapere quali forme troverai in ogni set., Quindi, piuttosto che scegliere i set individualmente, quello che consiglierei è selezionare Tutti in cima alla lista, che caricherà le forme da ogni set tutto in una volta:
Photoshop chiederà se si desidera sostituire le forme attuali con quelle nuove. Se si fa clic sul pulsante Aggiungi, invece di sostituire le forme attuali con le nuove forme, dice Photoshop per mantenere le forme esistenti e semplicemente aggiungere quelli nuovi sotto di loro., Questa potrebbe essere una buona scelta se stavi selezionando un set di forme individuali dall’elenco e volevi solo aggiungerlo alle forme predefinite.
In questo caso, poiché sto scegliendo All (che include le forme predefinite come parte della collezione), farò clic su OK. Alla fine del tutorial, impareremo come ripristinare le forme ai valori predefiniti:
Ridimensionamento del selettore di forme personalizzato
Con tutte le forme ora caricate, abbiamo molto di più tra cui scegliere., È possibile ridimensionare il selettore forma personalizzata per vedere più forme alla volta facendo clic e trascinando il suo angolo in basso a destra. In effetti, puoi rendere il selettore di forme personalizzato abbastanza grande da vedere ogni forma contemporaneamente:
Personalmente, lo trovo un po ‘ troppo grande, quindi farò nuovamente clic e trascinerò l’angolo in basso a destra del selettore di forme personalizzato, questa volta per renderlo più piccolo. Quindi, userò la barra di scorrimento lungo la destra delle miniature per scorrere le forme., Per scegliere una forma, fare doppio clic sulla sua miniatura. Questo selezionerà la forma e si chiuderà dal selettore di forme personalizzato. Sceglierò la forma del cuore facendo doppio clic su di essa:
Scegliere un colore per la forma
Una volta selezionata una forma personalizzata, scegliere un colore per esso facendo clic sul campione di colore di riempimento nella barra delle opzioni:
Si apre una finestra che ci permette di scegliere tra quattro diversi modi per riempire la forma personalizzata, ognuno rappresentato da una delle quattro icone lungo la parte superiore. Partendo da sinistra, abbiamo l’icona Senza colore, l’icona di colore solido, l’icona Gradiente e l’icona del modello. Abbiamo coperto le opzioni di colore di riempimento (e traccia) in dettaglio nel tutorial precedente (Come disegnare forme vettoriali in Photoshop CS6), ma le coprirò di nuovo qui come aggiornamento:
Selezionando l’opzione Nessun colore a sinistra, la tua forma personalizzata rimarrà vuota, che potrebbe essere ciò che desideri se hai bisogno che la tua forma contenga solo un contorno del tratto. Vedremo come aggiungere un colpo in un momento.
L’opzione Tinta unita (seconda da sinistra) ci consente di riempire la forma personalizzata con un singolo colore. Scegliere un colore facendo clic su uno dei campioni di colore. I colori utilizzati di recente vengono visualizzati nella riga Colori utilizzati di recente sopra i campioni principali:
Se il colore di cui hai bisogno non è stato trovato in nessuno dei campioni, fai clic sull’icona del selettore di colori in alto a destra:
Quindi, scegliere il colore manualmente dal Selettore colore. Fare clic su OK al termine per chiudere il Selettore colore:
L’opzione Gradiente ci permette di riempire la forma con un gradiente., È possibile scegliere uno dei gradienti preimpostati facendo clic sulla relativa miniatura (utilizzare la barra di scorrimento lungo la destra per scorrere le miniature) o utilizzare le opzioni sotto le miniature per creare o modificare il proprio gradiente. Tratteremo i gradienti in un tutorial separato:
Infine, scegli l’opzione Pattern se vuoi riempire la tua forma personalizzata con un pattern., Photoshop non ci offre molti modelli tra cui scegliere da solo, ma se hai creato o scaricato altri modelli, puoi caricarli facendo clic sull’icona piccola dell’ingranaggio (direttamente sotto l’icona Forma personalizzata) e scegliendo Carica modelli dal menu:
Poiché ho scelto una forma a cuore, selezionerò l’opzione Tinta unita e sceglierò rosso per il mio colore di riempimento facendo clic sul campione rosso., Per chiudere la casella Opzioni colore quando hai finito, premi Invio (Win)/Return (Mac) sulla tastiera o fai semplicemente clic su un’area vuota della barra delle opzioni:
Shortcodes, azioni e filtri Plugin: Errore in shortcode
Shortcodes, azioni e filtri Plugin: Errore in shortcode
Disegnare la forma personalizzata
Per disegnare la forma, fare clic all’interno del documento per impostare un punto di partenza. Quindi, tenere premuto il pulsante del mouse e trascinare lontano dal punto di partenza., Mentre trascini, vedrai solo un contorno (noto come percorso) di come sarà la forma:
Quando si rilascia il pulsante del mouse, Photoshop completa la forma e la riempie con il colore scelto:
Disegnando una forma con le proporzioni corrette
Si noti, tuttavia, che la mia forma del cuore sembra un po ‘ distorta. È più largo e più corto di quanto mi aspettassi., Questo perché, per impostazione predefinita, Photoshop ci permette di disegnare liberamente forme personalizzate a qualsiasi dimensione o proporzioni che ci piace. Ill annullare la mia forma salendo al menu Modifica nella barra dei menu lungo la parte superiore dello schermo e scegliendo Annulla strumento forma personalizzata. Potrei anche premere Ctrl + Z (Win) / Command+Z (Mac) sulla mia tastiera. Questo rimuove la forma dal documento:
Per disegnare una forma personalizzata con le proporzioni corrette, iniziare come prima facendo clic all’interno del documento per impostare il punto di partenza, quindi tenendo premuto il pulsante del mouse e trascinandolo lontano dal punto. Mentre stai trascinando, tieni premuto il tasto Maiusc sulla tastiera. In questo modo la forma verrà agganciata alle proporzioni corrette e bloccata in posizione:
Quando sei soddisfatto della dimensione della forma, rilascia il pulsante del mouse, quindi rilascia il tasto Maiusc., È molto importante rilasciare il tasto Maiusc solo dopo aver rilasciato il pulsante del mouse o non funzionerà. Inoltre, assicurarsi di attendere fino a dopo aver iniziato trascinando prima di premere e tenere premuto il tasto Maiusc o si possono ottenere risultati imprevisti.
Rilascerò il mio pulsante del mouse, quindi il mio tasto Maiusc, a quel punto Photoshop riempie la forma con il mio colore rosso scelto. Questa volta, il cuore sembra molto meglio:
Altre utili scorciatoie da tastiera
Insieme a premere e tenere premuto Maiusc durante il trascinamento per disegnare la forma con le proporzioni corrette, è possibile premere e tenere premuto il tasto Alt (Win) / Option (Mac) durante il trascinamento per disegnare la forma fuori dal suo centro piuttosto che da un angolo. Premendo e tenendo premuto Maiusc + Alt (Win) / Maiusc+Opzione (Mac) durante il trascinamento sarà disegnare con le proporzioni corrette e disegnare fuori dal centro. Basta ricordarsi di rilasciare sempre i tasti dopo aver rilasciato il pulsante del mouse.,
Ridimensionamento della forma
Una volta disegnata la forma, vedrai la sua larghezza e altezza correnti nelle caselle Larghezza (W) e Altezza (H) nella barra delle opzioni. Qui, vediamo che la mia forma è stata disegnata 354 px di larghezza e 308 px di altezza:
Se è necessario ridimensionare la forma, è sufficiente evidenziare i valori correnti con il mouse e inserire nuovi valori (premere Invio (Win) / Return (Mac) sulla tastiera per accettarli)., Per ridimensionare la forma e mantenerla bloccata alle proporzioni corrette, fare clic sulla piccola icona di collegamento tra i campi larghezza e altezza, quindi immettere una nuova larghezza o altezza. Con l’icona del collegamento selezionata, Photoshop cambierà automaticamente l’altro valore per te:
Lasciare che Photoshop disegni la forma per te
Se non hai ancora disegnato la tua forma e conosci la dimensione esatta di cui hai bisogno, puoi risparmiare tempo lasciando che Photoshop la disegni per te., Basta fare clic una volta all’interno del documento. Photoshop aprirà la finestra di dialogo Crea forma personalizzata in cui è possibile inserire i valori di larghezza e altezza. Fare clic su OK per chiuderlo e Photoshop disegnerà la forma con le dimensioni scelte:
Aggiunta di un tratto
Per aggiungere un tratto attorno alla forma, fare clic sul campione di colore del tratto nella barra delle opzioni., Puoi scegliere il colore del tratto (e altre opzioni di tratto che vedremo in un momento) prima o dopo aver disegnato la forma:
Le opzioni per scegliere un colore di traccia sono esattamente le stesse delle opzioni di colore di riempimento. Lungo la parte superiore, abbiamo le stesse quattro icone che ci danno una scelta tra Nessun colore, Colore solido, Gradiente e Motivo:
L’opzione Nessun colore è selezionata per impostazione predefinita (motivo per cui il tratto non è visibile). Selezionerò l’opzione Tinta unita, quindi imposterò il colore del tratto su nero facendo clic sul campione. Proprio come con il colore di riempimento, se il colore che ti serve non si trova in nessuno dei campioni, fai clic sull’icona del Selettore colore per sceglierlo manualmente:
Proprio così, Photoshop aggiunge il tratto nero attorno alla forma:
La larghezza del tratto
Possiamo cambiare la larghezza del tratto nella barra delle opzioni. Troverete la larghezza corrente visualizzata a destra del campione di colore del tratto. La larghezza predefinita è 3 pt. Se conosci la larghezza esatta di cui hai bisogno, puoi inserirla direttamente nel campo larghezza (premi Invio (Win) / Return (Mac) quando hai finito di accettarlo) o semplicemente fare clic sulla piccola freccia a destra del valore e trascinare il cursore:
Allinea bordi
Se guardi più a destra nella barra delle opzioni, vedrai un’opzione chiamata Allinea bordi. Per impostazione predefinita, questa opzione è attivata (selezionata) e di solito vorrai lasciarla attiva perché indica a Photoshop di allineare i bordi della tua forma con la griglia dei pixel, che li mantiene nitidi e nitidi:
Tuttavia, affinché l’opzione Allinea bordi funzioni, non solo deve essere selezionata, ma è anche necessario specificare la larghezza del tratto in pixel (px), non in punti (pt)., Poiché il tipo di misura predefinito per la larghezza del tratto è punti, tornerò indietro e inserirò una nuova larghezza di 10 px:
Photoshop aggiorna istantaneamente la forma con la nuova larghezza del tratto:
Altre opzioni di corsa
Ci sono altre opzioni di corsa che possiamo cambiare facendo clic sul pulsante Opzioni di corsa nella barra delle opzioni:
Si apre la casella Opzioni tratto. Nella parte superiore, possiamo passare dall’avere il tratto visualizzato come una linea continua (l’impostazione predefinita), una linea tratteggiata o una linea tratteggiata. L’opzione Allinea ci consente di scegliere se il tratto deve apparire lungo i bordi interni della forma, i bordi esterni o centrati lungo i bordi., Possiamo impostare l’opzione Caps su Butt, Round o Square e modificare gli angoli su Mitra, Round o Smusso. Facendo clic su Altre opzioni in basso si aprirà una finestra di dialogo più dettagliata con opzioni aggiuntive per personalizzare l’aspetto del tratto e per salvare le impostazioni personalizzate come preset:
Modifica del riempimento e del tratto di forme esistenti
Proprio come avviene con gli strumenti forma geometrica (Strumento Rettangolo, Strumento Ellisse, ecc.,), Photoshop posiziona ogni forma vettoriale che disegniamo con lo strumento Forma personalizzata sul proprio livello Forma. Se guardiamo nel mio pannello Livelli, vediamo la mia forma del cuore seduta su un livello Forma chiamato “Forma 1”:
Aggiungerò una seconda forma al mio documento. Per fare ciò, riaprirò il Selettore di forme personalizzate nella barra delle opzioni, e questa volta sceglierò la forma della farfalla facendo doppio clic sulla sua miniatura:
Con la forma farfalla selezionata, Ill disegnare rapidamente facendo clic all’interno del documento per impostare un punto di partenza, quindi facendo clic e trascinando via da quel punto. Per disegnare la farfalla con le proporzioni corrette, aspetterò fino a quando ho iniziato a trascinare, quindi premerò e terrò premuto il tasto Maiusc e continuerò a trascinare:
Per completare la forma, rilascerò il mio pulsante del mouse, quindi rilascerò il mio tasto Maiusc., Photoshop riempie la forma con il colore, ma guarda cosa è successo; ha usato lo stesso colore di riempimento (rosso) che ho scelto per la mia forma precedente. Ha anche usato le stesse opzioni di traccia della forma precedente, incluso il colore (nero) e la larghezza (10 px):
Fortunatamente, poiché i livelli di forma in Photoshop rimangono completamente modificabili, non è necessario per me annullare e ridisegnare la forma se avevo bisogno che fosse di un colore diverso., Finché ho il livello Forma selezionato nel pannello Livelli (e lo strumento forma ancora selezionato dal pannello Strumenti), posso facilmente tornare indietro e cambiare i colori.
Se guardiamo di nuovo nel mio pannello Livelli, vediamo che la forma della farfalla è stata posizionata sul proprio livello di forma chiamato “Forma 2” sopra la forma del cuore:
Con il livello farfalla selezionato, farò clic sul campione di colore di riempimento nella barra delle opzioni e sceglierò un colore diverso dai campioni, forse un bel magenta:
Abbasserò anche la larghezza del tratto nella barra delle opzioni, poiché 10 px sembra troppo spesso. Lo abbasserò a 4 px:
Photoshop aggiorna istantaneamente la forma della farfalla con il nuovo colore di riempimento e la larghezza del tratto., La forma originale del cuore rimane intatta:
Penso di voler abbassare anche la larghezza del tratto per la forma del cuore, quindi farò clic sul livello a forma di cuore (“Forma 1”) nel pannello Livelli per selezionarlo:
Lascerò il colore di riempimento impostato su rosso, ma abbasserò la larghezza del tratto nella barra delle opzioni fino allo stesso valore (4 px) della forma della farfalla:
E ora, entrambe le forme condividono la stessa larghezza del tratto. È possibile modificare le altre opzioni di traccia (colore, tipo di linea, allineamento, ecc.) anche se necessario., Finché hai selezionato il livello forma corretto nel pannello Livelli e lo strumento forma ancora attivo, puoi apportare le modifiche di cui hai bisogno:
Reimpostando le forme personalizzate ai valori predefiniti
In precedenza, abbiamo imparato come caricare altri set di forme nel selettore di forme personalizzato., Se è necessario eliminare quelle forme aggiuntive e tornare a visualizzare solo le forme predefinite, fare nuovamente clic sull’icona dell’ingranaggio nel Selettore di forme personalizzato:
Quindi scegliere Ripristina forme dal menu:
Photoshop ti chiederà se vuoi davvero sostituire le forme attuali con le impostazioni predefinite., Fai clic su OK per dire sì, e tornerai a vedere solo le forme predefinite originali:
