Cizallamiento de Imagen

Aplicar transformación de cizallamiento para crear imágenes inclinadas o sesgadas. Visualice matrices de cizallamiento y vea cómo distorsionan la geometría de la imagen.

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif, image/bmp, image/tiff

Subir cualquier archivo de imagen (JPEG, PNG, WebP, GIF, BMP, TIFF) para transformación de cizallamiento

-2 0 2

Factor de cizallamiento horizontal (-2.0 a 2.0, 0 = sin cizallamiento, positivo = inclinación derecha)

-2 0 2

Factor de cizallamiento vertical (-2.0 a 2.0, 0 = sin cizallamiento, positivo = inclinación hacia abajo)

Color de fondo para áreas transparentes (hex #RRGGBB o #RRGGBBAA, o nombre de color)

Elegir formato de salida o mantener original. PNG recomendado para transparencia

Calidad de salida para formatos con pérdida (JPEG, WebP). Mayor = mejor calidad pero archivo más grande

Datos clave

Categoría
Imágenes, audio y video
Tipos de entrada
file, range, text, select, number
Tipo de salida
file
Cobertura de muestras
4
API disponible
Yes

Resumen

Esta herramienta permite aplicar transformaciones de cizallamiento a sus imágenes, permitiéndole sesgar o inclinar la geometría de forma precisa mediante factores horizontales y verticales.

Cuándo usarlo

  • •Cuando necesite corregir la perspectiva de una imagen ligeramente inclinada.
  • •Para crear efectos visuales dinámicos o artísticos mediante la distorsión geométrica.
  • •Al preparar elementos gráficos que requieren un ajuste de inclinación específico para encajar en un diseño.

Cómo funciona

  • •Suba su archivo de imagen en formatos como PNG, JPEG, WebP o TIFF.
  • •Ajuste los controles deslizantes de cizallamiento horizontal (X) y vertical (Y) para definir el grado de inclinación.
  • •Configure el color de fondo para las áreas transparentes resultantes y seleccione el formato de salida deseado.
  • •Descargue la imagen procesada con la nueva geometría aplicada.

Casos de uso

Ajuste de perspectiva para fotografías de documentos o planos.
Creación de sombras proyectadas personalizadas para elementos de diseño web.
Generación de efectos de movimiento o velocidad en gráficos estáticos.

Ejemplos

1. Creación de efecto de sombra inclinada

Diseñador gráfico
Contexto
Necesito crear una sombra proyectada para un icono de producto que parezca estar apoyado sobre una superficie.
Problema
El icono original es una vista frontal y carece de profundidad.
Cómo usarlo
Subir el icono, aplicar un cizallamiento horizontal de 0.5 y establecer el fondo como transparente.
Configuración de ejemplo
shearX: 0.5, shearY: 0, background: 'transparent', format: 'png'
Resultado
El icono se inclina horizontalmente, permitiendo colocarlo sobre una base para simular una sombra proyectada.

2. Corrección de inclinación en escaneos

Contexto
He escaneado un documento que quedó ligeramente torcido durante el proceso.
Problema
El texto y las líneas del documento no están perfectamente alineados horizontalmente.
Cómo usarlo
Cargar la imagen escaneada y ajustar levemente el cizallamiento vertical para compensar la inclinación.
Configuración de ejemplo
shearX: 0, shearY: -0.1, format: 'original'
Resultado
La geometría del documento se endereza, alineando el texto correctamente.

Probar con muestras

image, png, jpg
Ejemplos de Procesamiento de Imágenes Web Python
Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato
title token image
image
Ejemplos de Procesamiento de Imágenes Windows C++
Ejemplos de procesamiento de imágenes Windows C++ incluyendo leer/guardar imágenes, redimensionamiento y conversión de formato usando Windows Imaging Component
title token image
image
Ejemplos de Procesamiento de Imágenes Web Rust
Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato
title token image
image
Procesamiento de Imágenes macOS Objective-C - Ejemplos
Ejemplos de procesamiento de imágenes macOS Objective-C incluyendo lectura/escritura de imágenes, escalado de imágenes y conversión de formato
title token image
image

Hubs relacionados

Herramientas de conversion de formatos de imagen y exportacion animada
Compara convertidores de imagen para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 y salidas pensadas para animacion en un solo hub.
Herramientas de limpieza, acabado y preparacion por lotes de imagenes
Reune en un solo hub herramientas para limpiar imagenes, recortar bordes, agregar margen o marco, redimensionar y comprimir por lotes, poner marcas de agua y pulir activos visuales.
Herramientas de metadatos de imagen, EXIF y limpieza de privacidad
Compara visores de metadatos, inspectores EXIF/IPTC/XMP, corrección de orientación, editores de metadatos y limpieza de privacidad para publicación de imágenes.
Herramientas de codificacion y conversion de audio
Compara conversion de formatos de audio, cambios de bitrate, conversion de frecuencia de muestreo, cambio de codec y exportacion en un solo hub.

Preguntas frecuentes

¿Qué es el cizallamiento de imagen?

Es una transformación geométrica que desplaza los píxeles de una imagen en una dirección específica, creando un efecto de inclinación o sesgo sin rotar la imagen completa.

¿Puedo aplicar cizallamiento en ambos ejes a la vez?

Sí, puede ajustar de forma independiente los factores de cizallamiento horizontal y vertical para obtener una distorsión combinada.

¿Qué sucede con las áreas vacías tras la transformación?

Las áreas que quedan vacías debido al desplazamiento se rellenan con el color de fondo que usted especifique en la configuración.

¿Qué formatos de archivo son compatibles?

La herramienta admite archivos JPEG, PNG, WebP, GIF, BMP y TIFF.

¿Se pierde calidad al aplicar el cizallamiento?

La calidad depende del formato de salida elegido y del valor de calidad configurado; se recomienda usar PNG para mantener la transparencia y la integridad de los píxeles.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/image-shear

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
imageFile file (Subida requerida) Sí Subir cualquier archivo de imagen (JPEG, PNG, WebP, GIF, BMP, TIFF) para transformación de cizallamiento
shearX range Sí Factor de cizallamiento horizontal (-2.0 a 2.0, 0 = sin cizallamiento, positivo = inclinación derecha)
shearY range Sí Factor de cizallamiento vertical (-2.0 a 2.0, 0 = sin cizallamiento, positivo = inclinación hacia abajo)
background text No Color de fondo para áreas transparentes (hex #RRGGBB o #RRGGBBAA, o nombre de color)
format select No Elegir formato de salida o mantener original. PNG recomendado para transparencia
quality number No Calidad de salida para formatos con pérdida (JPEG, WebP). Mayor = mejor calidad pero archivo más grande

Los parámetros de tipo archivo necesitan ser subidos primero vía POST /upload/image-shear para obtener filePath, luego pasar filePath al campo de archivo correspondiente.

Formato de respuesta

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Archivo: Archivo

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-image-shear": {
      "name": "image-shear",
      "description": "Aplicar transformación de cizallamiento para crear imágenes inclinadas o sesgadas. Visualice matrices de cizallamiento y vea cómo distorsionan la geometría de la imagen.",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-shear",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Soporte para enlaces de archivos URL o codificación Base64 para parámetros de archivo.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]