Sombras y Efectos

Agrega profundidad e interés visual a tus diagramas con sombras, opacidad y efectos de esquinas.

Sombras

Agregar una Sombra

  1. Selecciona una o más figuras
  2. En el Inspector, busca la sección Shadow
  3. Activa Shadow
  4. Ajusta las propiedades de la sombra

Propiedades de la Sombra

PropiedadDescripción
ColorColor de la sombra (típicamente gris oscuro o negro)
BlurSuavidad del borde de la sombra (0 = nítido, mayor = más suave)
Offset XDistancia horizontal desde la figura
Offset YDistancia vertical desde la figura
OpacityTransparencia de la sombra

Propiedades de la Sombra

Presets de Sombras

Estilos de sombra rápidos:

  • Sutil: Desplazamiento pequeño, poco desenfoque
  • Media: Desplazamiento y desenfoque equilibrados
  • Dramática: Desplazamiento grande, sombra prominente
  • Contacto: Desplazamiento mínimo, mayor desenfoque (parece apoyada)

Consejos para Sombras

  • Mantén la dirección de la sombra consistente en todo tu diagrama
  • Usa sombras sutiles para documentos profesionales
  • Evita sombras en conectores (puede reducir la claridad)
  • Considera tu formato de exportación (las sombras pueden renderizarse de manera diferente)

Opacidad

Ajustar la Transparencia

Haz las figuras semitransparentes:

  1. Selecciona la figura
  2. En el Inspector, busca Opacity
  3. Arrastra el deslizador o introduce un porcentaje
OpacidadEfecto
100%Totalmente opaco
75%Ligeramente transparente
50%Mitad transparente
25%Mayormente transparente
0%Invisible

Casos de Uso para la Opacidad

  • Superposición: Muestra áreas que se solapan
  • Fondos: Marcas de agua o rellenos sutiles
  • Enfoque: Atenúa elementos no esenciales
  • Anotaciones: Llamadas semitransparentes

Opacidad del Relleno vs Opacidad de la Figura

  • Opacidad del Relleno: Solo el relleno se vuelve transparente (el trazo permanece sólido)
  • Opacidad de la Figura: Toda la figura, incluyendo el trazo, se vuelve transparente

Radio de Esquinas

Redondear Esquinas

  1. Selecciona una figura rectangular
  2. En el Inspector, busca Corner Radius
  3. Introduce un valor o arrastra el deslizador
RadioEfecto
0Esquinas nítidas (rectángulo)
PequeñoLigeramente redondeado
MedioNotablemente redondeado
GrandeMuy redondeado
MáximoSe convierte en forma de cápsula/pastilla

Ejemplos de Radio de Esquinas

Control por Esquina

Para diferentes radios en cada esquina:

  1. Haz clic en el desplegable de Corners
  2. Ajusta cada esquina independientemente
  3. Útil para llamadas y figuras personalizadas

Combinar Efectos

Crea profundidad y jerarquía visual:

  1. Figuras de fondo: Menor opacidad, sin sombra
  2. Elementos principales: Opacidad completa, sombra sutil
  3. Elementos de enfoque: Opacidad completa, sombra prominente, esquinas redondeadas

Consideraciones de Rendimiento

Los efectos pueden impactar el rendimiento en diagramas complejos:

  • Las sombras requieren renderizado adicional
  • Muchas figuras transparentes pueden ralentizar el desplazamiento
  • Considera simplificar los efectos antes de exportar

Consejos

  • Menos es más: Los efectos sutiles lucen más profesionales
  • Consistencia: Usa los mismos ajustes de sombra en todo
  • Prueba las exportaciones: Los efectos pueden verse diferentes en PDF vs PNG
  • Accesibilidad: Asegura suficiente contraste al usar transparencia