Cómo crear imágenes con esquinas redondeadas en Photoshop

Este tutorial le mostrará la mejor manera de redondear las esquinas de las imágenes usando Photoshop. El artículo también le muestra cómo agregar un borde a su foto después de redondear las esquinas. Y por último el paso más importante, que es cómo guardar el resultado con la transparencia conservada en las esquinas.

Paso 1: Desbloquea la capa de fondo

Con la imagen abierta en Photoshop, comenzamos yendo al panel Capas donde se encuentra la imagen en la capa Fondo.

Haga clic en el icono de candado de la capa para desbloquearla. Photoshop cambiará el nombre de la capa a Capa 0 y el icono del candado desaparecerá.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Desbloquea la capa de fondo.

Paso 2: Seleccionar la herramienta Rectángulo

En la barra de herramientas, seleccione la herramienta Rectángulo.

Si hay otra herramienta de forma disponible, haga clic y mantenga presionado el ícono de esa herramienta y seleccione la herramienta Rectángulo de la lista.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Seleccione la herramienta Rectángulo de la barra de herramientas en Photoshop

Paso 3: Establecer las opciones de forma

En la barra de opciones, haga clic en la muestra de color de trazo.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Muestra de color de trazo en la barra de opciones de Photoshop

Establezca el color en Ninguno para no mostrar el trazo.

Luego presione Enter ( Retorno en Mac) para cerrar las opciones de color.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Seleccione Ninguno para el color del trazo.

A la izquierda del color del trazo está la muestra de color de relleno .

Cualquier color para la forma servirá, así que para el ejemplo lo dejaremos negro (color de forma predeterminado).

Cómo crear imágenes con esquinas redondeadas en Photoshop
Muestra de color de relleno.

También en la barra de opciones se encuentra la opción Radio de esquina, donde puedes ingresar dimensiones para las esquinas antes de dibujar la forma.

Déjelo en 0 por ahora porque redondearemos las esquinas después de dibujar la forma.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Opción de radio de esquina para la herramienta Rectángulo en Photoshop

Paso 4: Dibuja un rectángulo

Haga clic y mantenga presionado el documento y arrastre la forma hacia afuera. No te preocupes por el tamaño o la posición de la forma, ya que la cambiaremos más adelante.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Dibuja la forma inicial.

En el panel Capas, la forma aparecerá en su propia capa de forma encima de la imagen.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Nueva capa de forma en el panel Capas.

Paso 5: Centrar y redimensionar la forma

Antes de cambiar el tamaño de la forma, céntrela en el lienzo.

En la barra de opciones, haga clic en el icono Alineación de ruta .

Cómo crear imágenes con esquinas redondeadas en Photoshop
Icono de alineación de ruta en la barra de opciones.

Cambie la opción Alinear a de Selección a Lienzo .

Cómo crear imágenes con esquinas redondeadas en Photoshop
La opción Alinear a está configurada en Lienzo.

Haga clic en los íconos Alinear centros horizontales y Alinear centros verticales .

Luego haga clic en cualquier lugar de la barra de opciones para cerrar el cuadro.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Iconos Alinear centros horizontales y Alinear centros verticales.

Ahora la forma está centrada. Puede cambiar el tamaño desde su centro manteniendo presionada la tecla Alt en una PC con Windows o la tecla Opción en una Mac y arrastrando cualquiera de los controladores de transformación.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Cambia el tamaño de una forma desde su centro.

Paso 6: Redondea las esquinas de la forma.

Tenga en cuenta el pequeño círculo en cada esquina de la forma. Estos son los controles de radio de esquina .

El control Radio de la esquina está en la esquina superior izquierda de la forma.

Para redondear las esquinas, simplemente arrastre uno de los círculos.

Arrastre el círculo para redondear las esquinas.

Las cuatro esquinas de la forma están redondeadas en la misma medida.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Arrastrar un círculo redondeará todas las esquinas a la vez.

Esquinas redondeadas desde el panel Propiedades

Otra forma de redondear las esquinas es en el panel Propiedades. Este segundo método es útil cuando conoces el valor exacto del radio que necesitas.

En el panel Propiedades , vaya a las opciones de Radio de esquina . Es posible que tengas que desplazarte hacia abajo para encontrarlos.

Aquí puede ingresar valores para los ángulos en las esquinas superior izquierda, superior derecha, inferior derecha e inferior izquierda de la forma.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Opciones de Radio de esquina en el panel Propiedades.

Para establecer el radio de las 4 esquinas a la vez, primero asegúrese de que el ícono de enlace esté seleccionado.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Icono de enlace.

Luego ingrese el valor en cualquier celda. Por ejemplo, ingresaremos 800 px para la esquina superior izquierda.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Introduzca un valor de radio para una de las esquinas.

Presione Enter ( Retorno en Mac) para aceptar y establecer ese valor para las 4 esquinas.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Ahora, las cuatro esquinas tienen el mismo valor de radio.

Cómo redondear una esquina por separado de las demás

Además de redondear las cuatro esquinas juntas, puedes redondear cada esquina individualmente.

La forma más fácil es mantener presionada la tecla Alt en una PC con Windows o la tecla Opción en una Mac y luego arrastrar el círculo hasta obtener el ángulo que desea ajustar.

Entonces, si desea que la esquina superior derecha sea puntiaguda mientras las otras esquinas permanezcan redondeadas, puede mantener presionada la tecla Alt (Win) / Opción (Mac) y arrastrar el círculo de esa esquina nuevamente a su posición original.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Redondea una esquina de una forma por separado de las otras esquinas.

Mantenga presionada la tecla Alt (Win) / Opción (Mac) para arrastrar el círculo sin afectar las otras esquinas.
Y ahora, tenemos un ángulo agudo (en la esquina superior derecha) y tres esquinas redondeadas.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Resultados después de ajustar un ángulo por separado.

Otra forma de ajustar una esquina individualmente es desde la opción Radio de esquina en el panel Propiedades.

Primero, desvincula las esquinas desmarcando el ícono de enlace.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Desvincular esquinas.

A continuación, introduzca el valor del radio para la esquina. Entonces, si quieres que la esquina inferior izquierda también esté nítida, puedes ingresar un valor de 0 px.

Presione Enter ( Retorno en Mac) para aceptar.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Establezca el radio inferior izquierdo en 0.

Ahora, tenemos dos esquinas redondeadas y dos esquinas agudas.

Establezca el radio inferior izquierdo en 0.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Resultado después de ajustar solo la esquina inferior izquierda.

Pero tenga en cuenta que si ahora arrastra un círculo (sin mantener presionada la tecla Alt u Opción ) para ajustar las cuatro esquinas juntas, las esquinas de las esquinas superior derecha e inferior izquierda aún estarán menos redondeadas que las otras esquinas.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Las esquinas están redondeadas en distintos grados.

Restablecer esquinas

Arrastre los círculos hacia las esquinas para restablecerlos a sus esquinas afiladas originales.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Arrastre los círculos para afinar las esquinas.

Luego arrastra uno de los círculos para redondearlos todos a la misma cantidad que desees.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Redondea las cuatro esquinas juntas.

Paso 7: Crear máscara de recorte

Ahora que has redondeado las esquinas de la forma, debes mover la imagen dentro de la forma. Para ello, utilice una máscara de recorte.

En el panel Capas, arrastre la capa de imagen sobre la capa de forma.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Arrastre la imagen a la capa de forma en el panel Capas.

Luego, mientras la capa de imagen esté activa, haga clic en el ícono de menú del panel Capas.

Cómo crear imágenes con esquinas redondeadas en Photoshop
El icono del menú del panel Capas.

Haga clic en el icono del menú.

Seleccione Crear máscara de recorte .

Cómo crear imágenes con esquinas redondeadas en Photoshop
Seleccione el comando Crear máscara de recorte en Photoshop.

Este comando coloca la imagen dentro de una forma, haciendo que parezca tener esquinas redondeadas.

Y todo lo que está fuera de la forma ahora es transparente, representado por un patrón de tablero de ajedrez.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Las fotos ahora tienen esquinas redondeadas.

Paso 8: Realiza los ajustes finales en las esquinas.

Aún puedes ajustar las esquinas si es necesario, incluso si la foto está dentro de la forma.

Simplemente vuelva a seleccionar la capa de forma en el panel Capas.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Seleccione la capa de forma.

Mientras mantenga la herramienta Rectángulo (o cualquier herramienta de forma) seleccionada en la barra de herramientas, los círculos en las esquinas volverán a aparecer.

Arrastre un círculo para ajustar la redondez hasta que esté satisfecho con el resultado.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Los círculos de radio de esquina reaparecen cuando se selecciona la capa de forma.

Para ver la imagen sin que los controles de forma interfieran, seleccione la capa de imagen en el panel Capas.

Y para recuperar los controles, seleccione la capa de forma.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Cambie entre capas de forma e imagen para mostrar/ocultar controles de forma.

Paso 9: Recorta las áreas transparentes

Antes de continuar, recortemos las áreas transparentes innecesarias alrededor de la imagen, ya que todo lo que realmente necesitamos es la transparencia en las esquinas.

Vaya al menú Imagen y seleccione Recortar .

Cómo crear imágenes con esquinas redondeadas en Photoshop
Seleccione el comando Recortar en el menú Imagen en Photoshop

En el cuadro de diálogo Recortar , seleccione Píxeles transparentes en la parte superior y asegúrese de que Superior, Inferior, Izquierda y Derecha estén seleccionados en la parte inferior.

Luego haga clic en Aceptar.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Cuadro de diálogo Recortar en Photoshop

Photoshop corta toda la transparencia excepto lo que queda en las esquinas.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Resultado después de eliminar la mayor parte de la parte transparente.

Paso 10: Agrega un borde alrededor de la foto (opcional)

Si desea agregar un borde alrededor de su imagen, asegúrese de que la capa de forma en el panel Capas esté seleccionada.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Seleccione la capa de forma.

Haga clic en el icono de efectos de capa (fx) en la parte inferior del panel Capas.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Icono de efecto de capa.

Seleccione Trazo de la lista.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Añade un efecto de capa de Trazo a la forma.

En el cuadro de diálogo Estilo de capa, haga clic en la muestra de color para seleccionar un color para el trazo.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Seleccionar el color del trazo.

Luego, seleccione un color del Selector de color. En el ejemplo elegiremos el color blanco (con valores R, G y B de 255).

Haga clic en Aceptar para cerrar el Selector de color cuando haya terminado.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Seleccione blanco en el Selector de color.

De nuevo en el cuadro de diálogo Estilo de capa, asegúrese de que la Posición del trazo esté configurada en Interior.

Luego, arrastre el control deslizante Tamaño para establecer el ancho del trazo. El tamaño que necesitas dependerá del tamaño de la imagen.

Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa cuando haya terminado.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Opciones de posición y tamaño del trazo.

Esta es la imagen con el trazo (contorno) agregado.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Se agrega un borde alrededor de la imagen.

Paso 11: Guardar la imagen

Por último, para guardar la imagen y conservar las esquinas redondeadas, debes guardar la imagen en un formato que admita transparencia. JPEG no funcionará. En su lugar, guarde la imagen como PNG .

Vaya al menú Archivo y seleccione Guardar una copia (no Guardar como).

Cómo crear imágenes con esquinas redondeadas en Photoshop
Vaya a Archivo > Guardar una copia

En el cuadro de diálogo Guardar una copia:

  • Navegue hasta donde desea guardar el archivo en su computadora.
  • Cambiar el tipo de archivo a PNG .
  • Nombra el archivo. El ejemplo se llamará "esquinas redondeadas".
  • Haga clic en Guardar .
Cómo crear imágenes con esquinas redondeadas en Photoshop
Guardar archivo como PNG.

En Opciones de formato PNG, seleccione Tamaño de archivo más pequeño  y haga clic en Aceptar .

Su imagen ahora está guardada con esquinas redondeadas.

Cómo crear imágenes con esquinas redondeadas en Photoshop
Opción de formato PNG.

¡Y eso es todo! Así es como se redondean las esquinas de las fotos usando Photoshop.

Sign up and earn $1000 a day ⋙

Leave a Comment

Señales de advertencia de que podrías ser intolerante a la lactosa

Señales de advertencia de que podrías ser intolerante a la lactosa

La intolerancia a la lactosa se produce en personas que carecen de la enzima necesaria para descomponer la lactosa, el azúcar de la leche. A continuación se presentan algunos signos comunes de intolerancia a la lactosa.

Las mejores dietas para la salud del corazón

Las mejores dietas para la salud del corazón

Además del ejercicio regular y no fumar, la dieta es una de las mejores maneras de proteger el corazón. Aquí están las mejores dietas para la salud del corazón.

Cómo desactivar la opción Guardar como en OneDrive en Microsoft 365

Cómo desactivar la opción Guardar como en OneDrive en Microsoft 365

Las aplicaciones de Microsoft 365 proporcionan acceso directo a OneDrive. Si no usa OneDrive, puede eliminar esta opción de Office 365 al guardar archivos.

Último código de Ninja Tien Len y cómo ingresar el código

Último código de Ninja Tien Len y cómo ingresar el código

El desarrollador del juego publica el código de regalo Ninja Tien Len para ayudar a los jugadores iniciales.

Los usuarios de EE. UU. ahora pueden acceder a ChatGPT a través del 1-800-CHATGPT

Los usuarios de EE. UU. ahora pueden acceder a ChatGPT a través del 1-800-CHATGPT

Con solo una llamada rápida al 1-800-CHATGPT, ahora puedes chatear con este asistente de IA.

¿Por qué utilizar Llama 3.2 en lugar de ChatGPT?

¿Por qué utilizar Llama 3.2 en lugar de ChatGPT?

En medio de todo el revuelo en torno a la IA, Llama 3.2 es una opción suave que presta atención a los detalles más finos y es hora de que cambies a esta herramienta.

Cómo hacer una captura de pantalla en Samsung Galaxy

Cómo hacer una captura de pantalla en Samsung Galaxy

Tomar capturas de pantalla en teléfonos Samsung Galaxy también es extremadamente fácil.

Cómo insertar y eliminar una marca de agua en un documento de Word

Cómo insertar y eliminar una marca de agua en un documento de Word

Para insertar o eliminar una marca de agua en un documento de Word, podemos utilizar inmediatamente la función disponible en esta herramienta de edición, con 2 formas diferentes de insertar una marca de agua en el contenido.

¿Cuál es el mejor eliminador de fondo de fotos con IA?

¿Cuál es el mejor eliminador de fondo de fotos con IA?

La gente pasa demasiado tiempo eliminando fondos manualmente y la IA no siempre es la magia que dice ser.

SpaceX lanza el primer satélite móvil con conexión directa a teléfonos inteligentes

SpaceX lanza el primer satélite móvil con conexión directa a teléfonos inteligentes

El 3 de enero, SpaceX de Elon Musk lanzó los primeros seis satélites que pueden proporcionar servicio móvil a zonas remotas sin necesidad de una terminal.

NVIDIA GeForce RTX 5060 Ti se lanzó oficialmente: GPU Blackwell GB206, un 20 % más de rendimiento que la RTX 4060 Ti y el doble de velocidad al usar DLSS 4

NVIDIA GeForce RTX 5060 Ti se lanzó oficialmente: GPU Blackwell GB206, un 20 % más de rendimiento que la RTX 4060 Ti y el doble de velocidad al usar DLSS 4

La próxima tarjeta gráfica insignia de NVIDIA, la GeForce RTX 5060 Ti, vendrá en versiones de 16 GB y 8 GB y se espera que se lance a mediados de abril.

Los ciberdelincuentes están difundiendo malware mediante... Búsqueda de Google

Los ciberdelincuentes están difundiendo malware mediante... Búsqueda de Google

Los expertos en seguridad de Palo Alto Networks han descubierto una nueva campaña de ataque que propaga malware a través de los resultados de búsqueda de Google.

Google agrega una función para abrir aplicaciones automáticamente después de instalarlas en Play Store

Google agrega una función para abrir aplicaciones automáticamente después de instalarlas en Play Store

Google está añadiendo una nueva característica pequeña pero largamente esperada a Play Store.

Alto salario pero sin trabajo: cómo Tim Cook retiene el talento

Alto salario pero sin trabajo: cómo Tim Cook retiene el talento

Después de que Tim Cook asumió el cargo de CEO en 2011, en un esfuerzo por mantener la confianza pública en Apple, retuvo a los empleados senior pagándoles sin obligarlos a trabajar.

¿Dónde encontrar el área de Dead Pool en Fortnite?

¿Dónde encontrar el área de Dead Pool en Fortnite?

Dead Pool es una de las áreas temáticas de Mortal Kombat agregadas a Fortnite desde la actualización v34.21.