Editor de imágenes

El editor de imágenes te permite pintar y retocar imágenes directamente en el tablero:

• Editar píxeles: pinta, borra, desenfoca, licúa, rellena zonas o proyecta elementos del tablero en la imagen.
• Seleccionar zonas: elige una parte de la imagen para copiarla y pegarla, o para moverla y transformarla. Una selección también limita la pintura y la edición de píxeles a la zona seleccionada.
• Trabajar con capas: apila capas y da a cada una su propia opacidad, máscara y filtros.

Abrir el editor

Abre el editor sobre la imagen o el elemento seleccionado.

• Operación: en el Modo creación, elige Abrir editor de imagen en el panel de acciones.
• Necesita: un elemento seleccionado. Puede ser:
  • Una imagen: cualquier imagen salvo un SVG. El editor pinta sobre la propia imagen.
  • Un elemento vectorial: un elemento geométrico, un trazado, un elemento a mano alzada o una polilínea. El editor pinta dentro de él, sobre su relleno.
• Resultado: los modos y comandos del editor ocupan el panel de acciones, y sus controles aparecen en el panel de atributos.
  • Cuando un elemento vectorial tiene un relleno de color, degradado o patrón, primero ese relleno se convierte en una imagen para que puedas pintar sobre ella. Su resolución sigue los Ajustes.
• Consejo: un SVG está hecho de elementos vectoriales, no de píxeles. Para pintar sobre él, conviértelo antes en una imagen de píxeles con Editar archivo. Consulta Convertir un SVG en una imagen de píxeles.
• Consejo: para una imagen enlazada desde un sitio web, usa antes Guardar una copia, para que el tablero tenga su propia copia de la imagen.

Salir del editor

Guarda tus cambios y vuelve al tablero.

• Operación: elige Salir del editor de imagen en el panel de acciones.
• Resultado: la imagen se guarda como PNG, con sus zonas transparentes. Su tamaño y su recorte en el tablero se mantienen, y las capas siguen editables para la próxima vez.
  • Lo que aún estabas moviendo o redimensionando se fija primero en su sitio.
• Consejo: si el guardado falla, el editor permanece abierto con un error para que puedas volver a intentarlo.

Modos

Un modo decide qué hace dibujar sobre la imagen.

• Usar modo color: pinta sobre la capa o máscara que editas.
• Usar modo borrado: borra partes de la capa.
• Usar modo desenfoque: desenfoca las partes por las que pintas.
• Usar modo licuar: empuja las partes por las que pintas, como si difuminaras pintura fresca.
• Usar modo selección: selecciona la zona que rodeas al dibujar.
• Usar modo pintar selección: pinta la selección con el pincel.
• Usar selección semántica: encuentra un objeto a partir de los marcadores que colocas.
• Usar modo proyección: usa los elementos seleccionados del tablero para pintar, borrar o seleccionar en la imagen.

Pintar

Pintar cambia los píxeles de la capa que estás editando o, con una máscara activa, lo que esa máscara muestra y oculta.

• Operación:
  1. Elige un modo de pintura: Usar modo color, Usar modo borrado, Usar modo desenfoque o Usar modo licuar.
  2. Configura el pincel en el panel de atributos.
  3. Dibuja sobre la imagen.
• Necesita: una capa, no una máscara, para borrar.
• Resultado: tus trazos cambian la capa o la máscara. Si hay una selección, solo cambian lo que hay dentro.

Ajustes del pincel

Los controles que ves dependen del modo, la forma del trazo y su estilo.

• Tamaño: lo grande que es el pincel. Una vista previa lo muestra mientras lo ajustas.
• Color: el color de la pintura.
• Opacidad del color: lo transparente que es la pintura.
• Opacidad constante: un trazo que se cruza consigo mismo no se oscurece. Los trazos separados se siguen sumando.
• Opacidad de borrado: cuánto borra un trazo.
• Opacidad de máscara: en una máscara, cuánto muestra la capa un trazo, de 0 (oculta) a 1 (totalmente visible). Al pintar una selección, los valores cerca de 1 seleccionan y los valores cerca de 0 quitan de la selección.
• Desenfoque: suaviza los bordes de un trazo o de una selección.
• Radio de suavizado: el pincel sigue al puntero a cierta distancia, lo que suaviza las líneas temblorosas. Un valor mayor suaviza más.
• Usar presión: las líneas responden a la fuerza con la que presionas con un lápiz.
• Capas visibles: hace que el relleno, el desenfoque, la selección con IA y copiar píxeles seleccionados miren todas las capas visibles juntas, no solo la que editas. Pintar sigue cambiando solo esa capa o máscara, y copiar o desenfocar una máscara usa solo esa máscara.

Forma del trazo

La forma del trazo decide qué dibuja un arrastre.

• Mano alzada: sigue al puntero. Haz una pausa antes de soltar para convertir el trazo en una forma limpia, como un círculo o un rectángulo, que aún puedes ajustar.
• Línea: una línea recta desde donde presionas hasta donde sueltas.
• Rectángulo: un rectángulo desde donde presionas hasta donde sueltas.
• Definir radio de esquina: redondea las esquinas del rectángulo.
• Elipse: una elipse desde donde presionas hasta donde sueltas.
• Rellenar área: pinta, borra o selecciona una zona de color parecido. Consulta Rellenar un área.

Estilo del trazo

El estilo del trazo decide cómo se ve una línea: hecha de estampas, a mano alzada, sólida o pixel art.

Trazo de sello

Trazo a mano alzada

Trazo sólido

Trazo pixel

Texturas

Una textura es la imagen que pinta cada estampa de un Trazo de sello.

• Operación: elige un origen para la textura:
  • Abrir biblioteca de texturas: una textura incluida.
  • Alfa: una imagen de tu dispositivo.
  • Pegar del portapapeles: una imagen que hayas copiado.
• Resultado: las estampas pintan los colores de la textura. Con Máscara alfa, pintan en su lugar el color del pincel: las zonas claras y opacas pintan más, y las oscuras o transparentes pintan menos. Invertir invierte esa plantilla o, con Máscara alfa desactivada, invierte el brillo de la textura.
• Consejo: las texturas que añades se guardan en este navegador, no con el tablero. Borrar los datos del navegador las elimina.

Rellenar un área

Un relleno cambia la zona conectada de color parecido alrededor del punto donde empiezas.

• Operación:
  1. Elige un modo de relleno:
     • Usar modo color: pinta la zona.
     • Usar modo borrado: borra la zona.
     • Usar modo pintar selección: selecciona la zona.
  2. Elige Rellenar área. Empieza dentro de la zona y arrastra para que el parecido de color sea más amplio o más estricto mientras lo previsualizas, luego suelta.
• Resultado: la zona se pinta, se borra o se selecciona. Una selección existente limita pintar y borrar; seleccionar puede ir más allá de ella.

Desenfocar y licuar

Desenfocar y licuar suavizan los píxeles o los empujan con trazos a mano alzada, usando Tamaño y Usar presión.

• Operación: sigue Pintar con Usar modo desenfoque o Usar modo licuar.
• Resultado: el trazo cambia los píxeles según estos controles:
  • Intensidad del desenfoque: cuánto suaviza el trazo. Capas visibles desenfoca usando todas las capas visibles juntas.
  • Intensidad de licuado: cuánto empuja el trazo los píxeles. La presión del lápiz la cambia cuando Usar presión está activado.
  • Dureza de licuado: con qué rapidez se desvanece el efecto desde el centro del pincel hasta su borde.

Capas

Las capas mantienen separadas partes de la imagen, para que puedas pintar, atenuar o filtrar una sin tocar las demás. La lista muestra primero la capa superior. Selecciona la miniatura de una capa para editarla, y arrastra el asa para cambiar el orden.

Comandos de capa

Estos comandos añaden, copian, fusionan o mueven capas enteras.

• Operación: elige un comando en el panel de acciones.
• Necesita: para fusionar, que la capa que editas sea visible y tenga otra capa debajo. Para transformar, que no haya ninguna selección.
• Resultado:
  • Añadir capa: añade una capa vacía sobre la que editas.
  • Duplicar capa: añade una copia sobre la capa que editas.
  • Fusionar capa hacia abajo: une la capa que editas con la de debajo, y el resultado se ve igual.
  • Transformar capa: permite mover, redimensionar o girar la capa entera, o su máscara si la máscara está activa. Consulta Usar una selección.
• Consejo: para eliminar una capa, usa Eliminar capa en su fila de la lista. Debe quedar al menos una capa de imagen.

Controles de capa

• Definir nombre de capa: el nombre de la capa en la lista.
• Definir opacidad de capa: lo transparente que es la capa.
• Mostrar u ocultar capa: muestra u oculta la capa en la imagen.
• Bloquear o desbloquear capa: una capa bloqueada no se puede pintar. Su nombre, opacidad, visibilidad y filtros siguen pudiendo cambiarse.
• Ajustes de capa: abre la máscara y los filtros de la capa.

Máscaras de capa

Una máscara de capa oculta píxeles sin borrarlos.

• Operación:
  1. Elige Añadir máscara de capa en el panel de acciones, o selecciona la miniatura de una máscara existente en Ajustes de capa.
  2. Pinta con Usar modo color y Opacidad de máscara.
• Necesita: para añadir una máscara, una capa que aún no tenga ninguna.
• Resultado: ahora editas la máscara. Pintar con Opacidad de máscara cerca de 1 muestra la capa, y cerca de 0 la oculta. Selecciona la miniatura de imagen de la capa para volver a sus píxeles.
• Mostrar u ocultar máscara de capa: desactiva la máscara sin eliminarla.
• Bloquear o desbloquear máscara de capa: una máscara bloqueada no se puede pintar.
• Eliminar máscara de capa: elimina la máscara sin cambiar los píxeles de la capa.

Filtros de capa

Los filtros de capa cambian el aspecto de una capa, uno tras otro, sin cambiar sus píxeles hasta que los aplicas.

• Operación:
  1. Si la capa aún no tiene una lista de filtros, elige Añadir filtro de capa en el panel de acciones.
  2. Elige un efecto con Añadir filtro en Filtros y ajústalo con los controles siguientes.
• Resultado: el efecto se añade a la lista de filtros de la capa. Arrastra su asa para cambiar el orden.
• Aplicar este filtro y los filtros activos anteriores: escribe esos filtros en los píxeles de la capa y los quita de la lista.
• Aplicar los filtros activos a los píxeles de la capa: hace lo mismo con todos los filtros activados y conserva los desactivados. Aplicar filtros también incorpora la opacidad de la capa a los píxeles y la restablece a 1.
• Activar este filtro / Desactivar este filtro: activa o desactiva un filtro.
• Activar todos los filtros / Desactivar todos los filtros: desactiva todos los filtros y los vuelve a activar, recordando cuáles estaban desactivados.
• Mostrar lista de filtros / Ocultar lista de filtros: muestra u oculta la lista de filtros. Cada filtro conserva sus ajustes mostrados u ocultos.
• Mostrar los ajustes de este filtro / Ocultar los ajustes de este filtro: muestra u oculta los ajustes de un filtro.
• Eliminar este filtro / Eliminar todos los filtros: elimina un filtro, o todos.

Ajustes globales

Ajustes globales añade una máscara y filtros que se aplican a toda la imagen, a todas las capas juntas.

• Operación: elige Añadir máscara global o Añadir filtro global en el panel de acciones.
• Resultado: una máscara que puedes pintar, o una lista de filtros donde Añadir filtro añade efectos. Solo los filtros de capa pueden aplicarse a los píxeles de la capa.

Seleccionar

Una selección es una zona de la imagen que eliges para copiarla, pegarla, moverla o transformarla. También limita la pintura y la edición de píxeles a la zona seleccionada; la opacidad, las máscaras y los filtros de capa siguen afectando a toda la capa. Definir opacidad de máscara de selección define la intensidad del tinte que marca la selección.

Dibujar una selección

Selecciona la zona dentro de una forma que dibujas.

• Operación:
  1. Elige Usar modo selección.
  2. Elige la forma de la selección:
     • Selección rectangular: un rectángulo.
     • Selección circular: una elipse.
     • Selección de lazo: cualquier forma que dibujes a mano.
  3. Elige cómo se combina con la selección actual:
     • Selección única: la sustituye.
     • Añadir a la selección: se añade a ella.
     • Restar de la selección: quita de ella la zona nueva.
  4. Arrastra sobre la imagen.
• Resultado: la selección cambia según lo elegido. Seleccionar sin arrastrar limpia la selección.
• Consejo: mantén Mayús durante el arrastre para añadir, o Alt para quitar. Los botones de combinación muestran cuál se está usando.

Pintar una selección

Selecciona las zonas por las que pintas.

• Operación: pinta en Usar modo pintar selección con los ajustes del pincel y Opacidad de máscara.
• Resultado: los trazos añaden o quitan de la selección.

Afinar una selección

Afinar cambia el tamaño o el borde de la selección actual.

• Operación: en el modo selección, el modo pintar selección o la selección con IA, elige un control:
  • Expandir o contraer selección: agranda o achica la selección un número de píxeles.
  • Desenfoque: suaviza el borde de la selección.
  • Invertir selección: selecciona todo lo que no estaba seleccionado, desde el panel de acciones.
  • Limpiar selección: elimina la selección, desde el mismo panel.
• Resultado: la selección cambia sin modificar los píxeles de la imagen.

Usar una selección

Estos comandos cambian, mueven o copian la parte seleccionada de la imagen.

• Operación:
  1. Elige un comando en el panel de acciones:
     • Transformar selección: permite mover, redimensionar o girar los píxeles seleccionados con asas.
     • Borrar selección: borra los píxeles seleccionados de una capa, o vuelve a mostrar la zona seleccionada en una máscara. Borrar la selección que se está transformando descarta los píxeles que estás moviendo.
     • Copiar selección / Cortar selección: copia los píxeles seleccionados al portapapeles. Cortar también los borra de la capa o máscara que editas.
     • Pegar selección: coloca una imagen copiada en el puntero del ratón o del lápiz cuando está sobre la imagen o, si no, incluso en pantallas táctiles, en el centro de la parte visible de la imagen. Pegar selección en el centro de la pantalla siempre usa ese centro.
  2. Para los píxeles movidos o pegados, ajusta las asas y después selecciona un punto dentro de la imagen pero fuera de ellos para fijarlos. Seleccionar fuera de la imagen guarda y cierra el editor.
• Necesita: una selección, para borrar, transformar, copiar o cortar. Intercambiar imágenes con otras aplicaciones necesita acceso al portapapeles; una selección copiada en el editor puede pegarse sin él.
• Resultado: con Capas visibles, copiar, cortar y transformar usan todas las capas visibles juntas. Borrar sigue cambiando solo la capa o máscara que editas.
• Consejo: mantén Mayús al redimensionar para conservar las proporciones, o Mayús y Alt para redimensionar por igual alrededor del centro.

Selección semántica

La selección semántica encuentra el contorno de un objeto a partir de los marcadores que colocas en él, con un modelo de IA que se ejecuta en tu navegador.

• Operación:
  1. Elige Usar selección semántica.
  2. Elige un Modelo; cada uno indica su tamaño de descarga. La primera vez, usa Descargar modelo; el modelo descargado queda disponible para más adelante.
  3. Elige Añadir a la selección para marcar partes del objeto, o Restar de la selección para marcar partes que no lo son, y coloca los marcadores en la imagen.
• Necesita: un navegador capaz de ejecutar el modelo. Debes estar editando una capa, no una máscara.
• Resultado: colocar o mover marcadores actualiza la selección. Capas visibles hace que el modelo mire todas las capas visibles juntas. Afina el resultado con Desenfoque y Expandir o contraer selección.
• Invertir marcadores semánticos seleccionados: convierte los marcadores de inclusión en marcadores de exclusión y al revés, en el panel de acciones. Eliminar marcadores semánticos seleccionados los elimina y actualiza la selección.
• Seleccionar nueva zona: empieza con otro objeto. Limpia los marcadores y conserva lo que ya está seleccionado.

Proyectar elementos del tablero

La proyección te permite dibujar con elementos del tablero: los elementos que están sobre la imagen se pintan en ella, la borran o se convierten en una selección.

• Operación:
  1. Elige Usar modo proyección y selecciona elementos individualmente o con un recuadro de selección. Seleccionar de nuevo un elemento incluido lo quita.
  2. Elige un tipo de proyección de los siguientes.
  3. Elige Proyectar elementos en el tablero en el panel de acciones.
     • Con Eliminar origen activado, los elementos del tablero que usaste se eliminan después.
• Necesita: elementos que estén sobre la imagen.
• Resultado: las proyecciones de color y borrado se quedan dentro de la selección. La proyección de selección añade a la selección: el blanco selecciona y el negro se ignora.
• Proyección de color: pinta la capa o, con una máscara activa, pinta la máscara en tonos de gris.
• Proyección de borrado: las zonas claras borran más y las oscuras menos. Funciona sobre una capa, no sobre una máscara.
• Proyección de selección: añade a la selección: el blanco selecciona y el negro se ignora.

Ajustes

Consulta Ajustes para la nitidez de las imágenes cuando se abren por primera vez en el editor, y para Tamaño del historial del editor de imagen, el máximo de pasos de deshacer que conserva el editor. Su valor más bajo es 3, y los dispositivos con poca memoria pueden conservar menos.

Límites

• Archivos: la imagen editada se guarda como PNG, lo que puede hacer el archivo más grande, y una imagen animada pasa a ser fija. Para reducir el archivo o descargarlo, usa Editar archivo (consulta Optimización de archivos multimedia). Una imagen descargada es plana: sus capas se fusionan.
• Resolución: la primera vez que una imagen se abre en el editor, puede reducirse, y un relleno vectorial se convierte en píxeles, según los Ajustes. Después, su tamaño se mantiene. Para ampliar imágenes, consulta Optimización de archivos multimedia.
• Almacenamiento de capas: cada imagen de capa guardada es un archivo propio con el tablero. Cuando hay varias, Tamaño de las capas de imagen en Relleno muestra su tamaño total, sin contar las máscaras.
• Historial de edición: mientras el editor está abierto, deshacer retrocede por tus ediciones. Al salir, un solo deshacer en el tablero revierte toda la sesión. En dispositivos con poca memoria se conservan menos pasos.