Home
» Wiki
»
Come creare immagini con angoli arrotondati in Photoshop
Come creare immagini con angoli arrotondati in Photoshop
Questo tutorial ti mostrerà il modo migliore per arrotondare gli angoli delle immagini utilizzando Photoshop. L'articolo mostra anche come aggiungere un bordo alla foto dopo aver arrotondato gli angoli. E infine il passaggio più importante: come salvare il risultato mantenendo la trasparenza negli angoli.
Con l'immagine aperta in Photoshop, iniziamo andando al pannello Livelli, dove l'immagine si trova sul livello Sfondo.
Fare clic sull'icona del lucchetto del livello per sbloccarlo. Photoshop rinominerà il livello in Livello 0 e l'icona del lucchetto scomparirà.
Sblocca il livello Sfondo.
Passaggio 2: seleziona lo strumento Rettangolo
Nella barra degli strumenti, seleziona lo strumento Rettangolo.
Se è disponibile un altro strumento forma, fare clic e tenere premuta l'icona dello strumento in questione, quindi selezionare lo strumento Rettangolo dall'elenco.
Seleziona lo strumento Rettangolo dalla barra degli strumenti in Photoshop
Passaggio 3: imposta le opzioni della forma
Nella barra delle opzioni, fare clic sul campione Colore tratto.
Colore del tratto campione nella barra delle opzioni in Photoshop
Imposta il colore su Nessuno per non mostrare il tratto.
Quindi premere Invio ( Invio su Mac) per chiudere le opzioni colore.
Selezionare Nessuno per il colore del tratto.
A sinistra del colore del tratto si trova il campione Colore di riempimento .
Per la forma andrà bene qualsiasi colore, quindi nell'esempio la lasceremo nera (colore predefinito della forma).
Colore di riempimento campione.
Nella barra delle opzioni è presente anche l'opzione Raggio angolo, con cui è possibile immettere le dimensioni degli angoli prima di disegnare la forma.
Per ora lasciamolo a 0 perché arrotonderemo gli angoli dopo aver disegnato la forma.
Opzione Raggio d'angolo per lo strumento Rettangolo in Photoshop
Passaggio 4: disegna un rettangolo
Fare clic e tenere premuto nel documento, quindi trascinare la forma fuori. Non preoccuparti della dimensione o della posizione della forma perché la modificheremo in seguito.
Disegna la forma iniziale.
Nel pannello Livelli, la forma apparirà su un proprio livello forma sopra l'immagine.
Nuovo livello forma nel pannello Livelli.
Passaggio 5: centrare e ridimensionare la forma
Prima di ridimensionare la forma, centrarla sulla tela.
Nella barra delle opzioni, fare clic sull'icona Allineamento percorso .
Icona Allineamento percorso nella barra delle opzioni.
Cambia l' opzione Allinea a da Selezione a Tela .
L'opzione Allinea a è impostata su Tela.
Fare clic sulle icone Allinea centri orizzontali e Allinea centri verticali .
Quindi fare clic in un punto qualsiasi della barra delle opzioni per chiudere la finestra.
Icone Allinea centri orizzontali e Allinea centri verticali.
Ora la forma è centrata. È possibile ridimensionare dal centro tenendo premuto il tasto Alt su un PC Windows o il tasto Opzione su un Mac e trascinando una qualsiasi delle maniglie di trasformazione.
Ridimensiona una forma dal suo centro.
Passaggio 6: arrotondare gli angoli della forma
Notare il piccolo cerchio in ogni angolo della forma. Questi sono i controlli del raggio dell'angolo .
Il controllo Raggio angolo si trova nell'angolo in alto a sinistra della forma.
Per arrotondare gli angoli, trascina semplicemente uno dei cerchi.
Trascina il cerchio per arrotondare gli angoli.
Tutti e quattro gli angoli della forma sono arrotondati nella stessa misura.
Trascinando un cerchio si arrotondano tutti gli angoli contemporaneamente.
Angoli arrotondati dal pannello Proprietà
Un altro modo per arrotondare gli angoli è utilizzare il pannello Proprietà. Questo secondo metodo è utile quando si conosce il valore esatto del raggio necessario.
Nel pannello Proprietà , vai alle opzioni Raggio angolo . Potrebbe essere necessario scorrere verso il basso per trovarli.
Qui puoi inserire i valori per gli angoli in alto a sinistra, in alto a destra, in basso a destra e in basso a sinistra della forma.
Opzioni Raggio angolo nel pannello Proprietà.
Per impostare il raggio per tutti e 4 gli angoli contemporaneamente, assicurati innanzitutto che l'icona del collegamento sia selezionata.
Icona di collegamento.
Quindi inserisci il valore in una cella qualsiasi. Ad esempio, inseriremo 800 px per l'angolo in alto a sinistra.
Inserisci un valore di raggio per uno degli angoli.
Premere Invio ( Invio su Mac) per accettare e impostare il valore per tutti e 4 gli angoli.
Ora tutti e quattro gli angoli hanno lo stesso valore del raggio.
Come arrotondare un angolo separatamente dagli altri
Oltre ad arrotondare tutti e quattro gli angoli insieme, è possibile arrotondare ogni angolo singolarmente.
Il modo più semplice è tenere premuto il tasto Alt su un PC Windows o il tasto Opzione su un Mac, quindi trascinare il cerchio fino a raggiungere l'angolazione che si desidera regolare.
Quindi, se vuoi che l'angolo in alto a destra sia appuntito mentre gli altri angoli rimangono arrotondati, puoi tenere premuto il tasto Alt (Win) / Opzione (Mac) e trascinare il cerchio di quell'angolo nella sua posizione originale.
Arrotonda un angolo di una forma separatamente dagli altri angoli.
Tieni premuto Alt (Win) / Opzione (Mac) per trascinare il cerchio senza modificare gli altri angoli.
E ora abbiamo un angolo acuto (nell'angolo in alto a destra) e tre angoli arrotondati.
Risultati dopo aver regolato separatamente un angolo.
Un altro modo per regolare un angolo singolarmente è tramite l'opzione Raggio angolo nel pannello Proprietà.
Per prima cosa, scollega gli angoli deselezionando l'icona del collegamento.
Scollega gli angoli.
Quindi immettere il valore del raggio per l'angolo. Quindi se vuoi che anche l'angolo in basso a sinistra sia nitido, puoi inserire un valore pari a 0 px.
Premere Invio ( Invio su Mac) per accettare.
Imposta il raggio in basso a sinistra su 0.
Ora abbiamo due angoli arrotondati e due angoli acuti.
Imposta il raggio in basso a sinistra su 0.
Risultato dopo aver regolato solo l'angolo inferiore sinistro.
Nota però che se ora trascini un cerchio (senza tenere premuto il tasto Alt o Opzione ) per regolare tutti e quattro gli angoli contemporaneamente, gli angoli in alto a destra e in basso a sinistra saranno ancora meno arrotondati rispetto agli altri angoli.
Gli angoli sono arrotondati in misura variabile.
Ripristina gli angoli
Trascina i cerchi verso gli angoli per ripristinarne gli angoli acuti originali.
Trascina i cerchi per rendere più nitidi gli angoli.
Quindi trascina uno dei cerchi per arrotondarli tutti alla stessa misura desiderata.
Arrotondare insieme tutti e quattro gli angoli.
Passaggio 7: creare una maschera di ritaglio
Ora che hai arrotondato gli angoli della forma, devi spostare l'immagine al suo interno. Per farlo, usa una maschera di ritaglio.
Nel pannello Livelli, trascina il livello dell'immagine sopra il livello della forma.
Trascina l'immagine sul livello forma nel pannello Livelli.
Quindi, mentre il livello dell'immagine è attivo, fare clic sull'icona del menu del pannello Livelli.
L'icona del menu del pannello Livelli.
Fare clic sull'icona del menu.
Selezionare Crea maschera di ritaglio .
Selezionare il comando Crea maschera di ritaglio in Photoshop.
Questo comando inserisce l'immagine all'interno di una forma, facendola apparire come se avesse gli angoli arrotondati.
E tutto ciò che si trova all'esterno della forma ora è trasparente e rappresentato da un motivo a scacchiera.
Ora le foto hanno gli angoli arrotondati.
Fase 8: apportare le ultime modifiche agli angoli
Se necessario, puoi comunque regolare gli angoli, anche se la foto si trova all'interno della forma.
Basta riselezionare il livello forma nel pannello Livelli.
Selezionare il livello forma.
Finché si mantiene selezionato lo strumento Rettangolo (o qualsiasi altro strumento forma) nella barra degli strumenti, i cerchi agli angoli riappariranno.
Trascina un cerchio per regolarne la rotondità finché non sei soddisfatto del risultato.
I cerchi del raggio dell'angolo riappaiono quando si seleziona il livello forma.
Per visualizzare l'immagine senza che i controlli della forma interferiscano, selezionare il livello dell'immagine nel pannello Livelli.
Per ripristinare i controlli, seleziona il livello forma.
Passa dai livelli forma a quelli immagine per mostrare/nascondere i controlli forma.
Passaggio 9: ritagliare le aree trasparenti
Prima di procedere oltre, eliminiamo le aree trasparenti non necessarie attorno all'immagine, poiché tutto ciò di cui abbiamo realmente bisogno è la trasparenza negli angoli.
Vai al menu Immagine e seleziona Ritaglia .
Selezionare il comando Ritaglia dal menu Immagine in Photoshop
Nella finestra di dialogo Ritaglia , seleziona Pixel trasparenti in alto e assicurati che siano selezionati tutti i valori In alto, In basso, Sinistra e Destra in basso.
Quindi fare clic su OK.
Finestra di dialogo Ritaglia in Photoshop
Photoshop elimina tutta la trasparenza, tranne quella che rimane negli angoli.
Risultato dopo aver rimosso la maggior parte della parte trasparente.
Passaggio 10: aggiungi un bordo attorno alla foto (facoltativo)
Se vuoi aggiungere un bordo attorno all'immagine, assicurati che il livello forma nel pannello Livelli sia selezionato.
Selezionare il livello forma.
Fare clic sull'icona degli effetti di livello (fx) nella parte inferiore del pannello Livelli.
Icona effetto livello.
Selezionare Tratto dall'elenco.
Aggiungere un effetto livello Tratto alla forma.
Nella finestra di dialogo Stile livello, fare clic sul campione colore per selezionare un colore per il tratto.
Seleziona il colore del tratto.
Quindi, seleziona un colore dal Selettore colori. Nell'esempio verrà scelto il bianco (con valori R, G e B pari a 255).
Una volta terminato, fare clic su OK per chiudere il Selettore colore.
Selezionare il bianco dal Selettore colore.
Tornando alla finestra di dialogo Stile livello, assicurati che Posizione tratto sia impostata su Interno.
Quindi trascinare il cursore Dimensione per impostare la larghezza del tratto. La dimensione necessaria dipenderà dalla grandezza dell'immagine.
Al termine, fare clic su OK per chiudere la finestra di dialogo Stile livello .
Opzioni di posizione e dimensione del tratto.
Questa è l'immagine con il tratto (contorno) aggiunto.
Viene aggiunto un bordo attorno all'immagine.
Passaggio 11: Salva l'immagine
Infine, per salvare l'immagine mantenendo gli angoli arrotondati, è necessario salvarla in un formato che supporti la trasparenza. JPEG non funzionerà. In alternativa, salva l'immagine come PNG .
Andare al menu File e selezionare Salva una copia (non Salva con nome).
Vai su File > Salva una copia
Nella finestra di dialogo Salva una copia:
Vai alla posizione in cui vuoi salvare il file sul tuo computer.
Cambia il tipo di file in PNG .
Assegna un nome al file. L'esempio si chiamerà "angoli arrotondati".
Fare clic su Salva .
Salva il file come PNG.
Nelle Opzioni formato PNG, seleziona Dimensione file più piccola e fai clic su OK .
L'immagine ora è salvata con gli angoli arrotondati.
Opzione formato PNG.
E questo è tutto! Ecco come arrotondare gli angoli delle foto usando Photoshop.