Photoshop Forme E Livelli di Forma Essentials

Gli Strumenti Forma

Photoshop ci dà sei strumenti Forma a Rettangolo, lo Strumento Rettangolo Arrotondato, Ellisse Strumento, lo Strumento Poligono, lo Strumento Linea, e lo Strumento Forma personale, e sono tutti nidificata insieme nello stesso posto nel pannello Strumenti. Per impostazione predefinita, lo strumento Rettangolo è quello visibile nel pannello Strumenti, ma se facciamo clic sull’icona dello strumento e teniamo premuto il pulsante del mouse per un secondo o due, viene visualizzato un menu a comparsa che ci mostra gli altri strumenti di forma tra cui possiamo scegliere:

Una volta selezionato uno strumento Forma, se è necessario passare a uno diverso, non è necessario tornare al pannello Strumenti (anche se è possibile, se si desidera) perché Photoshop ci dà accesso a tutti gli strumenti Forma direttamente dalla barra delle opzioni lungo la parte superiore dello schermo. Ad esempio, selezionerò lo strumento Rettangolo dal pannello Strumenti:

Con lo Strumento Rettangolo selezionato, nella barra delle opzioni viene visualizzata una riga di sei icone, ciascuna delle quali rappresenta uno strumento Forma diverso. Gli strumenti sono elencati da sinistra a destra nello stesso ordine in cui appaiono nel pannello Strumenti, quindi di nuovo abbiamo lo strumento Rettangolo, lo strumento Rettangolo arrotondato, lo strumento Ellisse, lo strumento Poligono, lo strumento Linea e lo strumento Forma personalizzata. È sufficiente fare clic su una delle icone per scegliere lo strumento necessario:

L’opzione Livelli forma

Prima di iniziare a disegnare qualsiasi forma, dobbiamo prima dire a Photoshop quale tipo di forma vogliamo disegnare, e con questo, non intendo rettangoli o cerchi. Photoshop in realtà ci consente di disegnare tre tipi molto diversi di forme: forme vettoriali, tracciati o forme basate su pixel. Esamineremo più da vicino le differenze tra i tre e il motivo per cui vorresti utilizzarli in un altro tutorial, ma nella maggior parte dei casi, vorrai disegnare forme vettoriali, che sono gli stessi tipi di forme che disegneremo in un programma come Illustrator. A differenza dei pixel, le forme vettoriali sono indipendenti dalla risoluzione e completamente scalabili, il che significa che possiamo renderle grandi come vogliamo e ridimensionarle tutte le volte che vogliamo senza alcuna perdita di qualità dell’immagine. I bordi delle forme vettoriali rimarranno sempre nitidi e nitidi, sia sullo schermo che quando andiamo a stamparli.

Per disegnare forme vettoriali, selezionare l’opzione Livelli forma nella barra delle opzioni. È la prima delle tre icone vicino all’estrema sinistra (l’opzione Tracciati è al centro delle tre icone seguite dall’opzione Riempi pixel sulla destra):

Scegliere un colore per la forma

Con l’opzione Livelli forma selezionata, la prossima cosa che dobbiamo fare è scegliere un colore per la nostra forma, e lo facciamo facendo clic sul campione di colore a destra della parola Colore nella barra delle opzioni:

Photoshop aprirà il Selettore di colori in cui possiamo scegliere il colore che vogliamo usare. Scelgo il rosso. Fare clic su OK una volta scelto un colore da chiudere dal Selettore colore:

Non preoccuparti di scegliere il colore sbagliato per la tua forma se non sei sicuro di quale colore avrai bisogno. Come vedremo, i livelli di forma rendono facile tornare indietro e cambiare il colore di una forma in qualsiasi momento dopo averla disegnata.

Lo strumento Rettangolo

Come probabilmente si può intuire dal suo nome, lo Strumento Rettangolo di Photoshop ci permette di disegnare forme rettangolari a quattro lati. È sufficiente fare clic nel documento per impostare il punto di partenza per la forma, quindi tenere premuto il pulsante del mouse e trascinare in diagonale per disegnare il resto della forma. Mentre trascini, vedrai un contorno sottile di come sarà la forma:

Quando sei soddisfatto dell’aspetto della tua forma, rilascia il pulsante del mouse, a quel punto Photoshop riempie la forma con il colore selezionato nella barra delle opzioni:

Disegnare una forma dal suo centro

Se devi disegnare un rettangolo (o qualsiasi forma) dal suo centro piuttosto che da un angolo, fai clic all’interno del documento dove dovrebbe essere il centro del rettangolo e inizia a trascinare la forma come faresti normalmente. Una volta avviato il trascinamento, premi il tasto Alt (Win) / Option (Mac) e tienilo premuto mentre continui a trascinare. Il tasto Alt / Opzione indica a Photoshop di disegnare la forma dal suo centro. Questo funziona con tutti gli strumenti Forma, non solo lo strumento Rettangolo:

Disegnare quadrati

Possiamo anche disegnare quadrati con lo strumento Rettangolo. Per disegnare un quadrato, fare clic all’interno del documento e iniziare a trascinare una forma rettangolare. Una volta iniziato il trascinamento, premi il tasto Maiusc sulla tastiera e tienilo premuto mentre continui a trascinare la forma. Tenendo premuto il tasto Maiusc si forza la forma in un quadrato perfetto, non importa quale direzione si trascina in. Puoi anche aggiungere il tasto Alt (Win) / Option (Mac) per disegnare il quadrato dal suo centro (quindi tieni premuto Maiusc+Alt (Win) / Maiusc+Option (Mac)):

Ancora una volta, Photoshop visualizzerà solo un contorno sottile del quadrato mentre si sta trascinando, ma quando si rilascia il pulsante del mouse, Photoshop lo riempie di colore:

Le opzioni di forma

Se guardi nella barra delle opzioni, direttamente a destra delle sei icone dello strumento Forma, vedrai una piccola freccia rivolta verso il basso. Facendo clic sulla freccia si apre un elenco di opzioni aggiuntive per lo strumento Forma selezionato. Con lo Strumento Rettangolo selezionato, ad esempio, facendo clic sulla freccia vengono visualizzate le Opzioni Rettangolo.
Ad eccezione dello strumento Poligono e dello Strumento Linea, che vedremo più avanti, non ti ritroverai ad usare questo menu molto spesso perché abbiamo già imparato come accedere alle opzioni principali direttamente dalla tastiera.

Ad esempio, l’opzione Non vincolata è selezionata per impostazione predefinita, e questo è solo il normale comportamento dello strumento Rettangolo, che ci consente di disegnare forme rettangolari di qualsiasi dimensione o rapporto di aspetto. L’opzione Square ci consente di disegnare quadrati, ma possiamo farlo semplicemente tenendo premuto il tasto Maiusc mentre trasciniamo. E l’opzione Dal centro disegnerà la forma dal suo centro, ma ancora una volta, possiamo già farlo tenendo premuto il tasto Alt (Win) / Option (Mac) mentre trasciniamo:

Livelli di forma

Prima di controllare il resto degli strumenti di forma, diamo rapidamente un’occhiata a ciò che sta accadendo nel pannello Livelli. Se ricordi all’inizio del tutorial, abbiamo imparato che per disegnare forme vettoriali in Photoshop, dobbiamo assicurarci di avere l’opzione Livelli forma selezionata nella barra delle opzioni, e ora che ho disegnato una forma, vediamo che ho un livello Forma reale nel mio documento, che Photoshop ha chiamato “Forma 1”. Ogni nuova forma vettoriale che disegniamo viene posizionata sul proprio livello di forma che sembra diverso dai normali livelli basati su pixel. A sinistra di un livello Forma c’è un’icona del campione di colore, che visualizza il colore corrente della nostra forma, e a destra del campione di colore c’è una miniatura della maschera vettoriale:

In precedenza ho detto che non dobbiamo preoccuparci di scegliere il colore corretto per una forma perché possiamo facilmente cambiarne il colore dopo averlo disegnato, e possiamo farlo facendo doppio clic direttamente sul campione di colore del livello Forma:

Photoshop riaprirà il Selettore colore per noi in modo che possiamo scegliere un colore diverso per la forma. Sceglierò il blu questa volta:

Faccio clic su OK per chiudere il Selettore colore e Photoshop cambia il colore della mia forma quadrata da rosso a blu:

A destra del campione di colore su un livello Forma c’è la miniatura della maschera vettoriale. L’area bianca all’interno della miniatura rappresenta la nostra forma. Le maschere vettoriali sono simili alle maschere di livello basate su pixel in quanto rivelano alcune parti di un livello mentre nascondono altre parti, e con questo intendo che quando disegniamo una forma vettoriale, Photoshop riempie effettivamente l’intero livello con il colore scelto, ma visualizza solo il colore all’interno dell’area della forma. Nasconde il colore nelle aree al di fuori della forma. Questo non è qualcosa che si ha realmente bisogno di sapere per lavorare con le forme in Photoshop, ma è sempre bello capire che cosa si sta guardando. L’area grigia attorno alla forma nella miniatura della maschera vettoriale è l’area del livello in cui il colore viene nascosto alla vista, mentre l’area bianca è dove il colore è visibile:

Per rendere più facile vedere come Photoshop sta visualizzando la forma vettoriale, possiamo effettivamente disattivare temporaneamente le maschere vettoriali tenendo premuto il tasto Maiusc e facendo clic direttamente sulla miniatura della maschera vettoriale. Una grande X rossa apparirà nella miniatura per farci sapere che la maschera è ora disattivata:

Con la maschera vettoriale disattivata, l’intero livello viene rivelato nel documento e possiamo vedere che è completamente riempito con il colore blu che ho scelto per la mia forma. Se guardi da vicino, puoi vedere il contorno sottile di dove si trova la forma sul livello:

Per riattivare una maschera vettoriale, è sufficiente tenere premuto Maiusc e fare nuovamente clic sulla relativa miniatura nel pannello Livelli. Con la maschera di nuovo su, tutto il colore al di fuori della forma è ancora una volta nascosto alla vista, e tutto quello che possiamo vedere è il colore all’interno della forma stessa. Le aree bianche intorno alla forma nella finestra del mio documento provengono dal mio livello di sfondo sottostante:

Ora che abbiamo esaminato i livelli di forma, vediamo quali altri tipi di forme possiamo disegnare in Photoshop usando gli altri strumenti di forma geometrica.

Shortcodes, azioni e filtri Plugin: Errore in shortcode

Lo strumento rettangolo arrotondato

Lo strumento rettangolo arrotondato è molto simile allo strumento rettangolo standard tranne che ci permette di disegnare rettangoli con angoli arrotondati piacevoli. Controlliamo la rotondità degli angoli usando l’opzione Raggio nella barra delle opzioni. Più alto è il valore che inseriamo, più arrotondati appariranno gli angoli. Ill impostare il mio valore Raggio a 50 px:

Per disegnare un rettangolo arrotondato dopo aver inserito un valore di Raggio, fare clic all’interno del documento per impostare un punto di partenza, quindi tenere premuto il pulsante del mouse e trascinare il resto della forma. Proprio come abbiamo visto con lo strumento Rettangolo normale, Photoshop visualizza un contorno sottile della forma mentre lo stai disegnando:

Quando si rilascia il pulsante del mouse, Photoshop completa la forma e la riempie di colore:

Ecco un altro rettangolo, questa volta con il mio valore di raggio impostato su 150 px, abbastanza grande (in questo caso comunque) da rendere l’intero lato sinistro e destro del rettangolo curvo:

Ed ecco un rettangolo ma con un valore di raggio molto più basso di soli 10 px, dandomi angoli arrotondati molto piccoli:

Sfortunatamente, non c’è modo di visualizzare in anteprima come gli angoli arrotondati appariranno con il nostro valore di Raggio scelto prima di disegnare effettivamente il rettangolo. Inoltre, non possiamo regolare il valore del Raggio al volo mentre disegniamo la forma come possiamo in Illustrator, e Photoshop non ci consente di tornare indietro e apportare semplici modifiche agli angoli dopo averlo disegnato, il che significa che disegnare rettangoli arrotondati è molto un tipo di cosa “prova ed errore”. Se non sei soddisfatto della rotondità degli angoli dopo aver disegnato la forma, premi Ctrl + Z (Win) / Command+Z (Mac) per annullare rapidamente il passaggio, quindi inserisci un valore di raggio diverso nella barra delle opzioni e riprova.

Proprio come lo strumento Rettangolo ci permette di disegnare quadrati, il rettangolo arrotondato ci permette di disegnare quadrati arrotondati. Basta tenere premuto il tasto Maiusc dopo aver avviato il trascinamento per forzare il rettangolo arrotondato in una forma quadrata. Tenere premuto il tasto Alt (Win) / Option (Mac) dopo aver avviato il trascinamento per disegnare il rettangolo arrotondato (o quadrato) fuori dal suo centro.

Se clicchiamo sulla piccola freccia nella barra delle opzioni per visualizzare le opzioni del rettangolo arrotondato, vediamo che condivide esattamente le stesse opzioni del normale Strumento Rettangolo, come Non vincolato, Quadrato e Dal centro, e ancora, sappiamo già come accedervi dalla tastiera:

Lo strumento Ellisse

Lo strumento Ellisse di Photoshop ci consente di disegnare forme ellittiche o circolari. Proprio come con gli strumenti Rettangolo e Rettangolo arrotondato, fare clic all’interno del documento per impostare un punto di partenza, quindi tenere premuto il pulsante del mouse e trascinare il resto della forma:

Rilasciare il pulsante del mouse per completare la forma e fare Photoshop riempirlo con il colore:

Tieni premuto il tasto Maiusc dopo aver iniziato a trascinare con lo strumento Ellisse per forzare la forma in un cerchio perfetto. Tenendo premuto il tasto Alt (Win) / Option (Mac) dopo aver avviato il trascinamento, la forma verrà disegnata dal centro:

Facendo clic sulla piccola freccia nella barra delle opzioni vengono visualizzate le opzioni Ellisse, che sono quasi identiche alle opzioni Rettangolo e Rettangolo arrotondato. L’unica differenza ovviamente è che lo strumento Ellisse ha un’opzione per disegnare un cerchio piuttosto che un quadrato:

Lo strumento Poligono

Lo strumento poligono è dove le cose iniziano a diventare interessanti. Mentre lo strumento Rettangolo è limitato a disegnare poligoni a quattro lati, lo strumento Poligono ci consente di disegnare poligoni con tutti i lati che vogliamo. Ci permette anche di disegnare stelle, come vedremo tra un attimo.

Inserisci il numero di lati necessari per la tua forma poligonale nell’opzione Lati nella barra delle opzioni. Il valore predefinito è 5, ma è possibile immettere qualsiasi valore da 3 a 100:

Dopo aver inserito il numero di lati, fare clic nel documento e trascinare la forma poligonale. Photoshop disegna sempre le forme poligonali dal loro centro, quindi non è necessario tenere premuto il tasto Alt (Win) / Option (Mac). Tenendo premuto il tasto Maiusc dopo aver iniziato a trascinare limiterà il numero di angoli su cui è possibile disegnare la forma, il che può aiutare a posizionare la forma nel modo in cui è necessario:

Impostare l’opzione Lati su 3 per lo strumento Poligono ci offre un modo semplice per disegnare un triangolo:

Ed ecco una forma poligonale con l’opzione Lati impostata su 12:

Disegnare stelle con lo Strumento Poligono

Per disegnare stelle con lo Strumento Poligono, fare clic sulla piccola freccia nella barra delle opzioni per visualizzare le opzioni poligono, quindi selezionare Stella:

Con l’opzione Stella selezionata, basta fare clic all’interno del documento e trascinare una forma a stella. L’opzione Lati nella barra delle opzioni controlla il numero di punti nella stella, quindi con il valore predefinito dei lati di 5, ad esempio, otteniamo una stella a 5 punte:

La modifica del valore dei lati a 8 ci dà una stella a 8 punte:

Possiamo creare una forma starburst aumentando il rientro dei punti utilizzando i lati Rientro Per opzione. Il valore predefinito è 50%. Lo aumenterò al 90%:

Ecco la mia forma a stella con il rientro impostato al 90%. Ho anche aumentato il numero di lati a 16:

Per impostazione predefinita, le stelle hanno spigoli vivi alle estremità dei loro punti, ma possiamo arrotondarli scegliendo l’opzione Angoli lisci:

Ecco una stella standard a 5 punte con l’opzione Angoli lisci abilitata::

Possiamo smussare anche i rientri e arrotondarli selezionando l’opzione Rientri lisci:

E ancora, otteniamo un aspetto diverso dalla nostra forma a stella:

Lo strumento Linea

Infine, lo Strumento Linea, che è l’ultimo degli strumenti di forma geometrica di Photoshop, ci consente di disegnare semplici linee rette, ma possiamo anche usarlo per disegnare frecce. Impostare lo spessore della linea inserendo un valore, in pixel, nell’opzione Peso nella barra delle opzioni. Imposterò il mio su 16 px:

Quindi è sufficiente fare clic nel documento e trascinare la forma della linea. Tieni premuto il tasto Maiusc dopo aver iniziato a trascinare per limitare la direzione in cui puoi disegnare la linea, il che rende facile disegnare linee orizzontali o verticali:

Per aggiungere punte di freccia alle linee, fare clic sulla piccola freccia nella barra delle opzioni per visualizzare le opzioni di punte di freccia. Photoshop ci consente di aggiungere punte di freccia all’inizio o alla fine di una riga o entrambi. Se si desidera che la punta della freccia appaia nella direzione in cui si sta disegnando la linea, che di solito è il caso, selezionare l’opzione Fine. Assicurati di selezionare questa opzione prima di disegnare la linea, poiché Photoshop non ci consente di tornare indietro e aggiungere punte di freccia dopo che la linea è già stata disegnata:

Ecco una forma di linea simile alla precedente, questa volta con una punta di freccia alla fine:

Se la dimensione predefinita della punta di freccia non funziona per te, puoi regolarla usando le opzioni Larghezza e Lunghezza. Possiamo anche far apparire la punta della freccia concava usando l’opzione Concavità. Il valore predefinito è 0%. Lo aumenterò al 50%:

Cambia la forma della punta della freccia. Ancora una volta, assicurati di impostare l’opzione Concavità prima di disegnare la linea, altrimenti dovrai eliminare la forma e disegnarla di nuovo:

Nascondere il contorno Intorno alla forma

Se osservi attentamente la tua forma dopo averla disegnata (indipendentemente dallo strumento Forma che hai usato), vedrai spesso un contorno sottile che appare attorno ad esso che potresti trovare fastidioso. Il contorno appare attorno alla forma ogni volta che viene selezionata la maschera vettoriale della forma, ed è sempre selezionata per impostazione predefinita dopo aver disegnato una nuova forma.

Se guardi il livello della forma nel pannello Livelli, vedrai che la miniatura della maschera vettoriale ha un bordo di evidenziazione bianco attorno ad essa che ci dice che la maschera è effettivamente selezionata. È possibile nascondere il contorno attorno alla forma deselezionando la maschera vettoriale. Per farlo, è sufficiente fare clic sulla miniatura della maschera vettoriale. Il bordo di evidenziazione attorno alla miniatura scomparirà così come il contorno attorno alla forma nel documento: