Crea un triángulo con esquinas redondeadas


27

Sé que puedes crear un rectángulo de esquina redondeada; pero, ¿cómo se crea un triángulo con esquinas redondeadas en Photoshop?

De hecho, estoy interesado en hacerlo desde cero, no basarlo en una forma personalizada que esté disponible en Photoshop. Gracias.


ambas respuestas a continuación son buenas. Tenga en cuenta que el método de máscara de canal alfa tiene un problema menor con el escalado y la falta de control absoluto. El método vectorial se puede escalar a cualquier tamaño sin pérdida de calidad, y tiene un control más preciso del radio de la esquina.
horatio

Normalmente cambio a Inkscape para hacer cosas como esta. También puede usar Illustrator / CorelDraw / su editor de gráficos vectoriales preferido. No es que usar Photoshop sea incorrecto o insensato, solo prefiero un editor de gráficos vectoriales dedicado para estas cosas.
thomasrutter

1. Créalo en Illustrator. 2. Pegar como objeto inteligente en PS. Puede jugar con el radio de la esquina en cualquier momento de esta manera;)
Salman von Abbas

Respuestas:


32

Hay varias formas de hacerlo. Puede usar la herramienta de lápiz para dibujarlo usted mismo.

Mi respuesta se basa en la forma en que lo he estado haciendo a lo largo de los años.

paso 1

Dibuja un triángulo en una nueva capa. presione cmd + a (seleccionar todo) y luego cmd + c (copiar)

paso 2

cambie a la pestaña Canales y cree un nuevo canal. Se llamará "Alpha 1" de forma predeterminada. ahora pega el triángulo que copiaste antes. Tenga en cuenta que el triángulo será blanco. El área blanca en el canal se convertirá en su máscara de selección más adelante.

paso 3

ahora dale a toda la capa del canal un desenfoque gaussiano. nota: el valor de desenfoque aquí no se traducirá exactamente al radio de borde de píxel que desee. solo tendrás que jugar un poco con eso. Estoy usando 10px blur en mi ejemplo.

etapa 4

Cuando hayas terminado de desenfocar, presiona cmd + L (nivel). En el menú de nivel, ajuste los valores de entrada. use el valor que elegí en mi captura de pantalla. La idea es conseguir que el triángulo "vuelva a estar afilado" Hacerlo creará las puntas circulares en cada extremo.

paso 5

Ahora vuelve a la pestaña Capas, oculta la capa triangular de la que dibujaste antes. comience una nueva capa, luego vaya a "Seleccionar" -> "Cargar selección". En la ventana emergente, para "Fuente", elija "Alfa 1"

Ahora tendrá seleccionado el contorno redondeado del triángulo arrinconado, luego puede rellenarlo del color que desee.


1
+1 Buena técnica. Para ajustar el borde después del ajuste de Niveles, Filtro> Otro> Minimizar (o Maximizar) funciona bien sin introducir alias.
Alan Gilbertson

Este es el mejor para la precisión, lo más probable es que si juegas con la herramienta de lápiz no obtendrás el radio de la esquina perfecto, pero de esta manera todo es 'generado' por el software, ¡así que es preciso!
Dan Hanly

@ Jin: muchas gracias! Aparentemente, dependiendo de los valores que elija en el menú Niveles, el tamaño del triángulo variará.
moey

@ Alan: No pude encontrar el filtro 'Otro> ...' en mi Photoshop (CS4 Extended en una Mac). ¿Es ese un filtro no estándar?
moey

1
@SikuSikuCom La desventaja de este método es qué tan nítida es la forma, aún se hace manualmente. Entonces tienes que mirarlo. Además, no es escalable ya que no es vector. Sin embargo, algo bueno de este método es que también se aplica a otras formas de polígono. Por ejemplo, un hexágono con esquinas redondeadas.
Jin

9

Hay algunos pasos muy fáciles para hacer un triángulo con esquina redondeada con la ayuda de la herramienta de lápiz, y también desde cero

  • En primer lugar, crea tu triángulo con la herramienta de lápiz.
  • agregue un punto de anclaje adicional en la esquina inferior derecha e izquierda a ambos lados de acuerdo con la captura de pantalla adjunta.

  • después de eso, presione A / o seleccione (herramienta de selección de ruta) y muévalo ligeramente hacia el lado derecho, puede doblarlo de acuerdo con la forma redonda deseada, aplique lo mismo en la esquina superior, solo tiene que agregar un punto de anclaje y hacer el igual que hiciste en el fondo.

    encienda la cuadrícula (Ctrl / Cmd-,) le ayudará a colocar puntos de anclaje para la esquina redonda / radio exactos para ambos lados, puede aumentar / disminuir su radio simplemente arrastrando los puntos de anclaje.

mira este SS ....

(clic izquierdo y ver imagen grande en una nueva ventana) .... triángulo redondeado

Espero que esto ayude ...


3
Esto funciona mejor si activa la cuadrícula (Ctrl / Cmd-) y coloca los puntos de anclaje iniciales en las intersecciones de la cuadrícula, de lo contrario es difícil hacer que el radio de la esquina sea idéntico en cada vértice.
Alan Gilbertson

@ Jack: Gracias por la instrucción paso a paso. Tal vez soy un poco demasiado perfeccionista, pero ¿cómo podríamos asegurarnos de que la redondez sea exactamente la misma en las tres esquinas? Puedo hacer que los dos inferiores sean idénticos; El problema es para el superior.
moey

con la ayuda de grid puedes hacer todas las rondas similares, es fácil intentarlo
Jack

6
  1. Crea una forma triangular del tamaño deseado

  2. Coloque formas circulares del radio deseado en las esquinas del triángulo, para que se alineen con los bordes pero no se crucen.

  3. Combina formas.

  4. Hecho. :)


1
No olvides recortar los puntos en el triángulo. De lo contrario, su cosechadora producirá el triángulo original ...
Farray

3

Tengo uno más fácil ...

  • Seleccione la "Forma personalizada".
  • Cargue "Símbolos" desde el menú 'formulario'.
  • Seleccione el triángulo invertido (tiene bordes redondeados).
  • Hecho

Puedes rotarlo o voltearlo como quieras. No puedes cambiar lo radioso, aunque.


1

Cree un rectángulo con bordes suaves (uso 3px) y luego elimine una esquina con la herramienta Pluma Ajústelo para que se vea de la manera que desee.


-1

Crea un triángulo con la herramienta Pluma. Usando efectos, aplica un trazo externo sobre él, haciéndolo tan grande como necesites para la redondez que deseas para tus esquinas. Ahora necesitarás suavizar cualquier punto en tu golpe siguiendo los siguientes pasos.

Haga clic derecho en la capa de su triángulo y elija Convertir en objeto inteligente. Manteniendo Ctrl, haga clic en la miniatura de su triángulo en el panel Capas para seleccionarlo. Vaya a Seleccionar en el menú principal y elija Modificar, luego en el menú desplegable elija Contrato. Contrato por 3px. Regrese a Seleccionar en el menú principal y nuevamente elija Modificar, esta vez eligiendo Suave, e ingrese 10px. Presione el botón de máscara en la parte inferior del panel Capas. Regrese a su capa y haga clic derecho, eligiendo nuevamente Convertir a objeto inteligente.

Dependiendo del tamaño de su triángulo, es posible que tenga que cambiar cuántos px contrae y suaviza al hacer su selección.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.