Come impostare le dimensioni di un rettangolo in Photoshop. Come disegnare in Photoshop
Il modo più semplice per disegnare un rettangolo in Photoshop è utilizzare lo strumento Rettangolo (Rettangolo). Strumento " Strumento rettangolo»Appartiene al gruppo di strumenti per disegnare forme e occupa un posto d'onore in esso.
Lo strumento Rettangolo nella tavolozza degli strumenti di Photoshop
Certo, puoi semplicemente prendere lo strumento Rettangolo dalla tavolozza degli strumenti di Photoshop. E puoi attivarlo usando i tasti di scelta rapida. Premendo il tasto si attiva l'ultimo strumento del gruppo di strumenti per disegnare forme utilizzato. Se non lo fosse " Rettangolo", Quindi dovresti usare la scorciatoia da tastiera, che ti consente di passare da uno strumento all'altro all'interno di questo gruppo.
Modalità di disegno
Un rettangolo, come qualsiasi altra forma in Photoshop, può essere disegnato in una delle seguenti modalità:
- " Shape" (Figura), quando viene creato un tracciato vettoriale con un "riempimento" raster. Tale rettangolo può essere riempito con un colore solido, una sfumatura o un motivo. Ogni forma disegnata nella modalità Forma viene posizionata su un livello separato, contrassegnato da un'icona speciale, che informa l'utente che un oggetto vettoriale si trova in questo livello. Successivamente, puoi tornare a qualsiasi forma creata e modificarne la forma, il riempimento e il tratto;
- "Path" (Contour), quando viene creato un percorso vettoriale che esegue funzioni ausiliarie. Tale rettangolo non fa parte dell'immagine, ma può essere convertito, ad esempio, in un'area di selezione o utilizzato per ottenere una maschera vettoriale. Tutti i percorsi disegnati in modalità Percorso sono elementi temporanei finché non vengono salvati. Per controllare i percorsi in Photoshop, c'è un pannello " Percorsi"(Contorni). Qualsiasi contorno, in quanto primitiva vettoriale, è sempre modificabile;
- "Pixel" (Pixel), quando un certo numero di pixel di un determinato colore viene aggiunto al documento. Tale rettangolo diventa immediatamente parte della bitmap. Quando si disegna in modalità Pixel, non vengono creati tracciati vettoriali e non vengono aggiunti livelli aggiuntivi. Il quadrilatero disegnato in esso prenderà il suo posto nel livello corrente. In futuro, puoi lavorarci allo stesso modo di qualsiasi altra immagine raster.
Per selezionare la modalità in cui vuoi disegnare un rettangolo, dovresti fare riferimento a " Barra delle opzioni"(Pannello Opzioni) quando lo strumento" Strumento rettangolo»Già attivo. Tutte le modalità possibili sono presentate nell'elenco a discesa "Modalità strumento di selezione" (che nella versione russa di Photoshop è tradotto come " Modalità strumento di selezione', anche se una traduzione più accurata sarebbe ' Selezione della modalità operativa dello strumento»).
Seleziona l'elenco a discesa della modalità strumento per lo strumento Rettangolo
La modalità selezionata determina non solo le proprietà dell'oggetto futuro, ma anche i parametri che saranno disponibili nel pannello delle opzioni durante la sua creazione. Per la maggior parte, questi parametri sono assolutamente gli stessi per tutte le "Figure", quindi non saranno considerati nell'ambito di questo articolo. Inoltre, parleremo solo di quei parametri univoci dello strumento Rettangolo, che determinano la forma, le dimensioni e la posizione del rettangolo.
Determinare le proporzioni, le dimensioni e la posizione di un rettangolo
Nel caso più generale, per disegnare un rettangolo in Photoshop, devi:
- Prendi lo strumento "Strumento rettangolo";
- Selezionare la modalità di disegno dall'elenco a discesa "Modalità strumento di selezione";
- Premi il pulsante sinistro del mouse nel punto della finestra del documento in cui dovrebbe trovarsi uno dei vertici del rettangolo;
- Tenendo premuto il tasto sinistro del mouse, spostare il cursore nel punto in cui dovrebbe trovarsi il suo vertice opposto;
- Rilascia il pulsante del mouse.
Ma questo non è l'unico modo per disegnare un rettangolo in Photoshop. Per determinare la forma e le dimensioni richieste della futura figura geometrica, puoi ricorrere all'aiuto o all'uso. Inoltre, nel processo di costruzione di un rettangolo, puoi utilizzare.
Pannello delle opzioni
In Photoshop, per ogni strumento del gruppo di strumenti per la creazione di forme, vengono offerte una serie di opzioni specifiche, uniche per esso. Queste opzioni sono presentate in un menu a discesa, che viene richiamato facendo clic sull'icona a forma di ingranaggio su " Barra delle opzioni"(Pannello Opzioni).
Menu a discesa con le opzioni per lo strumento Rettangolo
Le seguenti opzioni sono disponibili per lo strumento Rettangolo nella barra delle opzioni:
- " Unconstrained" (Arbitrario), che è attivo per impostazione predefinita. Il suo utilizzo permette di disegnare rettangoli di forme e dimensioni arbitrarie, seguendo la sequenza di azioni appena presentata;
- " Quadrato"(Quadrato), la cui scelta farà sì che tutti i lati e gli angoli del quadrilatero disegnato siano uguali tra loro;
- " Dimensione fissa"(Dimensione specificata), se attivato, è possibile determinare immediatamente le dimensioni esatte del futuro rettangolo. Selezionandolo si rendono disponibili due campi di testo: “W” (W) e “H” (H), nei quali è possibile inserire rispettivamente la larghezza e l'altezza desiderate del rettangolo. Quindi resta solo da indicare il luogo in cui dovrebbe essere posizionata la figura;
- " Proporzionale" (Imposta proporzioni), se attivato, è possibile impostare le proporzioni del futuro rettangolo. Quando viene selezionato, diventano disponibili anche due campi: "W" (W) e "H" (H), in cui è possibile inserire, rispettivamente, il rapporto richiesto tra la larghezza del rettangolo e la sua altezza. Quindi, quando si disegna un quadrilatero, avrà sempre le proporzioni specificate;
- "Dal centro" (Dal centro), se abilitato, il punto di partenza quando si disegna un rettangolo non sarà uno dei vertici, ma il suo centro geometrico. Questa opzione può essere utilizzata in combinazione con una qualsiasi delle opzioni di cui sopra.
Tasti di scelta rapida
Quando lavori con lo strumento Rettangolo, puoi utilizzare i tasti di scelta rapida. Quindi, se nel processo di disegno di un rettangolo:
- Tieni premuto il tasto, il rettangolo verrà creato sotto forma di un quadrato. Disegnare un rettangolo con il tasto premuto procede esattamente come se fosse stata selezionata l'opzione "Quadrato" per lo Strumento Rettangolo;
- Tieni premuto il tasto, quindi il punto base del rettangolo creato sarà il suo centro geometrico. Ovvero, l'azione del tasto premuto equivale ad attivare l'opzione “Dal Centro” per lo Strumento Rettangolo”;
- Tieni premuti due tasti contemporaneamente: e , quindi il rettangolo creato sarà un quadrato e il suo punto base sarà il suo centro geometrico. In altre parole, i tasti e hanno lo stesso effetto dell'opzione "Quadrato" in combinazione con l'opzione "Dal centro" impostata per lo strumento Rettangolo nella barra delle opzioni;
- Tieni premuto il tasto (Spazio), quindi puoi modificare la posizione del rettangolo creato e, dopo aver rilasciato il tasto, continuare a disegnare la figura, ma in una nuova posizione.
In questa finestra ci sono due campi di testo: " Larghezza"(Larghezza) e" Altezza»(Altezza), dove puoi inserire le dimensioni desiderate della figura. Ha anche la possibilità di attivare l'opzione "Dal centro"(Dal centro). Se l'opzione "Dal centro" è attiva, il punto specificato per richiamare la finestra di dialogo sarà il centro geometrico del rettangolo, altrimenti il suo vertice in alto a sinistra. Dopo aver impostato i parametri appropriati, è necessario fare clic su " ok", Dopodiché il rettangolo apparirà immediatamente nel punto in cui è stato fatto il clic per richiamare la finestra di dialogo " Crea rettangolo".
Quanto segue mostra tutte le tecniche descritte in questo articolo che possono essere utilizzate quando si disegna un rettangolo utilizzando lo strumento Rettangolo in Photoshop.
Video per l'articolo
Forse la figura geometrica più comune è un rettangolo o un quadrato, che è essenzialmente la stessa cosa. L'unica differenza è che tutti i lati di un quadrato sono uguali.
Ma la conversazione non riguarda questo. In questo tutorial di Photoshop imparerai come creare un rettangolo usando due metodi. Iniziamo!
Metodo n. 1: utilizzo dello strumento Rettangolo
Vai alla barra degli strumenti sul lato sinistro dello schermo e trova il gruppo "Forme", dove, al passaggio del mouse, si aprirà un elenco con tutte le forme disponibili. Abbiamo bisogno del primo in assoluto: "Rettangolo".
Grazie a questo fantastico strumento, saremo in grado di costruire un rettangolo di qualsiasi dimensione con le proporzioni desiderate. In questo caso, la qualità non si deteriorerà nemmeno durante il ridimensionamento, perché. la figura è creata in un vettore. È possibile impostare i parametri desiderati della figura nel menu orizzontale superiore del programma. Fondamentalmente, vengono impostate le impostazioni per il riempimento, il bordo e lo spessore delle linee che formano la forma.
Grazie al tasto premuto SPOSTARE sarai in grado di disegnare un rettangolo con i lati uguali sulla tela, ad es. piazza. Puoi anche impostare inizialmente la dimensione della forma nel pannello superiore:
Dopo aver impostato le dimensioni, è necessario fare clic sulla tela, dopodiché verrà visualizzata una piccola finestra in cui sarà necessario confermare la creazione di un rettangolo con i parametri specificati. Se tutto va bene, fai clic su "OK".
Risultato:
Metodo n. 2: utilizzo dello strumento di selezione
Usiamo questo metodo meno spesso, ma a volte aiuta. Per disegnare un rettangolo, dobbiamo trovare il gruppo "Selezione" nella barra degli strumenti e selezionare "Area rettangolare" dall'elenco a discesa. Guarda lo screenshot qui sotto:
Se non è la prima volta che apri il programma Photoshop, dovresti sapere che tipo di strumento è.
Per cominciare, dovremo creare una selezione come un rettangolo sulla tela. Di nuovo, se vuoi fare un quadrato, tieni premuto il tasto MAIUSC.
Ora dobbiamo riempire l'area rettangolare. È possibile richiamare una finestra con i parametri di riempimento utilizzando una combinazione di tasti di scelta rapida MAIUSC+F5.
Puoi farlo ancora più facilmente e selezionare "Riempi" nella barra degli strumenti, quindi fare clic sull'area selezionata nell'area di lavoro.
Per deselezionare, basta fare clic su qualsiasi altra parte della tela o premere una scorciatoia da tastiera CTRL+D.
Importante! Si noti che lo strumento Selezione rettangolare ha anche un pannello delle impostazioni nella parte superiore in cui è possibile impostare le impostazioni desiderate, comprese le proporzioni della forma.
Questo conclude la nostra breve lezione su come disegnare un rettangolo in Photoshop.
Ci vediamo alle nostre prossime lezioni!
Gli strumenti di disegno consentono di creare e modificare forme vettoriali. Semplificano la creazione di vari elementi per le pagine web.
Crea un nuovo file di allenamento.
Fare clic con il tasto sinistro del mouse sullo strumento -forme- sulla barra degli strumenti, si aprirà la finestra di selezione dello strumento:
Ecco le principali forme che possiamo utilizzare. Scegli uno qualsiasi e guarda il pannello delle opzioni:
Per qualsiasi figura, puoi scegliere:
- modalità disegno:
- strato di forma. La forma viene creata su un livello separato. Un livello forma è costituito da un livello di riempimento che definisce il colore della forma e da una maschera vettoriale associata che definisce i contorni della forma. I bordi della forma sono un tracciato che appare nella scheda Tracciati del pannello Livelli.
- contorni. Questa modalità consente di disegnare contorni di forme che possono essere riempite o tratteggiate con un colore arbitrario. I percorsi vengono visualizzati nella scheda Percorsi del pannello Livelli.
- Riempimento pixel. Quando si lavora in questa modalità, non vengono create immagini vettoriali, ma raster, che possono essere elaborate allo stesso modo di qualsiasi immagine raster
- stile e colore
- impostare parametri specifici per questa forma
Scegliamo la prima forma: un rettangolo. Sul pannello, seleziona la modalità - forma del livello. Seleziona uno stile facendo clic sul triangolo a destra.
Scegli quello che preferisci. A proposito, se fai clic sul triangolo nel cerchio (a destra), puoi selezionare stili aggiuntivi nel menu contestuale che si apre. Se non desideri utilizzare uno stile, seleziona un quadrato bianco attraversato da una linea rossa.
Ora puoi impostare i parametri geometrici:
- Arbitrariamente- mentre disegni, così sia.
- Piazza- quando si allunga la forma con il mouse, la larghezza e l'altezza saranno sempre le stesse.
- Dimensione specificata- puoi impostare la larghezza e l'altezza del rettangolo (in cm) e cliccare sulla tela. Apparirà un rettangolo con le dimensioni specificate.
- Imposta le proporzioni- puoi impostare quante volte la larghezza sarà minore (o maggiore) dell'altezza. Quando si allunga la figura, la proporzione verrà preservata.
- Dal centro- disegna un rettangolo dal centro.
- Aggancia ai pixel- i bordi del rettangolo si agganciano ai bordi dei pixel.
Uno strumento piuttosto utile per creare pulsanti e menu per le tue pagine web, vero?
Disegna rettangoli con angoli arrotondati
Selezioniamo la seconda forma: un rettangolo con angoli arrotondati. Sul pannello, seleziona la modalità - la forma del livello, il raggio dell'angolo - ad esempio 15 e il colore (puoi modellarlo come preferisci) I parametri geometrici sono gli stessi del rettangolo.
Ecco cosa ho ottenuto con varie combinazioni di raggio e stile.
Perché non blocchi di notizie e pulsanti di menu?
Disegna cerchi
Scegliamo la terza figura: un'ellisse. Sul pannello, seleziona la modalità: livello forma, colore e stile. I parametri geometrici sono gli stessi di un rettangolo, con l'unica differenza che si può scegliere un cerchio invece di un quadrato. Selezionare -arbitrario- e allungare l'ellisse. Se vuoi che sia un cerchio, tieni premuto il tasto Maiusc o seleziona -cerchio- nei parametri geometrici.
Ecco cosa mi è successo:
Disegna poligoni
Scegliamo una forma: un poligono. Sul pannello, seleziona la modalità - forma del livello, il numero di lati nell'intervallo da 3 a 100 (ad esempio, 3 - per un triangolo, 6 - per un esagono), colore e stile. Considera i parametri geometrici:
- Raggioè il raggio del poligono.
- Angoli esterni lisci
- Stella- con la casella deselezionata, il poligono è convesso, con la casella selezionata, il poligono è concavo.
- Profondità del raggio- se il poligono è concavo, i suoi vertici, per così dire, formano dei raggi. Questo parametro mostra quanto del raggio del poligono sarà occupato dai raggi. Maggiore è la %, più lunghi e nitidi saranno i raggi.
- Angoli esterni lisci- con deselezionato gli angoli sono acuti; con un segno di spunta gli angoli sono arrotondati.
Il primo nonagono ha un raggio di 3 cm, il resto delle caselle è deselezionato.
Il secondo nonagono ha un raggio di 3 cm, il segno di spunta è -stella-, la profondità dei raggi è del 25%, il resto delle caselle di controllo è deselezionato.
Il terzo nonagon ha un raggio di 3 cm, la profondità dei raggi è del 50%, tutte le caselle di controllo sono selezionate.
Tutti hanno uno stile applicato.
Disegna delle linee
Scegliamo una figura: le linee. Sul pannello, seleziona la modalità: forma del livello, spessore della linea (in pixel), colore e stile. Considera i parametri geometrici:
Se tutte le caselle di controllo sono deselezionate, sarà solo una linea, i parametri impostano le frecce alle estremità di questa linea.
- Inizio- freccia all'inizio della riga.
- FINE- freccia alla fine della riga.
- Larghezza- proporzioni della freccia in percentuale dello spessore della linea (dal 10% al 1000%).
- Lunghezza- proporzioni della freccia in percentuale dello spessore della linea (dal 10% al 5000%).
- Curvatura- determina il grado di curvatura della parte più larga della freccia nel punto in cui incontra la linea (da -50% a +50%).
La prima riga è deselezionata, larghezza - 500%, lunghezza - 1000%, spessore - 2 pixel.
La seconda riga ha tutto uguale, ma c'è un segno di spunta all'inizio e una curvatura del 5%.
La terza riga ha tutto uguale, ma la casella di controllo -fine- è spuntata e la casella di controllo -inizio- è deselezionata.
La quarta riga ha entrambe le caselle di controllo, larghezza - 500%, lunghezza - 1000%, curvatura - 15%, spessore - 5 pixel.
Tutti hanno uno stile applicato.
Disegna forme arbitrarie
Scegliamo una cifra - una cifra arbitraria. Sul pannello, seleziona la modalità: livello forma, colore e stile. I parametri geometrici sono gli stessi di un rettangolo. Ma qui c'è una scelta della figura stessa:
Se fai clic sul triangolo nel cerchio (a destra), puoi selezionare forme aggiuntive nel menu contestuale che si apre.
Disegna più forme su un livello
Il principio qui è lo stesso degli strumenti di selezione rettangolari (nella prima lezione, abbiamo creato un'area di selezione non standard utilizzando gli strumenti sulla barra delle opzioni: aggiungi alla selezione, sottrai dalla selezione, ecc.). Gli stessi strumenti sono disponibili nella barra delle opzioni di Forme.
Ad esempio, crea una forma rettangolare, ora nella barra delle opzioni fai clic sull'icona "aggiungi all'area della forma" e ora seleziona una forma ellittica. Sposta il cursore del mouse sul bordo superiore del nostro rettangolo, premi il pulsante sinistro del mouse e, senza rilasciare, allunga l'ellisse. Dovrebbe assomigliare a qualcosa di simile a questo:
Se l'ellisse non è allungata come vorresti, puoi aggiustarla. Per fare ciò, prendi lo strumento -selezione contorno- sulla barra degli strumenti:
Sposta il cursore sul bordo dell'ellisse e, tenendo premuto il pulsante sinistro del mouse, trascina l'ellisse dove dovrebbe essere. Usando tutti questi strumenti, puoi disegnare forme di varia complessità.
Salva forme
Diciamo che ci è piaciuta l'ultima forma che abbiamo creato e vogliamo usarla in futuro. Per fare ciò, devi salvarlo. Per questo menu Modifica -> Definisci forma personalizzata. Dai un nome alla nuova forma.
Ora la nostra forma è apparsa nel pannello a discesa per la selezione di forme arbitrarie.
Questa lezione è finita. La prossima volta ci concentreremo su percorsi e bitmap.
Come disegnare un rettangolo in Photoshop senza riempimento
In questo tutorial ti mostrerò come disegnare un rettangolo in Photoshop senza un riempimento uniforme, ovvero verrà delineato solo il suo perimetro. Dopotutto, un normale rettangolo pieno viene disegnato in modo abbastanza semplice, ma alcune persone hanno problemi con questo.
Apri un'immagine in Photoshop su cui desideri disegnare un rettangolo o creare un nuovo documento.
Apro questa immagine:
Il rettangolo deve essere creato su un nuovo livello, non può essere creato sullo sfondo. Crea un nuovo livello:
Disegna un rettangolo della dimensione richiesta sull'immagine tenendo premuto il pulsante sinistro del mouse
Clicchiamo sull'area selezionata con il tasto destro del mouse e dal menù a tendina selezioniamo la voce "Tratto".
Nella finestra successiva, specifica la larghezza e il colore del tratto e fai clic su "OK".
Ecco cosa otteniamo. Rimuovi la selezione usando la scorciatoia da tastiera Ctrl + D.
Il rettangolo è pronto.
Guarda un video sull'argomento:
comp-profi.com
3 modi per disegnare un quadrato e un rettangolo in Photoshop
Sebbene un quadrato e un rettangolo siano le forme geometriche più semplici, ma per disegnarli in Photoshop è necessario fare uno sforzo e avere conoscenze di base. Un principiante senza una formazione adeguata, molto probabilmente, non farà fronte a questo compito.
In questo articolo analizzeremo i 3 modi più diffusi per disegnare un rettangolo o un quadrato in Photoshop.
Ma prima di iniziare a scegliere un metodo di disegno, devi decidere i parametri futuri. Rettangolo/quadrato può essere:
- riempito con un colore pieno o solo con i bordi disegnati;
- arbitrario o con dimensioni specificate con precisione;
- con la possibilità di modificarne le dimensioni in qualsiasi momento senza perdita di qualità.
Metodo 1. Strumento di forma arbitraria
In questo metodo, un rettangolo o un quadrato verrà disegnato con un colore a tinta unita. Se hai solo bisogno del bordo, vai ai prossimi due metodi.
Sulla barra degli strumenti selezionare lo strumento Forma libera. Ci sono due possibili scenari per lo sviluppo degli eventi:
Opzione 1. Quadrato o rettangolo con ulteriore ridimensionamento senza perdita di qualità
Qui, ovviamente, è implicito l'uso di una figura vettoriale. Per disegnarlo, devi selezionare un'opzione strato di forma:
In futuro, puoi ridimensionare questa figura senza perdere la qualità. Per fare ciò, usa lo strumento Trasformazione libera - Ctrl + T e usa le maniglie d'angolo per ridimensionare.
Per chi non lo sapesse: le forme vettoriali non sono fatte di pixel, ma di speciali formule matematiche. Pertanto, il ridimensionamento non è un processo di allungamento / riduzione dei pixel, ma un complesso ricalcolo matematico, grazie al quale non vi è alcuna perdita di qualità.
Opzione 2. Quadrato/rettangolo standard (raster).
Per disegnare una forma raster in una sola volta, utilizzare l'impostazione nella barra delle opzioni Eseguire il riempimento pixel. Ma prima di iniziare a disegnarlo, crea un nuovo livello!
Ma in effetti, puoi disegnare vettore e vettore contemporaneamente, e poi semplicemente rasterizzarlo. Qui puoi scegliere tu stesso.
Come fare un rettangolo quadrato
La solita regola con il tasto Maiusc premuto non funziona con forme arbitrarie. Pertanto, è necessario utilizzare il pannello delle opzioni dello strumento e selezionare un'impostazione in modo che Photoshop disegni un quadrato.
Nello stesso pannello, attenzione, è possibile specificare le dimensioni esatte del rettangolo/quadrato richiesto oppure disegnarlo secondo proporzioni prestabilite.
Per impostazione predefinita, le dimensioni sono determinate dai pixel. Se si desidera modificare l'unità di misura, immettere prima un valore nel campo, quindi fare clic con il pulsante destro del mouse su di esso. Apparirà la finestra di selezione dell'unità. Disponibile: pixel, pollici, centimetri, millimetri, punti e picchi.
Rettangolo o quadrato con angoli arrotondati
Per ottenere una forma con angoli arrotondati, fai come descritto sopra, ma all'inizio seleziona lo strumento Rettangolo con bordi arrotondati. Nella barra delle opzioni dello strumento, devi solo specificare raggio arrotondamento.
Metodo 2. Traccia la selezione
Questo metodo è semplice come 5 centesimi. Seleziona lo strumento Selezione rettangolo e disegna un rettangolo con una linea tratteggiata. Per disegnare un quadrato, tieni premuto il tasto Maiusc.
Ora dobbiamo tracciare i bordi di questa area selezionata. Per fare questo, vai a Modifica - Ictus.
Quindi, nella nuova finestra, imposta il tipo di tratto: specifica lo spessore della cornice, il colore desiderato e segna come andrà il tratto:
- Dentro- indica che la cornice si troverà all'interno dell'area selezionata;
- Centrato- significa che la cornice sarà divisa equamente in una parte passante all'interno della selezione e in una parte esterna;
- Al di fuori- significa che la cornice girerà attorno alla linea di selezione tratteggiata.
Ecco come potrebbe risultare:
Nello screenshot sopra, non ho deliberatamente rimosso la linea tratteggiata, perché non scomparirà neanche per te. Per eliminarlo definitivamente, premi Ctrl + D.
In questo metodo, per disegnare una forma della dimensione esatta, devi prima specificare nella barra delle opzioni dello strumento Selezione rettangolare Stile - Dimensione specificata O date proporzioni. Successivamente, i campi diventeranno attivi, dove inserirai i valori di larghezza e altezza in pixel. Facendo clic con il tasto destro su uno di questi campi verrà visualizzato un menu per modificare le unità di misura.
Metodo 2.1 Compilazione della selezione
Il modo più comune per disegnare un rettangolo è disegnare una casella di selezione (come descritto sopra) e riempirla semplicemente con qualsiasi colore. Ecco un rettangolo o un quadrato per te.
Metodo 3. Modifica della selezione
In effetti, questo metodo mi piace meno di tutti a causa dell'ovvio svantaggio: gli angoli del rettangolo verranno ritagliati e il bordo della cornice stessa è in uno stato sfumato e non è possibile influenzare questi fatti.
Quindi, devi selezionare di nuovo lo strumento Selezione rettangolare, disegnare una cornice per il futuro rettangolo o quadrato (con il tasto Maiusc), quindi andare al menu Selezione e scegli una squadra Modifica - Bordo.
Apparirà una nuova finestra in cui, nel nostro caso, specifichiamo la larghezza del bordo del rettangolo. Diciamo che specifichi 7 pixel. Otteniamo il seguente risultato:
E ora devi solo dipingere sulla cornice risultante. Lo strumento Pennello è adatto a questo. Qui, a proposito, puoi affrontare il problema in modo più creativo e dipingere, ad esempio, con colori diversi. Risultato:
Resta solo da rimuovere la selezione - Ctrl + D. Penso che questo metodo sia adatto solo per i miei rari compiti specifici, poiché la sfumatura e gli angoli sottosquadro rovinano solo tutto.
Notato un errore nel testo: selezionalo e premi Ctrl + Invio. Grazie!
psand.ru
Come disegnare un rettangolo trasparente o colorato in Photoshop
Creare un rettangolo in Photoshop è un compito abbastanza semplice che può fare anche un principiante. Ti consiglio di imparare a disegnare questa forma semplice, poiché questa abilità può esserti utile per eseguire molte attività. Che si tratti di progettazione di siti Web, cornice per foto o correzione di immagini. Nonostante le dimensioni apparentemente grandi della lezione, farai fronte a questo compito in pochi minuti.
Ti mostrerò diversi modi per disegnare un rettangolo, tutti di cui avrai mai bisogno.
Iniziamo con le forme. Creiamo un nuovo documento. 1000 per 1000 pixel saranno sufficienti.
Ora vai alla barra degli strumenti e cerca lo strumento rettangolo.
Tenendo premuto il tasto destro del mouse, disegniamo sul campo di lavoro.
Il rettangolo è pronto! Per eliminare il sottile bordo nero, rasterizza il livello. La rasterizzazione può essere trovata 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 selezionata, che si trova nella parte superiore della barra degli strumenti laterale.
Disegniamo sul campo di lavoro tenendo premuto il tasto destro del mouse.
Si è formata un'area selezionata, che dobbiamo riempire. Quindi passiamo allo strumento "Seleziona colore primario". Cliccandoci sopra, apriamo la mappa dei colori e scegliamo qualsiasi sfumatura che ci piace.
Stiamo cercando lo strumento Riempi, selezionalo e fai clic sull'area selezionata.
E ora la combinazione di tasti ctrl + d e la selezione vengono rimosse! Il rettangolo è pronto!
Il terzo metodo ci insegnerà come disegnare un triangolo trasparente in Photoshop, che viene spesso utilizzato come cornice per foto. È altrettanto facile da disegnare. Crea un nuovo livello, seleziona una selezione rettangolare e posizionala nell'area di lavoro. In generale, eseguiamo tutte le azioni di cui sopra.
E ora accarezzeremo l'area selezionata, per la quale andiamo al pannello superiore e facciamo clic sulla scheda "Modifica". Siamo interessati al comando Stroke.
Come puoi vedere, è apparsa una finestra di dialogo che ci chiede di selezionare lo spessore della linea, il colore del tratto e la posizione della cornice. Imposta i parametri secondo i tuoi gusti o scegli i miei.
Premi la combinazione di tasti ctrl + d per rimuovere la selezione 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 ho consigliato di creare un nuovo livello per disegnare il rettangolo. E questo non è un caso. Il tuo rettangolo non è ancorato all'area di lavoro. Puoi modificarlo quanto vuoi, mentre l'area di lavoro rimarrà invariata. Voglio avvertirti che questi metodi sono applicabili a un rettangolo creato da 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. Scegli il colore che desideri dalla barra degli strumenti. Quindi fare clic sullo strumento di riempimento. E dopo già sul nostro rettangolo.
Il rettangolo era giallo, ma divenne verde. Molto semplice, non trovi?
Il secondo modo sono le opzioni di sovrapposizione. Nel cavallo della parola cerchiamo quello desiderato e ci clicchiamo sopra 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 scegli quello che ti piace.
Ci sono molti modi per cambiare il colore di un rettangolo. Ma puoi benissimo limitarti a due principali.
Ora impariamo come dimensionare il rettangolo.
Ridimensionare un rettangolo in Photoshop è estremamente semplice. Seleziona lo strumento Sposta e fai clic sul rettangolo.
Trascinando l'angolo con il mouse, puoi modificarne le dimensioni. E capovolgi anche lungo l'asse.
photoshop-work.ru
Come disegnare un rettangolo in Photoshop
La figura geometrica più semplice è un rettangolo (quadrato). Vari elementi di siti, banner e altre composizioni possono essere costituiti da rettangoli.
Photoshop ci dà la possibilità di disegnare un rettangolo in diversi modi.
Il primo modo è uno strumento "Rettangolo".
Dal nome è chiaro che lo strumento consente di disegnare rettangoli. Quando si utilizza questo strumento, viene creata una forma vettoriale che non distorce né perde qualità durante il ridimensionamento.
Le impostazioni dello strumento si trovano nella barra in alto.
È possibile disegnare un rettangolo di determinate dimensioni. Le dimensioni sono specificate nei campi corrispondenti alla larghezza e all'altezza e il rettangolo viene creato con un clic con conferma.
Il secondo modo è uno strumento "Area rettangolare".
Questo strumento crea un'area selezionata di forma rettangolare.
Come nel caso dello strumento precedente, la chiave funziona SPOSTARE, creando un quadrato.
L'area rettangolare deve essere riempita. Per fare ciò, puoi premere la scorciatoia da tastiera MAIUSC+F5 e imposta il tipo di riempimento,
o utilizzare lo strumento "Versare".
La selezione viene rimossa con i tasti CTRL+D.
Per un'area rettangolare, puoi anche specificare le dimensioni o le proporzioni (ad esempio, 3x4).
Tutto sui rettangoli per oggi. Ora sai come crearli e in due modi.
Siamo lieti di essere stati in grado di aiutarti a risolvere il problema.Fai la tua domanda nei commenti, descrivendo in dettaglio l'essenza del problema. I nostri esperti cercheranno di rispondere il più rapidamente possibile.
Questo articolo ti è stato d'aiuto?
Non propriolumpics.ru
Come disegnare un quadrato in Photoshop
Sembrerebbe che in questo articolo considereremo una domanda molto semplice, a cui tutti conoscono la risposta, ma, credetemi, qui non è tutto così semplice e ci sono molte sfumature, soprattutto quando si disegna un quadrato o un rettangolo senza riempimento.
E così iniziamo. Innanzitutto, disegna un quadrato con un riempimento. Per fare ciò, apro la seguente immagine in Photoshop:
Seleziona lo strumento Rettangolo dalla barra degli strumenti
Ora, nel pannello superiore, fai clic sulla freccia per aprire i parametri e imposta la larghezza, l'altezza o seleziona un quadrato arbitrario:
Disegniamo questo quadrato. Il colore di riempimento, ovviamente, può essere modificato.
Ora risolviamo il problema più difficile, lo è come disegnare un quadrato o un rettangolo in Photoshop senza riempimento.
Tale rettangolo deve essere disegnato su un nuovo livello, quindi crealo. "Livelli - Nuovo".
Seleziona lo strumento Selezione rettangolare.
Disegna un rettangolo sull'immagine usando questo strumento. Per disegnare un quadrato, tieni premuto Maiusc e trascina fino alla dimensione desiderata.
Specificare la larghezza e il colore del tratto e fare clic su OK.
Il risultato è un tale quadrato senza riempimento, come volevamo:
E guarda anche il video tematico:
pc-knowledge.ru
Come disegnare in Photoshop - Lezione 9. Disegnare una forma in Photoshop
Gli strumenti di disegno ti consentono di creare e modificare forme vettoriali. Semplificano la creazione di vari elementi per le pagine web.Crea un nuovo file di allenamento.
Fare clic con il tasto sinistro del mouse sullo strumento -forme- sulla barra degli strumenti, si aprirà la finestra di selezione dello strumento:
Ecco le principali forme che possiamo utilizzare. Scegli uno qualsiasi e guarda il pannello delle opzioni:
Per qualsiasi figura, puoi scegliere:
- modalità disegno:
- strato di forma. La forma viene creata su un livello separato. Un livello forma è costituito da un livello di riempimento che definisce il colore della forma e da una maschera vettoriale associata che definisce i contorni della forma. I bordi della forma sono un tracciato che appare nella scheda Tracciati del pannello Livelli.
- contorni. Questa modalità consente di disegnare contorni di forme che possono essere riempite o tratteggiate con un colore arbitrario. I percorsi vengono visualizzati nella scheda Percorsi del pannello Livelli.
- Riempimento pixel. Quando si lavora in questa modalità, non vengono create immagini vettoriali, ma raster, che possono essere elaborate allo stesso modo di qualsiasi immagine raster
- stile e colore
- impostare parametri specifici per questa forma
Scegliamo la prima forma: un rettangolo. Sul pannello, seleziona la modalità - forma del livello. Seleziona uno stile facendo clic sul triangolo a destra.
Scegli quello che preferisci. A proposito, se fai clic sul triangolo nel cerchio (a destra), puoi selezionare stili aggiuntivi nel menu contestuale che si apre. Se non desideri utilizzare uno stile, seleziona un quadrato bianco attraversato da una linea rossa.
Ora puoi impostare i parametri geometrici:
- Arbitrariamente- mentre disegni, così sia.
- Piazza- quando si allunga la forma con il mouse, la larghezza e l'altezza saranno sempre le stesse.
- Dimensione specificata- puoi impostare la larghezza e l'altezza del rettangolo (in cm) e cliccare sulla tela. Apparirà un rettangolo con le dimensioni specificate.
- Imposta le proporzioni- puoi impostare quante volte la larghezza sarà minore (o maggiore) dell'altezza. Quando si allunga la figura, la proporzione verrà preservata.
- Dal centro- disegna un rettangolo dal centro.
- Aggancia ai pixel- i bordi del rettangolo si agganciano ai bordi dei pixel.
Uno strumento piuttosto utile per creare pulsanti e menu per le tue pagine web, vero?
Disegna rettangoli con angoli arrotondati
Selezioniamo la seconda forma: un rettangolo con angoli arrotondati. Sul pannello, seleziona la modalità - la forma del livello, il raggio dell'angolo - ad esempio 15 e il colore (puoi modellarlo come preferisci) I parametri geometrici sono gli stessi del rettangolo.
Ecco cosa ho ottenuto con varie combinazioni di raggio e stile.
Perché non blocchi di notizie e pulsanti di menu?
Disegna cerchi
Scegliamo la terza figura: un'ellisse. Sul pannello, seleziona la modalità: livello forma, colore e stile. I parametri geometrici sono gli stessi di un rettangolo, con l'unica differenza che si può scegliere un cerchio invece di un quadrato. Selezionare -arbitrario- e allungare l'ellisse. Se vuoi che sia un cerchio, tieni premuto il tasto Maiusc o seleziona -cerchio- nei parametri geometrici.
Ecco cosa mi è successo:
Disegna poligoni
Scegliamo una forma: un poligono. Sul pannello, seleziona la modalità - forma del livello, il numero di lati nell'intervallo da 3 a 100 (ad esempio, 3 - per un triangolo, 6 - per un esagono), colore e stile. Considera i parametri geometrici:
- Raggioè il raggio del poligono.
- Angoli esterni lisci
- Stella- con la casella deselezionata, il poligono è convesso, con la casella selezionata, il poligono è concavo.
- Profondità del raggio- se il poligono è concavo, i suoi vertici, per così dire, formano dei raggi. Questo parametro mostra quanto del raggio del poligono sarà occupato dai raggi. Maggiore è la %, più lunghi e nitidi saranno i raggi.
- Angoli esterni lisci- con deselezionato gli angoli sono acuti; con un segno di spunta gli angoli sono arrotondati.
Il primo nonagono ha un raggio di 3 cm, il resto delle caselle è deselezionato.
Il secondo nonagono ha un raggio di 3 cm, il segno di spunta è -stella-, la profondità dei raggi è del 25%, il resto delle caselle di controllo è deselezionato.
Il terzo nonagon ha un raggio di 3 cm, la profondità dei raggi è del 50%, tutte le caselle di controllo sono selezionate.
Tutti hanno uno stile applicato.
Disegna delle linee
Scegliamo una figura: le linee. Sul pannello, seleziona la modalità: forma del livello, spessore della linea (in pixel), colore e stile. Considera i parametri geometrici:
Se tutte le caselle di controllo sono deselezionate, sarà solo una linea, i parametri impostano le frecce alle estremità di questa linea.
- Inizio- freccia all'inizio della riga.
- FINE- freccia alla fine della riga.
- Larghezza- proporzioni della freccia in percentuale dello spessore della linea (dal 10% al 1000%).
- Lunghezza- proporzioni della freccia in percentuale dello spessore della linea (dal 10% al 5000%).
- Curvatura- determina il grado di curvatura della parte più larga della freccia nel punto in cui incontra la linea (da -50% a +50%).
La prima riga è deselezionata, larghezza - 500%, lunghezza - 1000%, spessore - 2 pixel.
La seconda riga ha tutto uguale, ma c'è un segno di spunta all'inizio e una curvatura del 5%.
La terza riga ha tutto uguale, ma la casella di controllo -fine- è spuntata e la casella di controllo -inizio- è deselezionata.
La quarta riga ha entrambe le caselle di controllo, larghezza - 500%, lunghezza - 1000%, curvatura - 15%, spessore - 5 pixel.
Tutti hanno uno stile applicato.
Disegna forme arbitrarie
Scegliamo una cifra - una cifra arbitraria. Sul pannello, seleziona la modalità: livello forma, colore e stile. I parametri geometrici sono gli stessi di un rettangolo. Ma qui c'è una scelta della figura stessa:
Se fai clic sul triangolo nel cerchio (a destra), puoi selezionare forme aggiuntive nel menu contestuale che si apre.
Disegna più forme su un livello
Il principio qui è lo stesso degli strumenti di selezione rettangolari (nella prima lezione, abbiamo creato un'area di selezione non standard utilizzando gli strumenti sulla barra delle opzioni: aggiungi alla selezione, sottrai dalla selezione, ecc.). Gli stessi strumenti sono disponibili nella barra delle opzioni di Forme.
Ad esempio, crea una forma rettangolare, ora nella barra delle opzioni fai clic sull'icona "aggiungi all'area della forma" e ora seleziona una forma ellittica. Sposta il cursore del mouse sul bordo superiore del nostro rettangolo, premi il pulsante sinistro del mouse e, senza rilasciare, allunga l'ellisse. Dovrebbe assomigliare a qualcosa di simile a questo:
Se l'ellisse non è allungata come vorresti, puoi aggiustarla. Per fare ciò, prendi lo strumento -selezione contorno- sulla barra degli strumenti:
Sposta il cursore sul bordo dell'ellisse e, tenendo premuto il pulsante sinistro del mouse, trascina l'ellisse dove dovrebbe essere. Usando tutti questi strumenti, puoi disegnare forme di varia complessità.
Salva forme
Diciamo che ci è piaciuta l'ultima forma che abbiamo creato e vogliamo usarla in futuro. Per fare ciò, devi salvarlo. Per questo menu Modifica -> Definisci forma personalizzata. Dai un nome alla nuova forma.
Ora la nostra forma è apparsa nel pannello a discesa per la selezione di forme arbitrarie.
Questa lezione è finita. La prossima volta ci concentreremo su percorsi e bitmap.
Lezione precedente Ritorna alla lezione successiva
www.site-do.ru
Come disegnare forme vettoriali in Photoshop, opzioni di riempimento e tratto
Nella stragrande maggioranza dei casi, disegnerai forme vettoriali. A differenza delle forme in pixel, le forme vettoriali sono flessibili, scalabili e non dipendono dalla risoluzione dell'immagine, il che significa che possiamo impostarle su qualsiasi dimensione desideriamo, modificarle e ridimensionarle quanto ci serve senza perdere qualità e persino stamparle in qualsiasi dimensioni anche senza perdita di qualità!
Indipendentemente dal fatto che vengano visualizzati sullo schermo o in stampa, i bordi delle forme vettoriali rimangono sempre nitidi e nitidi.
Per assicurarti di disegnare forme vettoriali e non tracciati o pixel, seleziona l'opzione Forma dalle Viste modalità strumenti nella barra delle opzioni:
Selezionando l'opzione Forma nella barra delle opzioni
Riempire una forma con il colore
La prossima cosa che facciamo di solito dopo aver selezionato l'opzione "Forma" è selezionare il colore che riempie la forma, in Photoshop CS6 e versioni successive, questo viene fatto facendo clic sul campo "Riempi" nella barra delle opzioni:
Fare clic sul pulsante nella barra delle opzioni per aprire la finestra di dialogo Proprietà riempimento forma.
Questa azione apre una finestra che ci consente di scegliere tra quattro diversi modi per compilare il modulo, ciascuno rappresentato da una delle quattro icone lungo la parte superiore della finestra. Assegnazione delle icone, partendo dal bordo sinistro:
- nessun colore(Nessun colore) - rettangolo bianco con una linea diagonale rossa, nessun riempimento
- colore puro(Tinta unita) - riempimento in tinta unita
- Pendenza(Gradiente) - riempimento sfumato
- Modello(Pattern) - riempire con un pattern di Photoshop (pattern)
Vari metodi di compilazione di un modulo
Nessun colore (nessun colore)
Come suggerisce il nome, selezionando questa opzione lascerà la forma senza riempimento, con pixel vuoti all'interno. Cosa serve? Ebbene, in alcuni casi potrebbe essere necessario solo il contorno stesso. Inoltre, spesso è necessario solo un tratto con pixel trasparenti all'interno.
Di seguito è riportato un semplice esempio di come appare un modulo senza un riempimento colore. Tutto ciò che vediamo è il contorno principale della forma, che si chiama "Contorno" (Percorso). Il contorno appare solo nel documento Photoshop, quindi se salvi il tuo lavoro come JPEG o PNG o lo stampi, il contorno non sarà visibile. Per renderlo visibile, dobbiamo aggiungere un tratto ad esso, che vedremo come aggiungere in seguito:
Forma rettangolare senza riempimento o tratto.
Tinta unita
Per riempire il modulo con un colore a tinta unita, seleziona l'opzione "Tinta unita", seconda icona da sinistra:
Opzione "Colore puro" (Tinta unita) per riempire la forma con un colore a tinta unita
Con l'opzione attiva, seleziona un colore per la forma facendo clic su uno dei campioni di colore. I colori che hai usato di recente mentre lavoravi in Photoshop appariranno sopra i campioni principali:
Selezione del colore cliccando sul campione.
Se il colore di cui hai bisogno non è tra i campioni presentati, fai clic sull'icona "Color Picker" situata nell'angolo in alto a destra della finestra:
Fare clic sull'icona Color Picker per selezionare il proprio colore.
Si aprirà la finestra di dialogo Selettore colore, selezionare un colore al suo interno e fare clic su OK per chiudere il Selettore colore dopo aver selezionato il colore desiderato.
Come puoi vedere nella figura qui sotto, dopo queste azioni abbiamo lo stesso modulo, solo che ora il modulo ha un colore:
Una figura piena di colore.
Riempimento sfumato
Per riempire la tua forma con un gradiente, seleziona l'opzione "Gradiente". Quindi fai clic su una delle miniature per selezionare un gradiente preimpostato o utilizza la miniatura della striscia del gradiente in basso per creare la tua variazione del gradiente.
Scegline uno prefabbricato o crea il tuo gradiente per riempire la forma.
Ecco la stessa forma, solo che ora è riempita con un gradiente:
Una forma riempita con uno dei gradienti preimpostati di Photoshop.
Riempimento a motivo (Motivi)
Infine, l'opzione di riempimento a motivo ci consente di riempire la forma con uno dei motivi preimpostati di Photoshop.
Fare clic su una delle miniature per selezionare un modello. Non molte opzioni di pattern sono preinstallate in Photoshop, la scelta, il caricamento e l'installazione di un pattern di riempimento sono descritte in dettaglio qui.
Sotto c'è la stessa forma, questa volta riempita con un motivo:
La stessa forma, solo che questa volta è stata riempita con il pattern standard di Photoshop.
Se non sei ancora sicuro di quale colore, sfumatura o motivo abbia bisogno la tua forma, non preoccuparti. Come vedremo più avanti, puoi sempre tornare per modificare la forma in un secondo momento e cambiare il riempimento.
Aggiunta di un tratto a una forma vettoriale
Questa opzione è presente in Photoshop dalla versione CS6. Per impostazione predefinita, Photoshop non aggiungerà un tratto ai bordi di una forma, ma aggiungerne uno è facile come aggiungere un riempimento colore.
Per aggiungere un tratto, fare clic sull'opzione appropriata nella barra delle opzioni:
Opzione per aggiungere un tratto.
Questo apre una finestra con opzioni in cui possiamo scegliere il colore del tratto, oltre a impostare molte altre opzioni.
Nella parte superiore della finestra abbiamo le stesse quattro icone per la selezione del tipo di riempimento della linea del tratto, queste sono Nessun colore, Tinta unita, Gradiente e Motivo. Per impostazione predefinita, è selezionato "Nessun colore". Sceglierò il tipo "Tinta unita". Seleziona e assegna un colore del tratto esattamente allo stesso modo del colore di riempimento, come descritto sopra.
Modifica del peso del tratto
Per modificare lo spessore del tratto, utilizzare la casella di immissione appropriata situata immediatamente a destra del rettangolo del campione di colore nella barra delle opzioni. Per impostazione predefinita, il peso è impostato su 3 pt (punti). Ma puoi impostare altre unità di misura, se fai clic su questo campo di immissione con il tasto destro del mouse, si aprirà un elenco a discesa di unità di misura. Scelgo quasi sempre i pixel:
Modificare la larghezza e le unità del tratto.
Opzione Allinea bordi
A destra di tutti gli altri, nella barra delle opzioni c'è l'opzione "Allinea bordi". Quando questa funzione è attiva (è attiva per impostazione predefinita), Photoshop allineerà i bordi del tratto con la griglia dei pixel, rendendo l'immagine più nitida.
L'opzione sarà attiva solo se l'unità di tratto è pixel.
Altre opzioni di tratto
Per impostazione predefinita, Photoshop disegna un tratto a linea continua, ma possiamo modificarlo facendo clic sul pulsante Opzioni tratto nella barra delle opzioni:
Pulsante della finestra per la selezione di proprietà aggiuntive - selezione di un tratto di tratto - pieno, tratteggiato, punteggiato, ecc.
Questo apre la finestra Opzioni tratto. In questa finestra, possiamo cambiare il tipo di linea da continua a tratteggiata o punteggiata. Inoltre, ci sono tre opzioni di corsa aggiuntive:
Finestra di dialogo Opzioni tratto
Opzione "Allineare"(Allinea) ci permette di scegliere se il tratto si trova all'interno del tracciato, all'esterno o al centro.
Opzione successiva "Fine"(Caps) funziona solo se abbiamo selezionato un tratto tratteggiato. Possiamo cambiare l'aspetto delle estremità dei segmenti.
- il tratto termina al bordo della lunghezza specificata e l'estremità ha una forma rettangolare
- l'estremità ha una forma semicircolare e sporge per metà della larghezza oltre il bordo di una data lunghezza del tratto su ciascun lato
- l'estremità ha una forma rettangolare e sporge per metà della larghezza oltre il bordo della lunghezza del tratto specificata su ciascun lato
"Angoli"(Angoli) consentono di modificare l'aspetto dell'angolo all'incrocio delle linee del tratto. I carboni possono essere affilati (predefinito), arrotondati o smussati. Questa opzione funziona se il tratto è all'esterno o al centro del tracciato. Se il tratto è all'interno del tracciato, gli angoli rimangono sempre nitidi.
Facendo clic sul pulsante nella parte inferiore della finestra "Altre opzioni ..." (Altre opzioni...) si apre un'altra finestra in cui è possibile impostare la lunghezza dei tratti e gli spazi tra i tratti. Ecco un esempio di una forma rettangolare con un tratto di riempimento e tratteggiato, con diverse lunghezze del tratto:
Un tratto all'interno di una forma che utilizza due tipi di tratti: una linea e un punto.
.
In questo tutorial, tratteremo le basi del lavoro 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 libera. La maggior parte delle persone pensa che Photoshop sia utilizzato solo per l'editing delle immagini e se chiedi loro di consigliare un buon editor grafico, nella maggior parte dei casi la risposta sarebbe "Adobe Illustrator".
In effetti, le capacità di Adobe Illustrator nel campo della grafica vettoriale sono molto più ampie rispetto ai programmi Photoshop, ma, tuttavia, Photoshop può fare di più in quest'area di quanto ci si dovrebbe aspettare da un editor bitmap. I vari strumenti nel gruppo Forme e i livelli forma di Photoshop semplificano l'aggiunta di semplici immagini vettoriali a disegni e disegni.
Photoshop ha sei strumenti per disegnare forme: Strumento rettangolo, Strumento rettangolo arrotondato, Strumento ellisse, Strumento poligono, Linea "(Strumento linea) e "Forma personalizzata" (Strumento forma personalizzata). Si trovano in un punto della barra degli strumenti.
Per impostazione predefinita, lo strumento Rettangolo è visibile sul pannello, 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 un elenco del resto degli strumenti del gruppo Forme da quale possiamo scegliere quello che ci serve:
Tutti e sei gli strumenti del gruppo Forme si trovano in un punto della barra degli strumenti
Se si seleziona prima uno strumento nel gruppo Forme e poi si desidera passare a un altro, non è necessario rivisitare la barra degli strumenti (sebbene sia possibile farlo se lo si desidera). Photoshop ci consente di selezionare lo strumento desiderato dalla barra delle opzioni nella parte superiore dello schermo, dove sono presentati tutti e sei gli strumenti. Ad esempio, nella barra degli strumenti, selezionerò lo strumento Rettangolo:
Selezionando lo 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 posizionati da sinistra a destra nello stesso ordine in cui appaiono nella barra degli strumenti, quindi vediamo di nuovo 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 dalla barra delle opzioni (dopo che uno di essi è stato selezionato dalla barra degli 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, daremo un'occhiata più da vicino a come differiscono questi tre tipi di forme e in tal caso quale tipo usare, ma nella maggior parte dei casi disegnerai forme vettoriali. Sono 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.
Per disegnare forme vettoriali, seleziona l'opzione Livelli forma dalla barra delle opzioni. Questa è la prima delle tre icone più vicine a sinistra (l'icona centrale è l'opzione Tracciati e quella a 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 Shape Layer, dobbiamo scegliere un colore per la nostra forma. Lo facciamo facendo clic sull'icona del campione di colore situata a destra della parola "Color" (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. Dopo aver scelto un colore, fai clic su OK per chiudere la tavolozza dei colori:
Scegli un colore per la forma dalla tavolozza dei colori
Se non sei sicuro di aver scelto il colore giusto per la tua figura, 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 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. Man mano che il cursore si sposta, apparirà il contorno della forma.
Quando sei soddisfatto del risultato, rilascia il pulsante del mouse e il programma riempirà istantaneamente la forma con il colore che hai scelto nel pannello delle impostazioni:
Il programma riempirà la forma di colore non appena si rilascia il pulsante del mouse
Disegnare una forma dal centro
Se devi disegnare un rettangolo (o altra forma) dal centro invece che dall'angolo, posiziona il cursore nella finestra del documento per determinare 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, tieni premuto il tasto Alt (Win) / Opzione (Mac) mentre muovi il cursore. Premendo questo tasto si dice al programma di disegnare la figura dal centro. Questo trucco 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 muovi il cursore
Disegnare quadrati
Possiamo anche disegnare quadrati con lo strumento Rettangolo. Per disegnare un quadrato, posiziona il cursore nella finestra del documento e inizia a trascinarlo, disegnando una forma rettangolare. Una volta che hai iniziato a farlo, premi il tasto Maiusc e continua a tenerlo premuto mentre muovi il cursore. Premendo il tasto Maiusc si converte la forma in un quadrato, indipendentemente dalla direzione in cui si sposta il cursore. Puoi anche aggiungere un tasto 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 disegnerà solo un sottile contorno del quadrato mentre muovi il cursore, ma quando rilasci il pulsante del mouse, riempirà il quadrato di colore:
Il programma attende sempre che tu rilasci il pulsante del mouse e solo allora riempie la forma di colore
Opzioni per gli strumenti nel gruppo Forme
Se guardi nella barra delle opzioni, a destra delle sei icone degli strumenti del gruppo Forme, vedrai una piccola freccia rivolta verso il basso. Facendo clic su questa freccia si aprirà un elenco di opzioni aggiuntive per lo strumento Forme di tua scelta. Ad esempio, quando si seleziona lo strumento Rettangolo, premendo la freccia si aprirà un menu con le opzioni per lo strumento Rettangolo. Ad eccezione del lavoro con gli strumenti Poligono e Linea, che tratteremo in seguito, non utilizzerai spesso questo menu perché abbiamo già imparato come selezionare le opzioni di base utilizzando le scorciatoie da tastiera e i singoli tasti.
Ad esempio, l'opzione Unconstrained è selezionata per impostazione predefinita ed è responsabile del normale comportamento dello strumento Rettangolo, consentendoci 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 vedere più opzioni per lo strumento Rettangolo
strato di forma
Prima di passare al resto degli strumenti nel gruppo Forme, diamo un'occhiata al pannello Livelli. Come ricordi, all'inizio della lezione, abbiamo appreso che per disegnare forme vettoriali in Photoshop, devi selezionare l'opzione "Shape Layer" nella barra delle opzioni. E ora dopo aver disegnato la forma, possiamo vedere che un livello di forma (un livello di tipo Forma) è apparso nel pannello dei livelli, che il programma ha chiamato "Forma 1" (Forma 1). Ogni nuova forma vettoriale che disegniamo verrà posizionata su un livello separato, che ha un aspetto diverso da un normale livello di pixel. Sul lato sinistro del livello c'è un'icona del campione di colore che mostra il colore di riempimento corrente della nostra forma, e a destra dell'icona del colore c'è una miniatura della maschera vettoriale:
I livelli di forma hanno un'icona campione di colore sul lato sinistro e una miniatura della maschera vettoriale a destra
Come accennato in precedenza, non dobbiamo preoccuparci di scegliere il colore giusto per la forma perché possiamo cambiare facilmente il colore di riempimento della forma dopo che è stata creata. Per fare ciò, fai doppio clic sull'icona del campione di colore del livello forma:
Per cambiare il colore corrente della forma, fai doppio clic sull'icona del campione di colore
Photoshop riaprirà il Color Picker dove possiamo scegliere un colore diverso per la nostra forma. Sceglierò, questa volta, il blu:
Scegli un colore diverso dalla tavolozza dei colori
Basta tornare indietro in qualsiasi momento e cambiare il colore della forma.
A destra dell'icona del campione di colore sul livello forma c'è una miniatura della maschera vettoriale. L'area bianca sulla miniatura rappresenta la nostra forma. Le maschere vettoriali sono simili alle normali maschere di livello in quanto oscurano parzialmente un livello, lasciando parti visibili. 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 la 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 del colore:
L'area bianca sulla maschera vettoriale rappresenta l'area del livello in cui il colore è visibile.
Per renderci più facile 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 è completamente riempito con il colore blu che ho scelto per riempire la forma. Se guardiamo più da vicino, possiamo vedere un contorno sottile di dove si trova la 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 di nuovo clic sulla miniatura della maschera nel pannello dei livelli. Dopo aver attivato la maschera, il colore rimarrà solo all'interno dell'area della forma, mentre nel resto del livello il colore scomparirà dalla 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 familiarità con i livelli forma, diamo un'occhiata alle altre forme che puoi disegnare in Photoshop utilizzando gli strumenti nel 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 l'arrotondamento degli angoli utilizzando l'opzione Raggio nella barra delle opzioni. Maggiore è il valore del raggio che inseriamo, più arrotondati diventano gli angoli. Nel mio caso, inserirò un valore Raggio di 50 pixel:
Utilizzare l'opzione "Raggio" per definire il grado di arrotondamento degli angoli
Per disegnare un rettangolo arrotondato, dopo aver immesso un valore di raggio, fare clic nella finestra del documento per definire il punto iniziale della forma, quindi, tenendo premuto il pulsante del mouse, trascinare il cursore del mouse per terminare il disegno della forma. Proprio come con la forma Rettangolo, spostando 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 la riempirà di colore:
Quando rilasci il pulsante del mouse, la forma si riempirà di colore.
Di seguito è riportato un altro rettangolo con un raggio di 150 px. Questo valore è così grande (per questa forma, comunque) che i lati sinistro e destro del rettangolo sono curvi:
Maggiore è il valore del raggio, più arrotondati saranno gli angoli.
Ed ecco un rettangolo con un piccolo valore di raggio di 10 pixel, che arrotonda solo leggermente gli angoli della forma:
Un valore di raggio piccolo arrotonda meno gli angoli
Sfortunatamente, non c'è 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 durante il disegno della forma, come è possibile in Illustrator. Photoshop inoltre non ci permette di tornare indietro e correggere anche solo leggermente l'arrotondamento degli angoli dopo che abbiamo disegnato la forma.
Tutto quanto sopra significa che disegnare rettangoli arrotondati è essenzialmente tentativi ed errori. Se non ti piacciono gli angoli arrotondati della forma dopo averla disegnata, premi Ctrl+Z (Win)/Comando+Z (Mac) per annullarla rapidamente, quindi inserisci un nuovo valore di raggio nella barra delle opzioni e inizia disegnando di nuovo il rettangolo.
Proprio come con lo strumento Rettangolo, puoi usare lo strumento Rettangolo arrotondato per disegnare quadrati arrotondati. Basta tenere premuto il tasto Maiusc dopo aver iniziato a disegnare la forma e il tuo rettangolo arrotondato assumerà la forma di un quadrato arrotondato. Tieni premuto il tasto Alt (Win) / Opzione (Mac) per disegnare la forma dal centro.
Se facciamo clic sulla piccola freccia nella barra delle opzioni per aprire un menu di opzioni avanzate per lo strumento Rettangolo arrotondato, possiamo vedere che le opzioni Libero, Quadrato e Dal centro sono le stesse delle opzioni dello strumento Rettangolo. E ancora, sappiamo già come selezionare queste opzioni utilizzando le scorciatoie da tastiera e i singoli tasti:
Gli strumenti Rettangolo e Rettangolo arrotondato hanno le stesse opzioni aggiuntive
Strumento Ellisse
Lo strumento Ellisse ci permette di disegnare ellissi e cerchi. Proprio come con gli strumenti Rettangolo e Rettangolo arrotondato, fare clic nella finestra del documento per definire il punto iniziale della forma, quindi, tenendo premuto il pulsante del mouse, trascinare il cursore del mouse per terminare il disegno della forma:
Disegna un'ellisse con 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 uniforme. Premendo il tasto Alt (Win) / Opzione (Mac) potrai disegnare la forma dal centro:
Inizia a disegnare e poi aggiungi un tasto 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 alle opzioni degli strumenti Rettangolo e Rettangolo arrotondato. L'unica differenza è che con l'opzione dello strumento Ellisse, puoi disegnare cerchi invece di 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 disegno di forme. Mentre con lo strumento Rettangolo possiamo disegnare solo rettangoli quadrangolari, lo strumento Poligono ci permette di disegnare poligoni con tutti i lati che desideriamo. Successivamente, vedremo come anche le stelle possono essere disegnate usando questo strumento.
Specificare il numero di lati desiderati per il poligono nell'opzione Lati nella barra delle opzioni. Il valore predefinito per Lati è 5, ma puoi inserire qualsiasi numero compreso tra 3 e 100:
Usa l'opzione Lati per dire a Photoshop quanti lati avrà la tua forma poligonale
Una volta impostato il numero di lati, posiziona il cursore nella finestra del documento e inizia a trascinare per disegnare la forma poligonale. Photoshop disegna sempre forme poligonali dal centro, quindi non devi tenere premuto il tasto Alt (Win) / Opzione (Mac). Tenendo premuto il tasto Maiusc dopo aver iniziato a disegnare il poligono, potrai limitare il numero di angoli per la tua forma e posizionarla esattamente come desideri sullo schermo:
Lo strumento Poligono è indispensabile quando dobbiamo disegnare una forma diversa da un quad
Impostando il numero di lati a 3, possiamo facilmente disegnare un triangolo:
Un semplice triangolo disegnato con lo strumento Poligono
Ecco un poligono con 12 lati:
PoligonoCondodicifeste
Disegna stelle con lo strumento Poligono
Per disegnare una stella con lo strumento Poligono, fai clic sulla piccola freccia nella barra delle opzioni per aprire l'elenco delle opzioni per lo strumento Poligono e seleziona l'opzione Stella:
Dall'elenco di opzioni per lo strumento "Poligono", seleziona "Stella"
Dopo aver selezionato l'opzione "Stella", fai clic nella finestra del documento e trascina il cursore per disegnare una stella. L'opzione Lati nella barra delle opzioni determina il numero di vertici della stella. Quindi, se il valore predefinito del parametro è cinque, otteniamo una stella a cinque punte: Infine, esamineremo lo strumento Linea, che è l'ultimo strumento nel gruppo Forme geometriche. Ci permette di disegnare linee rette e frecce. Impostare lo spessore della linea desiderato in pixel digitando un valore nella casella Spessore nella barra delle opzioni. Nel mio caso, inserirò un valore di 16 pixel:
Utilizzare l'opzione Spessore per definire lo spessore della linea
Quindi fare clic nella finestra del documento e trascinare il cursore per tracciare una linea. Dopo aver iniziato a tracciare la linea, tieni premuto il tasto Maiusc per vincolare la direzione in cui si sposta il cursore. Ciò ti consentirà di disegnare linee orizzontali o verticali con facilità:
Tieni premuto un tastoSpostare per disegnare linee orizzontali o verticali
Per impostare le punte delle frecce alle estremità di una linea, fare clic sulla piccola icona della freccia nella barra delle opzioni per selezionare le opzioni Punte di freccia. Photoshop ci consente di aggiungere frecce all'inizio di una riga, alla fine o ad entrambe le estremità contemporaneamente. Se vuoi che appaia 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, perché il programma non ci consentirà di tornare indietro e impostare la freccia dopo che la linea è stata disegnata:
Per aggiungere una freccia nella direzione in cui è stata disegnata la linea, selezionare l'opzione Fine
Sotto c'è una linea simile alla linea precedente che ho disegnato, ma con una freccia alla fine:
Facile disegnare frecce con lo strumento Linea
Se la dimensione predefinita della freccia non ti soddisfa, puoi modificarla utilizzando i parametri Larghezza e Lunghezza. Possiamo anche aggiungere una curva alla freccia usando il parametro Concavity. Per impostazione predefinita, il valore di questo parametro è 0%. Lo aumenterò al 50%:
Aumentare il valore di Curvatura per modificare la forma della freccia
Di conseguenza, la forma della freccia cambierà. Ancora una volta, assicurati di selezionare il valore Curvatura prima di iniziare a disegnare la linea, altrimenti dovrai eliminare la forma e disegnarla di nuovo:
Freccia con curvatura impostata al 50%
Nascondi il contorno attorno alla forma
Se dai un'occhiata da vicino alla forma che hai disegnato (indipendentemente dallo strumento Forme che hai usato), molto probabilmente vedrai un contorno sottile attorno ad essa, che a volte può essere irritante. Il contorno attorno alla forma viene visualizzato 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 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
Ed eccoci qui! Abbiamo trattato le basi per lavorare con i livelli forma e i cinque strumenti nel gruppo Forme in Photoshop! Nel prossimo tutorial impareremo come creare forme più complesse utilizzando lo strumento Forma personalizzata.
Traduzione: Ksenia Rudenko
