Edición de imágenes
Seis herramientas remodelan y reestilizan una foto directamente en el lienzo: recorte, eliminación de fondo, ajuste de perspectiva, edición de vértices, filtros y un borrador manual. Selecciona una imagen, o un marco con una imagen recortada dentro, para acceder a ellas desde el panel derecho, la barra de herramientas flotante o el menú del clic derecho.
Vistazo rápido
- Selecciona una imagen en el lienzo, o un marco que tenga una recortada dentro.
- Abre una herramienta: haz doble clic en la imagen para Crop, usa el acordeón Filters del panel derecho o elige una opción del menú del clic derecho.
- Ajusta la configuración de la herramienta mientras la vista previa se actualiza en vivo en el lienzo.
- Pulsa Enter o el botón Apply de la herramienta para confirmar, o Esc / Cancel para descartar y restaurar el original.
Referencia detallada
Recorte (Crop)
No destructivo: la imagen de origen completa siempre se conserva, así que puedes volver a entrar en el modo de recorte más tarde para ajustarlo o restaurarlo.
- Haz doble clic en la imagen, o haz clic derecho y elige Crop.
- Arrastra los tiradores de esquina o de borde del rectángulo de recorte para definir el área que quieres conservar. Un tirador de esquina redimensiona ambas dimensiones; uno de borde redimensiona solo una.
- Si quieres, elige una relación de aspecto, gira o voltea desde la barra de recorte.
- Pulsa Enter o Apply para confirmar, o Esc / Cancel para descartar.
| Relación de aspecto | Valor | Uso típico |
|---|---|---|
| Free | sin restricción | Cualquier proporción |
| 1:1 | 1.0 | Cuadrado, iconos y avatares |
| 4:3 | 1.33 | Horizontal estándar |
| 3:4 | 0.75 | Vertical estándar |
| 16:9 | 1.78 | Panorámico |
| 9:16 | 0.56 | Vídeo vertical |
| 3:2 | 1.5 | Foto horizontal clásica |
| 2:3 | 0.67 | Foto vertical clásica |
La barra de recorte también incluye Rotate 90°, Flip horizontal, Flip vertical y Reset Crop, que devuelve el rectángulo a la imagen completa. Una capa atenuada cubre el área que queda fuera del rectángulo, con una cuadrícula de la regla de los tercios sobre el área conservada para ayudarte con la composición. Aplicar un área de recorte menor de unos 3 por 3 px se ignora, así que no puedes recortar una imagen hasta dejarla en nada por accidente.
Girar o voltear dentro del modo de recorte cambia la imagen al instante. Al cancelar se restauran el rectángulo y las dimensiones de recorte al estado que tenían cuando entraste, pero se conserva cualquier rotación o volteo que hayas aplicado por el camino: solo se deshace el recorte en sí.
Eliminación de fondo
Dos formas de recortar un sujeto: un recorte automático con IA, o un recorte manual instantáneo usando la forma exacta de un marco.
Recorte con IA. Selecciona una imagen y elige Remove Background. Un modelo de aprendizaje automático se ejecuta por completo en tu navegador, sin subida ni ida y vuelta al servidor, para detectar el sujeto y borrar todo lo demás. El primer uso descarga el modelo (unos 30 a 50 MB); a partir de ahí queda en caché durante la sesión. Una capa de progreso muestra la carga del modelo, el porcentaje de descarga y luego el procesamiento. Solo puede ejecutarse una eliminación a la vez; hacer clic de nuevo a mitad del proceso se ignora.
Tras el recorte, el resultado se ajusta a los límites de sus píxeles visibles (con un par de píxeles de margen) en lugar de mantener el tamaño original del lienzo, y se recuerda su silueta trazada: si le añades un borde a la imagen después, el borde sigue el contorno real del recorte en lugar del rectángulo delimitador de la imagen.
| Funciona mejor con | Funciona peor con |
|---|---|
| Un solo sujeto con buen contraste frente a su fondo | Varios sujetos superpuestos, poco contraste, desenfoque intenso |
Punch Out with Frame. Selecciona un marco junto con una imagen (el marco no debe estar ya fusionado ni recortado) y elige Punch Out with Frame, o pulsa Ctrl + Alt + R. La forma exacta del marco se borra de los píxeles de la imagen al instante, sin descarga de modelo ni IA de por medio. El marco en sí queda intacto después y puede reutilizarse en otro lugar. Consulta Herramientas de selección para saber cómo crear un marco.
Ajuste de perspectiva
Deforma una imagen usando cuatro tiradores de esquina arrastrables, útil para encajar un diseño sobre la superficie de un mockup o para dar profundidad.
- Selecciona una imagen y abre Perspective Fit.
- Aparecen cuatro tiradores en las esquinas de la imagen, unidos por un contorno.
- Arrastra cualquier tirador; la imagen se deforma en vivo para adaptarse.
- Ajusta Feather, Blend Mode, Opacity, Shadow o Anti-aliasing según lo necesites.
- Pulsa Enter / Apply para consolidar la deformación, o Esc / Cancel para restaurar el original.
| Ajuste | Rango | Predeterminado | Efecto |
|---|---|---|---|
| Feather | 0 a 10 px | 0 | Suaviza los bordes de la imagen deformada |
| Blend mode | Normal, Multiply, Overlay, Screen | Normal | Cómo se combina la imagen deformada con lo que hay debajo |
| Opacity | 0 a 100% | 100 | Transparencia general del resultado deformado |
| Shadow | on / off | off | Añade un oscurecimiento direccional sobre la superficie para sugerir profundidad |
| Anti-aliasing | on / off | on | Suaviza el muestreo en los bordes; apagado es más nítido, pero puede verse dentado |
Reset Corners devuelve los cuatro tiradores al rectángulo original de la imagen. El ajuste de perspectiva también funciona sobre una imagen recortada dentro de un marco: la deformación se calcula a partir de los píxeles visibles y recortados, y al aplicarla se elimina el recorte, que ya sobra, porque el resultado deformado solo contiene esa área visible.
Edición de vértices
Remodela el contorno de un marco usando un conjunto reducido de tiradores en lugar de cada punto del contorno trazado. Funciona sobre objetos de marco, ya provengan de las herramientas de selección, del paso To Selection del pincel o de Convert to Frame. No se aplica a una imagen que ya está fusionada en un marco, ni a un trazado de la herramienta de pluma.
- Haz clic derecho en un marco y elige Edit Vertices, o usa el botón de la barra flotante del marco.
- Arrastra un tirador para remodelar esa parte del contorno; el detalle cercano del mismo contorno sigue el movimiento con suavidad.
- Haz clic cerca de un borde, a menos de unos 12 px, para insertar un tirador nuevo ahí.
- Haz clic en un tirador para seleccionarlo y luego pulsa Delete o el botón Delete Point para eliminarlo.
- Pulsa Enter / Apply para reconstruir el marco, o Esc / Cancel para restaurar el contorno original sin tocar.
| Origen del contorno | Tiradores externos | Tiradores de huecos (p. ej. el ojo de una letra) |
|---|---|---|
| Marco basado en forma | de unos 6 a 14, según la longitud del contorno | de unos 4 a 8 |
| Marco trazado desde imagen (Quick Select, Lasso, Polygon) | de unos 8 a 18 | de unos 5 a 10 |
| Marco derivado de texto | de unos 6 a 10 | de unos 4 a 6 |
Un contorno no puede reducirse por debajo de 3 tiradores. Arrastrar tiradores existentes mantiene el contorno suave, sobre todo en marcos curvos o derivados de texto; insertar o eliminar un tirador reconstruye esa parte del contorno a partir de los tiradores restantes.
Ten en cuenta que un trazado de la herramienta de pluma es en sí mismo un marco, así que una vez lo seleccionas también puedes abrir Edit Vertices sobre él; es la contraparte de contorno completo basada en tiradores de las propias herramientas de anclaje en vivo de la pluma. Consulta Herramientas de pluma.
Filtros
Ajustes no destructivos que se guardan como metadatos en la imagen, así que siguen siendo editables hasta la exportación.
| Filtro | Rango | Paso | Predeterminado |
|---|---|---|---|
| Brightness | -100 a 100 | 1 | 0 |
| Contrast | -100 a 100 | 1 | 0 |
| Saturation | -100 a 100 | 1 | 0 |
| Blur | 0 a 1 | 0.05 | 0 |
Presets: Grayscale, Sepia e Invert se activan cada uno por su cuenta y se combinan con los deslizadores de arriba; Reset All borra todos los filtros de una vez. El renderizado usa la GPU (WebGL) cuando está disponible y recurre automáticamente a una pasada de filtro por CPU si no lo está.
Los filtros no se limitan a una imagen seleccionada. Los mismos controles se aplican a la imagen de fondo de la página desde un panel aparte que se muestra cuando no hay nada seleccionado, y a los clips de vídeo, donde la configuración se guarda con el clip y se renderiza en la exportación o la reproducción en lugar de como un filtro en vivo del lienzo.
Los ajustes se aplican en un orden fijo, sin importar el orden en que tocaste los deslizadores: brillo, luego contraste, luego saturación, luego el preset y por último el desenfoque. Solo puede haber un preset activo a la vez (Grayscale, Sepia o Invert); elegir uno nuevo reemplaza al anterior.
Borrador (Eraser)
Una herramienta manual de pintar-hasta-transparente para una sola imagen, pensada para retoques que un recorte con IA o la forma de un marco no logran capturar del todo.
- Selecciona una imagen y abre el Eraser.
- La imagen se oculta temporalmente tras un tablero de ajedrez para que veas exactamente qué queda transparente mientras pintas.
- Pinta sobre las zonas que quieres eliminar.
- Haz clic en Apply para consolidar la transparencia en una imagen nueva con la misma posición, escala y rotación, o en Cancel para restaurar el original sin tocar.
| Control | Rango | Predeterminado |
|---|---|---|
| Tamaño de pincel | 3 a 100 px | 20 |
A diferencia de la eliminación de fondo, el borrador no usa IA ni geometría de marco: es un pincel a mano alzada bajo tu control directo, útil para pequeños arreglos tras cualquiera de los otros dos métodos.
Panel de propiedades de la imagen
Más allá de las herramientas anteriores, una imagen seleccionada expone algunos controles en el panel de propiedades de la derecha.
| Control | Notas |
|---|---|
| Color y grosor de borde | Añade un contorno alrededor de la imagen; el grosor mantiene su espesor a cualquier zoom. En una imagen con el fondo eliminado, el borde traza el contorno real del recorte en lugar de la caja rectangular |
| Radio de esquina | Redondea las esquinas de la imagen recortándola a un rectángulo redondeado. Disponible solo en una imagen independiente; se oculta mientras la imagen está recortada dentro de una forma o un marco, porque rompería el recorte |
| Posición del recorte | Se muestra solo para una imagen recortada dentro de una forma o un marco; controla cómo se sitúa la imagen dentro del contorno (cover por defecto) |
| Acordeón Filters | Abre los controles de Brightness, Contrast, Saturation, Blur y los presets descritos arriba |
La opacidad y la sombra de una imagen viven en los controles de apariencia compartidos, los mismos que usan otros objetos; consulta el panel de propiedades.
Paso a paso
Recortar un avatar cuadrado y luego enderezarlo
- Haz doble clic en la foto para entrar en el modo de recorte.
- En la barra de recorte, elige la relación de aspecto 1:1. El rectángulo se ajusta a un cuadrado y se mantiene cuadrado mientras lo arrastras.
- Arrastra el rectángulo sobre el rostro o el sujeto, usando la cuadrícula de la regla de los tercios para colocarlo.
- Si el origen está girado, haz clic en Rotate 90° para ponerlo derecho (esta rotación se mantiene aunque canceles el recorte).
- Pulsa Enter para aplicar. Vuelve a entrar en el modo de recorte cuando quieras para ajustarlo: la imagen de origen completa siempre se conserva.
Recortar un sujeto y limpiar los píxeles sueltos
- Selecciona la foto y elige Remove Background. Espera a que el modelo se cargue y procese (la primera vez lo descarga una sola vez).
- Cuando aparezca el recorte, busca flecos que hayan quedado o alguna zona que el modelo se haya saltado.
- Abre el Eraser, elige un Tamaño de pincel pequeño y pinta sobre los píxeles sueltos contra el tablero de ajedrez para ver exactamente qué se vuelve transparente.
- Haz clic en Apply para consolidar la limpieza en la imagen.
Darle a una foto un aspecto en blanco y negro de alto contraste
- Selecciona la foto y abre el acordeón Filters en el panel derecho.
- Haz clic en el preset Grayscale.
- Sube Contrast hacia +40 para hundir los negros y realzar las luces, y ajusta un poco Brightness si se ve plano.
- Los ajustes quedan como metadatos editables, así que puedes moderarlos o usar Reset All en cualquier momento antes de exportar.
Dar calidez a una foto con un tono vintage
- Abre el acordeón Filters y haz clic en el preset Sepia para un matiz cálido.
- Sube un poco Brightness y baja algo Contrast para dar una sensación desvaída y envejecida.
- Añade un toque de Blur si quieres un acabado más soñador. Recuerda que el preset se aplica después de los deslizadores, así que los deslizadores dan forma a la imagen base y Sepia tiñe el resultado.
Encajar un diseño sobre la superficie de un mockup
- Recorta primero la ilustración a una proporción cercana a la del destino (por ejemplo 16:9 para una pantalla).
- Selecciónala y abre Perspective Fit.
- Arrastra los cuatro tiradores de esquina a las esquinas de la superficie en la foto del mockup.
- Activa Shadow para dar profundidad y elige un Blend mode como Multiply para que se integre en la superficie; luego pulsa Enter para consolidarlo.
Tareas habituales
| Objetivo | Cómo hacerlo |
|---|---|
| Recorte de forma exacta y repetible | Crea un marco (Herramientas de selección), luego Punch Out with Frame o Ctrl + Alt + R |
| Esquinas de foto redondeadas | Selecciona la imagen y define un Radio de esquina en el panel de propiedades (solo en imagen independiente) |
| Contorno que abraza un recorte, no la caja | Elimina primero el fondo y luego añade un grosor de Border; sigue la silueta trazada |
| Gradación de color reeditable | Usa los deslizadores y presets de Filters; siguen siendo ajustables hasta la exportación |
| Remodelar un marco trazado a grandes rasgos | Haz clic derecho sobre él y elige Edit Vertices |
| Deshacer una deformación o un borrado | Estos se consolidan en píxeles al aplicar; deshaz de inmediato, ya que no son reeditables luego como el recorte y los filtros |
Solución de problemas
La eliminación de fondo se ve tosca en algunas fotos
El modelo está ajustado para un solo sujeto con contraste claro. El cabello, el cristal, el desenfoque de movimiento, el poco contraste o un fondo cargado salen irregulares. Limpia el borde después con el Eraser, o cuando necesites un borde exacto y repetible usa Punch Out with Frame en su lugar. La primera vez descarga el modelo una sola vez (queda en caché durante la sesión), y hacer clic de nuevo en Remove Background mientras aún trabaja se ignora.
El radio de esquina no hace nada en una imagen recortada
El redondeo se bloquea mientras una imagen está recortada dentro de una forma o un marco, porque reconstruir el recorte de las esquinas destruiría el recorte de la forma. Suelta primero el recorte (clic derecho en la imagen, Release Clip), o redondea el contorno a través del marco.
El doble clic no entra en recorte mientras una herramienta de selección está activa
El recorte se activa con doble clic sobre una imagen, pero eso se suprime cuando Quick Select, Lasso o Polygon están en marcha. Sal primero de la herramienta de selección y luego haz doble clic, o usa la opción Crop del clic derecho.
Otros comportamientos que conviene conocer:
- El bloqueo de proporción reajusta el rectángulo. Elegir una relación redimensiona el rectángulo de recorte para que coincida con ella y lo restringe dentro de la imagen, así que no puedes arrastrarlo fuera de proporción. Vuelve a Free para arrastrar las esquinas de forma independiente. Un recorte menor de unos 3 por 3 px se ignora.
- Los filtros no se acumulan como esperarías. Como el orden es fijo (brillo, contraste, saturación, preset, desenfoque), un ajuste como Saturation no tiene efecto visible una vez que Grayscale está activo, porque el preset viene después y elimina el color.
- Falta Vertex Edit en una imagen. Solo funciona sobre un marco sin recortar (incluido un trazado de pluma). Una imagen ya fusionada en un marco no tiene contorno editable; usa Release Clip para recuperar el marco. Un contorno tampoco puede reducirse por debajo de 3 tiradores.
- El recorte borra el borde de un recorte. Después de recortar una imagen con el fondo eliminado, su contorno trazado ya no coincide con los píxeles, así que el borde que seguía el contorno se elimina. Vuelve a añadir un grosor de borde si todavía lo quieres.
- Borrar y deformar son permanentes. El borrador y el ajuste de perspectiva reemplazan la imagen por una nueva aplanada al aplicar. El recorte y los filtros siguen siendo reeditables, pero consolida estos dos solo cuando estés seguro.
Atajos de teclado
| Herramienta | Atajo | Acción |
|---|---|---|
| Crop | doble clic en una imagen | Entrar en el modo de recorte |
| Crop | Enter | Aplicar el recorte |
| Crop | Esc | Cancelar y restaurar |
| Background removal | Ctrl + Alt + R | Punch Out with Frame |
| Perspective fit | Enter | Aplicar la deformación |
| Perspective fit | Esc | Cancelar y restaurar |
| Vertex edit | Enter | Aplicar el contorno remodelado |
| Vertex edit | Esc | Cancelar y restaurar |
| Vertex edit | Delete / Backspace | Eliminar el tirador seleccionado |
Consejos
Consolidado frente a ajustable
El recorte y los filtros siguen siendo metadatos ajustables que puedes revisar en cualquier momento. El ajuste de perspectiva y el borrador consolidan su resultado en los píxeles de la imagen en cuanto aplicas, así que déjalos bien antes de seguir.
Dos formas de eliminar un fondo
Recurre al recorte con IA en una foto con un sujeto claro. Recurre a Punch Out with Frame cuando necesites una forma exacta y repetible, o no quieras esperar a la descarga de un modelo.
Combina selecciones y edición de vértices
El marco de una herramienta de selección no tiene por qué quedarse geométrico. Traza una forma aproximada con Lasso o Polygon y luego afínala con Vertex Edit antes de soltar una imagen dentro o aplicar Perspective Fit.
Relacionado
- Herramientas de selección para crear los marcos que usan la edición de vértices y Punch Out
- Pintar y rellenar para otro camino desde un trazo pintado hasta un marco
- Panel de propiedades para el gestor de color y los ajustes por objeto
- Herramientas de pluma para trazados vectoriales precisos como punto de partida alternativo