Strumenti forma vettoriale: strumento Rettangolo

In questo tutorial esamineremo le basi per lavorare con forme e livelli di forma in Photoshop. Inizieremo la nostra lezione imparando i cinque strumenti di base per disegnare forme geometriche: rettangolo, rettangolo arrotondato, ellisse, poligono e linea.

Quindi, nel prossimo tutorial, vedremo come disegnare forme più complesse utilizzando lo strumento Forma a mano libera. Molte persone pensano che Photoshop venga utilizzato solo per l’elaborazione delle immagini e, se chiedessi loro di consigliare un buon editor grafico, nella maggior parte dei casi la risposta sarebbe “Adobe Illustrator”.

In effetti, le capacità dell'editor di Adobe Illustrator nel campo della grafica vettoriale sono molto più ampie rispetto al programma Photoshop, ma, tuttavia, il programma Photoshop in quest'area può fare più di quanto ci si dovrebbe aspettare da un editor di immagini raster. I vari strumenti Forme e livelli forma di Photoshop semplificano l'aggiunta di semplici immagini vettoriali ai tuoi disegni e disegni.

Photoshop dispone di sei strumenti che ti consentono di disegnare forme: strumento rettangolo, strumento rettangolo arrotondato, strumento ellisse, strumento poligono, "Linea" (strumento linea) e "strumento forma personalizzata". Si trovano in un unico posto sulla barra degli strumenti.

Per impostazione predefinita, lo strumento Rettangolo è visibile nella barra degli strumenti, ma se facciamo clic sull'icona dello strumento e teniamo premuto il pulsante del mouse per alcuni secondi, verrà visualizzato un menu a comparsa con l'elenco degli strumenti rimanenti nel gruppo Forme da che possiamo scegliere quello di cui abbiamo bisogno:

Tutti e sei gli strumenti nel gruppo Forme si trovano in un'unica posizione sulla barra degli strumenti

Se hai selezionato prima uno strumento nel gruppo Forme e poi desideri passare a un altro, non è necessario visitare nuovamente il pannello Strumenti (anche se puoi farlo se lo desideri). Photoshop ci permette di selezionare lo strumento di cui abbiamo bisogno dalla barra delle opzioni nella parte superiore dello schermo, dove sono presentati tutti e sei gli strumenti. Ad esempio, nel pannello Strumenti, selezionerò lo strumento Rettangolo:

Selezione dello strumento Rettangolo

Dopo aver selezionato lo strumento Rettangolo, nella barra delle opzioni vengono visualizzate sei icone, che rappresentano i vari strumenti nel gruppo Forme. Gli strumenti sono disposti da sinistra a destra nello stesso ordine in cui appaiono nella barra degli strumenti, quindi vediamo nuovamente gli strumenti Rettangolo, Rettangolo arrotondato, Ellisse, Poligono, Linea e Forma libera. Per selezionare lo strumento desiderato è sufficiente cliccare su una delle icone:

Tutti e sei gli strumenti Forme possono essere selezionati direttamente dal pannello Opzioni (dopo averne selezionato uno nel pannello Strumenti)

Selezionando l'opzione Livello forma

Prima di iniziare a disegnare forme, dobbiamo dire a Photoshop che tipo di forma vogliamo disegnare e in questo caso non intendo "rettangolo" o "cerchio" per tipo di forma. In effetti, Photoshop ci consente di disegnare tre diversi tipi di forme: forme vettoriali, tracciati e forme pixel.

In un altro tutorial esamineremo in dettaglio come differiscono questi tre tipi di forme e quando utilizzare quale tipo, ma nella maggior parte dei casi disegnerai forme vettoriali. Questi sono quelli che vengono disegnati in un programma come Illustrator. A differenza delle forme pixel, le forme vettoriali sono indipendenti dalla risoluzione e completamente scalabili. Ciò significa che possiamo ridimensionarli come desideriamo senza perdere la qualità dell'immagine. I bordi delle forme vettoriali rimangono nitidi e nitidi sia sullo schermo che durante la stampa successiva.

Per disegnare forme vettoriali, seleziona l'opzione Livelli forma nel pannello delle impostazioni. Questa è la prima delle tre icone, posizionate verso il bordo sinistro (l'icona centrale è l'opzione Percorsi e quella destra è l'opzione Pixel di riempimento):

Per disegnare forme vettoriali, seleziona l'opzione "Livello forma".

Scegliere un colore per una forma

Dopo aver selezionato l'opzione Livello forma, dobbiamo scegliere un colore per la nostra forma. Lo faremo facendo clic sull'icona del campione di colore situata a destra della parola "Colore" nel pannello delle impostazioni:

Fare clic sull'icona del campione di colore per selezionare il colore desiderato per la forma

Questa azione aprirà la tavolozza dei colori in cui possiamo selezionare il colore desiderato. Nel mio caso, sceglierò il rosso. Una volta selezionato un colore, fare clic su OK per chiudere la tavolozza dei colori:

Nella tavolozza dei colori, seleziona un colore per la figura

Se non sei sicura di aver scelto il colore giusto per la forma del tuo corpo, non preoccuparti. Successivamente, vedremo come utilizzare i livelli forma per tornare facilmente ai passaggi precedenti e modificare il colore di una forma in qualsiasi momento dopo averla disegnata.

Strumento rettangolo

Come avrai intuito dal nome, lo strumento Rettangolo ci consente di disegnare forme rettangolari a quattro lati. È sufficiente fare clic nella finestra del documento per definire il punto iniziale della forma e quindi, tenendo premuto il pulsante del mouse, trascinare il cursore del mouse in diagonale per completare il disegno della forma. Mentre muovi il cursore, vedrai i contorni sottili della figura futura:

Trascina il cursore per disegnare una forma rettangolare. Mentre muovi il cursore, apparirà il contorno della forma

Quando sei soddisfatto del risultato, rilascia il pulsante del mouse e il programma riempirà immediatamente la forma con il colore che hai scelto nel pannello delle impostazioni:

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

Disegnare una forma dal centro

Se devi disegnare un rettangolo (o un'altra forma) dal centro anziché da un angolo, posiziona il cursore nella finestra del documento per definire il centro del futuro rettangolo e, tenendo premuto il pulsante del mouse, inizia a trascinare il cursore e disegnando la forma come al solito. Mentre lo fai, premi il tasto Alt (Win) / Opzione (Mac) e continua a tenerlo premuto mentre sposti il ​​cursore. Premendo questo tasto si dice al programma di disegnare la forma dal centro. Questa tecnica funziona con tutti gli strumenti Forma, non solo con lo strumento Rettangolo:

Per disegnare una forma dal centro, tieni premuto Alt (Win)/Opzione (Mac) mentre sposti il ​​cursore

Disegnare quadrati

Possiamo anche disegnare quadrati utilizzando lo strumento Rettangolo. Per disegnare un quadrato, posiziona il cursore nella finestra del documento e inizia a trascinarlo, disegnando una forma rettangolare. Una volta iniziato a farlo, premi il tasto Maiusc e continua a tenerlo premuto mentre sposti il ​​cursore. Premendo il tasto Maiusc trasformerai la forma in un quadrato, indipendentemente dalla direzione in cui sposti il ​​cursore. Puoi anche aggiungere la sequenza di tasti Alt (Win)/Opzione (Mac) per disegnare il quadrato dal centro (quindi tieni premuto Maiusc+Alt (Win)/Maiusc+Opzione (Mac)):

Per disegnare un quadrato, mentre usi lo strumento Rettangolo, tieni premuto il tasto Maiusc

Ancora una volta, Photoshop mostrerà solo un sottile contorno del quadrato mentre sposti il ​​cursore, ma quando rilasci il pulsante del mouse, riempirà il quadrato di colore:

Il programma aspetta sempre che tu rilasci il pulsante del mouse e solo allora riempie la forma di colore

Opzioni dello strumento gruppo forme

Se guardi nel pannello Opzioni, vedrai una piccola freccia rivolta verso il basso a destra delle sei icone degli strumenti del gruppo Forme. Facendo clic su questa freccia si aprirà un elenco di opzioni aggiuntive per lo strumento Gruppo forme che hai selezionato. Ad esempio, quando selezioni lo strumento Rettangolo, facendo clic sulla freccia si aprirà un menu con le opzioni per lo strumento Rettangolo. Con l'eccezione degli strumenti Poligono e Linea, che esamineremo più avanti, non utilizzerai questo menu molto spesso perché abbiamo già imparato come selezionare le opzioni di base utilizzando le scorciatoie da tastiera e i singoli tasti.

Ad esempio, l'opzione Senza vincoli è selezionata per impostazione predefinita ed è responsabile del normale funzionamento dello strumento Rettangolo, permettendoci di disegnare forme rettangolari di qualsiasi dimensione e con qualsiasi proporzione. L'opzione Quadrato ci consente di disegnare quadrati, ma possiamo farlo semplicemente tenendo premuto il tasto Maiusc mentre spostiamo il cursore. L'opzione Dal centro è responsabile del disegno della forma dal centro, ma ancora una volta possiamo farlo tenendo premuto il tasto Alt (Win) / Opzione (Mac):

Fai clic sulla piccola freccia per visualizzare più opzioni per lo strumento Rettangolo

Strato di forma

Prima di passare al resto del gruppo Forme, diamo un'occhiata al pannello Livelli. Come ricordi, all'inizio della lezione abbiamo imparato che per disegnare forme vettoriali in Photoshop, devi selezionare l'opzione "Livello forma" nel pannello Opzioni. E ora che ho disegnato la forma, possiamo vedere che nel pannello Livelli è apparso un livello di forma (un livello di tipo Forma), che il programma ha chiamato "Forma 1". Ogni nuova forma vettoriale che disegniamo verrà posizionata sul proprio livello, che ha un aspetto diverso da un normale livello di pixel. Sul lato sinistro del livello c'è un'icona di un campione di colore, che mostra il colore di riempimento corrente della nostra forma, e a destra dell'icona di colore c'è una miniatura della maschera vettoriale:

I livelli forma hanno un'icona di campione di colore sul lato sinistro e una miniatura della maschera vettoriale a destra.

Come ho detto prima, non dobbiamo preoccuparci di scegliere il colore giusto per la forma perché possiamo facilmente cambiare il colore di riempimento della forma una volta creata. Per fare ciò, fai doppio clic sull'icona del campione di colore del livello forma:

Per modificare il colore corrente di una forma, fai doppio clic sull'icona del campione di colore

Photoshop riaprirà la tavolozza dei colori in cui possiamo scegliere un colore diverso per la nostra forma. Questa volta sceglierò il blu:

Seleziona un colore diverso dalla tavolozza dei colori

È abbastanza facile tornare indietro e cambiare il colore della forma in qualsiasi momento.

A destra dell'icona del campione di colore sul livello forma è presente la miniatura di una maschera vettoriale. L'area bianca nella miniatura rappresenta la nostra figura. Le maschere vettoriali sono simili alle normali maschere di livello in quanto coprono parzialmente un livello, lasciando visibili alcune aree. In altre parole, quando disegniamo una forma vettoriale, il programma riempie effettivamente l'intero livello con il colore selezionato, ma la maschera mostra solo il colore all'interno dell'area della forma, mentre il colore sul resto dell'area del livello è nascosto. Quando si lavora con gli strumenti del gruppo "Forme", ovviamente, non è affatto necessario sapere come funziona una maschera vettoriale, ma è sempre bello capire come funzionano gli strumenti. L'area grigia attorno alla forma nella miniatura della maschera vettoriale rappresenta l'area del livello in cui il colore non è visibile, mentre l'area bianca nella miniatura rappresenta l'area del livello colorato:

L'area bianca sulla maschera vettoriale rappresenta l'area del livello in cui il colore è visibile

Per renderci più semplice vedere come Photoshop esegue il rendering di una forma vettoriale, possiamo disabilitare temporaneamente le maschere vettoriali tenendo premuto il tasto Maiusc mentre facciamo clic sulla miniatura della maschera vettoriale:

Tieni premuto il tasto Maiusc e fai clic sulla maschera vettoriale per disattivarla

Dopo aver disattivato la maschera vettoriale, il livello si apre e possiamo vedere che è tutto riempito con il colore blu che ho scelto per riempire la forma. Se osserviamo più da vicino, possiamo vedere un sottile contorno della posizione della forma sul livello:

Dopo aver disattivato la maschera vettoriale, puoi vedere che l'intero livello è pieno di colore

Per riattivare la maschera vettoriale, tieni semplicemente premuto il tasto Maiusc mentre fai nuovamente clic sulla miniatura della maschera nel pannello Livelli. Dopo aver attivato la maschera, il colore rimarrà solo all'interno dell'area della forma, mentre il colore nel resto del livello sarà nascosto alla vista. Le aree bianche attorno alla forma nella finestra del documento appartengono al livello di sfondo sottostante:

Documento dopo aver riattivato la maschera vettoriale

Ora che abbiamo appreso i livelli forma, diamo un'occhiata ad altre forme che puoi disegnare in Photoshop utilizzando gli strumenti del gruppo Forme.

Strumento Rettangolo arrotondato

Lo strumento Rettangolo arrotondato è molto simile allo strumento Rettangolo, tranne per il fatto che ci consente di disegnare rettangoli arrotondati. Regoliamo il grado di arrotondamento degli angoli utilizzando l'opzione Raggio nel pannello delle impostazioni. Maggiore è il valore del raggio immesso, più arrotondati diventeranno gli angoli. Nel mio caso, inserirò un valore Raggio di 50 pixel:

Utilizzare l'opzione Raggio per determinare il grado di arrotondamento degli angoli

Per disegnare un rettangolo arrotondato, dopo aver inserito un valore di raggio, fare clic nella finestra del documento per definire il punto iniziale della forma e quindi, tenendo premuto il pulsante del mouse, trascinare il cursore del mouse per completare il disegno della forma. Proprio come con la forma Rettangolo, mentre muovi il cursore il programma visualizzerà un contorno sottile della forma:

Trascina il cursore per disegnare un rettangolo arrotondato dopo aver inserito un valore di raggio nella barra delle opzioni

Quando rilasci il pulsante del mouse, Photoshop finirà di disegnare la forma e riempirla di colore:

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

Di seguito è riportato un altro rettangolo con il raggio impostato su 150 pixel. Questo valore è così grande (almeno per questa figura) 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 raggio piccolo di 10 pixel, che arrotonda solo leggermente gli angoli della forma:

Un valore di raggio basso arrotonda meno gli angoli

Purtroppo non esiste un'anteprima del grado di arrotondamento degli angoli. Possiamo vedere quanto sono arrotondati gli angoli solo dopo aver disegnato un rettangolo. Inoltre, non possiamo modificare il valore del raggio mentre disegniamo la forma, come è disponibile in Illustrator. Photoshop inoltre non ci consente di tornare indietro e nemmeno di regolare leggermente l'arrotondamento degli angoli dopo aver disegnato la forma.

Tutto ciò significa che disegnare rettangoli arrotondati è essenzialmente una questione di tentativi ed errori. Se non ti piacciono gli angoli arrotondati della forma dopo averla disegnata, premi Ctrl+Z (Win)/Comando+Z (Mac) per annullarli rapidamente, quindi inserisci un nuovo valore di raggio nella barra delle opzioni e inizia disegnando nuovamente il rettangolo.

Proprio come lo strumento Rettangolo, puoi utilizzare lo strumento Rettangolo arrotondato per disegnare quadrati arrotondati. Basta premere e tenere premuto il tasto Maiusc dopo aver iniziato a disegnare la forma e il rettangolo arrotondato assumerà la forma di un quadrato arrotondato. Tieni premuto Alt (Win)/Opzione (Mac) per disegnare la forma dal centro.

Se facciamo clic sulla piccola freccia nella barra delle opzioni per aprire il menu Opzioni avanzate per lo strumento Rettangolo arrotondato, vedremo che le opzioni Stile libero, Quadrato e Centro sono le stesse delle opzioni dello Strumento Rettangolo. Ancora una volta, sappiamo già come selezionare queste opzioni utilizzando scorciatoie da tastiera e singoli tasti:

Gli strumenti Rettangolo e Rettangolo arrotondato dispongono delle stesse opzioni avanzate

Strumento Ellisse

Lo strumento Ellisse ci consente di disegnare ellissi e cerchi. Proprio come con gli strumenti Rettangolo e Rettangolo arrotondato, fai clic nella finestra del documento per definire il punto iniziale della forma e quindi, tenendo premuto il pulsante del mouse, trascina il cursore del mouse per terminare di disegnare la forma:

Disegnare un'ellisse utilizzando lo strumento Ellisse

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

Ellisriempitocolore

Tieni premuto il tasto Maiusc dopo aver iniziato a lavorare con lo strumento Ellisse per disegnare un cerchio perfettamente dritto. Premendo Alt (Win) / Opzione (Mac) potrai disegnare la forma dal centro:

Inizia a disegnare e quindi aggiungi le sequenze di tasti Maiusc per creare un cerchio perfettamente uniforme

Facendo clic sulla piccola freccia nella barra delle opzioni si apriranno le opzioni dello strumento Ellisse, che sono simili agli strumenti Rettangolo e Rettangolo arrotondato. L'unica differenza è che l'opzione dello strumento Ellisse ti consente di disegnare cerchi anziché quadrati:

Lo strumento Ellisse ha quasi le stesse opzioni degli strumenti Rettangolo e Rettangolo arrotondato.

Strumento Poligono

Lo strumento Poligono è più interessante per noi in termini di capacità di disegnare forme. Mentre con lo strumento Rettangolo possiamo disegnare solo rettangoli con quattro lati, lo strumento Poligono ci permette di disegnare poligoni con tutti i lati che desideriamo. Successivamente vedremo come puoi persino disegnare le stelle usando questo strumento.

Specifica il numero di lati richiesti per il poligono nella casella di opzione Lati nel pannello delle impostazioni. Il valore predefinito per Lati è 5, ma puoi inserire qualsiasi numero compreso tra 3 e 100:

Utilizza l'opzione Lati per indicare a Photoshop quanti lati avrà la tua forma poligonale

Dopo aver specificato il numero di lati, posiziona il cursore nella finestra del documento e inizia a trascinare per disegnare una forma poligonale. Photoshop disegna sempre forme poligonali dal centro, quindi non è necessario tenere premuto il tasto Alt (Win)/Opzione (Mac). Premendo e tenendo premuto il tasto Maiusc dopo aver iniziato a disegnare un poligono potrai limitare il numero di angoli della tua forma e posizionarla esattamente come desideri sullo schermo:

Lo strumento Poligono è indispensabile quando dobbiamo disegnare una forma diversa dal quadrilatero

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

Un triangolo semplice disegnato con lo strumento Poligono

Ecco un poligono con 12 lati:

PoligonoCondodicipartiti

Disegnare stelle con lo strumento Poligono

Per disegnare una stella utilizzando lo strumento Poligono, fai clic sulla piccola freccia nella barra delle opzioni per aprire l'elenco delle opzioni dello strumento Poligono e seleziona l'opzione Stella:

Dall'elenco delle opzioni per lo strumento Poligono, seleziona "Stella"

Dopo aver selezionato l'opzione “Stella”, fare clic con il mouse nella finestra del documento e trascinare il cursore per disegnare una stella. L'opzione Lati nel pannello delle impostazioni determina il numero di punti sulla stella. Quindi, se il valore predefinito del parametro è cinque, otterremo una stella a cinque punte:

Per impostazione predefinita, le parti superiori delle stelle hanno angoli acuti, ma possiamo arrotondarli selezionando l'opzione Angoli smussati:

Seleziona l'opzione "Angoli esterni smussati"

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

L'opzione Smussa angoli esterni ammorbidisce l'angolarità delle stelle

Possiamo anche arrotondare gli angoli alla base dei raggi della stella selezionando l'opzione Rientri uniformi:

Seleziona l'opzione "Angoli interni smussati"

E ancora, la nostra stella sembra completamente diversa:

Una stella disegnata con l'opzione Smussa angoli interni selezionata

Strumento Linea

Infine, esamineremo lo strumento Linea, che è l'ultimo strumento nel gruppo Forme geometriche. Ci permette di disegnare linee rette e frecce. Imposta lo spessore della linea desiderato in pixel inserendo un valore nella casella del parametro Peso nel pannello delle impostazioni. Nel mio caso, inserirò un valore di 16 pixel:

Utilizzare l'opzione Spessore per determinare lo spessore della linea

Quindi fare clic nella finestra del documento e trascinare il cursore per tracciare una linea. Una volta che hai iniziato a disegnare una linea, tieni premuto il tasto Maiusc per limitare la direzione in cui può spostarsi il cursore. Ciò ti consentirà di disegnare facilmente linee orizzontali o verticali:

Tieni premuto il tastoSpostare per disegnare linee orizzontali o verticali

Per impostare le frecce alle estremità della linea, fai clic sulla piccola icona della freccia nel pannello delle impostazioni per selezionare le opzioni Frecce. Photoshop ci consente di aggiungere frecce all'inizio di una riga, alla fine o ad entrambe le estremità contemporaneamente. Se vuoi avere una freccia nella direzione in cui disegni la linea, che è più logica, seleziona l'opzione Fine. Assicurati di selezionare questa opzione prima di iniziare a disegnare la linea, poiché il programma non ci consentirà di tornare indietro e definire la freccia dopo aver tracciato la linea:

Per aggiungere una freccia nella direzione in cui è stata disegnata la linea, seleziona l'opzione Fine.

Di seguito è riportata una linea simile alla linea precedente che ho disegnato, ma con una freccia alla fine:

Lo strumento Linea semplifica il disegno delle frecce

Se la dimensione predefinita della freccia non ti soddisfa, puoi modificarla utilizzando i parametri Larghezza e Lunghezza. Possiamo anche aggiungere una piega alla freccia usando il parametro "Curvatura". Per impostazione predefinita, il valore di questo parametro è 0%. Lo aumenterò al 50%:

Aumentare il valore Curvatura per modificare la forma della freccia

Di conseguenza, la forma della freccia cambierà. Ancora una volta, assicurati di selezionare l'opzione Curvatura prima di iniziare a disegnare la linea, altrimenti dovrai eliminare la forma e ridisegnarla:

Freccia con curvatura impostata al 50%

Nascondere il contorno attorno a una forma

Se osservi attentamente una forma che hai disegnato (indipendentemente dallo strumento Forme che hai utilizzato), probabilmente vedrai un contorno sottile attorno ad essa, che a volte può essere fastidioso. Il contorno attorno alla forma appare ogni volta che viene selezionata la maschera della forma vettoriale ed è sempre selezionato per impostazione predefinita dopo aver disegnato una nuova forma.

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

Fare clic sulla miniatura della maschera vettoriale per deselezionarla e nascondere il contorno attorno alla forma

E ora abbiamo finito! Abbiamo trattato le nozioni di base per lavorare con i livelli forma e i cinque strumenti Forme in Photoshop! Nel prossimo tutorial impareremo come creare forme più complesse utilizzando lo strumento Forma personalizzata.

Traduzione: Ksenia Rudenko

Abbiamo parlato del disegno in Photoshop utilizzando matita e pennello. Le linee a mano libera sono fantastiche, ma spesso capita che sia necessario rappresentare una figura geometrica uniforme. Righelli e compassi appartengono al passato e ora puoi farlo utilizzando semplici strumenti di editor.

Per selezionarne uno, fare clic sull'icona Forme nella tavolozza degli strumenti.

Indipendentemente dallo strumento di gruppo selezionato, nella barra delle opzioni verranno visualizzati i seguenti elementi, comuni a tutte le forme.

  • Seleziona la modalità strumento. Qui puoi sceglierne uno tra tre.
  1. Figura. Il valore è impostato su quello predefinito e crea una figura geometrica vettoriale su un livello separato, ovvero accade ciò che ti aspetti dallo strumento.
  2. Circuito. Il contorno della figura è disegnato senza riempimento.
  3. Pixel. Non crea un vettore, ma una figura raster.
  • Riempimento. Consente di personalizzare il colore e il tipo (gradiente, ombreggiatura) della figura disegnata.
  • Colpo. Impostazioni del contorno della forma: spessore, tipo, colore.
  • Larghezza e altezza. Permettono di chiarire la dimensione della figura quando è inammissibile farlo "a occhio".

Come sempre, crea un nuovo documento con uno sfondo bianco. I restanti parametri possono essere lasciati come predefiniti o selezionati a vostra discrezione.

Rettangolo

Seleziona la forma Rettangolo e, per disegnarla, fai clic sulla tela e quindi trascina il puntatore tenendo premuto il pulsante del mouse. Il punto in cui hai fatto clic sarà l'angolo della forma.

Nella barra delle opzioni, fare clic sull'icona. Si aprirà la finestra delle impostazioni geometriche.

Per impostazione predefinita, l'interruttore è impostato su Rettangolo. Se lo imposti su Quadrato, quando disegni otterrai sempre una forma con la stessa lunghezza dei lati. Un effetto simile si può ottenere senza premere il checkbox: per ottenere un quadrato mentre si disegna un rettangolo, basta tenere premuto il tasto Maiusc.

Se i parametri del tuo rettangolo sono noti in anticipo, imposta l'interruttore sulla posizione Dimensione specificata e specifica i valori richiesti nei campi. La figura verrà disegnata completamente non appena si fa clic sulla tela con il pulsante del mouse.

Dopo aver impostato l'interruttore sulla posizione Imposta proporzioni, nei campi di input che diventano disponibili, è possibile specificare le proporzioni della figura creata.

La casella di controllo Dal centro ti consente di disegnare un rettangolo dal centro, anziché dal punto più esterno.

Rettangolo con angoli arrotondati

L'elemento successivo nell'elenco delle forme geometriche. È chiaro che differisce dal solito nell'arrotondamento degli angoli. Di conseguenza, le impostazioni per questa figura e per il rettangolo sono quasi identiche. Il raggio del raccordo può essere specificato nel campo corrispondente nella barra delle opzioni.

Ellisse

I parametri sono gli stessi di un rettangolo, solo che invece di un quadrato puoi disegnare un cerchio. Per fare ciò, nella finestra delle impostazioni della geometria, seleziona la casella Cerchio o tieni premuto il tasto Maiusc mentre disegni.

Poligono

Con questo strumento puoi disegnare un triangolo, un dodecaedro, un icosaedro, una stella o qualsiasi forma che contenga da tre a cento lati. Il loro numero può essere impostato nel campo di input Party situato nel pannello dei parametri.

La finestra delle impostazioni geometriche è notevolmente diversa dalle figure precedenti.

  • Raggio. Questo campo specifica il raggio del futuro poligono.
  • Angoli esterni lisci. Se la casella è selezionata, gli angoli saranno arrotondati; in caso contrario, gli angoli saranno acuti, come in un poligono classico.
  • Stella. Seleziona la casella se vuoi ricevere una stella come output.
  • Profondità dei raggi. Questo campo di input specifica quanto saranno lunghi i raggi.
  • Leviga gli angoli interni. Seleziona questa casella se desideri che gli angoli interni siano arrotondati, come mostrato nell'immagine qui sotto.

Linea

Usa questo strumento per creare linee veramente dritte: a mano libera semplicemente non è pratico. Per ottenere la massima precisione configurare i parametri geometrici nell'apposita finestra.

  • Inizio. Se la casella è selezionata, invece di una linea otterrai una freccia che verrà disegnata nel punto in cui hai fatto clic con il pulsante del mouse.
  • FINE. Seleziona la casella di controllo per aggiungere una freccia alla fine della riga.
  • Larghezza. Indicato in percentuale rispetto allo spessore (impostabile nel pannello parametri nel campo omonimo).
  • Lunghezza. Si calcola allo stesso modo della larghezza, in relazione allo spessore, in percentuale.
  • Curvatura. Il valore varia da -50% a 50% e determina quanto verrà curvata la parte più larga della freccia. La figura mostra frecce con curvatura dello 0%, 30% e 50% (dall'alto verso il basso).

Figura libera

Per non creare uno strumento separato per ciascuna delle decine di forme rimanenti, gli sviluppatori le hanno combinate qui. Tutti gli elementi del pannello dei parametri ti sono già familiari, tranne quello più importante: il pulsante Forma, facendo clic sul quale si apre la finestra di selezione della forma.

Se fai clic sull'ingranaggio situato sul lato destro della finestra, si aprirà un menu di opzioni aggiuntive, contenente categorie di forme.

Grazie agli strumenti discussi, puoi letteralmente disegnare un numero enorme di forme in soli due clic, la cui creazione manuale richiederebbe molto tempo.

Non appena rilasci il pulsante del mouse, Photoshop riempie la forma con il colore o il tipo di riempimento selezionato nella barra delle opzioni:



Non appena rilasci il pulsante sinistro del mouse, Photoshop riempie la forma con un colore o un altro riempimento preimpostato.

Modificare le dimensioni di una forma dopo averla disegnata

Dopo aver disegnato la forma iniziale (nel nostro caso, un rettangolo), le sue dimensioni attuali verranno visualizzate nei campi di input "Larghezza" (L) e "Altezza" (A) nel pannello delle opzioni.
Qui vediamo che il mio rettangolo è largo 464 pixel e alto 257 pixel:


L'altezza e la larghezza della forma vengono visualizzate nei campi di input corrispondenti nella barra delle opzioni.

Se devi ridimensionare la forma di Photoshop finita (e questo funziona con tutti gli strumenti di forma vettoriale, non solo con Rettangolo), inserisci semplicemente la dimensione desiderata nei campi Larghezza e/o Altezza. Ad esempio, supponiamo che improvvisamente debba modificare la larghezza del rettangolo a 500 pixel. Tutto quello che devo fare è inserire un valore di 500px nel campo Larghezza nella barra delle opzioni. Se necessario, puoi modificare l'altezza allo stesso modo.

Se desideri modificare la larghezza o l'altezza, ma allo stesso tempo mantenere le proporzioni originali della forma, fai prima clic sulla piccola icona a catena situata tra i campi di input di larghezza e altezza:


Fai clic su questa icona se desideri che le proporzioni rimangano le stesse quando si modifica la lunghezza o la larghezza della forma.

Come preimpostare la dimensione di una forma prima di disegnarla

Se conosci in anticipo la larghezza e l'altezza esatte della forma che stai creando, Photoshop ha un'opzione per costruire la forma secondo le dimensioni specificate.

Per iniziare, seleziona lo strumento desiderato per costruire forme vettoriali. Quindi fai semplicemente clic con il pulsante sinistro del mouse in un punto qualsiasi all'interno della finestra del documento, che aprirà una finestra di dialogo in cui puoi inserire i valori di larghezza e altezza. Fai clic su OK per chiudere la finestra di dialogo e Photoshop disegnerà automaticamente la forma desiderata:



Finestra di dialogo per costruire una figura con dimensioni predefinite.

Disegnare forme dal centro

Ecco alcune scorciatoie da tastiera semplici ma molto utili. Se tieni premuto il tasto Alt e trascini il cursore per creare una forma, inizierai a disegnarla dal centro anziché da un angolo. Questa regola funziona con qualsiasi strumento forma di Photoshop, non solo con lo strumento Rettangolo. Ma quando si costruisce una figura dal centro, è necessario tenere conto di un punto importante. Il tasto Alt deve essere tenuto premuto Dopo come inizi a creare la figura, ad es. Dopo di che, mentre premi il pulsante sinistro del mouse e inizi a trascinare il cursore. Dovresti anche rilasciare Alt Dopo di che, quando rilasci il pulsante sinistro del mouse, ad es. dopo aver finito di costruire la figura:



Tieni premuto il tasto Alt per iniziare a costruire la forma dal suo centro. Il cerchio mostra il punto di partenza per costruire la figura.

Disegnare quadrati

Per disegnare un quadrato perfetto utilizzando lo strumento Rettangolo, fai clic all'interno del documento per impostare il punto iniziale e inizia a trascinare come al solito. Una volta iniziato a trascinare, tieni premuto il tasto Maiusc. Ciò farà sì che il rettangolo si trasformi in un quadrato. Ancora una volta, rilascia Shift solo dopo aver rilasciato il pulsante del mouse. Puoi anche combinare i tasti Maiusc e Alt per costruire un quadrato perfetto partendo dal centro:

Tieni premuto il tasto Maiusc mentre trascini per disegnare un quadrato.

Ancora una volta, durante il processo di creazione di una forma, vedrai solo un contorno vuoto e non appena rilasci il pulsante del mouse (ovvero, finisci di creare la forma), Photoshop riempirà di colore il contorno finito.

In Photoshop puoi disegnare diverse versioni di un quadrato. Un quadrato pieno e un quadrato con cornice. È meglio disegnare quadrati utilizzando oggetti vettoriali, in particolare utilizzando lo strumento Rettangolo.

Strumento rettangolo

Seleziona le forme (tasto orizzontale U), quindi lo strumento Rettangolo (Strumento Rettangolo), guarda lo screenshot qui sotto.

Imposta la proprietà "Pixel di riempimento".

Seleziona il colore di riempimento del quadrato (il primo colore nella barra degli strumenti), disegna un quadrato tenendo premuto il tasto Maiusc.

Quadrato con cornice

Il quadrato dovrebbe essere disegnato su un nuovo livello vuoto, senza alcun riempimento. Puoi creare un nuovo livello premendo contemporaneamente i tasti Alt + Ctrl + Maiusc + N.

  1. Percorsi di installazione (percorsi in russo);
  2. Disegna un quadrato tenendo premuto il tasto Maiusc;

Converti il ​​quadrato vettoriale in una selezione (Seleziona) premendo Ctrl + Invio.

Dipingi la selezione (in questo caso, bianca).

Alt + ← BackSpace: primo colore selezionato.

Ctrl + ← BackSpace: secondo colore selezionato.

Fare clic con il tasto destro sul livello quadrato e selezionare Opzioni di fusione.

Negli stili, seleziona "Tratto" e imposta lo spessore della cornice in pixel e il colore della cornice. Puoi sperimentare altre opzioni.

Il risultato è un quadrato con un bordo rosso spesso 3 pixel.

Creare un rettangolo in Photoshop è un compito abbastanza semplice che può essere eseguito anche da un principiante. Ti consiglio di imparare a disegnare questa semplice figura, poiché questa abilità può esserti utile per molti compiti. Che si tratti di progettazione di siti Web, cornici per foto o correzione di immagini. Nonostante le dimensioni apparentemente grandi della lezione, affronterai questo compito in pochi minuti.

Ti mostrerò diversi modi per disegnare un rettangolo, di cui avrai bisogno un giorno.

Cominciamo con le cifre. Creiamo un nuovo documento. 1000 per 1000 pixel saranno abbastanza.

Ora vai sulla barra degli strumenti e cerca lo strumento rettangolo.


Tenere premuto il pulsante destro del mouse e trascinare nell'area di lavoro.



Il rettangolo è pronto! Per eliminare il sottile bordo nero, rasterizza il livello. Troverai la rasterizzazione nella finestra dei livelli.


Ora il secondo modo. Zona selezionata.

Nel pannello superiore, cerca la scheda "Livelli" e creane una nuova.


Ora è il momento di familiarizzare con uno degli strumenti più popolari di Photoshop: l'area di selezione, che si trova nella parte superiore della barra degli strumenti laterale.


Ci spostiamo attraverso il campo di lavoro tenendo premuto il pulsante destro del mouse.


Si è formata un'area selezionata che dobbiamo riempire. Passiamo quindi allo strumento “Seleziona colore primario”. Cliccandoci sopra, apriamo la mappa dei colori e selezioniamo qualsiasi tonalità che ci piace.

Cerchiamo lo strumento “Riempi”, selezionalo e facciamo clic sull'area selezionata.



E ora la combinazione di tasti è ctrl+d e la selezione viene rimossa! Il rettangolo è pronto!



Il terzo metodo ci insegnerà come disegnare un triangolo trasparente in Photoshop, che viene spesso utilizzato come cornice per foto. Disegnarlo è altrettanto facile. Crea un nuovo livello, seleziona un'area selezionata rettangolare e posizionala sull'area di lavoro. In generale, eseguiamo tutti i passaggi precedenti.


Ora accarezzeremo l'area selezionata, per la quale andiamo al pannello superiore e facciamo clic sulla scheda "Modifica". A noi interessa il comando “Tratto”.


Come puoi vedere, è apparsa una finestra di dialogo che ci chiede di selezionare lo spessore della linea, il colore del tratto e la posizione del bordo. Imposta i parametri secondo i tuoi gusti oppure scegli i miei.


Premi la combinazione di tasti ctrl+d per deselezionare e goderti il ​​risultato.

Come puoi vedere, abbiamo una cornice a tutti gli effetti sotto forma di un triangolo trasparente.


Abbiamo già imparato come creare un rettangolo in Photoshop. Impariamo come modificarlo! Ad esempio, proviamo a cambiare il colore e la dimensione.


Come avrai notato, ti consiglio di creare un nuovo livello per disegnare il rettangolo. E questo non è senza ragione. Il tuo rettangolo non è vincolato all'area di lavoro. Puoi modificarlo quanto vuoi, mentre l'area di lavoro rimarrà invariata. Vorrei avvisarti che questi metodi si applicano a un rettangolo creato con uno qualsiasi dei metodi sopra.

Per prima cosa, proviamo a cambiare il colore. Ancora una volta, ci sono diversi metodi. Il primo è lo strumento di riempimento. Seleziona il colore desiderato dalla barra degli strumenti. Quindi fare clic sullo strumento di riempimento. E poi lungo il nostro rettangolo.

C'era un rettangolo giallo, ma è diventato verde. Molto semplice, non credi?


Il secondo modo sono le opzioni di fusione. Nell'ultima parola cerchiamo quella che ci serve e facciamo clic su di essa con il tasto sinistro del mouse.


Nella finestra di dialogo visualizzata, seleziona la casella accanto a "Sovrapposizione colore". Clicca sulla casella piena di colore e seleziona quello che ti piace.


Esistono molti modi per cambiare il colore di un rettangolo. Ma puoi facilmente limitarti a due principali.

Ora insegniamomi la dimensione del rettangolo.


Ridimensionare un rettangolo in Photoshop è estremamente semplice. Selezionare lo strumento Sposta e fare clic sul rettangolo.



Trascinando un angolo con il mouse è possibile modificarne le dimensioni. E giralo anche sull'asse.