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.

Leave a Comment

Solución de problemas de actualizaciones de error H en Microsoft Teams

Solución de problemas de actualizaciones de error H en Microsoft Teams

¿Tiene problemas con el Error H de Microsoft Teams durante las actualizaciones? Descubra cómo solucionar el Error H de Microsoft Teams, sus causas comunes y soluciones rápidas para restablecer una colaboración fluida. Actualizado con las últimas soluciones.

Solución de problemas de errores de llavero en Microsoft Teams para Mac

Solución de problemas de errores de llavero en Microsoft Teams para Mac

¿Tienes problemas con el llavero de errores de Microsoft Teams para Mac? Descubre soluciones paso a paso y probadas para macOS y recupera una colaboración fluida. ¡Soluciones rápidas en el interior!

Cómo solucionar el error 1200 de Microsoft Teams en tu teléfono (iOS/Android)

Cómo solucionar el error 1200 de Microsoft Teams en tu teléfono (iOS/Android)

¿Cansado de que el error 1200 de Microsoft Teams bloquee tus llamadas? Descubre soluciones rápidas y paso a paso para iOS y Android y vuelve a trabajar en equipo sin problemas rápidamente, ¡sin necesidad de conocimientos técnicos!

¿Por qué falló mi grabación en Microsoft Teams? Razones comunes

¿Por qué falló mi grabación en Microsoft Teams? Razones comunes

¿Frustrado porque tu grabación de Microsoft Teams falló? Descubre las razones más comunes, como problemas de permisos, límites de almacenamiento y fallos de red, además de soluciones paso a paso para evitar futuros fallos y grabar siempre de forma impecable.

¿Por qué no puedo ver las salas de grupos pequeños en mi reunión de Teams?

¿Por qué no puedo ver las salas de grupos pequeños en mi reunión de Teams?

¿Frustrado porque las salas de reuniones no aparecen en tu reunión de Teams? Descubre las principales razones por las que no puedes verlas en Teams y sigue nuestras soluciones paso a paso para que funcionen correctamente en minutos. ¡Ideal tanto para organizadores como para participantes!

Solución de errores de red de Microsoft Teams en redes Wi-Fi públicas

Solución de errores de red de Microsoft Teams en redes Wi-Fi públicas

¿Tienes problemas con un error de red de Microsoft Teams en una red Wi-Fi pública? Obtén soluciones instantáneas como ajustes de VPN, comprobaciones de puertos y borrado de caché para restaurar llamadas y reuniones sin problemas. Guía paso a paso para una solución rápida.

¿Dónde está la papelera de reciclaje de Microsoft Teams? Cómo recuperar archivos borrados

¿Dónde está la papelera de reciclaje de Microsoft Teams? Cómo recuperar archivos borrados

¿Perdiste archivos importantes en Microsoft Teams? Descubre la ubicación exacta de la Papelera de reciclaje de Microsoft Teams y sigue nuestros pasos comprobados para recuperar archivos eliminados de forma rápida y sencilla, ¡sin necesidad de conocimientos técnicos!

Cómo configurar el estado Fuera de oficina en Microsoft Teams

Cómo configurar el estado Fuera de oficina en Microsoft Teams

Descubre cómo configurar el estado "Fuera de oficina" en Microsoft Teams con sencillos pasos para escritorio, móvil y sincronización con Outlook. Mantén la profesionalidad mientras estás fuera: ¡configuración rápida en minutos!

Dónde encontrar el código QR de Microsoft Teams para iniciar sesión rápidamente en dispositivos móviles

Dónde encontrar el código QR de Microsoft Teams para iniciar sesión rápidamente en dispositivos móviles

Descubre exactamente dónde encontrar el código QR de Microsoft Teams para iniciar sesión móvil ultrarrápido. Guía paso a paso con imágenes para conectarte en segundos, ¡sin necesidad de contraseñas!

Solución del error al unirse a una reunión en Microsoft Teams mediante un enlace directo

Solución del error al unirse a una reunión en Microsoft Teams mediante un enlace directo

¿Tienes problemas con el error al unirte a una reunión de Microsoft Teams? Descubre pasos comprobados para solucionarlo mediante enlaces directos. Soluciones rápidas para unirte sin problemas, ¡sin necesidad de conocimientos técnicos!

Cómo instalar el complemento de Microsoft Teams para Outlook 2026

Cómo instalar el complemento de Microsoft Teams para Outlook 2026

Domine la instalación del complemento de Microsoft Teams para Outlook 2026 sin esfuerzo. Aumente su productividad con una programación y reuniones fluidas. ¡Siga nuestros pasos probados y actualizados para un éxito inmediato!

¿Dónde está mi calendario de Teams? Solución de problemas de sincronización

¿Dónde está mi calendario de Teams? Solución de problemas de sincronización

¿Frustrado por "¿Dónde está mi calendario de Teams?"? Soluciona los problemas de sincronización en Microsoft Teams paso a paso. Restaura la vista de tu calendario y sincroniza sin esfuerzo: ¡consejos de expertos incluidos!

Cómo solucionar el error de inicio de sesión de Microsoft Teams en Chromebooks

Cómo solucionar el error de inicio de sesión de Microsoft Teams en Chromebooks

¿Tienes problemas con el inicio de sesión de Microsoft Teams en Chromebooks? Descubre soluciones paso a paso para resolver problemas de inicio de sesión rápidamente. Borra la caché, actualiza apps y mucho más para trabajar en equipo sin problemas. ¡Funciona con la última versión de Chrome OS!

Cómo cambiar tu foto de perfil de Microsoft Teams en iPhone y Android

Cómo cambiar tu foto de perfil de Microsoft Teams en iPhone y Android

Descubre la forma más sencilla de cambiar tu foto de perfil de Microsoft Teams en iPhone y Android. Guía paso a paso con capturas de pantalla para actualizaciones fluidas en la última versión de la app. ¡Mejora tu imagen profesional hoy mismo!

Solución de problemas de Microsoft Teams hoy: Qué comprobar primero

Solución de problemas de Microsoft Teams hoy: Qué comprobar primero

¿Te encuentras con un error en Microsoft Teams hoy? Esta guía paso a paso para la solución de problemas de Microsoft Teams te muestra las primeras comprobaciones para resolverlo rápidamente. Soluciones rápidas para la conectividad, la caché y las actualizaciones para que puedas volver a chatear sin problemas.