Saltar al tutorial
lil cactus

Cómo redondear las esquinas de una imagen

Principiante6 minutosActualizado

Respuesta rápida

En Lil Cactus, dibuja un Rectángulo relleno con la herramienta Forma y usa Ventana y luego Propiedades para poner sus campos X (px) e Y (px) en 0, igualar su anchura y su altura a las de la foto y elegir un Radio (px) (120 en el ejemplo). Elige Capa y luego Organizar y luego Enviar capa atrás, selecciona la capa de la foto y elige Capa y luego Crear/soltar máscara de recorte. Exporta con Archivo y luego Exportar y luego PNG… para conservar las esquinas transparentes.

La foto de las nubes completa antes de redondearla y la misma foto con las cuatro esquinas redondeadas mostrando el damero transparente
La foto solo se ve dentro del rectángulo redondeado que tiene debajo, y sigue en su propia capa. Arrastra el control para comparar.
Tiempo
6 minutos
Nivel
Principiante
Necesitas
Una foto opaca, sin zonas transparentes que haya que conservar
Funciona con
Fotos JPG, PNG y WebP; exportación a PNG
Abrir el ejemplo en Lil CactusUsar tu propia foto

Gratis y sin registro. Tu foto no sale de tu equipo.

Una máscara de recorte usa la forma rellena de la capa de debajo como ventana para la foto de encima. Aquí esa ventana es un rectángulo con las esquinas redondeadas. Puedes cambiar el rectángulo más adelante sin dibujar las curvas en la propia foto.

Redondear las esquinas en cinco pasos

  1. Abre la foto y anota sus dimensiones

    Abre el ejemplo de esta página o usa Archivo y luego Abrir… Elige Ventana y luego Propiedades. Anota la Anchura y la Altura de la foto que aparecen en la parte superior del panel; las usarás para el rectángulo.

    Los datos de Propiedades con la Anchura del documento de ejemplo, 1536 px, y su Altura, 1024 px
    Estas son las dimensiones del documento.
  2. Dibuja un rectángulo relleno

    Elige la herramienta Forma en la barra de herramientas de la izquierda. En la barra de opciones, en Modo elige Forma, en Forma elige Rectángulo y en Operación elige Nueva capa.

    Arrastra desde cerca de la esquina superior izquierda de la foto hacia su esquina inferior derecha. El rectángulo aparece en una capa nueva llamada Forma. Su tamaño provisional puede ser aproximado: a continuación fijarás los límites exactos.

    La parte inferior de la barra de herramientas, de Pluma a Mano, con el botón Forma completo marcado con un círculo
    Busca el icono de un cuadrado y un círculo superpuestos cerca de la parte inferior de la barra de herramientas.
    Los controles completos Modo Forma, Forma Rectángulo y Operación Nueva capa, marcados con un círculo
    Crea una capa de forma independiente.
  3. Define los límites y el radio de las esquinas

    En Propiedades, en el apartado Geometría, escribe 0 en X (px) y 0 en Y (px). Para el ejemplo, escribe 1536 en Anchura (px), 1024 en Altura (px) y 120 en Radio (px). Para tu propia foto, usa las dimensiones que anotaste en el paso 1. Pulsa Tab después de cada número.

    En el apartado Relleno, en Pintura elige Color; en el apartado Trazo, en Pintura elige Ninguno. Ahora el rectángulo cubre el lienzo, con las esquinas curvas.

    Geometría con los campos completos X 0, Y 0, Anchura 1536, Altura 1024 y Radio 120 marcados con un círculo
    Define aquí el tamaño del rectángulo, no el del documento.
    Los apartados Relleno y Trazo con los dos controles Pintura completos marcados con un círculo: Relleno Color y Trazo Ninguno
    Usa una forma rellena sin contorno.
  4. Recorta la foto con el rectángulo

    Con Forma seleccionada, elige Capa y luego Organizar y luego Enviar capa atrás. Haz clic en la fila de la foto en el panel Capas (Fondo en el ejemplo), justo encima de Forma. Elige Capa y luego Crear/soltar máscara de recorte.

    Ahora en las esquinas se ve el damero, que indica la transparencia en el editor y no forma parte de la exportación. Una flecha doblada junto a la fila de la foto en el panel Capas indica que está recortada con Forma.

    El panel Capas con la fila Fondo completa marcada con un círculo, justo encima de la capa Forma seleccionada
    Selecciona la foto que está encima de la forma.
    El panel Capas con la foto sangrada encima de Forma y una flecha de recorte doblada junto a su miniatura
    La foto está recortada con la forma de debajo.
  5. Exporta el PNG transparente

    Elige Archivo y luego Exportar y luego PNG…, escribe rounded-sky.png en Nombre de archivo y haz clic en Exportar.

    Elige también Archivo y luego Guardar como y luego Proyecto de Lil Cactus… para mantener editables las dos capas; a partir de entonces, Archivo y luego Guardar actualiza el proyecto. Antes de eso, Archivo y luego Guardar escribe en el JPEG que abriste una imagen acoplada, con las esquinas blancas porque JPEG no admite transparencia; la primera vez que guardas un JPEG se abre el cuadro de diálogo Guardar imagen. Exportar siempre crea un archivo nuevo.

    La etiqueta y el campo Nombre de archivo completos, marcados con un círculo, con rounded-sky.png
    Pon nombre a la copia redondeada.
    El botón Exportar marcado con un círculo junto a Cancelar en el pie del cuadro de diálogo de exportación
    Exporta la copia de la imagen.

Cambiar las esquinas más adelante

En el proyecto, haz clic en la fila Forma del panel Capas. En Propiedades, cambia Radio (px) a 240 y pulsa Tab para obtener unas esquinas más redondeadas. Así se modifica el rectángulo que ya existe. El campo Radio de esquina de la barra de opciones es para la próxima forma que dibujes.

El panel Capas con la fila Forma completa marcada con un círculo, debajo de la foto recortada
Selecciona el rectángulo que hay debajo de la foto.
El apartado Geometría con el campo Radio completo marcado con un círculo, con el valor 240
Usa Radio en Propiedades para modificar la forma existente.
Detalle de la esquina superior izquierda de la foto, más redondeada, con el damero en la zona oculta
Con un radio mayor se oculta más parte de la esquina.

Qué hacer a continuación

Esquinas redondeadas: preguntas y respuestas

¿Por qué mi imagen redondeada tiene las esquinas blancas en JPEG?

JPEG no puede guardar transparencia. En Lil Cactus, una exportación a JPEG rellena de blanco las esquinas ocultas. Exporta en su lugar con Archivo y luego Exportar y luego PNG… o Archivo y luego Exportar y luego WebP… para que sigan siendo transparentes.

¿Puede WebP mantener transparentes las esquinas redondeadas?

Sí. En Lil Cactus, elige Archivo y luego Exportar y luego WebP… y haz clic en Exportar.

¿Redondear las esquinas cambia las dimensiones en píxeles de la imagen?

No. Este método de Lil Cactus conserva las dimensiones del lienzo. Oculta los píxeles de las esquinas en lugar de cambiar el tamaño de la imagen.

¿Por qué, a partir de cierto valor, un radio mayor ya no cambia la forma?

En Lil Cactus, el radio visible de las esquinas llega como máximo a la mitad del lado más corto del rectángulo. A partir de ahí se dibuja la misma forma redondeada aunque el campo Radio contenga un número mayor.

¿Puedo redondear solo una esquina de una imagen?

No con el campo Radio: en Lil Cactus, un rectángulo editable usa un único valor de Radio para las cuatro esquinas.