Crea un triangolo con angoli arrotondati


27

So che puoi creare un rettangolo ad angolo arrotondato; ma come si crea un triangolo con angoli arrotondati in Photoshop?

In realtà sono interessato a farlo da zero, non basandolo su una forma personalizzata disponibile in Photoshop. Grazie.


entrambe le risposte di seguito sono buone. Si noti che il metodo maschera canale alfa ha un piccolo problema con il ridimensionamento e la mancanza di controllo assoluto. Il metodo vettoriale può essere adattato a qualsiasi dimensione senza alcuna perdita di qualità e ha un controllo più preciso del raggio dell'angolo.
horatio

Di solito passo a Inkscape per fare cose del genere. È inoltre possibile utilizzare Illustrator / CorelDraw / l'editor di grafica vettoriale preferito. Non che usare Photoshop sia sbagliato o insensato, preferisco solo un editor di grafica vettoriale dedicato per queste cose.
thomasrutter

1. Crealo in Illustrator. 2. Incolla come oggetto smart in PS. Puoi armeggiare con il raggio d'angolo in qualsiasi momento in questo modo;)
Salman von Abbas l'

Risposte:


32

Esistono diversi modi per farlo. Puoi usare lo strumento penna per disegnarlo da solo.

La mia risposta si basa sul modo in cui l'ho fatto nel corso degli anni.

passo 1

Disegna un triangolo in un nuovo livello. premi cmd + a (seleziona tutto) quindi cmd + c (copia)

passo 2

passa alla scheda Canali e crea un nuovo canale. Sarà chiamato "Alpha 1" per impostazione predefinita. ora incolla il triangolo da cui hai copiato prima. Nota che il triangolo sarà bianco. L'area bianca nel canale diventerà la maschera selezionata in seguito.

passaggio 3

ora dai a tutto il livello del canale una sfocatura gaussiana. nota: il valore di sfocatura qui non si traduce esattamente nel raggio del bordo dei pixel desiderato. dovrai solo giocarci un po '. Sto usando la sfocatura 10px nel mio esempio.

passaggio 4

Dopo aver sfocato, premi cmd + L (livello). Nel menu di livello, regola i valori di input. usa il valore che ho scelto nel mio screenshot. L'idea è di rendere il triangolo "tagliente" di nuovo. In questo modo creerai le punte circolari su ciascuna estremità.

passaggio 5

Ora torna alla scheda Livelli, nascondi il livello del triangolo da cui hai disegnato in precedenza. iniziare un nuovo livello, quindi andare su "Seleziona" -> "Carica selezione". Nel popup, per "Sorgente" selezionare "Alpha 1"

Ora avrai selezionato il contorno del triangolo arrotondato, quindi puoi riempirlo di qualsiasi colore ti piaccia.


1
+1 Bella tecnica. Per mettere a punto il bordo dopo la regolazione Livelli, Filtro> Altro> Riduci a icona (o Ingrandisci) funziona bene senza introdurre alias.
Alan Gilbertson,

Questo è il migliore per la precisione, è probabile che se si scherza con lo strumento penna non si otterrà il raggio dell'angolo perfetto, ma in questo modo è tutto 'generato' dal software, quindi è accurato!
Dan Hanly,

@Jin: Mille Grazie! Apparentemente, a seconda dei valori scelti nel menu Livelli, la dimensione del triangolo varierà.
Moey,

@Alan: Non sono riuscito a trovare il filtro 'Altro> ...' nel mio Photoshop (CS4 Extended su un Mac). È un filtro non standard?
Moey,

1
@SikuSikuCom il rovescio della medaglia di questo metodo è la nitidezza della forma, che viene eseguita manualmente manualmente. Quindi devi guardarlo negli occhi. Inoltre non è scalabile poiché non è un vettore. Tuttavia, un aspetto positivo di questo metodo è che si applica anche ad altre forme poligonali. ad es. un esagono con angoli arrotondati.
Jin

9

ci sono alcuni passaggi molto semplici per realizzare un triangolo con angolo arrotondato con l'aiuto dello strumento penna, ed è anche da zero

  • Prima di tutto crea il tuo triangolo con lo strumento penna.
  • aggiungere un ulteriore punto di ancoraggio nell'angolo in basso a destra e entrambi i lati a sinistra in base alla schermata allegata.

  • dopodiché premi A / o seleziona (strumento di selezione del percorso) e spostalo leggermente sul lato destro puoi piegarlo secondo la forma rotonda desiderata, applicare la stessa cosa nell'angolo in alto lì devi aggiungere solo un punto di ancoraggio e fare il come hai fatto in fondo.

    attiva la griglia (Ctrl / Cmd-,) ti aiuterà a posizionare i punti di ancoraggio per l'angolo / raggio arrotondato esatto per entrambi i lati, puoi aumentare / ridurre il raggio semplicemente trascinando i punti di ancoraggio.

controlla questo SS ....

(clic sinistro e visualizza l'immagine grande in una nuova finestra) .... triangolo arrotondato

Spero che questo possa aiutare ...


3
Funziona meglio se si attiva la griglia (Ctrl / Cmd-,) e si posizionano i punti di ancoraggio iniziali alle intersezioni della griglia, altrimenti è difficile rendere identico il raggio dell'angolo in ciascun vertice.
Alan Gilbertson,

@Jack: grazie per l'istruzione passo-passo. Forse sono un po 'troppo perfezionista, ma come potremmo garantire che la rotondità sia esattamente la stessa attraverso i tre angoli? Posso in qualche modo rendere identici i due inferiori; il problema è per quello in alto.
Moey,

con l'aiuto della griglia puoi fare tutti i round simili è facile provarlo
Jack

6
  1. Crea una forma triangolare della dimensione desiderata

  2. Posiziona le forme circolari del raggio desiderato negli angoli del triangolo, in modo che si allineino con i bordi ma non si intersecano.

  3. Combina forme.

  4. Fatto. :)


1
Non dimenticare di tagliare i punti sul triangolo. Altrimenti la tua mietitrebbia produrrà solo il triangolo originale ...
Farray,

3

Ne ho uno più facile ...

  • Seleziona la "Forma personalizzata".
  • Carica "Simboli" dal menu 'modulo'.
  • Seleziona il triangolo invertito (ha i bordi arrotondati).
  • Fatto

Puoi ruotarlo o capovolgerlo come preferisci. Non puoi cambiare il radiante, però.


1

Crea un rettangolo con bordi lisci (utilizzo 3px) e quindi elimina un angolo con lo strumento penna. Regolarlo per farlo sembrare nel modo desiderato.


-1

Crea un triangolo con lo strumento penna. Usando gli effetti, metti un tratto esterno su di esso, rendendolo grande quanto ti serve per quanto arrotondato vuoi i tuoi angoli. Ora dovrai livellare tutti i punti del tratto seguendo i passaggi successivi.

Fai clic con il pulsante destro del mouse sul livello del triangolo e scegli Converti in oggetto intelligente. Tenendo premuto Ctrl, fai clic sulla miniatura del triangolo nel pannello Livelli per selezionarlo. Vai a Seleziona nel menu principale e scegli Modifica, quindi nel menu a discesa scegli Contratto. Contratto di 3px. Torna a Seleziona nel menu principale e scegli di nuovo Modifica, questa volta scegli Smooth e inserisci 10px. Premi il pulsante maschera nella parte inferiore del pannello Livelli. Torna al livello e fai clic con il pulsante destro del mouse, scegliendo nuovamente Converti in oggetto intelligente.

A seconda delle dimensioni del triangolo, potrebbe essere necessario modificare il numero di px contratti e uniformi quando si effettua la selezione.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.