Categorías

Efecto de Relieve de Imagen

Aplica efectos de relieve profesionales con profundidad ajustable, ángulo y dirección de iluminación para apariencia de superficie 3D

Click to upload file or drag and drop file here

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

Subir imagen para efecto de relieve

0.1 2 10

Profundidad del efecto de relieve (0.1-10, más alto = más profundo)

0 135 360

Ángulo de dirección de luz (0°=derecha, 90°=abajo, 135°=abajo-izquierda)

Color de fondo (hex o R,G,B). Use "none" para transparente

Calidad de salida para formatos con pérdida

Datos clave

Categoría
Design
Tipos de entrada
file, select, range, color, number
Tipo de salida
file
Cobertura de muestras
4
API disponible
Yes

Resumen

Transforma tus imágenes planas en piezas con profundidad visual utilizando nuestra herramienta de efecto de relieve, diseñada para aplicar texturas 3D profesionales mediante ajustes precisos de iluminación y profundidad.

Cuándo usarlo

  • Para añadir un acabado táctil o de grabado a logotipos y gráficos vectoriales.
  • Cuando necesites resaltar texturas en fotografías para un estilo artístico o industrial.
  • Para crear efectos de botones o interfaces de usuario con apariencia tridimensional.

Cómo funciona

  • Sube tu archivo de imagen en formato compatible (JPEG, PNG, WebP, etc.).
  • Selecciona el tipo de relieve deseado y ajusta la profundidad para controlar la intensidad del efecto.
  • Configura el ángulo y la dirección de la luz para definir cómo se proyectan las sombras sobre la superficie.
  • Aplica el modo de mezcla y descarga tu imagen procesada en el formato de salida que prefieras.

Casos de uso

Diseño de elementos de interfaz de usuario (UI) con botones de aspecto físico.
Creación de texturas personalizadas para fondos de pantalla o materiales digitales.
Estilización de logotipos para presentaciones corporativas con acabado metálico o grabado.

Ejemplos

1. Logotipo con efecto metálico grabado

Diseñador Gráfico
Contexto
Un diseñador necesita presentar un logotipo plano con un aspecto más premium y tangible para un cliente.
Problema
El logotipo carece de volumen y parece demasiado simple para una presentación de marca de lujo.
Cómo usarlo
Cargar el archivo PNG del logo, seleccionar el tipo 'Tallado/Grabado' y ajustar la profundidad a 4.0.
Configuración de ejemplo
embossType: 'carved', depth: 4.0, lightDirection: 'top-left'
Resultado
El logotipo adquiere una apariencia de grabado profundo con sombras realistas que le otorgan un acabado profesional y tridimensional.

2. Botones de interfaz 3D

Desarrollador Web
Contexto
Se requiere crear una serie de iconos para una aplicación web que simulen botones físicos presionables.
Problema
Los iconos planos no transmiten la sensación de interactividad necesaria para el usuario.
Cómo usarlo
Subir los iconos, aplicar el relieve '3D' y configurar el ángulo de luz a 135 grados para una iluminación natural.
Configuración de ejemplo
embossType: '3d', depth: 2.5, angle: 135, blendMode: 'overlay'
Resultado
Los iconos ahora presentan un relieve suave y sombras que los hacen destacar sobre el fondo, mejorando la usabilidad y estética de la interfaz.

Probar con muestras

image, png, jpg

Hubs relacionados

Preguntas frecuentes

¿Qué formatos de imagen son compatibles?

Puedes subir archivos en formato JPEG, PNG, TIFF, WebP y BMP.

¿Cómo puedo hacer que el relieve parezca más profundo?

Ajusta el control deslizante de 'Profundidad del Relieve' hacia un valor más alto, hasta un máximo de 10.

¿Puedo hacer que el fondo sea transparente?

Sí, selecciona 'none' en la opción de Color de Fondo para eliminar el relleno sólido.

¿Qué diferencia hay entre los tipos de relieve?

Cada tipo altera la forma en que se calculan las sombras; por ejemplo, 'Cresta Horizontal' enfatiza los bordes laterales, mientras que '3D' ofrece un volumen más completo.

¿Se pierde calidad al aplicar el efecto?

Puedes ajustar la calidad de salida (1-100) en los formatos con pérdida para equilibrar el peso del archivo y la nitidez visual.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/image-emboss

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
imageFile file (Subida requerida) Subir imagen para efecto de relieve
embossType select No -
depth range No Profundidad del efecto de relieve (0.1-10, más alto = más profundo)
angle range No Ángulo de dirección de luz (0°=derecha, 90°=abajo, 135°=abajo-izquierda)
lightDirection select No -
backgroundColor color No Color de fondo (hex o R,G,B). Use "none" para transparente
blendMode select No -
format select No -
quality number No Calidad de salida para formatos con pérdida

Los parámetros de tipo archivo necesitan ser subidos primero vía POST /upload/image-emboss 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-emboss": {
      "name": "image-emboss",
      "description": "Aplica efectos de relieve profesionales con profundidad ajustable, ángulo y dirección de iluminación para apariencia de superficie 3D",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-emboss",
      "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]